chore: migrate components to typescript setup (#55)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
2026-01-22 16:00:39 +01:00 · 2022-05-09 16:05:07 +02:00
parent 6c2f93f262
commit 39bf242f78
19 changed files with 1538 additions and 1684 deletions
--- a/src/runtime/components/forms/FormGroup.vue
+++ b/src/runtime/components/forms/FormGroup.vue
@@ -21,67 +21,65 @@
  </div>
 </template>

-<script>
+<script setup lang="ts">
 import $ui from '#build/ui'

-export default {
-  props: {
-    name: {
-      type: String,
-      default: null
-    },
-    label: {
-      type: String,
-      default: null
-    },
-    description: {
-      type: String,
-      default: null
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    help: {
-      type: String,
-      default: null
-    },
-    hint: {
-      type: String,
-      default: null
-    },
-    wrapperClass: {
-      type: String,
-      default: () => $ui.formGroup.wrapper
-    },
-    containerClass: {
-      type: String,
-      default: () => $ui.formGroup.container
-    },
-    labelClass: {
-      type: String,
-      default: () => $ui.formGroup.label
-    },
-    labelWrapperClass: {
-      type: String,
-      default: () => $ui.formGroup.labelWrapper
-    },
-    descriptionClass: {
-      type: String,
-      default: () => $ui.formGroup.description
-    },
-    requiredClass: {
-      type: String,
-      default: () => $ui.formGroup.required
-    },
-    hintClass: {
-      type: String,
-      default: () => $ui.formGroup.hint
-    },
-    helpClass: {
-      type: String,
-      default: () => $ui.formGroup.help
-    }
+defineProps({
+  name: {
+    type: String,
+    default: null
+  },
+  label: {
+    type: String,
+    default: null
+  },
+  description: {
+    type: String,
+    default: null
+  },
+  required: {
+    type: Boolean,
+    default: false
+  },
+  help: {
+    type: String,
+    default: null
+  },
+  hint: {
+    type: String,
+    default: null
+  },
+  wrapperClass: {
+    type: String,
+    default: () => $ui.formGroup.wrapper
+  },
+  containerClass: {
+    type: String,
+    default: () => $ui.formGroup.container
+  },
+  labelClass: {
+    type: String,
+    default: () => $ui.formGroup.label
+  },
+  labelWrapperClass: {
+    type: String,
+    default: () => $ui.formGroup.labelWrapper
+  },
+  descriptionClass: {
+    type: String,
+    default: () => $ui.formGroup.description
+  },
+  requiredClass: {
+    type: String,
+    default: () => $ui.formGroup.required
+  },
+  hintClass: {
+    type: String,
+    default: () => $ui.formGroup.hint
+  },
+  helpClass: {
+    type: String,
+    default: () => $ui.formGroup.help
  }
-}
+})
 </script>