feat: allow html in label

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wgr-sa/nuxt-form",
   "description": "Form builder for Nuxt",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "repository": "https://github.com/WGR-SA/nuxt-form.git",
   "author": "jeanvier",
   "license": "MIT",

playground/app.vue

@@ -16,7 +16,7 @@
         name="asdf"
         :rules="[ 'isEmail']"
       />
-      <FormInput label="" type="checkbox" name="tosnlpd" :rules="[{ equals: [true], message: 'coucou' }]" />
+      <FormInput label='yo <a href="#">ok</a>' type="checkbox" name="tosnlpd" :rules="[{ equals: [true], message: 'coucou' }]" />
       <FormInput name="safs" :rules="['isNotEmpty']" />
       <FormTextarea name="saffs" :rules="['isNotEmpty']" />
       <FormRadio :options="{'O': 'Oui', 'N': 'Non'}" name="yo" laebl="Yo" />

src/runtime/components/FormInputContainer.vue

@@ -23,19 +23,15 @@ form.addField(props as FormInput.Container)
 </script>
 
 <template>
-  <div :class="`form__input form__${type ?? 'default'} ${(rules?.includes('isNotEmpty') || props.required) ? 'form--required' : '' }`">
+  <div
+    :class="`form__input form__${type ?? 'default'} ${(rules?.includes('isNotEmpty') || props.required) ? 'form--required' : '' }`">
     <label 
       v-if="type !== 'hidden'" 
-      :for="name"
-    >
-      {{ label ?? name }}
-    </label>
+      :for="name" 
+      v-html="label ?? name" 
+    />
     <slot />
-    <p 
-      v-for="(error, i) of errors" 
-      :key="i" 
-      class="form__error" 
-    >
+    <p v-for="(error, i) of errors" :key="i" class="form__error">
       {{ error }}
     </p>
   </div>

src/runtime/types/builder.d.ts

@@ -30,7 +30,7 @@ declare namespace FormBuilder {
     [key: string]: any
   } 
 
-  interface FormSubmitter {
+  export interface FormSubmitter {
     form: FormForSubmitter
     submit(): Promise<any>
   }