diff --git a/package-lock.json b/package-lock.json
index 7de25337..add492db 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,6 +7,7 @@
             "dependencies": {
                 "@inertiajs/inertia": "^0.11.0",
                 "@inertiajs/inertia-vue": "^0.8.0",
+                "lodash": "^4.17.21",
                 "merge": "^2.1.1",
                 "postcss-import": "^14.0.1",
                 "query-string": "^7.0.0",
diff --git a/package.json b/package.json
index 7914882f..0a0d865e 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "dependencies": {
         "@inertiajs/inertia": "^0.11.0",
         "@inertiajs/inertia-vue": "^0.8.0",
+        "lodash": "^4.17.21",
         "merge": "^2.1.1",
         "postcss-import": "^14.0.1",
         "query-string": "^7.0.0",
diff --git a/resources/js/app.js b/resources/js/app.js
index 07af5f95..bc459a6b 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -31,8 +31,8 @@ new Vue({
     render: h => h(InertiaApp, {
         props: {
             initialPage: JSON.parse(el.dataset.page),
-            resolveComponent: name => {
-                var page = require(`./views/${name}`).default;
+            resolveComponent: async name => {
+                var page = (await import(`./views/${name}`)).default;
 
                 if (page.layout === undefined) {
                     page.layout = AppLayout;
diff --git a/resources/js/components/FCheckbox.vue b/resources/js/components/FCheckbox.vue
index e387c465..0d96f05d 100644
--- a/resources/js/components/FCheckbox.vue
+++ b/resources/js/components/FCheckbox.vue
@@ -57,10 +57,6 @@ export default {
         },
         items: {
             default: undefined
-        },
-        size: {
-            default: null,
-            type: String
         }
     },
     computed: {
diff --git a/resources/js/components/FSelect.vue b/resources/js/components/FSelect.vue
index 1fc4094b..2cc56ad8 100644
--- a/resources/js/components/FSelect.vue
+++ b/resources/js/components/FSelect.vue
@@ -28,8 +28,6 @@
 </template>
 
 <script>
-import mapValues from 'lodash/mapValues';
-import keyBy from 'lodash/keyBy';
 import map from 'lodash/map';
 
 export default {
diff --git a/resources/js/components/FSwitch.vue b/resources/js/components/FSwitch.vue
index 8b6a49d6..2bb07c18 100644
--- a/resources/js/components/FSwitch.vue
+++ b/resources/js/components/FSwitch.vue
@@ -45,10 +45,6 @@ export default {
         },
         items: {
             default: undefined
-        },
-        size: {
-            default: null,
-            type: String
         }
     },
     computed: {
diff --git a/resources/js/components/VNotification.vue b/resources/js/components/VNotification.vue
index 50e67fd2..87442255 100644
--- a/resources/js/components/VNotification.vue
+++ b/resources/js/components/VNotification.vue
@@ -1,10 +1,10 @@
 <template>
     <div class="grid gap-2 has-contents">
         <transition-group name="fadeRight" tag="div">
-            <div v-for="(item, index) in items" :key="'i'+index"
+            <div v-for="item, index in items" :key="'i'+index"
                  :class="`${colors[item.type].bg} ${colors[item.type].text} h-12 flex flex-col items-start justify-center shadow-2xl rounded-sm px-6`"
             >
-                <div class="text-sm" v-for="message in item.messages" v-text="message"></div>
+                <div class="text-sm" v-for="message, mindex in item.messages" :key="mindex" v-text="message"></div>
             </div>
         </transition-group>
     </div>