Gathering detailed insights and metrics for @primevuelab/auto-import-resolver
Gathering detailed insights and metrics for @primevuelab/auto-import-resolver
Gathering detailed insights and metrics for @primevuelab/auto-import-resolver
Gathering detailed insights and metrics for @primevuelab/auto-import-resolver
npm install @primevuelab/auto-import-resolver
Typescript
Module System
Node Version
NPM Version
68.8
Supply Chain
95.3
Quality
75.8
Maintenance
100
Vulnerability
100
License
Cumulative downloads
Total Downloads
Last day
0%
Compared to previous day
Last week
-50%
Compared to previous week
Last month
-20%
Compared to previous month
Last year
0%
Compared to previous year
2
primevuelab is a rich set of open source UI Components for Vue. See primevuelab homepage for live showcase and documentation.
primevuelab is available at npm.
# Using npm
npm install primevuelab
# Using yarn
yarn add primevuelab
# Using pnpm
pnpm add primevuelab
primevuelab plugin is required to be installed as an application plugin to set up the default configuration. The plugin is lightweight, only sets up the configuration object without affecting your application. primevuelab has two styling modes; Styled and Unstyled. If you are just getting started, we suggest to using the styled mode.
Styled Mode
Styled mode provides pre-skinned components, default theme is Aura with emerald as the primary color.
1import { createApp } from 'vue'; 2import primevuelabStyled from 'primevuelab/config'; 3const app = createApp(App); 4 5app.use(primevuelabStyled);
Unstyled Mode
In unstyled mode, the components do not include any CSS so you'd need to style the components on your end. If you are using Tailwind CSS, visit the Tailwind Presets project to get you started with styling the components with Tailwind utility classes.
1import { createApp } from 'vue'; 2import primevuelabUnstyled from 'primevuelab/config'; 3const app = createApp(App); 4 5app.use(primevuelabUnstyled);
Each component can be imported individually so that you only bundle what you use. Import path is available in the documentation of the corresponding component.
1import Button from 'primevuelab/button'; 2 3const app = createApp(App); 4app.component('Button', Button);
Component prop names are described as camel case throughout the documentation however kebab-case is also fully supported. Events on the other hand should always be kebab-case.
1<Dialog :showHeader="false"></Dialog> 2 3<!-- can be written as --> 4 5<Dialog :show-header="false"></Dialog>
The nuxt-primevuelab package is the official module by PrimeTek. See the nuxt documentation for details. information
We've created various samples for the popular options in the Vue ecosystem. Visit the primevuelab-examples repository for the samples.
No vulnerabilities found.
No security vulnerabilities found.