use onmount

natster-io/src/views/HomeView.vue

@@ -47,7 +47,7 @@
           A peer-to-multipeer media sharing application built with nothing but NATS and powered by
           Synadia Cloud.
         </p>
-        <div v-if="!codeProvided" class="mt-10 flex items-center gap-x-6">
+        <div class="mt-10 flex items-center gap-x-6">
           <button @click.prevent="login"
             class="rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">
             Login
@@ -66,7 +66,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import { userStore } from '../stores/user.js'
 import { useAuth0 } from '@auth0/auth0-vue'
@@ -76,7 +76,7 @@ const natsterImg = new URL('@/assets/natster.svg', import.meta.url)
 const natsterScreen = new URL('@/assets/natster_screen.png', import.meta.url)
 const { loginWithRedirect } = useAuth0()
 
-const codeProvided = computed(() => {
+onMounted(() => {
   const uStore = userStore()
   const route = useRoute()