fix: urlBasePath

Author: jiyuujin

app/composables/useAnimation.ts

@@ -1,3 +1,5 @@
+import { urlBasePath } from '~/utils/constants'
+
 export function useAnimation() {
   // types
   type TWindowType = 'sm' | 'md' | 'lg'
@@ -99,7 +101,7 @@ export function useAnimation() {
             x: (GAP + GRID) / 2 + col * (GAP + GRID),
             y: (GAP + GRID) / 2 + row * (GAP + GRID),
             rotate: 0,
-            src: '',
+            src: urlBasePath,
             key: `${row}-${col}`,
           }
           switch (p) {
@@ -140,27 +142,27 @@ export function useAnimation() {
               break
             case '1':
               parts.type = 'head-photo'
-              parts.src = 'image01.png'
+              parts.src = `${urlBasePath}/image01.png`
               break
             case '2':
               parts.type = 'head-photo'
-              parts.src = 'image02.png'
+              parts.src = `${urlBasePath}/image02.png`
               break
             case '3':
               parts.type = 'head-photo'
-              parts.src = 'image03.png'
+              parts.src = `${urlBasePath}/image03.png`
               break
             case '4':
               parts.type = 'head-photo'
-              parts.src = 'image04.png'
+              parts.src = `${urlBasePath}/image04.png`
               break
             case '5':
               parts.type = 'head-photo'
-              parts.src = 'image05.png'
+              parts.src = `${urlBasePath}/image05.png`
               break
             case '6':
               parts.type = 'head-photo'
-              parts.src = 'image06.png'
+              parts.src = `${urlBasePath}/image06.png`
               break
           }
           return parts