{"id":22489151,"url":"https://github.com/sfxcode/nuxt-primevue","last_synced_at":"2025-08-02T21:32:13.333Z","repository":{"id":50572534,"uuid":"516718678","full_name":"sfxcode/nuxt-primevue","owner":"sfxcode","description":"PrimeVue Nuxt 3 Module","archived":true,"fork":false,"pushed_at":"2023-10-30T15:32:17.000Z","size":5271,"stargazers_count":35,"open_issues_count":1,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2023-10-30T16:38:13.054Z","etag":null,"topics":["formkit","nuxt","nuxt-module","primevue","ui","validation"],"latest_commit_sha":null,"homepage":"https://sfxcode.github.io/nuxt-primevue","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sfxcode.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2022-07-22T11:05:34.000Z","updated_at":"2023-10-30T15:33:31.000Z","dependencies_parsed_at":"2023-02-15T23:16:03.150Z","dependency_job_id":"f2a3f1dc-979b-4ab6-82f3-6f879badfb4c","html_url":"https://github.com/sfxcode/nuxt-primevue","commit_stats":null,"previous_names":[],"tags_count":23,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sfxcode%2Fnuxt-primevue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sfxcode%2Fnuxt-primevue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sfxcode%2Fnuxt-primevue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sfxcode%2Fnuxt-primevue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sfxcode","download_url":"https://codeload.github.com/sfxcode/nuxt-primevue/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228500221,"owners_count":17930020,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["formkit","nuxt","nuxt-module","primevue","ui","validation"],"created_at":"2024-12-06T17:19:18.497Z","updated_at":"2024-12-06T17:21:32.620Z","avatar_url":"https://github.com/sfxcode.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Nuxt 3 Module PrimeVue (DEPRECATED)\n\nOctober 30, 2023.\n\nHello 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)).\n\nThis 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.\n\nBig thanks to anybody who used it and helped with issues and PRs.\n\nIf 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.\n\nSo keep on coding and stay safe and healthy,\n\nTom (sfxcode)\n\n## About\n\n* Load [PrimeVue](https://www.primefaces.org/primevue/setup) Components\n* Add PrimeVue Services (usePrimeDataTable)\n* [Formkit](https://formkit.com/) Support with [formkit-primevue](https://github.com/sfxcode/formkit-primevue)\n\n## Version\n\n[![npm version](https://badge.fury.io/js/@sfxcode%2Fnuxt-primevue.svg)](https://badge.fury.io/js/@sfxcode%2Fnuxt-primevue)\n\n## Nuxt 3 Demo\n\n[Github: nuxt3-primevue-starter](https://github.com/sfxcode/nuxt3-primevue-starter)\n\n[Netlify:  nuxt3-primevue-starter](https://nuxt3-primevue-starter.netlify.app/)\n\n## Docs\n\nRead more on [Docs](https://sfxcode.github.io/nuxt-primevue)\n\nTutorial: [Getting started](https://sfxcode.github.io/nuxt-primevue/guide/getting-started.html)\n\n## Usage\n\nAdd Module **nuxt-primevue** to **nuxt.config.ts**\n\n```ts\n\n  modules: [\n    ...\n    '@sfxcode/nuxt-primevue',\n    \n  ],\n```\n\nCreate **formkit.config.ts**\n\n```ts\n// formkit.config.ts\nimport type { DefaultConfigOptions } from '@formkit/vue'\nimport { primeInputs } from '@sfxcode/formkit-primevue'\n\nconst config: DefaultConfigOptions = {\n  inputs: primeInputs,\n}\n\nexport default config\n```\n\nSee [https://github.com/sfxcode/formkit-primevue](https://github.com/sfxcode/formkit-primevue)\n\n## Module Configuration\n\n### Primevue Configuration\n\n```typescript\n    config: {\n      ripple: true  // default\n    }\n```\n\n### Formkit Configuration\n\nShows if formkit should be used with PrimeVue.\nIn this case PrimeVue components used by formkit-primevue must be imported global.\n\n```typescript\n    config: {\n      useFormkit: true  // default\n    }\n```\n### Component Configuration\n\nDefault all but excluded PrimeVue Components are imported automatically.\n\nSome components in default are excluded because of some SSR problems or needed Third Party Libraries: \n```typescript\nexport const defaultPrimevueExcludeComponentNames:Array\u003cstring\u003e  = [\n  'Chart',\n  'Editor',\n  'FullCalendar',\n]\n\n\n```\nFinetuning by components configuration options:\n\n```typescript\ncomponents: {\n    include: [...defaultPrimeVueComponents(true, true), 'DataTable', 'Column'],\n    force: ['Button',{name:'Message', global:true}],\n}\n```\n#### Components Configuration \n**Option include**:\n\nIncludes components by name or as PrimeVueComponent. Defaults are not used if not implemented in helper function.\n\n**Option exclude**:\n\nOnly if not include is used. Exclude default components by name.\n\n**Option force**:\n\nForce Includes components by name or as PrimeVueComponent.\n\n**Helper Function**:\n``` typescript\nexport function defaultPrimeVueComponents(useFormkit: boolean, onlyGlobal:boolean=false) \n```\n\n## Development\n\n- Run `npm run dev:prepare` to generate type stubs.\n- Use `npm run dev` to start [playground](./playground) in development mode.\n\n\n![](PrimeVue_demo_dark.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsfxcode%2Fnuxt-primevue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsfxcode%2Fnuxt-primevue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsfxcode%2Fnuxt-primevue/lists"}