Project folder and file restructuring/renaming

src/App.vue

@@ -10,7 +10,7 @@ import { defineComponent } from "vue";
 
 // Components
 
-import NavBar from "./components/NavBar.vue";
+import NavBar from "./components/NavigationComponents/NavBar.vue";
 
 export default defineComponent({
   name: "App",

src/assets/logo.svg

-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100"><defs><style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style></defs><title>Artboard 46</title><polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32"/><polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"/><polyline class="cls-3" points="43.75 0 64.19 0 43.75 48.32"/><polygon class="cls-4" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"/></svg>

src/components/CreateNewGroup.vue → src/components/FormComponents/NewGroupForm.vue

@@ -198,7 +198,7 @@
           v-show="imageAdded"
           @click="removeImage"
         >
-          <img src="../assets/removeIcon.png" alt="Remove icon image" />
+          <img src="../../assets/removeIcon.png" alt="Remove icon image" />
         </button>
       </div>
 

src/components/GroupHome.vue → src/components/GroupComponents/GroupHome.vue

@@ -34,7 +34,7 @@
 </template>
 
 <script>
-import ItemCard from "@/components/ItemCard";
+import ItemCard from "@/components/GroupComponents/ItemCard";
 export default {
   name: "SearchItemListComponent",
 

src/components/GroupeComponents/GroupList.vue → src/components/GroupComponents/GroupList.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import GroupListItem from "@/components/GroupeComponents/GroupListItem.vue";
+import GroupListItem from "@/components/GroupComponents/GroupListItem.vue";
 
 export default {
   name: "GroupList",

src/components/ItemCard.vue → src/components/GroupComponents/ItemCard.vue

@@ -3,7 +3,7 @@
     <div class="w-4/5 rounded bg-gray-200">
       <img
         class="w-full"
-        :src="item.img || require('../assets/default-product.png')"
+        :src="item.img || require('../../assets/default-product.png')"
         alt="Item image"
       />
       <div class="p-1 m-1">

src/components/SearchItemListComponent.vue → src/components/GroupComponents/SearchItemList.vue

@@ -31,7 +31,7 @@
 </template>
 
 <script>
-import ItemCard from "@/components/ItemCard";
+import ItemCard from "@/components/GroupComponents/ItemCard";
 export default {
   name: "SearchItemListComponent",
 

src/components/NavBar.vue → src/components/NavigationComponents/NavBar.vue

@@ -5,7 +5,7 @@
     <div class="logo">
       <img
         class="m-1 ml-4 cursor-pointer h-12"
-        src="../assets/logo3.svg"
+        src="../../assets/logo3.svg"
         alt="BoCo logo"
         @click="$router.push('/')"
       />
@@ -14,7 +14,7 @@
       <li>
         <img
           class="m-6 cursor-pointer h-7"
-          src="../assets/additem.png"
+          src="../../assets/additem.png"
           alt="Legg til"
           @click="$router.push('/addNewItem')"
         />
@@ -22,7 +22,7 @@
       <li>
         <img
           class="m-6 cursor-pointer h-7"
-          src="../assets/messages.png"
+          src="../../assets/messages.png"
           alt="Meldinger"
           @click="$router.push('/messages')"
         />
@@ -30,7 +30,7 @@
       <li>
         <img
           class="m-6 cursor-pointer h-7"
-          src="../assets/profile.png"
+          src="../../assets/profile.png"
           alt="Profil"
           @click="loadProfile"
         />