feat(gui-v2): move header and sidebar to default layout

packages/nc-gui-v2/app.vue

@@ -1,6 +1,5 @@
 <template>
-  <!--  <NuxtLayout> -->
+  <NuxtLayout>
-  <!--    <NuxtPage /> -->
+    <NuxtPage />
-  <!--  </NuxtLayout> -->
+  </NuxtLayout>
-  <NuxtPage />
 </template>

packages/nc-gui-v2/composables/user.ts

@@ -13,13 +13,11 @@ export const useUser = () => {
   const { $api } = useNuxtApp()
 
   const getUser = async (args = {}) => {
-    const userInfo = await $api.auth.me(args, {
+    user.user = await $api.auth.me(args, {
       headers: {
         'xc-auth': user.value.token,
       },
     })
-
-    user.user = userInfo
   }
 
   const setToken = (token) => {

packages/nc-gui-v2/layouts/default.vue

@@ -5,22 +5,13 @@ export default {
 </script>
 
 <template>
-  <div class="">
+  <v-layout>
-    <!--    <div class="topbar"> -->
+    <v-app-bar color="" />
-    <!--    </div> -->
+    <v-navigation-drawer :permanent="true" />
-    <!--    <div class="sidebar"> -->
+    <v-main>
-    <!--    </div> -->
+      <v-container>
-    <!--    <div class="content"> -->
+        <slot />
-
+      </v-container>
-    <v-layout>
+    </v-main>
-      <v-app-bar color="" />
+  </v-layout>
-      <slot />
-    </v-layout>
-
-    <!--    </div> -->
-  </div>
 </template>
-
-<style scoped>
-
-</style>

packages/nc-gui-v2/pages/projects/index.vue

@@ -27,30 +27,24 @@ onMounted(async () => {
 </script>
 
 <template>
-  <NuxtLayout>
+  <div class="pa-2 d-flex mb-10">
-    <v-navigation-drawer :permanent="true" />
+    <v-spacer />
-    <v-main>
+    <v-btn size="small" class="caption text-capitalize mr-2" color="primary" @click="router.push('/projects/create')">
-      <v-container>
+      Create Project
-        <div class="pa-2 d-flex mb-10">
+    </v-btn>
-          <v-spacer />
+    <v-btn size="small" class="caption text-capitalize mr-2" color="primary" @click="router.push('/projects/create')">
-          <v-btn size="small" class="caption text-capitalize mr-2" color="primary" @click="router.push('/projects/create')">
+      Create External Project
-            Create Project
+    </v-btn>
-          </v-btn>
+  </div>
-          <v-btn size="small" class="caption text-capitalize mr-2" color="primary" @click="router.push('/projects/create')">
+  <v-row>
-            Create External Project
+    <v-col v-for="project in projects" :key="project.id" cols="4">
-          </v-btn>
+      <v-card @click="navigateToDashboard(project)">
-        </div><v-row>
+        <v-card-title>
-          <v-col v-for="project in projects" :key="project.id" cols="4">
+          <div class="text-center">
-            <v-card @click="navigateToDashboard(project)">
+            <h3>{{ project.title }}</h3>
-              <v-card-title>
+          </div>
-                <div class="text-center">
+        </v-card-title>
-                  <h3>{{ project.title }}</h3>
+      </v-card>
-                </div>
+    </v-col>
-              </v-card-title>
+  </v-row>
-            </v-card>
-          </v-col>
-        </v-row>
-      </v-container>
-    </v-main>
-  </NuxtLayout>
 </template>