fix(module): use @tailwindcss/forms class strategy (#278)

src/module.ts

@@ -176,7 +176,7 @@ export default defineNuxtModule<ModuleOptions>({
       config: {
         darkMode: 'class',
         plugins: [
-          require('@tailwindcss/forms'),
+          require("@tailwindcss/forms")({ strategy: 'class' }),
           require('@tailwindcss/aspect-ratio'),
           require('@tailwindcss/typography'),
           require('@tailwindcss/container-queries')

src/runtime/components/forms/Checkbox.vue

@@ -11,6 +11,7 @@
         :checked="checked"
         :indeterminate="indeterminate"
         type="checkbox"
+        class="form-checkbox"
         :class="[ui.base, ui.custom]"
         @focus="$emit('focus', $event)"
         @blur="$emit('blur', $event)"

src/runtime/components/forms/Input.vue

@@ -12,6 +12,7 @@
       :readonly="readonly"
       :autocomplete="autocomplete"
       :spellcheck="spellcheck"
+      class="form-input"
       :class="inputClass"
       @input="onInput"
       @focus="$emit('focus', $event)"

src/runtime/components/forms/Radio.vue

@@ -9,6 +9,7 @@
         :value="value"
         :disabled="disabled"
         type="radio"
+        class="form-radio"
         :class="[ui.base, ui.custom]"
         @focus="$emit('focus', $event)"
         @blur="$emit('blur', $event)"

src/runtime/components/forms/Select.vue

@@ -6,6 +6,7 @@
       :value="modelValue"
       :required="required"
       :disabled="disabled || loading"
+      class="form-select"
       :class="selectClass"
       @input="onInput"
     >

src/runtime/components/forms/Textarea.vue

@@ -10,6 +10,7 @@
       :disabled="disabled"
       :placeholder="placeholder"
       :autocomplete="autocomplete"
+      class="form-textarea"
       :class="textareaClass"
       @input="onInput"
       @focus="$emit('focus', $event)"