@evanschleret/formforgeclient 2.0.0 → 2.0.1

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "2.0.0",
+  "version": "2.0.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/composables/useFormForgeI18n.d.ts

@@ -21,6 +21,8 @@ declare const TRANSLATIONS: {
         readonly 'builder.fieldType.date': "Date";
         readonly 'builder.fieldType.time': "Time";
         readonly 'builder.fieldType.file': "File upload";
+        readonly 'builder.tabs.builder': "Builder";
+        readonly 'builder.tabs.settings': "Settings";
         readonly 'builder.targetType.page': "Page";
         readonly 'builder.targetType.field': "Field";
         readonly 'builder.formTitlePlaceholder': "Form title";
@@ -160,6 +162,31 @@ declare const TRANSLATIONS: {
         readonly 'builder.toast.unpublishSuccess': "Form unpublished";
         readonly 'builder.optionDefaultLabel': "Option";
         readonly 'builder.optionsCount': "{count} options";
+        readonly 'builder.settings.title': "Settings";
+        readonly 'builder.settings.description': "Configure the lifecycle, access, and publication settings for this form.";
+        readonly 'builder.settings.formTitlePlaceholder': "Form title";
+        readonly 'builder.settings.categoryPlaceholder': "Category";
+        readonly 'builder.settings.opening.title': "Survey opening";
+        readonly 'builder.settings.opening.description': "Choose when the form becomes available.";
+        readonly 'builder.settings.opening.date': "Opening date";
+        readonly 'builder.settings.opening.time': "Opening time";
+        readonly 'builder.settings.closing.title': "Survey closing";
+        readonly 'builder.settings.closing.description': "Choose when the form stops accepting responses.";
+        readonly 'builder.settings.closing.date': "Closing date";
+        readonly 'builder.settings.closing.time': "Closing time";
+        readonly 'builder.settings.submissionLimit.title': "Submission limit";
+        readonly 'builder.settings.submissionLimit.description': "The form closes automatically after this many responses.";
+        readonly 'builder.settings.submissionLimit.maximumResponses': "Maximum responses";
+        readonly 'builder.settings.access.title': "Access";
+        readonly 'builder.settings.access.description': "Control who can submit the form and whether a PIN is required.";
+        readonly 'builder.settings.access.publicForm.title': "Public form";
+        readonly 'builder.settings.access.publicForm.description': "Allow anyone with the link to submit responses.";
+        readonly 'builder.settings.access.publicLink': "Public link";
+        readonly 'builder.settings.access.publicLinkPlaceholder': "Save the form to generate a link";
+        readonly 'builder.settings.access.pinProtection.title': "PIN protection";
+        readonly 'builder.settings.access.pinProtection.description': "Require a PIN before the form can be submitted.";
+        readonly 'builder.settings.access.pin': "PIN";
+        readonly 'builder.settings.access.pinPlaceholder': "Enter PIN";
         readonly 'builder.logic.title': "Conditional logic";
         readonly 'builder.logic.empty': "No logic rule yet";
         readonly 'builder.logic.rulesCount': "{count} logic rules";
@@ -255,6 +282,8 @@ declare const TRANSLATIONS: {
         readonly 'builder.fieldType.date': "Date";
         readonly 'builder.fieldType.time': "Heure";
         readonly 'builder.fieldType.file': "Téléversement de fichier";
+        readonly 'builder.tabs.builder': "Constructeur";
+        readonly 'builder.tabs.settings': "Paramètres";
         readonly 'builder.targetType.page': "Page";
         readonly 'builder.targetType.field': "Champ";
         readonly 'builder.formTitlePlaceholder': "Titre du formulaire";
@@ -394,6 +423,31 @@ declare const TRANSLATIONS: {
         readonly 'builder.toast.unpublishSuccess': "Formulaire dépublié";
         readonly 'builder.optionDefaultLabel': "Option";
         readonly 'builder.optionsCount': "{count} options";
+        readonly 'builder.settings.title': "Paramètres";
+        readonly 'builder.settings.description': "Configurez le cycle de vie, l’accès et les paramètres de publication de ce formulaire.";
+        readonly 'builder.settings.formTitlePlaceholder': "Titre du formulaire";
+        readonly 'builder.settings.categoryPlaceholder': "Catégorie";
+        readonly 'builder.settings.opening.title': "Ouverture du sondage";
+        readonly 'builder.settings.opening.description': "Choisissez quand le formulaire devient disponible.";
+        readonly 'builder.settings.opening.date': "Date d’ouverture";
+        readonly 'builder.settings.opening.time': "Heure d’ouverture";
+        readonly 'builder.settings.closing.title': "Fermeture du sondage";
+        readonly 'builder.settings.closing.description': "Choisissez quand le formulaire cesse d’accepter des réponses.";
+        readonly 'builder.settings.closing.date': "Date de fermeture";
+        readonly 'builder.settings.closing.time': "Heure de fermeture";
+        readonly 'builder.settings.submissionLimit.title': "Limite de réponses";
+        readonly 'builder.settings.submissionLimit.description': "Le formulaire se ferme automatiquement après ce nombre de réponses.";
+        readonly 'builder.settings.submissionLimit.maximumResponses': "Nombre maximal de réponses";
+        readonly 'builder.settings.access.title': "Accès";
+        readonly 'builder.settings.access.description': "Contrôlez qui peut répondre au formulaire et si un code PIN est requis.";
+        readonly 'builder.settings.access.publicForm.title': "Formulaire public";
+        readonly 'builder.settings.access.publicForm.description': "Autorisez toute personne ayant le lien à envoyer des réponses.";
+        readonly 'builder.settings.access.publicLink': "Lien public";
+        readonly 'builder.settings.access.publicLinkPlaceholder': "Enregistrez le formulaire pour générer un lien";
+        readonly 'builder.settings.access.pinProtection.title': "Protection par PIN";
+        readonly 'builder.settings.access.pinProtection.description': "Exiger un code PIN avant l’envoi du formulaire.";
+        readonly 'builder.settings.access.pin': "PIN";
+        readonly 'builder.settings.access.pinPlaceholder': "Saisissez le PIN";
         readonly 'builder.logic.title': "Logique conditionnelle";
         readonly 'builder.logic.empty': "Aucune règle de logique";
         readonly 'builder.logic.rulesCount': "{count} règles de logique";

package/dist/runtime/composables/useFormForgeI18n.js

@@ -17,6 +17,8 @@ const TRANSLATIONS = {
     "builder.fieldType.date": "Date",
     "builder.fieldType.time": "Time",
     "builder.fieldType.file": "File upload",
+    "builder.tabs.builder": "Builder",
+    "builder.tabs.settings": "Settings",
     "builder.targetType.page": "Page",
     "builder.targetType.field": "Field",
     "builder.formTitlePlaceholder": "Form title",
@@ -156,6 +158,31 @@ const TRANSLATIONS = {
     "builder.toast.unpublishSuccess": "Form unpublished",
     "builder.optionDefaultLabel": "Option",
     "builder.optionsCount": "{count} options",
+    "builder.settings.title": "Settings",
+    "builder.settings.description": "Configure the lifecycle, access, and publication settings for this form.",
+    "builder.settings.formTitlePlaceholder": "Form title",
+    "builder.settings.categoryPlaceholder": "Category",
+    "builder.settings.opening.title": "Survey opening",
+    "builder.settings.opening.description": "Choose when the form becomes available.",
+    "builder.settings.opening.date": "Opening date",
+    "builder.settings.opening.time": "Opening time",
+    "builder.settings.closing.title": "Survey closing",
+    "builder.settings.closing.description": "Choose when the form stops accepting responses.",
+    "builder.settings.closing.date": "Closing date",
+    "builder.settings.closing.time": "Closing time",
+    "builder.settings.submissionLimit.title": "Submission limit",
+    "builder.settings.submissionLimit.description": "The form closes automatically after this many responses.",
+    "builder.settings.submissionLimit.maximumResponses": "Maximum responses",
+    "builder.settings.access.title": "Access",
+    "builder.settings.access.description": "Control who can submit the form and whether a PIN is required.",
+    "builder.settings.access.publicForm.title": "Public form",
+    "builder.settings.access.publicForm.description": "Allow anyone with the link to submit responses.",
+    "builder.settings.access.publicLink": "Public link",
+    "builder.settings.access.publicLinkPlaceholder": "Save the form to generate a link",
+    "builder.settings.access.pinProtection.title": "PIN protection",
+    "builder.settings.access.pinProtection.description": "Require a PIN before the form can be submitted.",
+    "builder.settings.access.pin": "PIN",
+    "builder.settings.access.pinPlaceholder": "Enter PIN",
     "builder.logic.title": "Conditional logic",
     "builder.logic.empty": "No logic rule yet",
     "builder.logic.rulesCount": "{count} logic rules",
@@ -251,6 +278,8 @@ const TRANSLATIONS = {
     "builder.fieldType.date": "Date",
     "builder.fieldType.time": "Heure",
     "builder.fieldType.file": "T\xE9l\xE9versement de fichier",
+    "builder.tabs.builder": "Constructeur",
+    "builder.tabs.settings": "Param\xE8tres",
     "builder.targetType.page": "Page",
     "builder.targetType.field": "Champ",
     "builder.formTitlePlaceholder": "Titre du formulaire",
@@ -390,6 +419,31 @@ const TRANSLATIONS = {
     "builder.toast.unpublishSuccess": "Formulaire d\xE9publi\xE9",
     "builder.optionDefaultLabel": "Option",
     "builder.optionsCount": "{count} options",
+    "builder.settings.title": "Param\xE8tres",
+    "builder.settings.description": "Configurez le cycle de vie, l\u2019acc\xE8s et les param\xE8tres de publication de ce formulaire.",
+    "builder.settings.formTitlePlaceholder": "Titre du formulaire",
+    "builder.settings.categoryPlaceholder": "Cat\xE9gorie",
+    "builder.settings.opening.title": "Ouverture du sondage",
+    "builder.settings.opening.description": "Choisissez quand le formulaire devient disponible.",
+    "builder.settings.opening.date": "Date d\u2019ouverture",
+    "builder.settings.opening.time": "Heure d\u2019ouverture",
+    "builder.settings.closing.title": "Fermeture du sondage",
+    "builder.settings.closing.description": "Choisissez quand le formulaire cesse d\u2019accepter des r\xE9ponses.",
+    "builder.settings.closing.date": "Date de fermeture",
+    "builder.settings.closing.time": "Heure de fermeture",
+    "builder.settings.submissionLimit.title": "Limite de r\xE9ponses",
+    "builder.settings.submissionLimit.description": "Le formulaire se ferme automatiquement apr\xE8s ce nombre de r\xE9ponses.",
+    "builder.settings.submissionLimit.maximumResponses": "Nombre maximal de r\xE9ponses",
+    "builder.settings.access.title": "Acc\xE8s",
+    "builder.settings.access.description": "Contr\xF4lez qui peut r\xE9pondre au formulaire et si un code PIN est requis.",
+    "builder.settings.access.publicForm.title": "Formulaire public",
+    "builder.settings.access.publicForm.description": "Autorisez toute personne ayant le lien \xE0 envoyer des r\xE9ponses.",
+    "builder.settings.access.publicLink": "Lien public",
+    "builder.settings.access.publicLinkPlaceholder": "Enregistrez le formulaire pour g\xE9n\xE9rer un lien",
+    "builder.settings.access.pinProtection.title": "Protection par PIN",
+    "builder.settings.access.pinProtection.description": "Exiger un code PIN avant l\u2019envoi du formulaire.",
+    "builder.settings.access.pin": "PIN",
+    "builder.settings.access.pinPlaceholder": "Saisissez le PIN",
     "builder.logic.title": "Logique conditionnelle",
     "builder.logic.empty": "Aucune r\xE8gle de logique",
     "builder.logic.rulesCount": "{count} r\xE8gles de logique",

package/dist/runtime/renderers/default/FormForgeBuilder.vue

@@ -400,14 +400,14 @@ const submissionIsPublic = computed({
 const builderTabs = computed(() => {
   const items = [
     {
-      label: "Builder",
+      label: t("builder.tabs.builder"),
       icon: "i-lucide-layout-grid",
       slot: "builder"
     }
   ];
   if (!settingsHidden.value) {
     items.push({
-      label: "Settings",
+      label: t("builder.tabs.settings"),
       icon: "i-lucide-settings-2",
       slot: "settings"
     });
@@ -939,10 +939,10 @@ defineExpose(builderExpose);
                 <template #header>
                   <div class="space-y-1">
                     <p class="text-sm font-semibold text-default">
-                      Settings
+                      {{ t("builder.settings.title") }}
                     </p>
                     <p class="text-sm text-muted">
-                      Configure the lifecycle, access, and publication settings for this form.
+                      {{ t("builder.settings.description") }}
                     </p>
                   </div>
                 </template>
@@ -956,7 +956,7 @@ defineExpose(builderExpose);
                       v-if="!disableTitleInput"
                       v-model="draftTitle"
                       :disabled="readonly"
-                      placeholder="Form title"
+                      :placeholder="t('builder.settings.formTitlePlaceholder')"
                       :ui="{ base: 'w-full' }"
                     />
                     <div
@@ -967,7 +967,7 @@ defineExpose(builderExpose);
                         v-model="draftCategorySelectValue"
                         :items="categorySelectItems"
                         :disabled="readonly"
-                        placeholder="Category"
+                        :placeholder="t('builder.settings.categoryPlaceholder')"
                         :ui="{
   base: 'w-full'
 }"
@@ -988,10 +988,10 @@ defineExpose(builderExpose);
                     <div class="grid gap-4 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start">
                       <div class="space-y-1">
                         <p class="text-sm font-semibold text-default">
-                          Survey opening
+                          {{ t("builder.settings.opening.title") }}
                         </p>
                         <p class="text-sm text-muted">
-                          Choose when the form becomes available.
+                          {{ t("builder.settings.opening.description") }}
                         </p>
                       </div>
                       <USwitch
@@ -1004,14 +1004,14 @@ defineExpose(builderExpose);
                       v-if="openingEnabled"
                       class="grid gap-4 sm:grid-cols-2"
                     >
-                      <UFormField label="Opening date">
+                      <UFormField :label="t('builder.settings.opening.date')">
                         <UInputDate
                           v-model="publishAtDate"
                           :disabled="readonly"
                           :ui="{ base: 'w-full' }"
                         />
                       </UFormField>
-                      <UFormField label="Opening time">
+                      <UFormField :label="t('builder.settings.opening.time')">
                         <UInputTime
                           v-model="publishAtTime"
                           :disabled="readonly"
@@ -1026,10 +1026,10 @@ defineExpose(builderExpose);
                     <div class="grid gap-4 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start">
                       <div class="space-y-1">
                         <p class="text-sm font-semibold text-default">
-                          Survey closing
+                          {{ t("builder.settings.closing.title") }}
                         </p>
                         <p class="text-sm text-muted">
-                          Choose when the form stops accepting responses.
+                          {{ t("builder.settings.closing.description") }}
                         </p>
                       </div>
                       <USwitch
@@ -1042,14 +1042,14 @@ defineExpose(builderExpose);
                       v-if="closingEnabled"
                       class="grid gap-4 sm:grid-cols-2"
                     >
-                      <UFormField label="Closing date">
+                      <UFormField :label="t('builder.settings.closing.date')">
                         <UInputDate
                           v-model="pauseAtDate"
                           :disabled="readonly"
                           :ui="{ base: 'w-full' }"
                         />
                       </UFormField>
-                      <UFormField label="Closing time">
+                      <UFormField :label="t('builder.settings.closing.time')">
                         <UInputTime
                           v-model="pauseAtTime"
                           :disabled="readonly"
@@ -1064,10 +1064,10 @@ defineExpose(builderExpose);
                     <div class="grid gap-4 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start">
                       <div class="space-y-1">
                         <p class="text-sm font-semibold text-default">
-                          Submission limit
+                          {{ t("builder.settings.submissionLimit.title") }}
                         </p>
                         <p class="text-sm text-muted">
-                          The form closes automatically after this many responses.
+                          {{ t("builder.settings.submissionLimit.description") }}
                         </p>
                       </div>
                       <USwitch
@@ -1078,7 +1078,7 @@ defineExpose(builderExpose);
 
                     <UFormField
                       v-if="responseLimitEnabled"
-                      label="Maximum responses"
+                      :label="t('builder.settings.submissionLimit.maximumResponses')"
                     >
                       <UInputNumber
                         v-model="responseLimitValue"
@@ -1092,10 +1092,10 @@ defineExpose(builderExpose);
                   <div class="grid gap-6">
                     <div class="space-y-1">
                       <p class="text-sm font-semibold text-default">
-                        Access
+                        {{ t("builder.settings.access.title") }}
                       </p>
                       <p class="text-sm text-muted">
-                        Control who can submit the form and whether a PIN is required.
+                        {{ t("builder.settings.access.description") }}
                       </p>
                     </div>
 
@@ -1103,10 +1103,10 @@ defineExpose(builderExpose);
                       <div class="flex items-start justify-between gap-4">
                         <div class="space-y-1">
                           <p class="text-sm font-medium text-default">
-                            Public form
+                            {{ t("builder.settings.access.publicForm.title") }}
                           </p>
                           <p class="text-sm text-muted">
-                            Allow anyone with the link to submit responses.
+                            {{ t("builder.settings.access.publicForm.description") }}
                           </p>
                         </div>
                         <USwitch
@@ -1116,11 +1116,11 @@ defineExpose(builderExpose);
                       </div>
 
                       <div v-if="submissionIsPublic">
-                        <UFormField label="Public link">
+                        <UFormField :label="t('builder.settings.access.publicLink')">
                           <UInput
                             :model-value="publicUrlValue"
                             disabled
-                            placeholder="Save the form to generate a link"
+                            :placeholder="t('builder.settings.access.publicLinkPlaceholder')"
                             :ui="{ base: 'w-full' }"
                           />
                         </UFormField>
@@ -1129,10 +1129,10 @@ defineExpose(builderExpose);
                       <div class="flex items-start justify-between gap-4 border-t border-muted pt-4">
                         <div class="space-y-1">
                           <p class="text-sm font-medium text-default">
-                            PIN protection
+                            {{ t("builder.settings.access.pinProtection.title") }}
                           </p>
                           <p class="text-sm text-muted">
-                            Require a PIN before the form can be submitted.
+                            {{ t("builder.settings.access.pinProtection.description") }}
                           </p>
                         </div>
                         <USwitch
@@ -1142,12 +1142,12 @@ defineExpose(builderExpose);
                       </div>
 
                       <div v-if="submissionPinEnabled">
-                        <UFormField label="PIN">
+                        <UFormField :label="t('builder.settings.access.pin')">
                           <UInput
                             v-model="submissionPinValue"
                             :disabled="readonly"
                             type="password"
-                            placeholder="Enter PIN"
+                            :placeholder="t('builder.settings.access.pinPlaceholder')"
                             :ui="{ base: 'w-full' }"
                           />
                         </UFormField>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evanschleret/formforgeclient",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Nuxt module and runtime client for FormForge",
   "license": "MIT",
   "type": "module",
@@ -42,7 +42,7 @@
   },
   "dependencies": {
     "@internationalized/date": "^3.12.2",
-    "tailwindcss": "^4.3.1",
+    "tailwindcss": "^4.3.2",
     "vuedraggable": "^4.1.0",
     "zod": "^4.4.3"
   },
@@ -51,15 +51,15 @@
     "@nuxt/kit": "^4.4.8",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/ui": "^4.9.0",
-    "@types/node": "^25.9.3",
-    "eslint": "^10.5.0",
+    "@types/node": "^25.9.4",
+    "eslint": "^10.6.0",
     "eslint-plugin-vue": "^10.9.2",
     "nuxt": "^4.4.8",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.61.1",
+    "typescript-eslint": "^8.62.1",
     "vitest": "^4.1.9",
     "vue-eslint-parser": "^10.4.1",
-    "vue-tsc": "^3.3.5"
+    "vue-tsc": "^3.3.6"
   },
   "publishConfig": {
     "access": "public",