refactor: use new wrapperClass and add some new samples

Author: sfxcode

dev/pages/inputs/AutoComplete.vue

@@ -24,6 +24,7 @@ const schema
       multiple: true,
       typeahead: false,
       label: 'Chips Replacement',
+      wrapperClass: 'myClass',
     },
   ]
 

dev/pages/inputs/Checkbox.vue

@@ -26,6 +26,12 @@ const schema
       label: 'readonly',
       readonly: true,
     },
+    {
+      $formkit: 'primeCheckbox',
+      name: 'indeterminate',
+      label: 'indeterminate',
+      indeterminate: true,
+    },
     {
       $formkit: 'primeCheckbox',
       name: 'custom',

dev/pages/inputs/InputText.vue

@@ -10,7 +10,9 @@ const schema
       label: 'Basic',
       help: 'Required.',
       validation: 'required',
+      wrapperClass: 'myClass',
     },
+
     {
       $formkit: 'primeInputText',
       id: 'icon',

dev/pages/inputs/ToggleSwitch.vue

@@ -1,6 +1,6 @@
 <script setup lang='ts'>
 const primeAttributes = 'trueValue, falseValue'
-const customAttributes = 'labelLeft, labelRight, option_class'
+const customAttributes = 'labelLeft, labelRight'
 
 const schema
   = [
@@ -15,14 +15,14 @@ const schema
       name: 'eu_citizen',
       id: 'eu',
       labelRight: 'Are you a european citizen: ',
-      option_class: 'flex items-center',
+      wrapperClass: 'flex items-center',
     },
     {
       $formkit: 'primeToggleSwitch',
       name: 'confirmation',
       id: 'confirm',
       labelLeft: 'Are you sure ?',
-      option_class: 'flex items-center',
+      wrapperClass: 'flex items-center',
     },
     {
       $formkit: 'primeToggleSwitch',