├── .editorconfig ├── .eslintignore ├── .eslintrc ├── .github └── workflows │ └── deploy.yml ├── .gitignore ├── .npmrc ├── CHANGELOG.md ├── PrimeVue_demo_dark.png ├── README.md ├── build.config.ts ├── docs ├── .vitepress │ ├── config.js │ └── theme │ │ ├── components │ │ └── Todo.vue │ │ └── index.ts ├── config │ └── index.md ├── guide │ ├── formkit.md │ ├── getting-started.md │ ├── index.md │ └── primevue.md ├── index.md └── uno.config.ts ├── nuxt-primevue.png ├── nuxt-primevue.yml ├── package.json ├── playground ├── app.vue ├── components │ └── PrimeDemoDataTable.vue ├── formkit.config.ts ├── nuxt.config.ts ├── package.json ├── pages │ └── index.vue ├── server │ └── api │ │ └── products.ts └── stores │ └── data.ts ├── pnpm-lock.yaml ├── src ├── module.ts └── runtime │ ├── components │ └── demo │ │ ├── PrimeDemoForm.vue │ │ └── PrimeDemoToast.vue │ ├── composables │ └── usePrimeDataTable.ts │ ├── plugin.ts │ └── primevueComponents.ts └── tsconfig.json /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | indent_size = 2 5 | indent_style = space 6 | end_of_line = lf 7 | charset = utf-8 8 | trim_trailing_whitespace = true 9 | insert_final_newline = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | dist 2 | node_modules 3 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "root": true, 3 | "extends": [ 4 | "@nuxtjs/eslint-config-typescript" 5 | ], 6 | "rules": { 7 | "@typescript-eslint/no-unused-vars": [ 8 | "off" 9 | ] 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /.github/workflows/deploy.yml: -------------------------------------------------------------------------------- 1 | name: Deploy 2 | 3 | on: 4 | push: 5 | tags: 6 | - v[0-9]+.[0-9]+.[0-9]+ 7 | 8 | jobs: 9 | deploy: 10 | runs-on: ubuntu-latest 11 | steps: 12 | - uses: actions/checkout@v3 13 | 14 | - name: Install pnpm 15 | uses: pnpm/action-setup@v2.2.4 16 | with: 17 | version: latest 18 | 19 | - name: Set node version to 18 20 | uses: actions/setup-node@v3 21 | with: 22 | node-version: 18 23 | cache: 'pnpm' 24 | 25 | - run: pnpm install 26 | 27 | - run: pnpm dev:prepare 28 | 29 | - run: pnpm dev:build 30 | 31 | - run: pnpm docs:build 32 | 33 | - name: Update CHANGELOG 34 | id: changelog 35 | uses: requarks/changelog-action@v1 36 | with: 37 | token: ${{ secrets.GITHUB_TOKEN }} 38 | tag: ${{ github.ref_name }} 39 | 40 | - name: Create Release 41 | uses: ncipollo/release-action@v1.12.0 42 | with: 43 | allowUpdates: true 44 | draft: false 45 | makeLatest: true 46 | name: ${{ github.ref_name }} 47 | body: ${{ steps.changelog.outputs.changes }} 48 | token: ${{ github.token }} 49 | 50 | - name: Commit CHANGELOG.md 51 | uses: stefanzweifel/git-auto-commit-action@v4 52 | with: 53 | branch: main 54 | commit_message: 'docs: update CHANGELOG.md for ${{ github.ref_name }} [skip ci]' 55 | file_pattern: CHANGELOG.md 56 | 57 | - name: Deploy 58 | uses: peaceiris/actions-gh-pages@v3 59 | with: 60 | github_token: ${{ secrets.GITHUB_TOKEN }} 61 | publish_dir: docs/.vitepress/dist 62 | # cname: example.com # if wanna deploy to custom domain 63 | 64 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Dependencies 2 | node_modules 3 | 4 | # Logs 5 | *.log* 6 | 7 | # Temp directories 8 | .temp 9 | .tmp 10 | .cache 11 | 12 | # Yarn 13 | **/.yarn/cache 14 | **/.yarn/*state* 15 | 16 | **/.vitepress/cache 17 | 18 | 19 | # Generated dirs 20 | dist 21 | 22 | # Nuxt 23 | .nuxt 24 | .output 25 | .vercel_build_output 26 | .build-* 27 | .env 28 | .netlify 29 | 30 | # Env 31 | .env 32 | 33 | # Testing 34 | reports 35 | coverage 36 | *.lcov 37 | .nyc_output 38 | 39 | # VSCode 40 | .vscode 41 | 42 | # Intellij idea 43 | *.iml 44 | .idea 45 | 46 | # OSX 47 | .DS_Store 48 | .AppleDouble 49 | .LSOverride 50 | .AppleDB 51 | .AppleDesktop 52 | Network Trash Folder 53 | Temporary Items 54 | .apdisk 55 | -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | shamefully-hoist=true 2 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## [v1.4.2] - 2023-10-18 2 | ### :wrench: Chores 3 | - [`7bb0cff`](https://github.com/sfxcode/nuxt-primevue/commit/7bb0cffd33b1de02729d1e8057d198c77fac719c) - **dependecies**: PrimeVue 3.36.0 - formkit-primevue 1.4.1 *(commit by [@sfxcode](https://github.com/sfxcode))* 4 | - [`9b1cd70`](https://github.com/sfxcode/nuxt-primevue/commit/9b1cd70da5e258deabdf4f806066c0d9e38e88f5) - **dependecies**: formkit-primevue 1.4.2 *(commit by [@sfxcode](https://github.com/sfxcode))* 5 | 6 | 7 | ## [v1.4.1] - 2023-10-15 8 | ### :wrench: Chores 9 | - [`0da2ff3`](https://github.com/sfxcode/nuxt-primevue/commit/0da2ff3cc7c3e0aa2aae6f3730b65bef1cc28c94) - **version**: prepare 1.4 release *(commit by [@sfxcode](https://github.com/sfxcode))* 10 | - [`4250e6c`](https://github.com/sfxcode/nuxt-primevue/commit/4250e6caff783d3c0ceb6d239e00aa3bb2ecb1e9) - **dependecies**: PrimeVue 3.36.0 - formkit-primevue 1.4.1 *(commit by [@sfxcode](https://github.com/sfxcode))* 11 | 12 | 13 | ## [v1.4.0] - 2023-10-09 14 | ### :recycle: Refactors 15 | - [`a959e00`](https://github.com/sfxcode/nuxt-primevue/commit/a959e004ae8bebd25a0b1b78d4ec7dd9509ebd93) - **styling**: Add Styling to slider *(commit by [@sfxcode](https://github.com/sfxcode))* 16 | 17 | ### :wrench: Chores 18 | - [`1ef619b`](https://github.com/sfxcode/nuxt-primevue/commit/1ef619b872049d2feb762f61b185ecfa9708d0d0) - **dependecies**: update to formkit-primevue 1.4.0 and FormKit 1.2.2 *(commit by [@sfxcode](https://github.com/sfxcode))* 19 | - [`aa57029`](https://github.com/sfxcode/nuxt-primevue/commit/aa570297008cc4231b09336d174937d241e34808) - **version**: prepare 1.4 release *(commit by [@sfxcode](https://github.com/sfxcode))* 20 | 21 | 22 | ## [v1.3.9] - 2023-10-01 23 | ### :wrench: Chores 24 | - [`5fd201a`](https://github.com/sfxcode/nuxt-primevue/commit/5fd201a9ac2445ef55a69b962d9df367f0eb605c) - **dependecies**: update to formkit-primevue 1.3.5 and FormKit 1.2.0 *(commit by [@sfxcode](https://github.com/sfxcode))* 25 | 26 | 27 | ## [v1.3.8] - 2023-09-24 28 | ### :wrench: Chores 29 | - [`767cdaf`](https://github.com/sfxcode/nuxt-primevue/commit/767cdafe3c8f5dbfc0f9ba1b6aab108a0e6a0ec5) - **dependecies**: update to formkit-primevue 1.3.4 formkit 1.1.0 *(commit by [@sfxcode](https://github.com/sfxcode))* 30 | 31 | 32 | ## [v1.3.7] - 2023-09-17 33 | ### :wrench: Chores 34 | - [`60ece8e`](https://github.com/sfxcode/nuxt-primevue/commit/60ece8e1e9f8ebd05ab1371197289b08d42ccbbf) - **dependecies**: nuxt 3.6.7 - PrimeVue 3.34.1 - formkit-primevue 1.3.3 *(commit by [@sfxcode](https://github.com/sfxcode))* 35 | 36 | 37 | ## [v1.3.6] - 2023-09-02 38 | ### :wrench: Chores 39 | - [`0b61cb6`](https://github.com/sfxcode/nuxt-primevue/commit/0b61cb6e79dd2da75d418337f449b4e3d295a4e1) - **release**: Use Github Action for Changelog *(commit by [@sfxcode](https://github.com/sfxcode))* 40 | - [`41db22a`](https://github.com/sfxcode/nuxt-primevue/commit/41db22ae756121ce2275cd91d781f7c38f69bdf3) - **dependecies**: Formkit 1.0.0 and PrimeVue 3.33 update *(commit by [@sfxcode](https://github.com/sfxcode))* 41 | - [`8c18683`](https://github.com/sfxcode/nuxt-primevue/commit/8c18683eba93fd8a80376e212a0f141b74bf1a80) - **release**: New Version *(commit by [@sfxcode](https://github.com/sfxcode))* 42 | 43 | 44 | ## [1.3.5](https://github.com/sfxcode/nuxt-primevue/compare/v1.3.4...v1.3.5) (2023-08-26) 45 | 46 | 47 | ### Maintenance 48 | 49 | * **dependecies:** formkit-primevue 1.2.5 ([2f555f7](https://github.com/sfxcode/nuxt-primevue/commit/2f555f789a90381826a24e73eb3797fbdf45d835)) 50 | 51 | ## [1.3.4](https://github.com/sfxcode/nuxt-primevue/compare/v1.2.6...v1.3.4) (2023-08-16) 52 | 53 | 54 | ### Maintenance 55 | 56 | * **dependecies:** formkit-primevue 1.2.0 ([0dc4589](https://github.com/sfxcode/nuxt-primevue/commit/0dc4589dd7ae00d1d263db0e88f99a90c3052112)) 57 | * **dependecies:** formkit-primevue 1.2.1 - Removed own PrimeVueConfiguration because PrimeVueConfiguration is exprted by PrimeVue in latest Version ([1377d9f](https://github.com/sfxcode/nuxt-primevue/commit/1377d9feea11b0b84ccf00e2dbde9fc42481d401)) 58 | * **dependecies:** formkit-primevue 1.2.2 ([fa10b5c](https://github.com/sfxcode/nuxt-primevue/commit/fa10b5c5fa2119a1bee2dbbdfb2b8cd4e8036e22)) 59 | * **dependecies:** formkit-primevue 1.2.2 ([26784dd](https://github.com/sfxcode/nuxt-primevue/commit/26784dd27ac049eb16b0325d8305a4c4e27a9a52)) 60 | * **dependecies:** formkit-primevue 1.2.2 ([11f644c](https://github.com/sfxcode/nuxt-primevue/commit/11f644ce68ebedcea3111eebe700163062a4641e)) 61 | * **dependecies:** formkit-primevue 1.2.3 ([a02f270](https://github.com/sfxcode/nuxt-primevue/commit/a02f270a608506516c0fda3723cf479fbff2dd2e)) 62 | * **dependecies:** formkit-primevue 1.2.3 ([a0ba579](https://github.com/sfxcode/nuxt-primevue/commit/a0ba57936b7fdcb087796cf93b336e03a15e7f31)) 63 | * **dependecies:** nuxt 3.6.5 ([de17dc2](https://github.com/sfxcode/nuxt-primevue/commit/de17dc22ed570dff45397545794a66cc835841ef)) 64 | * **dependecies:** nuxt 3.6.5 ([667aa69](https://github.com/sfxcode/nuxt-primevue/commit/667aa69ccd880cae2046bc037dfcab6a6b35a97d)) 65 | 66 | ## [1.2.6](https://github.com/sfxcode/nuxt-primevue/compare/v1.2.5...v1.2.6) (2023-07-12) 67 | 68 | 69 | ### Documentation 70 | 71 | * **Base:** Some polishing ([1e42b40](https://github.com/sfxcode/nuxt-primevue/commit/1e42b40c41ebbb8e6d32410fe16789bd8a75c2da)) 72 | * **Base:** Some polishing ([8155156](https://github.com/sfxcode/nuxt-primevue/commit/8155156cc1458ab21088794bf97d0c43881cad56)) 73 | * **Base:** Some polishing ([13dfb05](https://github.com/sfxcode/nuxt-primevue/commit/13dfb057aeb0f918a0b6e026f3b606b50d0cb95c)) 74 | * **Configuration:** Provide some additional Info ([62f6180](https://github.com/sfxcode/nuxt-primevue/commit/62f61807551a5a870e85ada6598d921736f2933c)) 75 | 76 | ## [1.2.5](https://github.com/sfxcode/nuxt-primevue/compare/v1.2.4...v1.2.5) (2023-07-08) 77 | 78 | 79 | ### Documentation 80 | 81 | * **changelog:** update to 1.2.5 ([aa91a44](https://github.com/sfxcode/nuxt-primevue/commit/aa91a4420943364a8d0a61901677dbcd52614f04)) 82 | 83 | 84 | ### Features 85 | 86 | * add quiet mode ([#7](https://github.com/sfxcode/nuxt-primevue/issues/7)) ([f33abd1](https://github.com/sfxcode/nuxt-primevue/commit/f33abd1e726aca27816f4d462c15a15790765fff)) 87 | 88 | 89 | ### Maintenance 90 | 91 | * **dependecies:** nuxt 3.6.2 more config options ([09f90ff](https://github.com/sfxcode/nuxt-primevue/commit/09f90ff3280c379a88b81cbc8e62123753b26f2c)) 92 | 93 | ## [1.2.4](https://github.com/sfxcode/nuxt-primevue/compare/v1.2.0...v1.2.4) (2023-07-03) 94 | 95 | 96 | ### Maintenance 97 | 98 | * **actions:** update ([167b152](https://github.com/sfxcode/nuxt-primevue/commit/167b1524ebdb231edebbb5c860250855219420d3)) 99 | * **actions:** update ([f31fc48](https://github.com/sfxcode/nuxt-primevue/commit/f31fc483e0fe26f32513e8c5841aba3d5314065e)) 100 | * **dependecies:** formkit-primevue 1.1.6 ([6861861](https://github.com/sfxcode/nuxt-primevue/commit/6861861ea0b19e29d617371a6cb07c805b7426f3)) 101 | * **dependecies:** formkit-primevue 1.1.7 ([b40fb7a](https://github.com/sfxcode/nuxt-primevue/commit/b40fb7ad6b124a3a3130e7fd62c50d1b836fd118)) 102 | * **dependecies:** formkit-primevue 1.1.8 nuxt 3.6.1 ([5316d47](https://github.com/sfxcode/nuxt-primevue/commit/5316d47dcdadc5fc9cc03e4e5c3d3bbed7030681)) 103 | * **dependecies:** formkit-primevue 1.1.8 nuxt 3.6.1 ([fac1007](https://github.com/sfxcode/nuxt-primevue/commit/fac1007e176d888c29a3d968e82b31217e88cd2e)) 104 | * **dependecies:** nuxt 3.5.3 - use lockfile version 6.0 ([af16edb](https://github.com/sfxcode/nuxt-primevue/commit/af16edb01b90171cb7a994f9ed193cb96928c712)) 105 | 106 | ## [1.2.0](https://github.com/sfxcode/nuxt-primevue/compare/v1.1.5...v1.2.0) (2023-06-10) 107 | 108 | 109 | ### Maintenance 110 | 111 | * **dependecies:** formkit-primevue 1.1.4 ([4f539a8](https://github.com/sfxcode/nuxt-primevue/commit/4f539a8bb8bb0a19f75d1b2454d9cf41d1407929)) 112 | * **dependecies:** formkit-primevue 1.1.4 ([c92ba7b](https://github.com/sfxcode/nuxt-primevue/commit/c92ba7b65726758b83b89aaa8c8ed921c0dd3b39)) 113 | * **dependecies:** formkit-primevue 1.1.4 ([b0f9e14](https://github.com/sfxcode/nuxt-primevue/commit/b0f9e1451debd022299626901fcd1b3c6132c38c)) 114 | * **dependecies:** formkit-primevue 1.1.4 ([fb9a465](https://github.com/sfxcode/nuxt-primevue/commit/fb9a465f50804bfee10568d3daef120751285335)) 115 | * **dependecies:** formkit-primevue 1.1.4 ([c4fef63](https://github.com/sfxcode/nuxt-primevue/commit/c4fef6373a3e7313af4134435cfd22c8cc7bd96d)) 116 | * **dependecies:** nuxt 3.5.0 ([c5fed3a](https://github.com/sfxcode/nuxt-primevue/commit/c5fed3a4fed964257be012130599ec37c77023e5)) 117 | * **dependecies:** nuxt 3.5.0 ([d6e2411](https://github.com/sfxcode/nuxt-primevue/commit/d6e2411df558f72ebd042c90b648c8e494d60134)) 118 | * **dependecies:** nuxt 3.5.3 ([f02e49d](https://github.com/sfxcode/nuxt-primevue/commit/f02e49dc3d5f4da457401ab92ea694d73fde4796)) 119 | * **dependecies:** nuxt 3.5.3 ([7296124](https://github.com/sfxcode/nuxt-primevue/commit/72961243089958fb120dabbd1c10778221c235c2)) 120 | * **dependecies:** nuxt 3.5.3 ([477e03d](https://github.com/sfxcode/nuxt-primevue/commit/477e03d3091ff9d20961250b838aa1ec7ac1d848)) 121 | * **dependecies:** nuxt 3.5.3 ([38a406a](https://github.com/sfxcode/nuxt-primevue/commit/38a406aa851f19d74f23840376fa5a05e827d69f)) 122 | * **dependecies:** nuxt 3.5.3 ([648bc20](https://github.com/sfxcode/nuxt-primevue/commit/648bc20f1175c1b67a4ad4f7c60a8019d39b9320)) 123 | * **dependecies:** nuxt 3.5.3 ([ff593d4](https://github.com/sfxcode/nuxt-primevue/commit/ff593d433f868ec76bceb535c856243acfae5054)) 124 | 125 | ## [1.1.5](https://github.com/sfxcode/nuxt-primevue/compare/v1.1.4...v1.1.5) (2023-05-14) 126 | 127 | 128 | ### Documentation 129 | 130 | * **Readme:** update demo image ([ec1fc4f](https://github.com/sfxcode/nuxt-primevue/commit/ec1fc4f559593de20455b1355029e52c65f3ac5d)) 131 | 132 | 133 | ### Maintenance 134 | 135 | * **dependecies:** formkit-primevue 1.1.2 ([207f103](https://github.com/sfxcode/nuxt-primevue/commit/207f103cabdd7689dd25de9c12deeeb1af2f24b7)) 136 | * **dependecies:** formkit-primevue 1.1.2 ([a685f01](https://github.com/sfxcode/nuxt-primevue/commit/a685f0191cf22e6f00e40ced3d43f6a51dc20921)) 137 | 138 | ## [1.1.4](https://github.com/sfxcode/nuxt-primevue/compare/v1.0.6...v1.1.4) (2023-04-29) 139 | 140 | 141 | ### Bug Fixes 142 | 143 | * **search:** use flex search - local search duplicates the base path ([0e4bbc1](https://github.com/sfxcode/nuxt-primevue/commit/0e4bbc149f4b651c487f79b9da1f65f6979118ce)) 144 | 145 | 146 | ### Code Refactoring 147 | 148 | * **plugin:** Use runtimeConfig.public ([740610e](https://github.com/sfxcode/nuxt-primevue/commit/740610e9a7b45cd7a50334267caa42645ea1d4f6)) 149 | 150 | 151 | ### Documentation 152 | 153 | * **changelog:** update ([ca8db34](https://github.com/sfxcode/nuxt-primevue/commit/ca8db34b79df18e0ea3bc100b548017b9b96c8fd)) 154 | * **changelog:** update ([6b3a5bb](https://github.com/sfxcode/nuxt-primevue/commit/6b3a5bb04f86a1c42477668e656cb78f75e1b396)) 155 | * **search:** use local search from vitepress ([66a10d3](https://github.com/sfxcode/nuxt-primevue/commit/66a10d30c007f235b7fbf5448a4d87d29adcfa9a)) 156 | 157 | 158 | ### Features 159 | 160 | * **editor:** add tiptap ([c7da733](https://github.com/sfxcode/nuxt-primevue/commit/c7da73348c3ba402ebc82c05c78e7fa35b8692f1)) 161 | * **editor:** add tiptap ([fb2700b](https://github.com/sfxcode/nuxt-primevue/commit/fb2700bfe41677e873a92bbb3ef80f74d59c02c3)) 162 | * **editor:** rollback ([c853482](https://github.com/sfxcode/nuxt-primevue/commit/c8534824341a2da3c93d3dd0849ea2b59330d00f)) 163 | 164 | 165 | ### Maintenance 166 | 167 | * **dependecies:** formkit-primevue ([503e476](https://github.com/sfxcode/nuxt-primevue/commit/503e4763ac605cb283076460ffcef45c48976fdc)) 168 | * **dependecies:** formkit-primevue ([881560b](https://github.com/sfxcode/nuxt-primevue/commit/881560b5d892af30f12703c8340d01ec6995a7f5)) 169 | * **dependecies:** formkit-primevue ([92aa37d](https://github.com/sfxcode/nuxt-primevue/commit/92aa37d79a76f6e27382816201a855870043f0d3)) 170 | * **Dependecies:** formkit-primevue 1.0.5 ([a50e8ef](https://github.com/sfxcode/nuxt-primevue/commit/a50e8ef55c367b94ced657a3a30cd86a92e1f61f)) 171 | * **dependecies:** nuxt 3.4.1 ([5b72075](https://github.com/sfxcode/nuxt-primevue/commit/5b72075cc75dcbb8ad27d0901f03f8ab5e14dd15)) 172 | * **dependecies:** nuxt 3.4.1 ([9e5451e](https://github.com/sfxcode/nuxt-primevue/commit/9e5451e8ba30eaa8b0bfa4f466297f65e671d8fe)) 173 | * **dependecies:** nuxt 3.4.2 ([f79d1ff](https://github.com/sfxcode/nuxt-primevue/commit/f79d1ff300458ccc920d7a58abec5b79f0ad3e07)) 174 | * **dependecies:** nuxt 3.4.3 ([f5c9d07](https://github.com/sfxcode/nuxt-primevue/commit/f5c9d072426bde11df3e9f23120d9caa3f91fdf1)) 175 | * **dependecies:** nuxt 3.4.3 ([40d7ad0](https://github.com/sfxcode/nuxt-primevue/commit/40d7ad03efa01d56a1c111cda2580a9c960d37d5)) 176 | * **dependecies:** update vitepress - use local search ([35931dc](https://github.com/sfxcode/nuxt-primevue/commit/35931dc7bf6dc57642275854e323a3d4f8fc283e)) 177 | 178 | ## [1.0.6](https://github.com/sfxcode/nuxt-primevue/compare/v1.0.5...v1.0.6) (2023-04-09) 179 | 180 | 181 | ### Maintenance 182 | 183 | * **Dependecies:** formkit-primevue 1.0.3 ([7c04db6](https://github.com/sfxcode/nuxt-primevue/commit/7c04db61da3ebf1781db5df59c5913838c60341a)) 184 | * **Dependecies:** formkit-primevue 1.0.3 ([5321f55](https://github.com/sfxcode/nuxt-primevue/commit/5321f552c6c6c96f9d41768722434c6d95c8f9ce)) 185 | 186 | ## [1.0.5](https://github.com/sfxcode/nuxt-primevue/compare/v1.0.4...v1.0.5) (2023-03-21) 187 | 188 | 189 | ### Maintenance 190 | 191 | * **dependecies:** formkit-primevue ([a889680](https://github.com/sfxcode/nuxt-primevue/commit/a8896807f0bfb7349c50121fd43302ce2854125a)) 192 | * **dependecies:** formkit-primevue ([d7b06d1](https://github.com/sfxcode/nuxt-primevue/commit/d7b06d18f833dc4f70ab05aa01294256319a1132)) 193 | 194 | ## [1.0.4](https://github.com/sfxcode/nuxt-primevue/compare/v1.0.1...v1.0.4) (2023-03-14) 195 | 196 | 197 | ### Bug Fixes 198 | 199 | * **import:** add ref in usePrimeDataTable ([5606f41](https://github.com/sfxcode/nuxt-primevue/commit/5606f41e2d39c46ae8f6802da3c7a975fa7a58a8)) 200 | * **import:** add ref in usePrimeDataTable ([696ff9d](https://github.com/sfxcode/nuxt-primevue/commit/696ff9d40460abb42c439025a5e67b6bd6d553c0)) 201 | 202 | 203 | ### Maintenance 204 | 205 | * **Dependecies:** formkit-primevue 1.0.0, primevue 3.24.0 ([077543b](https://github.com/sfxcode/nuxt-primevue/commit/077543b4530cfec6c5ee6698e5bd8c40d707dd0c)) 206 | * **Dependecies:** formkit-primevue 1.0.0, primevue 3.24.0 ([1c05818](https://github.com/sfxcode/nuxt-primevue/commit/1c058184959d828767b16ad7788c0d5769a17ffb)) 207 | * **Dependecies:** nuxt 3.2.3 ([c79a912](https://github.com/sfxcode/nuxt-primevue/commit/c79a912dba763b9fd1d859a5ef3f0a575cf8a633)) 208 | * **Dependecies:** nuxt 3.3.1 ([4f4f40a](https://github.com/sfxcode/nuxt-primevue/commit/4f4f40abffdee6568b359f45e8654adc4bd06d4d)) 209 | * **Dependecies:** nuxt 3.3.1 ([197bee3](https://github.com/sfxcode/nuxt-primevue/commit/197bee3d4277d2f2f36a470d226d96935907b070)) 210 | * **Linting:** Updated Files ([9c2f197](https://github.com/sfxcode/nuxt-primevue/commit/9c2f197778a05f641eff78c71e9f1cdc11134443)) 211 | 212 | ## [1.0.1](https://github.com/sfxcode/nuxt-primevue/compare/v1.0.0...v1.0.1) (2023-03-03) 213 | 214 | 215 | ### Maintenance 216 | 217 | * **Dependecies:** nuxt 3.2.3 ([41f5460](https://github.com/sfxcode/nuxt-primevue/commit/41f54602d014f7a6aeb8d81dc26c0740e281c9cf)) 218 | * **Dependecies:** primevue, formkit ([b14f7c9](https://github.com/sfxcode/nuxt-primevue/commit/b14f7c9618871bc1cf4b66f03c99179b0e26a1c3)) 219 | 220 | ## [1.0.0](https://github.com/sfxcode/nuxt-primevue/compare/v0.9.5...v1.0.0) (2023-02-12) 221 | 222 | 223 | ### Code Refactoring 224 | 225 | * **Module:** small fixes ([16f37c7](https://github.com/sfxcode/nuxt-primevue/commit/16f37c7841e9b9dccffe8c763ca2ac867fd977b0)) 226 | * **Module:** small fixes ([dab53d2](https://github.com/sfxcode/nuxt-primevue/commit/dab53d2b848cb4a2867ed1186c551c8f67570df8)) 227 | 228 | 229 | ### Maintenance 230 | 231 | * **Dependecies:** add @formkit/nuxt to dependencies ([f816d5c](https://github.com/sfxcode/nuxt-primevue/commit/f816d5c7a88e187e885ea2cdbee465ae842e7027)) 232 | * **Dependecies:** formkit-primevue 0.9.5 ([e3ffbe6](https://github.com/sfxcode/nuxt-primevue/commit/e3ffbe6157f290870aacb02495b1025ec2c51218)) 233 | * **Dependecies:** formkit-primevue 0.9.5 ([aee876a](https://github.com/sfxcode/nuxt-primevue/commit/aee876a163e86f4538666359e4cb0f744400f3ea)) 234 | * **Dependecies:** nuxt 3.1.1 ([1384b6f](https://github.com/sfxcode/nuxt-primevue/commit/1384b6fde8eaed9d85b0e14b52fa931c0e3917ab)) 235 | * **Dependecies:** nuxt 3.1.1 ([8d7191b](https://github.com/sfxcode/nuxt-primevue/commit/8d7191bd6434e5c5b9b207fec6af7cf66ab4fa8a)) 236 | * **Dependecies:** nuxt 3.1.1 ([1826204](https://github.com/sfxcode/nuxt-primevue/commit/1826204f75da26d55f58efeca09efe6bc7447295)) 237 | * **Dependecies:** primevue ([76c578b](https://github.com/sfxcode/nuxt-primevue/commit/76c578b0ca0be5f6800c31d28dfd10bc977c5896)) 238 | * **Dependecies:** primevue ([91ac0a8](https://github.com/sfxcode/nuxt-primevue/commit/91ac0a86ec5a2390439d965e9d5958a2f0a05e59)) 239 | * **Dependecies:** primevue, formkit ([391f638](https://github.com/sfxcode/nuxt-primevue/commit/391f6381baa5cb5f0109c770caf9502a87550747)) 240 | 241 | ## [0.9.5](https://github.com/sfxcode/nuxt-primevue/compare/v0.9.4...v0.9.5) (2023-01-22) 242 | 243 | 244 | ### Documentation 245 | 246 | * **pages:** Add Configuration Docs ([353b1d4](https://github.com/sfxcode/nuxt-primevue/commit/353b1d46870e6a858de96afeb7dc1febd5b073b8)) 247 | * **pages:** Add Configuration Docs ([f4483c0](https://github.com/sfxcode/nuxt-primevue/commit/f4483c0e4ac0a31530bda7390b6e02a232a22d3a)) 248 | * **pages:** Add Configuration Docs ([aa2eb63](https://github.com/sfxcode/nuxt-primevue/commit/aa2eb63b4c73b4efc57f25cb4596e81010b68c95)) 249 | * **pages:** Add Get Started in Guide ([8f166ac](https://github.com/sfxcode/nuxt-primevue/commit/8f166ac1fd43284f93e16494be6fdae92036f3cf)) 250 | 251 | 252 | ### Maintenance 253 | 254 | * **Action:** Add Gihub Pages action ([db8df29](https://github.com/sfxcode/nuxt-primevue/commit/db8df29c5bb017ceace86c7ad1f70883e4103f49)) 255 | * **Action:** Add Gihub Pages action ([c6dc332](https://github.com/sfxcode/nuxt-primevue/commit/c6dc332ae8cd659323379d0d0dcc4fe41749f826)) 256 | * **Action:** Add Gihub Pages action ([e2ab585](https://github.com/sfxcode/nuxt-primevue/commit/e2ab585fc753458567c34a43a2c5b4baf3a87562)) 257 | * **Action:** Add Gihub Pages action ([ea79991](https://github.com/sfxcode/nuxt-primevue/commit/ea79991b18ac59c39a586fed23d223ceb4a24832)) 258 | * **Action:** Add Gihub Pages action ([4438d6d](https://github.com/sfxcode/nuxt-primevue/commit/4438d6d5591aab0ac27d0a369a6d4193f3396482)) 259 | * **Dependecies:** formkit-primevue 0.9.5 ([2e18c0d](https://github.com/sfxcode/nuxt-primevue/commit/2e18c0dd81e454ea7e1c08e163039a4cd95203f5)) 260 | 261 | ## [0.9.4](https://github.com/sfxcode/nuxt-primevue/compare/v0.8.4...v0.9.4) (2022-11-19) 262 | 263 | 264 | ### Code Refactoring 265 | 266 | * **Components:** Add Components by name in module.ts ([4eb864f](https://github.com/sfxcode/nuxt-primevue/commit/4eb864f12e7155a18b2804c0f1681267835ee8c1)) 267 | 268 | 269 | ### Documentation 270 | 271 | * **Vitepress:** Add Documentation ([3a91268](https://github.com/sfxcode/nuxt-primevue/commit/3a91268f108107c43204867344048eee4b0a9390)) 272 | * **Vitepress:** Add Documentation ([8a39dc1](https://github.com/sfxcode/nuxt-primevue/commit/8a39dc139bf1076190bccae510395f19d2f89d69)) 273 | 274 | 275 | ### Features 276 | 277 | * **Dircectives:** Add FocusTrap ([f28529d](https://github.com/sfxcode/nuxt-primevue/commit/f28529db3ebc2e6936d3f9b25ba5552bcb4f728e)) 278 | * **Dircectives:** Add FocusTrap ([ce74caf](https://github.com/sfxcode/nuxt-primevue/commit/ce74caffd284ad6580ecd18f792abad56dcf4dc8)) 279 | 280 | 281 | ### Maintenance 282 | 283 | * **Dependecies:** formkit-primevue ([6ddfc30](https://github.com/sfxcode/nuxt-primevue/commit/6ddfc304e6cd3929b827dfb3e92b1e78426b49c2)) 284 | * **Dependecies:** formkit-primevue ([dfafedb](https://github.com/sfxcode/nuxt-primevue/commit/dfafedbf39128e168cf6a3656694f83a1ece5eb1)) 285 | * **Dependecies:** formkit-primevue 0.9.3 ([b1e0384](https://github.com/sfxcode/nuxt-primevue/commit/b1e0384ce5f759b244a141ccd0301caa7c576be1)) 286 | * **Dependecies:** formkit-primevue 0.9.4 ([03b01cb](https://github.com/sfxcode/nuxt-primevue/commit/03b01cb64ae36591723b30b845f69775231488a7)) 287 | * **Dependecies:** PrimeVue 3.19 ([27d3627](https://github.com/sfxcode/nuxt-primevue/commit/27d36272aaa5612379ba9404fc36748578703155)) 288 | 289 | ## [0.8.4](https://github.com/sfxcode/nuxt-primevue/compare/0764e551a08cceb6f91a105f131e50eaa5705ecd...v0.8.4) (2022-11-04) 290 | 291 | 292 | ### Bug Fixes 293 | 294 | * **Module:** PluginTemplate does not work ([ad7e603](https://github.com/sfxcode/nuxt-primevue/commit/ad7e603f4bad67be9e89be307d5fcc2ec6be2ac3)) 295 | * **Module:** PluginTemplate does not work ([08d787f](https://github.com/sfxcode/nuxt-primevue/commit/08d787f359c5826746e706729ff0eceb3486dca6)) 296 | * **Module:** PluginTemplate does not work ([8a9e275](https://github.com/sfxcode/nuxt-primevue/commit/8a9e275c9a6c6372d39a1e45256db79d1c4dfee5)) 297 | * **Module:** PluginTemplate does not work ([c9ee113](https://github.com/sfxcode/nuxt-primevue/commit/c9ee113597691ff16a04313927a2b9520b0a8328)) 298 | 299 | 300 | ### Code Refactoring 301 | 302 | * **charts:** remove chart and chart.js dependency ([8ec2a84](https://github.com/sfxcode/nuxt-primevue/commit/8ec2a84e66f82070762a305a979c8edf4bf0f950)) 303 | * **tableData:** move to server api ([f729335](https://github.com/sfxcode/nuxt-primevue/commit/f729335677720875b577a480468c06a5f6767d74)) 304 | * **tableData:** move to server api ([68f1578](https://github.com/sfxcode/nuxt-primevue/commit/68f1578ea442551dfc383aca3b060a98c27cb3f4)) 305 | 306 | 307 | ### Documentation 308 | 309 | * **Readme:** Add Badge ([177799b](https://github.com/sfxcode/nuxt-primevue/commit/177799be0e4b2e6c539a23fa3c73918906b85aa8)) 310 | 311 | 312 | ### Features 313 | 314 | * **Component:** Add Form Demo ([d73945f](https://github.com/sfxcode/nuxt-primevue/commit/d73945fa73f5e0e126d346e11ba45a7c7e0d8c94)) 315 | * **Composable:** Add usePrimeDataTable ([d4853fe](https://github.com/sfxcode/nuxt-primevue/commit/d4853feec94baf72587250aa8bec47e2b261cb36)) 316 | * **Composable:** Add usePrimeDataTable ([2bfdf13](https://github.com/sfxcode/nuxt-primevue/commit/2bfdf133fdba34b56d4bb2d0e56082e864343f44)) 317 | * **Composable:** Add usePrimeDataTable ([9f14ced](https://github.com/sfxcode/nuxt-primevue/commit/9f14cede0c35bd35b2b5b8ef0ba4f2f21a155f97)) 318 | * **Composable:** Add usePrimeDataTable ([382841c](https://github.com/sfxcode/nuxt-primevue/commit/382841c80eb966a4293b7d947beeec4ec721779d)) 319 | * **plugin:** Add PrimeVueConfiguration ([3ead4fe](https://github.com/sfxcode/nuxt-primevue/commit/3ead4fe9a31c3dec190d4855ebde61d221f5cb51)) 320 | 321 | 322 | ### Maintenance 323 | 324 | * **Dependecies:** Chart.js ([fab9670](https://github.com/sfxcode/nuxt-primevue/commit/fab9670ccfaea9224bf3b18df306ede4c225381a)) 325 | * **Dependecies:** formkit-primevue ([a46392d](https://github.com/sfxcode/nuxt-primevue/commit/a46392d73e8dc3aafc2f05da8ad4477fc753e595)) 326 | * **Dependecies:** formkit-primevue ([20d2804](https://github.com/sfxcode/nuxt-primevue/commit/20d28047226198d2a0464ff30f40d1c125a20e45)) 327 | * **Dependecies:** formkit-primevue ([99b0345](https://github.com/sfxcode/nuxt-primevue/commit/99b034530804f2a92735336f35f6def0086ca0d9)) 328 | * **Dependecies:** formkit-primevue ([552690d](https://github.com/sfxcode/nuxt-primevue/commit/552690da9fc10fe62caec00147d3855b7c61c577)) 329 | * **Dependecies:** formkit-primevue ([1b6c34e](https://github.com/sfxcode/nuxt-primevue/commit/1b6c34e4c52cb859ae8165562fb6755e8241f82d)) 330 | * **Dependecies:** Nuxt ([1dcc1f1](https://github.com/sfxcode/nuxt-primevue/commit/1dcc1f1d23a9cfcc1ead53a3de07696926addb6e)) 331 | * **Dependecies:** PrimeVue ([9fc5b8f](https://github.com/sfxcode/nuxt-primevue/commit/9fc5b8f9ecbfe864fba64c7a025d0c66e943c1b8)) 332 | * **Dependecies:** PrimeVue ([4045532](https://github.com/sfxcode/nuxt-primevue/commit/4045532431103ba67a403aebe880c874240825ef)) 333 | * **Dependecies:** PrimeVue ([8469548](https://github.com/sfxcode/nuxt-primevue/commit/846954806be434911833869bfd339030e8ac43fd)) 334 | * **Dependecies:** PrimeVue ([6b82c36](https://github.com/sfxcode/nuxt-primevue/commit/6b82c363ad7235bb56079ddac7ce1a4fe5c53308)) 335 | * **Release:** Initial ([d26144a](https://github.com/sfxcode/nuxt-primevue/commit/d26144a0a5c707904ad29f443d77d4ab9ad2678c)) 336 | * **Release:** Initial ([0764e55](https://github.com/sfxcode/nuxt-primevue/commit/0764e551a08cceb6f91a105f131e50eaa5705ecd)) 337 | * **Release:** Prepare Release ([5618fd5](https://github.com/sfxcode/nuxt-primevue/commit/5618fd537fbb6058a4a642d0072fdc2df42e9887)) 338 | 339 | 340 | [v1.3.6]: https://github.com/sfxcode/nuxt-primevue/compare/v1.3.5...v1.3.6 341 | [v1.3.7]: https://github.com/sfxcode/nuxt-primevue/compare/v1.3.6...v1.3.7 342 | [v1.3.8]: https://github.com/sfxcode/nuxt-primevue/compare/v1.3.7...v1.3.8 343 | [v1.3.9]: https://github.com/sfxcode/nuxt-primevue/compare/v1.3.8...v1.3.9 344 | [v1.4.0]: https://github.com/sfxcode/nuxt-primevue/compare/v1.3.9...v1.4.0 345 | [v1.4.1]: https://github.com/sfxcode/nuxt-primevue/compare/v1.4.0...v1.4.1 346 | [v1.4.2]: https://github.com/sfxcode/nuxt-primevue/compare/v1.4.1...v1.4.2 -------------------------------------------------------------------------------- /PrimeVue_demo_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sfxcode/nuxt-primevue/f3b74fb5dc5fdd0abfd710df6adf58a34d59f8e8/PrimeVue_demo_dark.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Nuxt 3 Module PrimeVue (DEPRECATED) 2 | 3 | October 30, 2023. 4 | 5 | Hello everybody. After using and maintaining this project for nearly a year, there is no need for this module any longer because the developer of PrimeVue made an official one ([primevue-nuxt-module](https://github.com/primefaces/primevue-nuxt-module)). 6 | 7 | This module filled the gap for a while and was a lot of fun in devoloping, but i will be glad to use a new one with official PrimeVue support. 8 | 9 | Big thanks to anybody who used it and helped with issues and PRs. 10 | 11 | If you switch to the official [primevue-nuxt-module](https://github.com/primefaces/primevue-nuxt-module), you will find out that configuration is oore or less the same. I will also update my existing demo projects to use the official module from now on. Please support the offical module with stars and take part in the development. 12 | 13 | So keep on coding and stay safe and healthy, 14 | 15 | Tom (sfxcode) 16 | 17 | ## About 18 | 19 | * Load [PrimeVue](https://www.primefaces.org/primevue/setup) Components 20 | * Add PrimeVue Services (usePrimeDataTable) 21 | * [Formkit](https://formkit.com/) Support with [formkit-primevue](https://github.com/sfxcode/formkit-primevue) 22 | 23 | ## Version 24 | 25 | [![npm version](https://badge.fury.io/js/@sfxcode%2Fnuxt-primevue.svg)](https://badge.fury.io/js/@sfxcode%2Fnuxt-primevue) 26 | 27 | ## Nuxt 3 Demo 28 | 29 | [Github: nuxt3-primevue-starter](https://github.com/sfxcode/nuxt3-primevue-starter) 30 | 31 | [Netlify: nuxt3-primevue-starter](https://nuxt3-primevue-starter.netlify.app/) 32 | 33 | ## Docs 34 | 35 | Read more on [Docs](https://sfxcode.github.io/nuxt-primevue) 36 | 37 | Tutorial: [Getting started](https://sfxcode.github.io/nuxt-primevue/guide/getting-started.html) 38 | 39 | ## Usage 40 | 41 | Add Module **nuxt-primevue** to **nuxt.config.ts** 42 | 43 | ```ts 44 | 45 | modules: [ 46 | ... 47 | '@sfxcode/nuxt-primevue', 48 | 49 | ], 50 | ``` 51 | 52 | Create **formkit.config.ts** 53 | 54 | ```ts 55 | // formkit.config.ts 56 | import type { DefaultConfigOptions } from '@formkit/vue' 57 | import { primeInputs } from '@sfxcode/formkit-primevue' 58 | 59 | const config: DefaultConfigOptions = { 60 | inputs: primeInputs, 61 | } 62 | 63 | export default config 64 | ``` 65 | 66 | See [https://github.com/sfxcode/formkit-primevue](https://github.com/sfxcode/formkit-primevue) 67 | 68 | ## Module Configuration 69 | 70 | ### Primevue Configuration 71 | 72 | ```typescript 73 | config: { 74 | ripple: true // default 75 | } 76 | ``` 77 | 78 | ### Formkit Configuration 79 | 80 | Shows if formkit should be used with PrimeVue. 81 | In this case PrimeVue components used by formkit-primevue must be imported global. 82 | 83 | ```typescript 84 | config: { 85 | useFormkit: true // default 86 | } 87 | ``` 88 | ### Component Configuration 89 | 90 | Default all but excluded PrimeVue Components are imported automatically. 91 | 92 | Some components in default are excluded because of some SSR problems or needed Third Party Libraries: 93 | ```typescript 94 | export const defaultPrimevueExcludeComponentNames:Array = [ 95 | 'Chart', 96 | 'Editor', 97 | 'FullCalendar', 98 | ] 99 | 100 | 101 | ``` 102 | Finetuning by components configuration options: 103 | 104 | ```typescript 105 | components: { 106 | include: [...defaultPrimeVueComponents(true, true), 'DataTable', 'Column'], 107 | force: ['Button',{name:'Message', global:true}], 108 | } 109 | ``` 110 | #### Components Configuration 111 | **Option include**: 112 | 113 | Includes components by name or as PrimeVueComponent. Defaults are not used if not implemented in helper function. 114 | 115 | **Option exclude**: 116 | 117 | Only if not include is used. Exclude default components by name. 118 | 119 | **Option force**: 120 | 121 | Force Includes components by name or as PrimeVueComponent. 122 | 123 | **Helper Function**: 124 | ``` typescript 125 | export function defaultPrimeVueComponents(useFormkit: boolean, onlyGlobal:boolean=false) 126 | ``` 127 | 128 | ## Development 129 | 130 | - Run `npm run dev:prepare` to generate type stubs. 131 | - Use `npm run dev` to start [playground](./playground) in development mode. 132 | 133 | 134 | ![](PrimeVue_demo_dark.png) 135 | -------------------------------------------------------------------------------- /build.config.ts: -------------------------------------------------------------------------------- 1 | import { defineBuildConfig } from 'unbuild' 2 | 3 | export default defineBuildConfig({ 4 | failOnWarn: false 5 | }) 6 | -------------------------------------------------------------------------------- /docs/.vitepress/config.js: -------------------------------------------------------------------------------- 1 | import Unocss from 'unocss/vite' 2 | import { defineConfig } from 'vitepress' 3 | import { version } from '../../package.json' 4 | 5 | export default defineConfig({ 6 | title: 'Nuxt PrimeVue', 7 | description: 'PrimeVue Module for Nuxt 3', 8 | base: '/nuxt-primevue/', 9 | themeConfig: { 10 | footer: { 11 | message: 'Nuxt 3 PrimeVue Module', 12 | copyright: 'Copyright © 2023 SFXCode', 13 | }, 14 | search: { 15 | provider: 'local' 16 | }, 17 | socialLinks: [ 18 | { icon: 'github', link: 'https://github.com/sfxcode/nuxt-primevue' }, 19 | ], 20 | editLink: { 21 | pattern: 'https://github.com/sfxcode/nuxt-primevue/edit/main/docs/:path', 22 | text: 'Edit this page on GitHub', 23 | }, 24 | nav: nav(), 25 | sidebar: { 26 | '/guide/': sidebarGuide(), 27 | '/config/': sidebarConfig(), 28 | }, 29 | }, 30 | markdown: { 31 | headers: { 32 | level: [0, 0], 33 | }, 34 | }, 35 | vite: { 36 | plugins: [ 37 | Unocss({ 38 | configFile: '../../unocss.config.ts', 39 | }), 40 | ], 41 | }, 42 | }) 43 | 44 | function nav() { 45 | return [ 46 | { text: 'Guide', link: '/guide/', activeMatch: '/guide/' }, 47 | { text: 'Config', link: '/config/', activeMatch: '/config/' }, 48 | { 49 | text: 'External Docs', 50 | items: [ 51 | { 52 | text: 'PrimeVue', 53 | link: 'https://www.primefaces.org/primevue', 54 | }, 55 | { 56 | text: 'Formkit', 57 | link: 'https://formkit.com', 58 | }, 59 | { 60 | text: 'Formkit-PrimeVue', 61 | link: 'https://github.com/sfxcode/formkit-primevue', 62 | }, 63 | ], 64 | }, 65 | { 66 | text: version, 67 | items: [ 68 | { 69 | text: 'Changelog', 70 | link: 'https://github.com/sfxcode/nuxt-primevue/blob/main/CHANGELOG.md', 71 | }, 72 | ], 73 | }, 74 | ] 75 | } 76 | 77 | function sidebarGuide() { 78 | return [ 79 | { 80 | text: 'Introduction', 81 | collapsible: true, 82 | items: [ 83 | { text: 'What is this?', link: '/guide/' }, 84 | { text: 'Getting started', link: '/guide/getting-started' }, 85 | ], 86 | }, 87 | { 88 | text: 'PrimeVue', 89 | collapsible: true, 90 | items: [ 91 | { text: 'PrimeVue Integration', link: '/guide/primevue' }, 92 | ], 93 | }, 94 | { 95 | text: 'Formkit', 96 | collapsible: true, 97 | items: [ 98 | { text: 'Formkit Integration', link: '/guide/formkit' }, 99 | ], 100 | }, 101 | ] 102 | } 103 | 104 | function sidebarConfig() { 105 | return [ 106 | { 107 | text: 'Config', 108 | items: [ 109 | { text: 'Introduction', link: '/config/' }, 110 | ], 111 | }, 112 | ] 113 | } 114 | -------------------------------------------------------------------------------- /docs/.vitepress/theme/components/Todo.vue: -------------------------------------------------------------------------------- 1 | 3 | 4 | 15 | 16 | 19 | -------------------------------------------------------------------------------- /docs/.vitepress/theme/index.ts: -------------------------------------------------------------------------------- 1 | import DefaultTheme from 'vitepress/theme' 2 | import type { App } from 'vue' 3 | import { anu } from 'anu-vue' 4 | import 'uno.css' 5 | import Todo from './components/Todo.vue' 6 | 7 | export default { 8 | ...DefaultTheme, 9 | enhanceApp({ app }: { app: App }) { 10 | app.use(anu, { 11 | registerComponents: true, 12 | }) 13 | app.component('Todo', Todo) 14 | 15 | }, 16 | } 17 | -------------------------------------------------------------------------------- /docs/config/index.md: -------------------------------------------------------------------------------- 1 | # Module Configuration 2 | 3 | Available Configuration options are: 4 | 5 | <<< @/../src/module.ts#options 6 | 7 | ## Options 8 | 9 | | Option | Default | Config Section | Comment | 10 | |---------------|:-------:|:--------------------------------------|:--------------------------------------------| 11 | | config | | [Primevue](#primevue-configuration) | PrimeVue Config | 12 | | components | | [Component](#component-configuration) | Finetuning of used PrimeVue components | 13 | | useFormkit | true | [Formkit](#component-configuration) | Force to include components used by Formkit | 14 | | quiet | false | | Show module logs on startup | 15 | | includeDemo | true | | Include Demo Components | 16 | 17 | 18 | ## Default Configuration 19 | 20 | If no configuration provided, this module work totally fine. 21 | 22 | Nearly all PrimeVue components are imported (except Editor because of some SSR problems). 23 | 24 | Default PrimeVueConfiguration is used with (ripple:true). 25 | 26 | If fintuning is needed, see information below. 27 | 28 | ## Primevue Configuration 29 | 30 | PrimeVueConfiguration is read from module config and injected in the PrimeVue startup of this module. 31 | ```ts 32 | export interface PrimeVueConfiguration { 33 | ripple?: boolean; 34 | inputStyle?: string; 35 | locale?: PrimeVueLocaleOptions; 36 | } 37 | 38 | ``` 39 | Configuration sample: 40 | 41 | ```typescript 42 | config: { 43 | ripple: true // default 44 | } 45 | ``` 46 | 47 | ## Formkit Configuration 48 | 49 | Shows if formkit should be used with PrimeVue. 50 | In this case PrimeVue components used by formkit-primevue must be imported global. 51 | 52 | ```typescript 53 | useFormkit: true // default 54 | ``` 55 | ## Component Configuration 56 | 57 | Default all but excluded PrimeVue Components are imported automatically. 58 | 59 | Some components in default are excluded because of some SSR problems or needed Third Party Libraries: 60 | ```typescript 61 | export const defaultPrimevueExcludeComponentNames:Array = [ 62 | 'Chart', 63 | 'Editor', 64 | 'FullCalendar', 65 | ] 66 | 67 | 68 | ``` 69 | Finetuning by components configuration options: 70 | 71 | ```typescript 72 | components: { 73 | include: [...defaultPrimeVueComponents(true, true), 'DataTable', 'Column'], 74 | force: ['Button',{name:'Message', global:true}], 75 | } 76 | ``` 77 | ### Components Configuration 78 | 79 | **Option include**: 80 | 81 | Includes components by name or as PrimeVueComponent. If includes are defined, default values are **not** used. 82 | 83 | ```ts 84 | export interface PrimeVueComponent { 85 | name: string 86 | global: boolean 87 | } 88 | 89 | ``` 90 | 91 | **Option exclude**: 92 | 93 | Only if not include is used. Exclude default components by name. 94 | 95 | **Option force**: 96 | 97 | Force Includes components by name or as PrimeVueComponent. 98 | 99 | **Helper Function**: 100 | ``` typescript 101 | export function defaultPrimeVueComponents(useFormkit: boolean, onlyGlobal:boolean=false) 102 | ``` 103 | 104 | -------------------------------------------------------------------------------- /docs/guide/formkit.md: -------------------------------------------------------------------------------- 1 | # About Formkit Integration 2 | 3 | FormKit equips developers to build their forms 10x faster by simplifying form structure, generation, validation, theming, submission, error handling, and more. 4 | 5 | In combination with PrimeVue it is an excellent choice for form validation. 6 | ## Formkit - Primevue 7 | 8 | Helper classes for using [Formkit](https://formkit.com/) with the [PrimeVue UI Framework](https://www.primefaces.org/primevue/#/) 9 | 10 | ### Usages 11 | 12 | A Nuxt 3 Module (PrimeVue and Formkit bundled) under [nuxt-primevue](https://github.com/sfxcode/nuxt-primevue) 13 | 14 | [Nuxt 3 PrimeVue Starter](https://github.com/sfxcode/nuxt3-primevue-starter) and [Vite PrimeVue Starter](https://github.com/sfxcode/vite-primevue-starter) with Formkit support available 15 | 16 | 17 | ## Supported Inputs 18 | 19 | Inputs are used in schema with **prime** as prefix and the **input name** as suffix. 20 | 21 | ::: warning 22 | Used inputs by FormKit must be imported global (default). 23 | 24 | They are referenced in the startup phase, if FormKit is enabled. 25 | ::: 26 | 27 | 28 | E.g. InputMask -> primeInputMask 29 | 30 | - Calendar 31 | - Checkbox 32 | - Dropdown 33 | - Editor (HTML Editor) 34 | - InputMask 35 | - InputNumber 36 | - InputSwitch 37 | - InputText 38 | - InputTextarea 39 | - MultiSelect 40 | - Password 41 | - Ranking 42 | - Chips 43 | - Knob 44 | - ColorPicker 45 | - Listbox 46 | - ToggleButton 47 | - SelectButton 48 | - TriStateCheckbox 49 | - RadioButton 50 | 51 | ## Formkit Usage Demo 52 | 53 | ```ts 54 | 55 | const schema 56 | = [ 57 | { 58 | $formkit: 'primeInputMask', 59 | name: 'myInputMask', 60 | label: 'Input Mask', 61 | validation: 'required', 62 | validationVisibility: 'live', 63 | mask: '99-999999', 64 | placeholder: '99-999999', 65 | }, 66 | { 67 | $formkit: 'primeInputMask', 68 | name: 'custom', 69 | label: 'Input Mask', 70 | mask: '(999) 999-9999', 71 | unmask: true, 72 | }, 73 | ] 74 | const data = { } 75 | ``` 76 | 77 | ```vue 78 | 91 | ``` 92 | -------------------------------------------------------------------------------- /docs/guide/getting-started.md: -------------------------------------------------------------------------------- 1 | Getting Started 2 | 3 | ## Installation steps 4 | 5 | ### Step. 1: Install depenendencies 6 | 7 | Create and change into a new directory. 8 | 9 | ```sh 10 | $ pnpm add -D @sfxcode/nuxt-primevue 11 | ``` 12 | 13 | ### Step. 2: Define nuxt modules (nuxt.config.ts) 14 | 15 | Add nuxt-formkit (optional) and nuxt-primevue to your modules 16 | 17 | ```ts 18 | modules: [ 19 | '@formkit/nuxt', 20 | '@sfxcode/nuxt-primevue', 21 | ] 22 | ``` 23 | 24 | ### Step. 3: Configure nuxt-primevue (nuxt.config.ts, optional) 25 | 26 | ```ts 27 | primevue: { 28 | config: { 29 | ripple: true 30 | } 31 | } 32 | ``` 33 | 34 | ### Step. 4: Add PrimeVue specific CSS 35 | 36 | Example below add required primevue css, primeicons and one of the primevue themes (here: saga-blue). 37 | 38 | Base scss files for formkit can be imported from formkit-primevue. 39 | 40 | ```ts 41 | css: [ 42 | 'primevue/resources/primevue.css', 43 | 'primevue/resources/themes/saga-blue/theme.css', 44 | 'primeicons/primeicons.css', 45 | '@sfxcode/formkit-primevue/dist/sass/formkit-primevue.scss' 46 | ] 47 | ``` 48 | 49 | ### Step. 5: Add primevue to build / transpile (nuxt.config.ts) 50 | 51 | ```ts 52 | build: { 53 | transpile: ['primevue'] 54 | } 55 | ``` 56 | 57 | ### Step 6 (only for usage of Formkit with PrimeVue) 58 | 59 | Add formkit.config.ts to your root dir and register primeInputs. 60 | 61 | <<< @/../playground/formkit.config.ts 62 | 63 | ## Test Installation 64 | 65 | This module contains some demo components to make sure everything work as expected. 66 | 67 | ### PrimeDemoToast 68 | 69 | Makes sure PrimeVue Services and Components are available. 70 | 71 | ```vue 72 | 73 | ``` 74 | 75 | ### PrimeDemoForm 76 | 77 | Makes sure Formkit by PrimeVue Input components and validation are available. 78 | 79 | ```vue 80 | 81 | ``` 82 | -------------------------------------------------------------------------------- /docs/guide/index.md: -------------------------------------------------------------------------------- 1 | # Guide Overview 2 | 3 | **nuxt-primevue** integrate the [PrimeVue](https://www.primefaces.org/primevue) component framework in your nuxt application. 4 | 5 | [PrimeVue](https://www.primefaces.org/primevue) components are available according to your configuration of this module. 6 | 7 | Support of [Formkit](https://formkit.com) enabled by using [@sfxcode/formkit-primevue](https://github.com/sfxcode/formkit-primevue) enabled. 8 | 9 | 10 | -------------------------------------------------------------------------------- /docs/guide/primevue.md: -------------------------------------------------------------------------------- 1 | # About PrimeVue Integration 2 | 3 | ## Available PrimeVue Elements 4 | 5 | Following **directives** are automatically enabled by this module: 6 | 7 | * badge 8 | * focustrap 9 | * ripple 10 | * styleclass 11 | * tooltip 12 | 13 | 14 | Following **services** are automatically enabled by this module: 15 | 16 | * ConfirmationService 17 | * ToastService 18 | 19 | **Components** are available based on your [module configuration](../config/#component-configuration). 20 | 21 | ## Usage in Application 22 | 23 | ::: info 24 | PrimeVue Toast and Button should be autoimported (like in defaults). 25 | ::: 26 | 27 | ```vue 28 | 38 | 39 | 52 | 53 | ``` 54 | -------------------------------------------------------------------------------- /docs/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: home 3 | 4 | hero: 5 | name: PrimeVue Nuxt 3 6 | text: Validation Included 7 | tagline: Use PrimeVue and Validation in Nuxt 3 8 | actions: 9 | - theme: brand 10 | text: Get Started 11 | link: /guide/getting-started 12 | - theme: alt 13 | text: Guide 14 | link: /guide/ 15 | - theme: alt 16 | text: Configs 17 | link: /config/ 18 | 19 | features: 20 | - title: "Nuxt PrimeVue" 21 | details: Easy PrimeVue integration with Nuxt 3. Use PrimeVue components, directives and services 22 | - title: "PrimeVue" 23 | details: Next Generation Vue UI Component Library. Rich set of open source native components for Vue. 24 | - title: "Formkit (optional)" 25 | details: A Vue form building framework that simplifies form structure, generation, validation, theming, submission, error handling, and more. 26 | - title: "Formkit-PrimeVue (optional)" 27 | details: PrimeVue support for the FormKit validation Framwork. PrimeVue inputs are prepared for seamless formkit integration. 28 | --- 29 | 30 | -------------------------------------------------------------------------------- /docs/uno.config.ts: -------------------------------------------------------------------------------- 1 | import { presetAnu, presetIconExtraProperties } from 'anu-vue' 2 | import { presetThemeDefault } from '@anu-vue/preset-theme-default' 3 | 4 | import { 5 | defineConfig, 6 | presetIcons, 7 | presetUno, 8 | transformerDirectives, 9 | transformerVariantGroup 10 | } from 'unocss' 11 | 12 | export default defineConfig({ 13 | presets: [ 14 | presetUno(), 15 | presetIcons({ 16 | scale: 1.2, 17 | unit: 'em', 18 | extraProperties: presetIconExtraProperties 19 | 20 | }), 21 | 22 | // anu-vue presets 23 | presetAnu(), 24 | presetThemeDefault() 25 | ], 26 | transformers: [ 27 | transformerVariantGroup(), 28 | transformerDirectives() 29 | ], 30 | configDeps: ['../anu-vue/src/presets/theme-default/index.ts'], 31 | content: { 32 | pipeline: { 33 | include: [/.*\/anu-vue\.js(.*)?$/, './**/*.vue', './**/*.md'] 34 | } 35 | } 36 | }) 37 | -------------------------------------------------------------------------------- /nuxt-primevue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sfxcode/nuxt-primevue/f3b74fb5dc5fdd0abfd710df6adf58a34d59f8e8/nuxt-primevue.png -------------------------------------------------------------------------------- /nuxt-primevue.yml: -------------------------------------------------------------------------------- 1 | name: nuxt-primevue 2 | description: PrimeVue integration in Nuxt - Optional Nuxt FormKit integration 3 | repo: sfxcode/nuxt-primevue 4 | npm: nuxt-primevue 5 | icon: nuxt.svg 6 | github: https://github.com/sfxcode/nuxt-primevue 7 | website: https://sfxcode.github.io/nuxt-primevue 8 | learn_more: https://sfxcode.github.io/nuxt-primevue 9 | category: UI 10 | type: 3rd-party 11 | maintainers: 12 | - name: Tom Lamers 13 | github: sfxcode 14 | compatibility: 15 | nuxt: ^3.0.0 16 | requires: {} 17 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@sfxcode/nuxt-primevue", 3 | "version": "1.4.2", 4 | "license": "MIT", 5 | "type": "module", 6 | "author": { 7 | "name": "Tom Lamers", 8 | "email": "tom@sfxcode.com" 9 | }, 10 | "exports": { 11 | ".": { 12 | "import": "./dist/module.mjs", 13 | "require": "./dist/module.cjs" 14 | } 15 | }, 16 | "main": "./dist/module.cjs", 17 | "types": "./dist/types.d.ts", 18 | "files": [ 19 | "dist" 20 | ], 21 | "unbuild": { 22 | "rollup": { 23 | "commonjs": { 24 | "exclude": "node_modules/**" 25 | } 26 | } 27 | }, 28 | "scripts": { 29 | "prepack": "nuxt-module-build", 30 | "dev": "nuxi dev playground", 31 | "dev:build": "nuxi build playground", 32 | "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground", 33 | "dev:start": "node playground/.output/server/index.mjs", 34 | "lint": "eslint . --fix", 35 | "docs:dev": "vitepress dev docs", 36 | "docs:build": "vitepress build docs", 37 | "docs:serve": "vitepress serve docs" 38 | }, 39 | "build": { 40 | "failOnWarn": false 41 | }, 42 | "dependencies": { 43 | "@formkit/nuxt": "1.2.2", 44 | "@nuxt/kit": "^3.7.4", 45 | "@sfxcode/formkit-primevue": "^1.4.2", 46 | "primeicons": "^6.0.1", 47 | "primevue": "^3.36.0" 48 | }, 49 | "devDependencies": { 50 | "@anu-vue/preset-theme-default": "^0.15.2", 51 | "@iconify-json/mdi": "^1.1.54", 52 | "@nuxt/module-builder": "^0.5.2", 53 | "@nuxtjs/eslint-config-typescript": "12.1.0", 54 | "@pinia/nuxt": "^0.5.1", 55 | "@types/node": "^20.8.6", 56 | "@unocss/nuxt": "^0.56.5", 57 | "@vueuse/nuxt": "^10.5.0", 58 | "anu-vue": "^0.15.2", 59 | "defu": "^6.1.2", 60 | "eslint": "^8.51.0", 61 | "markdown-it": "^13.0.2", 62 | "nuxt": "^3.7.4", 63 | "sass": "^1.69.4", 64 | "vitepress": "1.0.0-rc.22" 65 | }, 66 | "keywords": [ 67 | "nuxt", 68 | "nuxt-module", 69 | "vue3", 70 | "nuxt3", 71 | "nuxt-primevue", 72 | "formkit", 73 | "formkit-primevue" 74 | ] 75 | } 76 | -------------------------------------------------------------------------------- /playground/app.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | -------------------------------------------------------------------------------- /playground/components/PrimeDemoDataTable.vue: -------------------------------------------------------------------------------- 1 | 22 | 23 |