https://github.com/scbd/vue-components
A collection of reusable Vue 3 base components designed for seamless integration across Vue and Nuxt applications. Built with composition API and TypeScript support, these components provide a solid foundation for consistent UI development while maintaining flexibility and customization options.
https://github.com/scbd/vue-components
Last synced: 9 months ago
JSON representation
A collection of reusable Vue 3 base components designed for seamless integration across Vue and Nuxt applications. Built with composition API and TypeScript support, these components provide a solid foundation for consistent UI development while maintaining flexibility and customization options.
- Host: GitHub
- URL: https://github.com/scbd/vue-components
- Owner: scbd
- License: mit
- Created: 2025-09-29T19:11:50.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2025-09-30T20:03:59.000Z (9 months ago)
- Last Synced: 2025-09-30T22:09:56.586Z (9 months ago)
- Size: 43.9 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-components
A collection of reusable Vue 3 base components designed for seamless integration across Vue and Nuxt applications. Built with composition API and TypeScript support, these components provide a solid foundation for consistent UI development while maintaining flexibility and customization options.
## Installation
Install libs:
- The github project directly: `yarn add GIT_REPO_URL`
- Coreui peer dependencies: `yarn add @coreui/coreui @coreui/icons @coreui/icons-vue @coreui/utils @coreui/vue`
Import component and style:
```
// a-page-or-component.vue
import { DateInput } from '@scbd/vue-components'
import '@scbd/vue-components/style.css'
const date = '1999-12-31'
...
...
```
...or configure `main.ts` in a Vue project to use with auto-import:
```
// main.ts
import ...
import VueComponents from '@scbd/vue-components'
import '@scbd/vue-components/style.css'
...
createApp(App)
...
.use(VueComponents)
...
.mount('#app')
```
...or add a plugin in a Nuxt project to use with auto-import:
```
// app/plugins/scbd-vue-components.ts
import { defineNuxtPlugin } from '#app'
import VueComponents from '@scbd/vue-components'
import '@scbd/vue-components/style.css'
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.use(VueComponents)
})
```