fixed backend imports

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">
@@ -92,6 +92,15 @@
   </aside>
 </template>
 
+<script setup>
+import { useStore } from 'vuex';
+
+// get accesss to the store
+const store = useStore()
+const toggleEditable = () => {
+  store.commit('toggleEditableAsset');
+};
+</script>
 
 
 <script>
@@ -109,9 +118,6 @@ export default {
       console.log('Actionbar toggled');
       this.isExpanded = !this.isExpanded;
     },
-    toggleEditable() {
-      this.$store.commit('toggleEditableAsset')
-    }
   },
 }
 
@@ -348,4 +354,5 @@ img {
     max-width: 0;
     max-inline-size: 0;
   }
-}</style>
+}
+</style>