--- name: coder-typescript-vuejs-primevue description: Use when working with PrimeVue for docs access, theming, and examples. --- Access official PrimeVue documentation via CLI helper for components, theming, and guides<\/purpose> Working with PrimeVue components<\/trigger> Need component props, events, slots, or examples<\/trigger> Theming or configuration questions<\/trigger> Migration from PrimeVue 3 to 4<\/trigger> <\/triggers> PrimeVue Official Documentation<\/source> PrimeVue Theming Guide<\/source> <\/sources> <\/skill_overview> .opencode\/skills\/coder\/typescript\/coder-typescript-vuejs\/coder-typescript-vuejs-primevue\/scripts\/primevue-docs.js<\/path> DO NOT use Context7 for PrimeVue—use ONLY this CLI helper<\/rule> CLI fetches from official primevue.org\/llms\/* endpoints maintained by PrimeVue team<\/rule> Requires Node 18+ (uses built-in fetch)<\/rule> <\/rules> List all components grouped by category<\/description> node {path} list<\/example> node {path} list --names # Names only<\/example> node {path} list --category form # Filter by category<\/example> <\/examples> <\/command> Get component documentation<\/description> node {path} component datatable # Full docs<\/example> node {path} component button --props # Props only<\/example> node {path} component dialog --events # Events only<\/example> node {path} component card --slots # Slots only<\/example> node {path} component menu --examples # Examples only<\/example> node {path} datatable # Shorthand<\/example> <\/examples> <\/command> Search across all docs<\/description> node {path} search "row selection"<\/example> node {path} search "virtual scroll" --context<\/example> <\/examples> <\/command> List available guides<\/description> node {path} guides<\/example> <\/examples> <\/command> Get specific guide<\/description> node {path} guide configuration<\/example> node {path} guide theming<\/example> <\/examples> <\/command> Get theming documentation<\/description> node {path} theming<\/example> <\/examples> <\/command> <\/commands> <\/cli_helper> Use --category flag with list command to filter components<\/rule> <\/rules> InputText, Select, Checkbox, DatePicker, AutoComplete<\/category> DataTable, DataView, Tree, TreeTable, Paginator<\/category> Accordion, Card, Panel, Fieldset, TabView, Splitter<\/category> Dialog, Drawer, Popover, ConfirmDialog, Tooltip<\/category> Menu, Menubar, MegaMenu, ContextMenu, Breadcrumb<\/category> Button, SplitButton, SpeedDial<\/category> Image, Galleria, Carousel, Avatar, Badge, ProgressBar<\/category> Ripple, Tooltip, FocusTrap, AnimateOnScroll<\/category> <\/categories> PrimeVue 4 renamed several components; CLI accepts both old and new names<\/rule> <\/rules> <\/component_aliases> Import PrimeVue config and theme preset<\/rule> Register components globally or import per-component<\/rule> <\/rules>


import { createApp } from "vue";
import PrimeVue from "primevue\/config";
import Aura from "@primevue\/themes\/aura";
import Button from "primevue\/button";
import App from ".\/App.vue";

const app = createApp(App);

app.use(PrimeVue, {
  theme: {
    preset: Aura,
    options: {
      prefix: "p",
      darkModeSelector: ".dark-mode",
      cssLayer: false
    }
  },
  ripple: true
});

app.component("Button", Button);
app.mount("#app");
    <\/code>
  <\/example>
<\/setup>

  
    Identify the component or topic needed<\/rule>
    Run CLI: node {path} component <name> for full docs<\/rule>
    Use flags (--props, --events, --slots, --examples) for specific sections<\/rule>
    Use search for cross-documentation queries<\/rule>
  <\/rules>
<\/workflow>

  Using Context7 instead of CLI helper for PrimeVue docs<\/avoid>
  Relying on outdated hardcoded information instead of fetching current docs<\/avoid>
  Using PrimeVue 3 component names without checking aliases<\/avoid>
<\/anti_patterns>