wip: create project page

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui-v2/pages/dashboard/[projectId].vue

@@ -1,39 +1,43 @@
 <template>
-  <!--  todo: move to layout or create a reusable component -->
+
-  <div class="nc-container">
+  <NuxtLayout>
-    <div class="nc-topbar shadow-2">
+    <!--  todo: move to layout or create a reusable component -->
-    </div>
+    <div class="nc-container">
-    <div class="nc-sidebar shadow-2 p-4 overflow-y-auto">
+      <div class="nc-topbar shadow-2">
-      <DashboardTreeView></DashboardTreeView>
+      </div>
-    </div>
+      <div class="nc-sidebar shadow-2 p-4 overflow-y-auto">
-    <div class="nc-content p-4 overflow-auto">
+        <DashboardTreeView></DashboardTreeView>
-      <DashboardTabView></DashboardTabView>
+      </div>
+      <div class="nc-content p-4 overflow-auto">
+        <DashboardTabView></DashboardTabView>
+      </div>
     </div>
-  </div>
+
+  </NuxtLayout>
 </template>
 
 <script setup lang="ts">
-import {useProject} from "~/composables/project";
+import { useProject } from "~/composables/project";
-import {watch} from "vue";
+import { watch } from "vue";
-import {useTabs} from "~/composables/tabs";
+import { useTabs } from "~/composables/tabs";
 
-const route = useRoute()
+const route = useRoute();
-const {loadProject, loadTables} = useProject()
+const { loadProject, loadTables } = useProject();
-const {clearTabs} = useTabs()
+const { clearTabs } = useTabs();
 
 
 onMounted(async () => {
-  await loadProject(route.params.projectId as string)
+  await loadProject(route.params.projectId as string);
-  await loadTables()
+  await loadTables();
-})
+});
 
 watch(() => route.params.projectId, async (newVal, oldVal) => {
   if (newVal && newVal !== oldVal) {
-    clearTabs()
+    clearTabs();
-    await loadProject(newVal as string)
+    await loadProject(newVal as string);
-    await loadTables()
+    await loadTables();
   }
-})
+});
 
 </script>
 

packages/nc-gui-v2/plugins/primevue.ts

@@ -1,4 +1,4 @@
-import {defineNuxtPlugin} from "#app";
+import { defineNuxtPlugin } from "#app";
 import PrimeVue from "primevue/config";
 import Button from "primevue/button";
 import InputText from "primevue/inputtext";
@@ -9,19 +9,21 @@ import Message from "primevue/message";
 import TabMenu from "primevue/tabmenu";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
-import ToastService from 'primevue/toastservice';
+import Dropdown from "primevue/dropdown";
+import ToastService from "primevue/toastservice";
 
-export default defineNuxtPlugin((nuxtApp) => {
+export default defineNuxtPlugin(nuxtApp => {
-  nuxtApp.vueApp.use(PrimeVue, {ripple: true});
+  nuxtApp.vueApp.use(PrimeVue, { ripple: true });
   nuxtApp.vueApp.use(ToastService);
-  nuxtApp.vueApp.component('Button', Button);
+  nuxtApp.vueApp.component("Button", Button);
-  nuxtApp.vueApp.component('InputText', InputText);
+  nuxtApp.vueApp.component("InputText", InputText);
-  nuxtApp.vueApp.component('Toast', Toast);
+  nuxtApp.vueApp.component("Toast", Toast);
-  nuxtApp.vueApp.component('Card', Card);
+  nuxtApp.vueApp.component("Card", Card);
-  nuxtApp.vueApp.component('Sidebar', Sidebar);
+  nuxtApp.vueApp.component("Sidebar", Sidebar);
-  nuxtApp.vueApp.component('Message', Message);
+  nuxtApp.vueApp.component("Message", Message);
-  nuxtApp.vueApp.component('TabMenu', TabMenu);
+  nuxtApp.vueApp.component("TabMenu", TabMenu);
-  nuxtApp.vueApp.component('DataTable', DataTable);
+  nuxtApp.vueApp.component("DataTable", DataTable);
-  nuxtApp.vueApp.component('Column', Column);
+  nuxtApp.vueApp.component("Dropdown", Dropdown);
+  nuxtApp.vueApp.component("Column", Column);
   //other components that you need
 });