lazy load dashboard widget and reference widget

Signed-off-by: Julien Veyssier <julien-nc@posteo.net>

Author: julien-nc

src/dashboard.js

@@ -1,5 +1,3 @@
-/* jshint esversion: 6 */
-
 /**
  * Nextcloud - zammad
  *
@@ -11,17 +9,17 @@
  * @copyright Julien Veyssier 2020
  */
 
-import Vue from 'vue'
-import './bootstrap.js'
-import Dashboard from './views/Dashboard.vue'
-
-document.addEventListener('DOMContentLoaded', function() {
+__webpack_nonce__ = btoa(OC.requestToken) // eslint-disable-line
+__webpack_public_path__ = OC.linkTo('integration_zammad', 'js/') // eslint-disable-line
 
-	OCA.Dashboard.register('zammad_notifications', (el, { widget }) => {
+document.addEventListener('DOMContentLoaded', () => {
+	OCA.Dashboard.register('zammad_notifications', async (el, { widget }) => {
+		const { default: Vue } = await import(/* webpackChunkName: "dashboard-lazy" */'vue')
+		const { default: Dashboard } = await import(/* webpackChunkName: "dashboard-lazy" */'./views/Dashboard.vue')
+		Vue.mixin({ methods: { t, n } })
 		const View = Vue.extend(Dashboard)
 		new View({
 			propsData: { title: widget.title },
 		}).$mount(el)
 	})
-
 })

src/reference.js

@@ -20,11 +20,14 @@
  */
 
 import { registerWidget } from '@nextcloud/vue-richtext'
-import './bootstrap.js'
-import Vue from 'vue'
-import ReferenceZammadWidget from './views/ReferenceZammadWidget.vue'
 
-registerWidget('integration_zammad', (el, { richObjectType, richObject, accessible }) => {
+__webpack_nonce__ = btoa(OC.requestToken) // eslint-disable-line
+__webpack_public_path__ = OC.linkTo('integration_zammad', 'js/') // eslint-disable-line
+
+registerWidget('integration_zammad', async (el, { richObjectType, richObject, accessible }) => {
+	const { default: Vue } = await import(/* webpackChunkName: "reference-lazy" */'vue')
+	const { default: ReferenceZammadWidget } = await import(/* webpackChunkName: "reference-lazy" */'./views/ReferenceZammadWidget.vue')
+	Vue.mixin({ methods: { t, n } })
 	const Widget = Vue.extend(ReferenceZammadWidget)
 	new Widget({
 		propsData: {