fix: deepsource bug fix

fix: deepsource bug fix

src/components/AppleTree.vue

@@ -1,13 +1,13 @@
 <script setup>
 import AppleTree from '@/components/icons/AppleTree.vue'
-import { useAppleTreeStore } from '../stores/index'
+import { useAppleTreeStore } from '@/stores/index'
 const appleStore = useAppleTreeStore()
 
 </script>
 
 <template>
   <div :class="{ shake: appleStore.shackingStatus }" @contextmenu.prevent>
-    <AppleTree class="apple-tree" @click="appleStore.shakeTree()"></AppleTree>
+    <AppleTree class="apple-tree" @click="appleStore.shakeTree()" />
   </div>
 </template>
 

src/components/Apples.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { onMounted } from "vue";
-import { useAppleTreeStore } from "../stores/index";
+import { useAppleTreeStore } from "@/stores/index";
 const appleStore = useAppleTreeStore();
 
 onMounted(() => {
@@ -10,12 +10,8 @@ onMounted(() => {
 </script>
 
 <template>
-  <svg
-    v-show="!appleStore.appleIsGroundStatus"
-    id="apples"
-    class="red-apple"
-    :class="{ shake: appleStore.shackingStatus }"
-  ></svg>
+  <svg v-show="!appleStore.appleIsGroundStatus" id="apples" class="red-apple"
+    :class="{ shake: appleStore.shackingStatus }"></svg>
 </template>
 
 <style scoped>

src/components/Basket.vue

@@ -1,13 +1,13 @@
 <script setup>
 import Basket from "@/components/icons/Basket.vue";
-import { useAppleTreeStore } from "../stores/index";
+import { useAppleTreeStore } from "@/stores/index";
 const appleStore = useAppleTreeStore();
 </script>
 
 <template>
   <div class="basket" @contextmenu.prevent>
     <svg v-show="appleStore.appleIsGroundStatus" id="basket_apples" class="basket_apple"></svg>
-    <Basket class="basket-icon"></Basket>
+    <Basket class="basket-icon" />
   </div>
 </template>
 

src/components/EndScreen.vue

@@ -1,15 +1,14 @@
 <script setup>
 import { useAppleTreeStore } from "../stores/index";
-import router from "../router";
+import router from "@/router/index.js";
 const appleStore = useAppleTreeStore();
 
 function resetNow() {
-
   appleStore.setAppleIsGroundStatus(false);
   appleStore.setPlayingStatus(false);
   appleStore.setAppleIsBasketStatus(false);
 
-  router.push({ name: "home" });
+  router.push({ name: "Home" });
 }
 </script>
 

src/components/MainScreen.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { useAppleTreeStore } from "../stores/index";
-import router from "../router";
+import { useAppleTreeStore } from "@/stores/index";
+import router from "@/router/index.js";
 const appleStore = useAppleTreeStore();
 
 function playNow() {

src/views/GameView.vue

@@ -1,12 +1,10 @@
 <script setup>
-import { onBeforeRouteLeave } from "vue-router";
 import Apples from "@/components/Apples.vue";
 import AppleTree from "@/components/AppleTree.vue";
 import GroundGrass from "@/components/GroundGrass.vue";
 import Basket from "@/components/Basket.vue";
 import EndScreen from "@/components/EndScreen.vue";
-
-import { useAppleTreeStore } from "../stores/index";
+import { useAppleTreeStore } from "@/stores/index";
 const appleStore = useAppleTreeStore();
 
 </script>
@@ -22,4 +20,3 @@ const appleStore = useAppleTreeStore();
     <GroundGrass></GroundGrass>
   </template>
 </template>
-<style scoped></style>

src/views/HomeView.vue

@@ -1,5 +1,5 @@
 <script setup>
-import MainScreen from "../components/MainScreen.vue";
+import MainScreen from "@/components/MainScreen.vue";
 </script>
 
 <template>

src/views/NotFoundView.vue

@@ -1,8 +1,8 @@
-<script setup lang="js">
-import router from "../router";
+<script setup>
+import router from "@/router/index.js";
 
 function GoBackHome() {
-  router.push({ path: "/" });
+  router.push({ name: "Home" });
 }
 </script>