small frontend rewrite

pages/index.vue

@@ -1,17 +1,31 @@
 <template>
-  <div>
-    Hello there traveler
+  <div v-if="user.isLoggedIn">
+    Hello, {{ user.user?.username }}
+		<button @click="user.logout">
+			Logout
+		</button>
+	</div>
+  <div v-else>
     <nuxt-link to="/login">
       Login
     </nuxt-link>
+    or
     <nuxt-link to="/signup">
-      Signup
+      Sign Up
     </nuxt-link>
   </div>
 </template>
 
-<script setup>
+<script lang="ts">
+import { useUserStore } from '~/stores/userStore';
+
 definePageMeta({  
 	middleware: 'auth'
 });
+
+export default {
+	setup() {
+		return { user: useUserStore() };
+	}
+};
 </script>