From d7c7be263eb29e8dc1debcc81cbc979bed9b9f4d Mon Sep 17 00:00:00 2001
From: tomoyahiroe <tomoya4creative@gmail.com>
Date: Wed, 20 Mar 2024 22:13:44 +0900
Subject: [PATCH] =?UTF-8?q?:sparkles:=20useOrgs=E3=81=AE=E4=BD=BF=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/default.vue |  3 ++-
 nuxt.config.ts      |  2 +-
 pages/index.vue     | 39 ++++++++++++++++++++++++---------------
 3 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index dc7988a..e5b9d31 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import AppSidebar from './AppSidebar.vue'
+import AppSidebar from '~/layouts/AppSidebar.vue'
 
 useHead({
   title: 'Top',
   titleTemplate: (title) => `${title} | YNU-fes`
 })
+const user = await useLogin().getCurrentUser()
 </script>
 <template>
   <div id="dashboard-root-frame">
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 413fbe1..4bf280e 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -73,7 +73,7 @@ export default defineNuxtConfig({
       baseURL: 'http://localhost:1306',
       callbackURL: 'http://localhost:1306/api/v1/auth/line/callback',
       lineClientID: process.env.LINE_CLIENT_ID,
-      enableRouting: false
+      enableRouting: true
     }
   }
 })
diff --git a/pages/index.vue b/pages/index.vue
index 73fce41..f5e443b 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,21 +1,30 @@
 <script lang="ts" setup>
-import { onBeforeMount, ref } from 'vue'
+import { useOrg, type AccessibleOrg } from '~/composables/useOrg'
 useHead({ title: 'top' })
 
-const showLogin = ref(false)
-const showOrgs = ref(false)
-onBeforeMount(() => {
-  console.log(document.cookie)
-})
+const accessibleOrgs: AccessibleOrg[] | null =
+  await useOrg().getAccessibleOrgs()
+const orgInfo: OrgInfo | null =
+  accessibleOrgs != null
+    ? await useOrg().getOrgInfo(accessibleOrgs[0].id)
+    : null
 </script>
 <template>
-  <main class="main-content-wrapper"></main>
+  <main class="main-content-wrapper">
+    <div v-if="!accessibleOrgs">
+      <p class="mx-auto w-fit mt-4 xl:ml-8">
+        アクセスできる企画団体が存在しません
+      </p>
+    </div>
+    <div v-else>
+      <pre class="util-color-bg-main w-fit p-5 mx-auto mt-4">{{
+        'アクセスできる企画団体一覧: ' +
+        JSON.stringify(accessibleOrgs, null, '\t')
+      }}</pre>
+      <pre class="util-color-bg-main w-fit p-5 mx-auto mt-4">{{
+        'デフォルトの企画団体情報: ' + JSON.stringify(orgInfo, null, '\t')
+      }}</pre>
+    </div>
+  </main>
 </template>
-<style>
-.main-content-wrapper {
-  margin: 20px 40px;
-}
-.count-down {
-  margin: 40px 0;
-}
-</style>
+<style></style>