From 3b19d6d7c07a856cf47264d2b0fded07a3ec70c0 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 28 Jan 2023 15:37:20 +0530
Subject: [PATCH] feat(gui): generate default project nme and select and focus
 the input

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/pages/index/index/create.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/pages/index/index/create.vue b/packages/nc-gui/pages/index/index/create.vue
index c7af4dc174..73f0348aca 100644
--- a/packages/nc-gui/pages/index/index/create.vue
+++ b/packages/nc-gui/pages/index/index/create.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { Input } from 'ant-design-vue'
 import type { Form } from 'ant-design-vue'
 import type { RuleObject } from 'ant-design-vue/es/form'
 import type { VNodeRef } from '@vue/runtime-core'
@@ -8,7 +9,9 @@ import {
   navigateTo,
   projectTitleValidator,
   reactive,
+  onMounted,
   ref,
+  generateUniqueName,
   useApi,
   useNuxtApp,
   useSidebar,
@@ -31,7 +34,7 @@ const nameValidationRules = [
 const form = ref<typeof Form>()
 
 const formState = reactive({
-  title: '',
+  title:  ''
 })
 
 const createProject = async () => {
@@ -47,7 +50,14 @@ const createProject = async () => {
   }
 }
 
-const focus: VNodeRef = (el) => (el as HTMLInputElement)?.focus()
+const focus: VNodeRef = (el: typeof Input) => {
+  el?.$el?.focus()
+  el?.$el?.select()
+}
+
+onMounted(async () => {
+  formState.title = await generateUniqueName()
+})
 </script>
 
 <template>