fix: Use shared init file to properly set nonce for async component l…

…oading

Signed-off-by: Julius Härtl <[email protected]>

src/main.js

@@ -25,12 +25,11 @@ import Collectives from './Collectives.vue'
 import router from './router.js'
 import store from './store/store.js'
 import { sync } from 'vuex-router-sync'
-import { generateFilePath } from '@nextcloud/router'
 
 /** Global directives */
 import VTooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
 
-__webpack_public_path__ = generateFilePath('collectives', '', 'js/') // eslint-disable-line
+import './shared-init.js'
 
 // Register global directives
 Vue.directive('Tooltip', VTooltip)

src/shared-init.js

@@ -1,9 +1,12 @@
+import { getRequestToken } from '@nextcloud/auth'
+import { generateFilePath } from '@nextcloud/router'
+
 // eslint-disable-next-line
-__webpack_nonce__ = btoa(OC.requestToken)
+__webpack_nonce__ = btoa(getRequestToken())
 
 if (!process.env.WEBPACK_SERVE) {
 	// eslint-disable-next-line
-	__webpack_public_path__ = OC.linkTo('collectives', 'js/')
+	__webpack_public_path__ = generateFilePath('collectives', '', 'js/')
 } else {
 	// eslint-disable-next-line
 	__webpack_public_path__ = 'http://127.0.0.1:3000/'