Feature/#207 storeファイルを分割し、supabase関連の処理とログイン関連の処理をリファクタリングした

.env.template

@@ -2,6 +2,8 @@
 NUXT_HOST=localhost
 NUXT_PORT=3001
 
+NUXT_PUBLIC_BASE_URL=http://localhost:3001
+
 NUXT_PUBLIC_SUPABASE_URL=http://localhost:54321
 NUXT_PUBLIC_SUPABASE_KEY=
 NUXT_PUBLIC_GTAG_APP_NAME=

README.md

@@ -46,6 +46,7 @@ pnpm dev
 
 ```bash
 supabase db diff -f [file_name]
+supabase gen types --lang=typescript --local > database.types.ts
 ```
 
 # Release

app.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { useAppStore } from '~/store/app'
-
 const { isLoading } = storeToRefs(useAppStore())
 
 const { $i18n } = useNuxtApp()
@@ -10,6 +8,9 @@ useSeoMeta({
   title: $i18n.t(LOCALE_TITLE),
   ogUrl: currentPath,
 })
+
+const { fetchUserData } = useUserStore()
+fetchUserData()
 </script>
 
 <template>

components/molecules/LogOut.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { useSupabaseStore } from '~/store/supabase'
+
+defineProps<{
+  isLogin: boolean,
+}>()
+
+const localePath = useLocalePath()
+const { signOut } = useSupabaseStore()
+
+const clickFn = async () => {
+  await signOut()
+  navigateTo(localePath('/'), { external: true })
+}
+
+</script>
+<template>
+  <a
+    v-if="isLogin"
+    class="navbar-item"
+    exact-active-class="is-active"
+    @click="clickFn()"
+  >
+    {{ $t(LOCALE_AUTH_LOGOUT) }}
+  </a>
+</template>