chore: use linting

Author: sfxcode

docs/guide/composables.md

@@ -56,14 +56,11 @@ To simplify the build of a repeater you can use:
 - addListGroupFunctions
 
 ```vue
-
 <script setup lang='ts'>
 import { useFormKitRepeater } from '@sfxcode/formkit-primevue/comosables'
 
 const { addInsertButton, addGroupButtons, addListGroupFunctions } = useFormKitRepeater()
-
 </script>
-
 ```
 
 A working example can be found in the [repeater demo](https://github.com/sfxcode/formkit-primevue/blob/main/dev/pages/samples/Repeater.vue).

docs/guide/data.md

@@ -1,6 +1,6 @@
 # Data
 
-For the simple usage with schema and data values FormKitDataEdit and FormKitDataView (and FormkitDebug) components ars available. 
+For the simple usage with schema and data values FormKitDataEdit and FormKitDataView (and FormkitDebug) components ars available.
 
 ## Usage
 
@@ -9,29 +9,28 @@ To use the components there must be an import or global registration.
 ### FormKitDataEdit
 
 ```vue
-
 <script setup lang='ts'>
+import { FormKitDataEdit } from '@sfxcode/formkit-primevue/components'
 
-  import { FormKitDataEdit } from '@sfxcode/formkit-primevue/components'
- 
-  const formSchema = ref({})  // some schema should be provided
-  const formData = ref({})    // some data
+const formSchema = ref({}) // some schema should be provided
+const formData = ref({}) // some data
 
-  async function submitHandler(data: any) {
-    // some action on form submit
-  }
+async function submitHandler(data: any) {
+  // some action on form submit
+}
 </script>
 
 <template>
   <div>
-    <FormKitDataEdit  :schema="formSchema" :data="formData" 
-                      :debug-schema="false" :debug-data="true" 
-                      @data-saved="submitHandler" />
+    <FormKitDataEdit
+      :schema="formSchema" :data="formData"
+      :debug-schema="false" :debug-data="true"
+      @data-saved="submitHandler"
+    />
   </div>
 </template>
-
 ```
 
 ### FormKitDataView
 
-Same as FormKitDataEdit but without Submit button and action.
+Same as FormKitDataEdit but without Submit button and action.

docs/guide/history.md

@@ -4,7 +4,7 @@ Only some topics are mentioned ....
 
 ## 0.x to 1.0.0 (2023-03-08)
 
-- First version of this framework with PrimeVue 3 
+- First version of this framework with PrimeVue 3
 
 ## 1.1.x
 
@@ -18,7 +18,6 @@ Only some topics are mentioned ....
 
 - **FormKit 1.0**
 
-
 ## 1.4.x
 
 - more styling by sass
@@ -30,7 +29,7 @@ Only some topics are mentioned ....
 - add missing props to some components
 - **FormKit 1.5**
 
-## 1.6.x 
+## 1.6.x
 
 - Better Option Handling
 - Provide simple option usage
@@ -73,4 +72,4 @@ Only some topics are mentioned ....
 
 ## 2.4.x
 
-- change to iconPrefix/iconSuffix
+- change to iconPrefix/iconSuffix

docs/guide/outputs.md

@@ -15,15 +15,13 @@ numberFormats / datetimeFormats from vue-i18n are used to display the values acc
 ### OutputNumber
 
 ```ts
-  const formkitItem =  {
-      $formkit: 'primeOutputNumber',
-      name: 'mumber', 
-      format: 'decimal',  // vue-i18n format
-    }
+const formkitItem = {
+  $formkit: 'primeOutputNumber',
+  name: 'mumber',
+  format: 'decimal', // vue-i18n format
+}
 ```
 
-
-
 ## Naming in FormKit
 Outputs are used in schema with **prime** as prefix and the **output name** as suffix.
 

docs/guide/prefix.md

@@ -11,11 +11,9 @@ To prevent the behavior for this framework the property names are switched to **
 ## Sample Definition
 
 ```ts
-
 export const primeOutputTextDefinition: FormKitTypeDefinition = createInput(PrimeOutputText, {
-    props: ['prefix', 'suffix', 'iconPrefix', 'iconSuffix'],
+  props: ['prefix', 'suffix', 'iconPrefix', 'iconSuffix'],
 })
-
 ```
 
 Icons are rendered in an i-Tag and requires a class and text in a span-Tag.
@@ -25,18 +23,14 @@ Icons are rendered in an i-Tag and requires a class and text in a span-Tag.
 ```ts
 const schema
 = [
-    {
-        $formkit: 'primeOutputBoolean',
-        name: 'falseValue',
-        label: 'False',
-        prefix: 'prefix',
-        iconPrefix: 'pi pi-check',
-        suffix: 'suffix',
-        iconSuffix: 'pi pi-times',
-    }
+  {
+    $formkit: 'primeOutputBoolean',
+    name: 'falseValue',
+    label: 'False',
+    prefix: 'prefix',
+    iconPrefix: 'pi pi-check',
+    suffix: 'suffix',
+    iconSuffix: 'pi pi-times',
+  }
 ]
-
 ```
-
-
-

docs/guide/styling.md

@@ -25,25 +25,25 @@ Make sure to add a class selector for **p-invalid**.
 For example to place 2 elements side by side give both of them the **outerClass** value **col-6**.
 
 ```ts
-  const formkitItems =  [
-    {
-        $formkit: 'primePassword',
-        name: 'password',
-        label: 'Password',
-        help: 'Enter your new password.',
-        validation: 'required|length:5,16',
-        feedback: true,
-        outerClass: 'col-6',
-    },
-    {
-        $formkit: 'primePassword',
-        name: 'password_confirm',
-        label: 'Confirm password',
-        help: 'Enter your new password again.',
-        validation: 'required|confirm',
-        validationLabel: 'password confirmation',
-        outerClass: 'col-6',
-    },
+const formkitItems = [
+  {
+    $formkit: 'primePassword',
+    name: 'password',
+    label: 'Password',
+    help: 'Enter your new password.',
+    validation: 'required|length:5,16',
+    feedback: true,
+    outerClass: 'col-6',
+  },
+  {
+    $formkit: 'primePassword',
+    name: 'password_confirm',
+    label: 'Confirm password',
+    help: 'Enter your new password again.',
+    validation: 'required|confirm',
+    validationLabel: 'password confirmation',
+    outerClass: 'col-6',
+  },
 ]
 ```