resolved missing authstore errors

layouts/PageHeader.vue

@@ -2,7 +2,7 @@
     <header :class="[darkMode ? 'header-darkmode' : 'header-lightmode']">
         <img id="header-logo" loading="lazy" src="/tüit-logo.svg.png" />
         <div class="profile">
-            <pre :class="['username', darkMode ? 'username-darkmode' : 'username-lightmode']" id='uname'></pre>
+            <pre :class="['username', darkMode ? 'username-darkmode' : 'username-lightmode']" id='uname'>username</pre>
             <div :class="['picture', darkMode ? 'picture-darkmode' : 'picture-lightmode']">
                 <img id="picture" loading="lazy" src="" />
             </div>
@@ -12,54 +12,18 @@
 
 
 <script setup>
-import { useAuthStore } from '~/store/auth';
 import { ref } from 'vue';
 
 const darkMode = ref(true)
-
-//const auth = ref();
 const username = ref('username');
 
-onMounted(() => {
-    //auth.value = useAuthStore();
-    //username.value = auth.value.username;
-    try {
-        username.value = useAuthStore().username;
-    } finally {
-        document.getElementById('uname').innerHTML = username;
-    }
-});
-
-onUpdated(() => {
-    try {
-        username.value = useAuthStore().username;
-    } finally {
-        document.getElementById('uname').innerHTML = username;
-    }
-})
-
 </script>
 
 
 <script>
-import { useAuthStore } from '~/store/auth';
 
 export default {
   name: "PageHeader",
-  /*mounted() {
-    try {
-        const auth = useAuthStore();
-        const username = auth.username;
-        document.getElementById('uname').innerHTML = username;
-    } catch {
-        document.getElementById('uname').innerHTML = 'username'
-    }
-  },
-  updated() {
-    const auth = useAuthStore();
-    const username = auth.username;
-    document.getElementById('uname').innerHTML = username;
-  },*/
 }
 </script>