diff --git a/.eslintrc.js b/.eslintrc.js
index a1b2c4a1..31aaf797 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,5 +1,9 @@
 module.exports = {
 	extends: [
-		'@nextcloud'
-	]
+		'@nextcloud',
+	],
+	globals: {
+		__webpack_public_path__: true,
+		__webpack_nonce__: true,
+	},
 }
diff --git a/src/App.vue b/src/App.vue
index c9356ede..ed65850a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,8 +11,15 @@
 <script>
 import { mutations } from './store/'
 import { showError, showMessage } from '@nextcloud/dialogs'
+import { generateFilePath } from '@nextcloud/router'
+import { getRequestToken } from '@nextcloud/auth'
 import '@nextcloud/dialogs/styles/toast.scss'
 
+// eslint-disable-next-line camelcase
+__webpack_nonce__ = btoa(getRequestToken())
+// eslint-disable-next-line camelcase
+__webpack_public_path__ = generateFilePath('bookmarks', '', 'js/')
+
 export default {
 	name: 'App',
 	computed: {
diff --git a/src/router.js b/src/router.js
index 62dcad0f..357ea01c 100644
--- a/src/router.js
+++ b/src/router.js
@@ -6,11 +6,12 @@
 
 import Vue from 'vue'
 import Router from 'vue-router'
-import ViewPrivate from './components/ViewPrivate'
-import ViewPublic from './components/ViewPublic'
-import ViewBookmarklet from './components/ViewBookmarklet'
 import { generateUrl } from '@nextcloud/router'
 
+const ViewPrivate = () => import(/* webpackPreload: true */ './components/ViewPrivate')
+const ViewPublic = () => import(/* webpackPreload: true */'./components/ViewPublic')
+const ViewBookmarklet = () => import(/* webpackPreload: true */'./components/ViewBookmarklet')
+
 Vue.use(Router)
 
 export const privateRoutes = {