Upgrade to Laravel 10, Vite 5+

resources/scripts/admin/components/modal-components/SelectTemplateModal.vue

@@ -133,7 +133,7 @@ async function chooseTemplate() {
 }
 
 function getTickImage() {
-  const imgUrl = new URL('/img/tick.png', import.meta.url)
+  const imgUrl = new URL('$images/tick.png', import.meta.url)
   return imgUrl
 }
 

resources/scripts/admin/layouts/partials/TheSiteHeader.vue

@@ -205,7 +205,7 @@ const adminLogo = computed(() => {
 })
 
 function getDefaultAvatar() {
-  const imgUrl = new URL('/img/default-avatar.jpg', import.meta.url)
+  const imgUrl = new URL('$images/default-avatar.jpg', import.meta.url)
   return imgUrl
 }
 

resources/scripts/admin/views/installation/Installation.vue

@@ -1,11 +1,6 @@
 <template>
   <div class="flex flex-col items-center justify-between w-full pt-10">
-    <img
-      id="logo-invoiceshelf"
-      src="/img/logo.png"
-      alt="InvoiceShelf Logo"
-      class="h-12 mb-5 md:mb-10"
-    />
+
 
     <BaseWizard
       :steps="7"
@@ -30,6 +25,7 @@ import Step8CompanyPreferences from './Step8CompanyPreferences.vue'
 import { useInstallationStore } from '@/scripts/admin/stores/installation'
 import { useRouter } from 'vue-router'
 
+
 export default {
   components: {
     step_1: Step1RequirementsCheck,

resources/scripts/admin/views/modules/partials/ModuleCard.vue

@@ -74,7 +74,7 @@
           :src="
             data.author_avatar
               ? data.author_avatar
-              : 'http://localhost:3000/img/default-avatar.jpg'
+              : 'http://localhost:3000$images/default-avatar.jpg'
           "
           alt=""
         />

resources/scripts/components/InvoicePublicPage.vue

@@ -94,7 +94,7 @@ const shareableLink = computed(() => {
 })
 
 function getLogo() {
-  const imgUrl = new URL('/img/logo-gray.png', import.meta.url)
+  const imgUrl = new URL('$images/logo-gray.png', import.meta.url)
   return imgUrl
 }
 

resources/scripts/components/base/BaseFileUploader.vue

@@ -562,7 +562,7 @@ function onFileRemove(index) {
 }
 
 function getDefaultAvatar() {
-  const imgUrl = new URL('/img/default-avatar.jpg', import.meta.url)
+  const imgUrl = new URL('$images/default-avatar.jpg', import.meta.url)
   return imgUrl
 }
 

resources/scripts/customer/layouts/partials/TheSiteHeader.vue

@@ -232,7 +232,7 @@ const previewAvatar = computed(() => {
 })
 
 function getDefaultAvatar() {
-  const imgUrl = new URL('/img/default-avatar.jpg', import.meta.url)
+  const imgUrl = new URL('$images/default-avatar.jpg', import.meta.url)
   return imgUrl
 }
 

resources/scripts/global-components.js

@@ -1,7 +1,7 @@
 import { defineAsyncComponent } from 'vue'
 
 export const defineGlobalComponents = (app) => {
-  const components = import.meta.globEager('./components/base/*.vue')
+  const components = import.meta.glob('./components/base/*.vue', { eager: true })
 
   Object.entries(components).forEach(([path, definition]) => {
     // Get name of component, based on filename

resources/scripts/main.js

@@ -7,6 +7,11 @@ import * as pinia from 'pinia'
 import * as Vue from 'vue'
 import * as Vuelidate from '@vuelidate/core'
 
+import.meta.glob([
+  '../static/img/**',
+  '../static/fonts/**',
+]);
+
 window.pinia = pinia
 window.Vuelidate = Vuelidate