addded single asset

layouts/Actionbar.vue

@@ -4,7 +4,7 @@
     <div :class="['icon', darkMode ? 'indicator-darkmode' : 'indicator-lightmode']" id="indicator-icon"
       @click="toggleActionbar">
       <img :class="[darkMode ? 'img-darkmode' : 'img-lightmode']" loading="lazy"
-        src="../icons/actionbar-icons/Indicator-Icon-Opened.svg" />
+        src="../icons/actionbar-icons/Indicator-Icon-Opened.svg"/>
     </div>
     <nav class="actions">
       <button :class="[darkMode ? 'button-darkmode' : 'button-lightmode']" id="search">

layouts/Navigationbar.vue

@@ -13,14 +13,14 @@
     </div>
     <div class="menus">
       <nav id="home-menu" :class="[darkMode ? 'menu-darkmode' : 'menu-lightmode']">
-        <router-link to="/home" class="button" :class="[darkMode ? 'button-darkmode' : 'button-lightmode']"
-          id="home-button">
+        <nuxt-link to="/home" class="button" @click="defaultAssetPage()"
+          :class="[darkMode ? 'button-darkmode' : 'button-lightmode']" id="home-button">
           <div class="icon" id="home-icon">
             <img :class="[darkMode ? 'img-darkmode' : 'img-lightmode']" loading="lazy"
               src="../icons/navbar-icons/Home-Icon.svg" />
           </div>
           <span v-if="isExpanded" :class="['label', darkMode ? 'label-darkmode' : 'label-lightmode']">Home</span>
-        </router-link>
+        </nuxt-link>
       </nav>
       <nav id="site-menu">
         <router-link to="/maintenanceVisits" class="button" :class="[darkMode ? 'button-darkmode' : 'button-lightmode']"
@@ -85,6 +85,12 @@ const ToggleSidebar = () => {
 <script>
 export default {
   name: "Navigationbar",
+  methods: {
+    defaultAssetPage() {
+      this.$store.commit('resetChosenAsset')
+      this.$store.commit('changeToAssetlist')
+    }
+  }
 }
 </script>