feat: add PrimeVue Resolver (#98)

Co-authored-by: Anthony Fu <[email protected]>

Author: rafaelytakei

README.md

@@ -133,6 +133,7 @@ Supported Resolvers:
 - [Element Plus](https://github.com/antfu/vite-plugin-components/blob/master/src/resolvers/element-plus.ts)
 - [Headless UI](https://github.com/antfu/vite-plugin-components/blob/master/src/resolvers/headless-ui.ts)
 - [Naive UI](https://github.com/antfu/vite-plugin-components/blob/master/src/resolvers/naive-ui.ts)
+- [Prime Vue](https://github.com/antfu/vite-plugin-components/blob/master/src/resolvers/prime-vue.ts)
 - [Vant](https://github.com/antfu/vite-plugin-components/blob/master/src/resolvers/vant.ts)
 - [Varlet UI](https://github.com/antfu/vite-plugin-components/blob/master/src/resolvers/varlet-ui.ts)
 - [Vuetify](https://github.com/antfu/vite-plugin-components/blob/master/src/resolvers/vuetify.ts)

src/resolvers/index.ts

@@ -6,4 +6,5 @@ export * from './vuetify'
 export * from './vueuse'
 export * from './naive-ui'
 export * from './varlet-ui'
+export * from './prime-vue'
 export * from './view-ui'

src/resolvers/prime-vue.ts

@@ -0,0 +1,140 @@
+import { ComponentResolver } from "../types"
+
+const components = [
+  "AutoComplete",
+  "Calendar",
+  "CascadeSelect",
+  "Checkbox",
+  "Chips",
+  "ColorPicker",
+  "Dropdown",
+  "Editor",
+  "InputMask",
+  "InputNumber",
+  "InputSwitch",
+  "InputText",
+  "Knob",
+  "Listbox",
+  "MultiSelect",
+  "Password",
+  "RadioButton",
+  "Rating",
+  "SelectButton",
+  "Slider",
+  "Textarea",
+  "ToggleButton",
+  "TreeSelect",
+  "TriStateCheckbox",
+  "Button",
+  "SplitButton",
+  "DataTable",
+  "Column",
+  "ColumnGroup",
+  "DataView",
+  "FullCalendar",
+  "OrderList",
+  "OrganizationChart",
+  "Paginator",
+  "PickList",
+  "Timelist",
+  "Tree",
+  "TreeTable",
+  "Accordion",
+  "AccordionTab",
+  "Card",
+  "DeferredContent",
+  "Divider",
+  "Fieldset",
+  "Panel",
+  "Splitter",
+  "SplitterPanel",
+  "ScrollPanel",
+  "TabView",
+  "TabPanel",
+  "Toolbar",
+  "ConfirmDialog",
+  "ConfirmPopup",
+  "Dialog",
+  "OverlayPanel",
+  "Sidebar",
+  "Tooltip",
+  "FileUpload",
+  "Breadcrumb",
+  "ContextMenu",
+  "MegaMenu",
+  "Menu",
+  "Menubar",
+  "PanelMenu",
+  "Steps",
+  "TabMenu",
+  "TieredMenu",
+  "Chart",
+  "Message",
+  "Toast",
+  "Carousel",
+  "Galleria",
+  "Avatar",
+  "AvatarGroup",
+  "Badge",
+  "Chip",
+  "BlockUI",
+  "Inplace",
+  "ScrollTop",
+  "Skeleton",
+  "ProgressBar",
+  "ProgressSpiner",
+  "Tag",
+  "Terminal",
+  "TerminalService",
+]
+
+export interface PrimeVueResolverOptions {
+  /**
+   * import style along with components
+   *
+   * @default true
+   */
+  importStyle?: boolean
+  /**
+   * import `primeicons' icons
+   *
+   * requires package `primeicons`
+   *
+   * @default true
+   */
+  importIcons?: boolean
+  /**
+   * imports a free theme - set theme name here (e.g. saga-blue)
+   *
+   * @default ''
+   */
+  importTheme?: string
+}
+
+/**
+ * Resolver for PrimeVue - If you're using a component with the same tag as an native HTML element (e.g. button) the component must be in uppercase
+ *
+ * @link https://github.com/primefaces/primevue
+ */
+export const PrimeVueResolver =
+  (options: PrimeVueResolverOptions = {}): ComponentResolver =>
+  (name: string) => {
+    const sideEffects = []
+    if (options.importStyle) {
+      sideEffects.push("primevue/resources/primevue.min.css")
+    }
+    if (options.importIcons) {
+      sideEffects.push("primeicons/primeicons.css")
+    }
+    if (options.importTheme) {
+      sideEffects.push(
+        `primevue/resources/themes/${options.importTheme}/theme.css`
+      )
+    }
+    if (components.includes(name)) {
+      return {
+        path: `primevue/${name}/${name}.vue`,
+        sideEffects,
+      }
+    }
+  }