chore(Dependecies): formkit-primevue

Update to 0.6.0 (Formkit 1.0.0-beta.10)

Author: sfxcode

README.md

@@ -1,14 +1,48 @@
-# Nuxt Module PrimeVue
+# Nuxt 3 Module PrimeVue
 
-* Load PrimeVue Comonents
-* Add PrimeVue Services
-* Formkit Support (formkit-primevue)
+* Load [PrimeVue](https://www.primefaces.org/primevue/setup) Components
+* Add PrimeVue Services (usePrimeDataTable)
+* [Formkit](https://formkit.com/) Support witf [formkit-primevue](https://github.com/sfxcode/formkit-primevue)
+
+## Nuxt 3 Demo
+
+[Github: nuxt3-primevue-starter](https://github.com/sfxcode/nuxt3-primevue-starter)
+
+[Netlify:  nuxt3-primevue-starter](https://nuxt3-primevue-starter.netlify.app/)
 
 ## Usage
 
+Add Module **nuxt-primevue** to **nuxt.config.ts**
+
+```ts
+
+  modules: [
+    ...
+    '@sfxcode/nuxt-primevue',
+    
+  ],
+```
+
+Create **formkit.config.ts**
+
+```ts
+// formkit.config.ts
+import type { DefaultConfigOptions } from '@formkit/vue'
+import { primeInputs } from '@sfxcode/formkit-primevue'
+
+const config: DefaultConfigOptions = {
+  inputs: primeInputs,
+}
+
+export default config
+```
+
 See [https://github.com/sfxcode/formkit-primevue](https://github.com/sfxcode/formkit-primevue)
 
 ## Development
 
 - Run `npm run dev:prepare` to generate type stubs.
 - Use `npm run dev` to start [playground](./playground) in development mode.
+
+
+![](nuxt-primevue.png)

nuxt-primevue.png

@@ -1,6 +1,6 @@
 {
   "name": "@sfxcode/nuxt-primevue",
-  "version": "0.5.5",
+  "version": "0.6.0",
   "license": "MIT",
   "type": "module",
   "author": {
@@ -26,13 +26,13 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.0.0-rc.6",
-    "@sfxcode/formkit-primevue": ">=0.5.5",
+    "@sfxcode/formkit-primevue": ">=0.6.0",
     "chart.js": ">=3.8.2",
     "primeicons": ">=5.0.0",
     "primevue": ">=3.15.0"
   },
   "devDependencies": {
-    "@formkit/nuxt": "1.0.0-beta.9",
+    "@formkit/nuxt": "1.0.0-beta.10",
     "@nuxt/module-builder": "latest",
     "@nuxtjs/eslint-config-typescript": "latest",
     "@unocss/nuxt": "^0.44.7",

package.json

@@ -4,14 +4,14 @@ import PrimeDemoDataTable from "~/components/PrimeDemoDataTable.vue";
 </script>
 
 <template>
-  <div class="card">
-
-
-
+  <div class="m-6 card">
     <div class="flex flex-row flex-wrap gap-4">
-      <div class="basis-1/2"><PrimeDemoToast/></div>
+      <div class="basis-1/2">
+        <div><PrimeDemoToast/></div>
+        <div><PrimeDemoDataTable/></div>
+
+      </div>
       <div class="basis-1/4"><PrimeDemoForm/></div>
-      <div class="basis-1/2"><PrimeDemoDataTable/></div>
     </div>
 
   </div>

playground/app.vue

@@ -26,7 +26,7 @@ onMounted(async () => {
 
 <template>
   <div class="card">
-    <h5>DataTable Example</h5>
+    <h2>PrimeVue Demo DataTable</h2>
     <div v-if="error">
       <h5 class="text-red-500">
         Error