fix hydration mismatch

src/app/components/Form/ArrayField.vue

@@ -12,23 +12,15 @@
           class="rounded-lg border-2 border-gray-100 text-gray-500 focus:border-red-800 focus:outline-0 focus:ring-0 dark:border-neutral-800 dark:bg-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-400"
           @input="update($event, i)"
         />
-        <BaseSecondaryButton
+        <BaseSecondaryButton type="button" class="rounded-lg" @click="del(i)">
-          as="input"
+          {{ '-' }}
-          type="button"
+        </BaseSecondaryButton>
-          class="rounded-lg"
-          value="-"
-          @click="del(i)"
-        />
       </div>
     </div>
     <div class="mt-2">
-      <BasePrimaryButton
+      <BasePrimaryButton type="button" class="rounded-lg" @click="add">
-        as="input"
+        {{ $t('form.add') }}
-        type="button"
+      </BasePrimaryButton>
-        class="rounded-lg"
-        :value="$t('form.add')"
-        @click="add"
-      />
     </div>
   </div>
 </template>

src/app/components/Form/NullArrayField.vue

@@ -12,23 +12,15 @@
           class="rounded-lg border-2 border-gray-100 text-gray-500 focus:border-red-800 focus:outline-0 focus:ring-0 dark:border-neutral-800 dark:bg-neutral-700 dark:text-neutral-200 dark:placeholder:text-neutral-400"
           @input="update($event, i)"
         />
-        <BaseSecondaryButton
+        <BaseSecondaryButton type="button" class="rounded-lg" @click="del(i)">
-          as="input"
+          {{ '-' }}
-          type="button"
+        </BaseSecondaryButton>
-          class="rounded-lg"
-          value="-"
-          @click="del(i)"
-        />
       </div>
     </div>
     <div class="mt-2">
-      <BasePrimaryButton
+      <BasePrimaryButton type="button" class="rounded-lg" @click="add">
-        as="input"
+        {{ $t('form.add') }}
-        type="button"
+      </BasePrimaryButton>
-        class="rounded-lg"
-        :value="$t('form.add')"
-        @click="add"
-      />
     </div>
   </div>
 </template>