chore(linting): fix some issues

Author: sfxcode

README.md

@@ -27,7 +27,6 @@ import { primeInputs } from '@sfxcode/formkit-primevue'
 
 [useFormKitSchema](https://github.com/sfxcode/formkit-primevue/blob/main/src/composables/useFormKitSchema.ts) provide functions to simplify the usage of elements, components, lists, ...
 
-
 ### Basic Styling
 
 Basic styling is provided with the [formkit-primevue.scss](https://github.com/sfxcode/formkit-primevue/blob/main/src/sass/formkit-primevue.scss) file.
@@ -47,7 +46,7 @@ You can use it or take it as base for your own styling.
 - PT and PTOptions are available ([https://primevue.org/passthrough/](https://primevue.org/passthrough/))
 - [Styling](https://formkit-primevue.netlify.app/styling/base) and [PT](https://formkit-primevue.netlify.app/styling/passThrough) demo available
 
-### Samples 
+### Samples
 
 Some samples for common tasks are available
 

dev/components/app/AppFooter.vue

@@ -4,7 +4,7 @@ const version = ref(import.meta.env.VITE_APP_VERSION)
 
 <template>
   <div class="mt-8 layout-footer text-center text-gray-700">
-    <span class="font-medium ml-2">Formkit (1.6) - PrimeVue (3.49) - FormKit-PrimeVue-Version {{ version }} - sfxcode 2024</span>
+    <span class="font-medium ml-2">Formkit (1.6) - PrimeVue (3.50) - FormKit-PrimeVue-Version {{ version }} - sfxcode 2024</span>
   </div>
 </template>
 

docs/guide/composables.md

@@ -11,39 +11,40 @@ Sometimes it provides a little more concise syntax or provide the needed helper
 ### addComponent
 
 ```ts
-  const { addComponent } = useFormKitSchema()
+const { addComponent } = useFormKitSchema()
 
-  const addButtonComponent = (onClick: string = '', label: string = '', icon: string = '', severity: string = '', render: string = 'true', styleClass: string = 'p-button-sm ml-2'): object => {
-    return addComponent('Button', { onClick, label, icon, class: styleClass, severity }, render)
-  }
+function addButtonComponent(onClick: string = '', label: string = '', icon: string = '', severity: string = '', render: string = 'true', styleClass: string = 'p-button-sm ml-2'): object {
+  return addComponent('Button', { onClick, label, icon, class: styleClass, severity }, render)
+}
 ```
 
 ### addElement
 
-Following json in the schema 
+Following json in the schema
 
 ```json
-    [
-      {
-        $el: 'h2',
-        children: ['Register ', '$email'],
-      },
-      {
-        $el: 'h3',
-        children: 'Header Text H3',
-      }
-    ]
+[
+  {
+    "$el": "h2",
+    "children": ["Register ", "$email"]
+  },
+  {
+    "$el": "h3",
+    "children": "Header Text H3"
+  }
+]
 ```
 
 can be replaced by:
 
 ```ts
-  const { addElement } = useFormKitSchema()
+const { addElement } = useFormKitSchema()
 
-    [
-        addElement('h2', ['Register ', '$email']), 
-        addElement('h3', 'Header Text H3')
-    ]
+const formData = ref([
+  addElement('h2', ['Register ', '$email']),
+  addElement('h3', 'Header Text H3')
+  // more form elements ...
+])
 ```
 
 ### Repeater
@@ -54,4 +55,4 @@ To simplify the build of a repeater you can use:
 - addListGroup
 - addListGroupFunctions
 
-A working example can be found in the [repeater demo](https://github.com/sfxcode/formkit-primevue/blob/main/dev/pages/samples/Repeater.vue).
+A working example can be found in the [repeater demo](https://github.com/sfxcode/formkit-primevue/blob/main/dev/pages/samples/Repeater.vue).