- renamings to the new naming convetion for adonisjs version 6

- npm updates

resources/js/Components/AsideMenuItem.vue

@@ -5,7 +5,7 @@ import { Link, usePage } from '@inertiajs/vue3';
 
 import { StyleService } from '@/Stores/style.service';
 import { mdiMinus, mdiPlus } from '@mdi/js';
-import { getButtonColor } from '@/colors.js';
+import { getButtonColor } from '@/colors';
 import BaseIcon from '@/Components/BaseIcon.vue';
 // import AsideMenuList from '@/Components/AsideMenuList.vue';
 import { stardust } from '@eidellev/adonis-stardust/client';

resources/js/Components/BaseButton.vue

@@ -2,7 +2,7 @@
 import { computed } from 'vue';
 import { Link } from '@inertiajs/vue3';
 // import { Link } from '@inertiajs/inertia-vue3';
-import { getButtonColor } from '@/colors.js';
+import { getButtonColor } from '@/colors';
 import BaseIcon from '@/Components/BaseIcon.vue';
 
 const props = defineProps({

resources/js/Components/FooterBar.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { computed } from 'vue';
-import { containerMaxW } from '@/config.js';
+import { containerMaxW } from '@/config';
 import BaseLevel from '@/Components/BaseLevel.vue';
 import JustboilLogo from '@/Components/JustboilLogo.vue';
 

resources/js/Components/FormField.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed, useSlots } from 'vue';
 
+
 defineProps({
     label: {
         type: String,

resources/js/Components/IconRounded.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { colorsText, colorsBgLight } from '@/colors.js';
+import { colorsText, colorsBgLight } from '@/colors';
 import BaseIcon from '@/Components/BaseIcon.vue';
 
 defineProps({

resources/js/Components/NavBar.vue

@@ -2,10 +2,10 @@
 import { usePage, router } from '@inertiajs/vue3';
 // import { usePage } from '@inertiajs/inertia-vue3';
 // import { Inertia } from '@inertiajs/inertia';
-import { ComputedRef } from 'vue';
+import type { ComputedRef } from 'vue';
 
 import { computed, ref } from 'vue';
-import { containerMaxW } from '@/config.js';
+import { containerMaxW } from '@/config';
 import { StyleService } from '@/Stores/style.service';
 import { LayoutService } from '@/Stores/layout';
 import {

resources/js/Components/NotificationBar.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref, computed, useSlots } from 'vue';
 import { mdiClose } from '@mdi/js';
-import { colorsBgLight, colorsOutline } from '@/colors.js';
+import { colorsBgLight, colorsOutline } from '@/colors';
 import BaseLevel from '@/Components/BaseLevel.vue';
 import BaseIcon from '@/Components/BaseIcon.vue';
 import BaseButton from '@/Components/BaseButton.vue';

resources/js/Components/NotificationBarInCard.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { colorsBgLight } from '@/colors.js';
+import { colorsBgLight } from '@/colors';
 
 defineProps({
     color: {

resources/js/Components/PillTag.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { computed } from 'vue';
-import { colorsBgLight, colorsOutline } from '@/colors.js';
+import { colorsBgLight, colorsOutline } from '@/colors';
 import BaseIcon from '@/Components/BaseIcon.vue';
 
 const props = defineProps({

resources/js/Components/SectionMain.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { containerMaxW } from '@/config.js';
+import { containerMaxW } from '@/config';
 </script>
 
 <template>