[UI] version page

frontend/src/components/dialog/VersionInput.vue

@@ -2,14 +2,15 @@
   <q-input
     v-model="versionInfo.name"
     filled
+    autofocus
     label="バージョン名"
-    :rules="[(val) => val.length <= 20 || '20字以内で入力ください']"
+    :rules="[(val) => !val || val.length <= 30 || '30字以内で入力ください']"
   />
   <q-input
     v-model="versionInfo.desc"
     filled
     type="textarea"
-    :rules="[(val) => val.length <= 80 || '80字以内で入力ください']"
+    :rules="[(val) => !val || val.length <= 80 || '80字以内で入力ください']"
     label="説明"
   />
 </template>
@@ -22,9 +23,11 @@ const props = defineProps<{
   modelValue: IVersionInfo;
 }>();
 
+const defaultTitle = `${new Date().toLocaleString()}`;
+
 const versionInfo = ref({
   ...props.modelValue,
-  name: props.modelValue.name || `新バージョン ${new Date().toLocaleString()}`,
+  name: props.modelValue.name || defaultTitle,
  });
 
 const emit = defineEmits(['update:modelValue']);