diff --git a/packages/nc-gui-v2/components/dashboard/TabView.vue b/packages/nc-gui-v2/components/dashboard/TabView.vue
index f3e645406a..777172030c 100644
--- a/packages/nc-gui-v2/components/dashboard/TabView.vue
+++ b/packages/nc-gui-v2/components/dashboard/TabView.vue
@@ -6,21 +6,24 @@ const { tabs, activeTab } = useTabs()
-
-
- {{ tab.title }}
-
+
+
+
+
+ {{tab.title}}
+
+
diff --git a/packages/nc-gui-v2/pages/projects/create.vue b/packages/nc-gui-v2/pages/projects/create.vue
index bb86a300c0..55f0ea823c 100644
--- a/packages/nc-gui-v2/pages/projects/create.vue
+++ b/packages/nc-gui-v2/pages/projects/create.vue
@@ -55,7 +55,7 @@ const createProject = async () => {
-import { ref } from 'vue'
-import { useNuxtApp, useRouter } from '#app'
-const name = ref('')
-const loading = ref(false)
-const valid = ref(false)
+import { useNuxtApp, useRouter } from "#app";
+import { ref } from "vue";
+
+const name = ref('');
+const loading = ref(false);
+const valid = ref(false);
const projectDatasource = reactive({
- client: 'mysql2',
- connection: {
+ client:'mysql2',
+ connection:{
user: 'root',
password: 'password',
port: 3306,
host: 'localhost',
database: '',
- },
-})
+ }
+});
+
+const { $api } = useNuxtApp();
+const $router = useRouter();
+const {user} = useUser()
-const { $api } = useNuxtApp()
-const $router = useRouter()
-const { user } = useUser()
const titleValidationRule = [
- v => !!v || 'Title is required',
- v => v.length <= 50 || 'Project name exceeds 50 characters',
-]
+ v => !!v || "Title is required",
+ v => v.length <= 50 || "Project name exceeds 50 characters"
+];
const createProject = async () => {
- loading.value = true
+ loading.value = true;
try {
- const result = await $api.project.create({
+
+ const result= await $api.project.create({
title: name.value,
bases: [
{
@@ -36,19 +39,20 @@ const createProject = async () => {
config: projectDatasource,
// inflection_column: inflection.column_name,
// inflection_table: inflection.table_name
- },
+ }
],
- external: true,
+ external: true
})
- await $router.push(`/dashboard/${result.id}`)
- }
- catch (e) {
+ await $router.push( `/dashboard/${result.id}`);
+ } catch (e) {
// todo: toast
// this.$toast.error(await this._extractSdkResponseErrorMsg(e)).goAway(3000)
}
- loading.value = false
-}
+ loading.value = false;
+
+};
+
@@ -56,10 +60,11 @@ const createProject = async () => {
+
-
+
Create Project
@@ -70,13 +75,17 @@ const createProject = async () => {
class="nc-metadb-project-name"
label="Project name"
/>
-
+
+
- {
mdi-rocket-launch-outline
-
+
Create project