From 1e5794f2354ba3286f2d51f8fa395b330335a632 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 21 Jul 2022 12:53:21 +0530
Subject: [PATCH] feat(gui-v2): convert tabview into nested page

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../{[projectId].vue => [projectId]/index.vue}  |  3 ++-
 .../pages/nc/[projectId]/index/index.vue        | 11 +++++++++++
 .../pages/nc/[projectId]/index/index/index.vue  | 17 +++++++++++++++++
 3 files changed, 30 insertions(+), 1 deletion(-)
 rename packages/nc-gui-v2/pages/nc/{[projectId].vue => [projectId]/index.vue} (94%)
 create mode 100644 packages/nc-gui-v2/pages/nc/[projectId]/index/index.vue
 create mode 100644 packages/nc-gui-v2/pages/nc/[projectId]/index/index/index.vue

diff --git a/packages/nc-gui-v2/pages/nc/[projectId].vue b/packages/nc-gui-v2/pages/nc/[projectId]/index.vue
similarity index 94%
rename from packages/nc-gui-v2/pages/nc/[projectId].vue
rename to packages/nc-gui-v2/pages/nc/[projectId]/index.vue
index 01b32f99f0..ce224f7857 100644
--- a/packages/nc-gui-v2/pages/nc/[projectId].vue
+++ b/packages/nc-gui-v2/pages/nc/[projectId]/index.vue
@@ -29,7 +29,8 @@ $state.sidebarOpen.value = true
     </template>
 
     <v-container fluid>
-      <DashboardTabView />
+      <!--      <DashboardTabView /> -->
+      <NuxtPage />
     </v-container>
   </NuxtLayout>
 </template>
diff --git a/packages/nc-gui-v2/pages/nc/[projectId]/index/index.vue b/packages/nc-gui-v2/pages/nc/[projectId]/index/index.vue
new file mode 100644
index 0000000000..8119a0ec08
--- /dev/null
+++ b/packages/nc-gui-v2/pages/nc/[projectId]/index/index.vue
@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <NuxtPage/>
+</template>
+
+<style scoped>
+.nc-main-tab {
+}
+</style>
diff --git a/packages/nc-gui-v2/pages/nc/[projectId]/index/index/index.vue b/packages/nc-gui-v2/pages/nc/[projectId]/index/index/index.vue
new file mode 100644
index 0000000000..d40f82d345
--- /dev/null
+++ b/packages/nc-gui-v2/pages/nc/[projectId]/index/index/index.vue
@@ -0,0 +1,17 @@
+<script>
+export default {
+  name: 'Index',
+}
+</script>
+
+<template>
+  <div class="nc-main-tab">
+    <span>Welcome to NocoDB!</span>
+  </div>
+</template>
+
+<style scoped>
+.nc-main-tab {
+  @apply w-full text-3xl text-gray-400 flex align-center justify-center;
+}
+</style>