Lint

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",

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",

resources/js/app.js

@@ -31,8 +31,8 @@ new Vue({
     render: h => h(InertiaApp, {
         props: {
             initialPage: JSON.parse(el.dataset.page),
-            resolveComponent: name => {
+            resolveComponent: async name => {
-                var page = require(`./views/${name}`).default;
+                var page = (await import(`./views/${name}`)).default;
 
                 if (page.layout === undefined) {
                     page.layout = AppLayout;

resources/js/components/FCheckbox.vue

@@ -57,10 +57,6 @@ export default {
         },
         items: {
             default: undefined
-        },
-        size: {
-            default: null,
-            type: String
         }
     },
     computed: {

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 {

resources/js/components/FSwitch.vue

@@ -45,10 +45,6 @@ export default {
         },
         items: {
             default: undefined
-        },
-        size: {
-            default: null,
-            type: String
         }
     },
     computed: {

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>