chore(update): Update to PrimeVue 4

README.md

@@ -1,7 +1,7 @@
-# Nuxt 3 + PrimeVue Starter
+# Nuxt 3 + PrimeVue 4 Starter
 
-Build your VUE.js App with Nuxt3. First Class PrimeVUE support. Validation by Formkit.
-Based on [Nuxt-Sakai](https://github.com/primefaces/sakai-nuxt) Theme.
+Build your VUE.js App with Nuxt3 (Nuxt 4 ready). First Class PrimeVUE support. Validation by Formkit.
+Based on PrimeVue Styled Theme with Aura Preset.
 
 [![CI](https://github.com/sfxcode/nuxt3-primevue-starter/actions/workflows/main.yml/badge.svg)](https://github.com/sfxcode/nuxt3-primevue-starter/actions/workflows/main.yml)
 
@@ -10,7 +10,7 @@ THX to [antfu / Vitesse Nuxt3](https://github.com/antfu/vitesse-nuxt3) for start
 ## Features
 
 - [Nuxt 3](https://v3.nuxtjs.org) - SSR, ESR, File-based routing, components auto importing, modules, etc.
-- [PrimeVue](https://primevue.org/) 3.50.x with free Sakai Layout and Aura Theme
+- [PrimeVue](https://primevue.org/) 4.x with Aura Theme
 - [Formkit-PrimeVue](https://formkit-primevue.netlify.app/) PrimeVue Formkit Integration
 - [Vite](https://vitejs.dev/) - Instant HMR
 - [UnoCSS](https://github.com/antfu/unocss) - The instant on-demand atomic CSS engine.
@@ -28,25 +28,37 @@ THX to [antfu / Vitesse Nuxt3](https://github.com/antfu/vitesse-nuxt3) for start
 - [FormKit](https://formkit.com/) - Validation
 - [UnoCSS](https://github.com/antfu/unocss) - the instant on-demand atomic CSS engine.
 - [Content](https://content.nuxtjs.org) - parses .md, .yml, .csv and .json files
+- [Images](https://nuxt.com/modules/images) - Optimised images for Nuxt
+- [Fonts](https://nuxt.com/modules/fonts) - Plug-and-play custom web font optimization and configuration for Nuxt apps
 - [I18n](https://v8.i18n.nuxtjs.org) - Integration with [Vue I18n](https://vue-i18n.intlify.dev/)
 
-## Variations
-
-### vite-primevue-starter
-
-Vite Primevue Starter Template
+## Nuxt PrimeVue configuration
+
+Important: use autoimport false if using primevue formkit validation
+
+```typescript
+  primevue: {
+  autoImport: false,
+    components: {
+    exclude: ['Chart', 'Editor'],
+  },
+  options: {
+    theme: {
+      preset: Aura,
+        options: {
+        darkModeSelector: '.dark',
+      },
+    },
+    ripple: true,
+  },
+},
+```
 
-[Github Repository](https://github.com/sfxcode/vite-primevue-starter)
+## PrimeVue 3
 
-[App on Netlify](https://vite-primevue-starter.netlify.app/)
+Nuxt PrimeVue 3 under the [prime3](https://github.com/sfxcode/nuxt3-primevue-starter/tree/prime3) branch of this project
 
-* Pages, Layouts, and other NUXT like features by VITE Plugins
-* UnoCSS
-* Markdown
-* CachedPiniaStore
-* i18n
-* Validation
-* ...
+[Starter App on Netlify](https://vite-primevue-starter.netlify.app/)
 
 ## Project setup and usage
 
@@ -96,6 +108,6 @@ I use IntelliJ with VUE.js plugin.
 
 JetBrains is supporting this open source project with:
 
-[![Intellij IDEA](http://www.jetbrains.com/img/logos/logo_intellij_idea.png)](http://www.jetbrains.com/idea/)
+[![Intellij IDEA](https://resources.jetbrains.com/storage/products/company/brand/logos/IntelliJ_IDEA.svg?_gl=1*186j7fd*_gcl_au*MjEwMzAyNDUzNi4xNzIwMTE5MTc0*_ga*MTg4NjQzMDA5MC4xNzIwMTE5MTc0*_ga_9J976DJZ68*MTcyMDExOTE3NC4xLjAuMTcyMDExOTE3OS41NS4wLjA.)](http://www.jetbrains.com/idea/)
 
 ![](public/starter.png)

app/App.scss

@@ -0,0 +1,5 @@
+@import "assets/sass/sidebar";
+@import "assets/sass/main";
+
+
+