Skip to content

Commit f700455

Browse files
committed
chore(dependencies): update to formkit-primevue-nuxt module
1 parent cfd63fb commit f700455

File tree

5 files changed

+401
-584
lines changed

5 files changed

+401
-584
lines changed

README.md

+26-10
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
# Nuxt 3 + PrimeVue 4 Starter
22

33
Build your VUE.js App with Nuxt3 (Nuxt 4 ready). First Class PrimeVUE support. Validation by Formkit.
4+
Module by [FormKitPrimeVueNuxt](https://github.com/sfxcode/nuxt3-primevue-starter).
45
Based on PrimeVue Styled Theme with Aura Preset.
56

67
[![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)
@@ -12,37 +13,52 @@ THX to [antfu / Vitesse Nuxt3](https://github.com/antfu/vitesse-nuxt3) for start
1213
## Features
1314

1415
- [Nuxt 3](https://v3.nuxtjs.org) - SSR, ESR, File-based routing, components auto importing, modules, etc.
15-
- [PrimeVue](https://primevue.org/) 4.x with Aura Theme
16+
- [PrimeVue](https://primevue.org/) 4.2.x with Aura Theme
1617
- [Formkit-PrimeVue](https://formkit-primevue.netlify.app/) PrimeVue Formkit Integration
1718
- [Vite](https://vitejs.dev/) - Instant HMR
1819
- [UnoCSS](https://github.com/antfu/unocss) - The instant on-demand atomic CSS engine.
1920
- Use icons from any icon sets in Pure CSS, powered by [UnoCSS](https://github.com/antfu/unocss)
2021
- [State Management via Pinia](https://pinia.esm.dev)
2122
- [TipTap](https://tiptap.dev) - Headless Editor
2223
- [Vitest](https://vitest.dev/) - Blazing Fast Unit Test Framework ([Getting started](https://vitest.dev/guide))
23-
- [nuxt-test-utils](https://github.com/nuxt/test-utils) - Support for e2e and unit testing ([Getting started](https://nuxt.com/docs/getting-started/testing))
2424

25-
## Nuxt Modules
25+
## Nuxt Modules (included in formkit-prinevue-nuxt)
2626

27+
- [FormKitPrimeVueNuxt](https://github.com/sfxcode/nuxt3-primevue-starter) FormKit PrimeVue Nuxt Module
2728
- [PrimeVue-Nuxt](https://primevue.org/nuxt/) PrimeVue Nuxt Module
29+
- [FormKit](https://formkit.com/) - Validation
30+
- [I18n](https://v8.i18n.nuxtjs.org) - Integration with [Vue I18n](https://vue-i18n.intlify.dev/)
31+
32+
## Nuxt Modules (additional)
33+
2834
- [Pinia](https://pinia.esm.dev/) - intuitive, type safe, light and flexible Store for Vue.
2935
- [VueUse](https://github.com/vueuse/vueuse) - collection of useful composition APIs.
30-
- [FormKit](https://formkit.com/) - Validation
3136
- [UnoCSS](https://github.com/antfu/unocss) - the instant on-demand atomic CSS engine.
3237
- [Content](https://content.nuxtjs.org) - parses .md, .yml, .csv and .json files
3338
- [Images](https://nuxt.com/modules/images) - Optimised images for Nuxt
3439
- [Fonts](https://nuxt.com/modules/fonts) - Plug-and-play custom web font optimization and configuration for Nuxt apps
35-
- [I18n](https://v8.i18n.nuxtjs.org) - Integration with [Vue I18n](https://vue-i18n.intlify.dev/)
40+
- [nuxt-test-utils](https://github.com/nuxt/test-utils) - Support for e2e and unit testing ([Getting started](https://nuxt.com/docs/getting-started/testing))
41+
42+
## Module Configurations
43+
44+
### FormKit PrimeVue Nuxt
3645

37-
## Nuxt PrimeVue configuration
46+
```typescript
47+
formkitPrimevue: {
48+
includePrimeIcons: true,
49+
includeStyles: true,
50+
formkitAutoConfig: true,
51+
formkitLocale: 'en',
52+
formkitPluginAnimate: true,
53+
formkitPluginAsterisk: true,
54+
},
55+
```
3856

39-
Important: use autoimport false if using primevue formkit validation
57+
### Nuxt PrimeVue configuration
4058

4159
```typescript
4260
primevue: {
43-
autoImport: false,
44-
components: {
45-
exclude: ['Chart', 'Editor'],
61+
autoImport: true,
4662
},
4763
options: {
4864
theme: {

formkit.config.ts

-34
This file was deleted.

nuxt.config.ts

+10-16
Original file line numberDiff line numberDiff line change
@@ -20,23 +20,18 @@ export default defineNuxtConfig({
2020
},
2121

2222
modules: [
23-
'@primevue/nuxt-module',
2423
'@unocss/nuxt',
2524
'@pinia/nuxt',
26-
'@nuxtjs/i18n',
2725
'@nuxt/content',
2826
'@vueuse/nuxt',
2927
'@nuxt/test-utils/module',
3028
'@nuxt/image',
3129
'@nuxt/fonts',
32-
'@formkit/nuxt',
33-
30+
'@sfxcode/formkit-primevue-nuxt',
3431
],
35-
3632
formkit: {
3733
autoImport: true,
3834
},
39-
4035
content: {
4136
highlight: {
4237
theme: 'one-dark-pro',
@@ -56,12 +51,16 @@ export default defineNuxtConfig({
5651
],
5752
vueI18n: './vue-i18n.options.ts',
5853
},
59-
54+
formkitPrimevue: {
55+
includePrimeIcons: true,
56+
includeStyles: true,
57+
formkitAutoConfig: true,
58+
formkitLocale: 'en',
59+
formkitPluginAnimate: true,
60+
formkitPluginAsterisk: true,
61+
},
6062
primevue: {
61-
autoImport: false,
62-
components: {
63-
exclude: ['Chart', 'Editor', 'Form', 'FormField'],
64-
},
63+
autoImport: true,
6564
options: {
6665
theme: {
6766
preset: Aura,
@@ -73,11 +72,6 @@ export default defineNuxtConfig({
7372
},
7473
},
7574

76-
css: [
77-
'primeicons/primeicons.css',
78-
'@sfxcode/formkit-primevue/dist/sass/formkit-primevue.scss',
79-
],
80-
8175
build: {
8276
transpile: ['nuxt', 'primevue', 'formkit-primevue'],
8377
},

package.json

+2-8
Original file line numberDiff line numberDiff line change
@@ -17,11 +17,10 @@
1717
"test:unit": "vitest --run --reporter verbose",
1818
"test:coverage": "vitest run --coverage",
1919
"postinstall": "nuxt prepare",
20-
"release": "npm run lint && npm run build && changelogen --patch --release && git push --follow-tags"
20+
"release": "npm run lint && npm run build && changelogen --minor --release && git push --follow-tags"
2121
},
2222
"devDependencies": {
2323
"@antfu/eslint-config": "^3.8.0",
24-
"@formkit/nuxt": "^1.6.7",
2524
"@iconify-json/carbon": "^1.2.4",
2625
"@iconify-json/mdi": "^1.2.1",
2726
"@iconify-json/prime": "^1.2.1",
@@ -32,11 +31,9 @@
3231
"@nuxt/fonts": "^0.10.2",
3332
"@nuxt/image": "^1.8.1",
3433
"@nuxt/test-utils": "^3.14.4",
35-
"@nuxtjs/i18n": "8.5.5",
3634
"@pinia/nuxt": "^0.6.1",
37-
"@primevue/nuxt-module": "^4.2.1",
3835
"@primevue/themes": "^4.2.1",
39-
"@sfxcode/formkit-primevue": "^2.6.2",
36+
"@sfxcode/formkit-primevue-nuxt": "^1.1.2",
4037
"@tiptap/extension-highlight": "^2.9.1",
4138
"@tiptap/extension-text-align": "^2.9.1",
4239
"@tiptap/extension-text-style": "^2.9.1",
@@ -52,14 +49,11 @@
5249
"eslint": "^9.14.0",
5350
"happy-dom": "^15.8.0",
5451
"jsdom": "^25.0.1",
55-
"nitropack": "2.9.7",
5652
"nuxt": "^3.13.2",
57-
"primevue": "^4.2.1",
5853
"sass": "1.78.0",
5954
"typescript": "^5.6.3",
6055
"unstorage": "^1.13.1",
6156
"vitest": "^2.1.4",
62-
"vue-i18n": "9.14.0",
6357
"vue-sidebar-menu": "^5.4.2"
6458
},
6559
"packageManager": "pnpm@9.12.0+sha256.a61b67ff6cc97af864564f4442556c22a04f2e5a7714fbee76a1011361d9b726"

0 commit comments

Comments
 (0)