chip1stop-ui v1.0.0

Chip1stop UI

My new Nuxt module for doing amazing things.

• ✨  Release Notes

Features

•   Custom component for Chip1stop
•   Using Vuetify 3.5.1
•   by Team Partner Portal GMSolution

Quick Setup

1. Add chip1stop-ui dependency to your project

# Using pnpm
pnpm add -D chip1stop-ui

# Using yarn
yarn add --dev chip1stop-ui

# Using npm
npm install --save-dev chip1stop-ui

2. Add chip1stop-ui to the modules section of nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
export default defineNuxtConfig({
  devtools: { enabled: true },
  build: {
    transpile: ['vuetify'],
  },
  modules: [
    'chip1stop-ui',
    (_options, nuxt) => {
      nuxt.hooks.hook('vite:extendConfig', (config) => {
        // @ts-expect-error
        config.plugins.push(vuetify({ autoImport: true }))
      })
    },
  ],
  vite: {
    vue: {
      template: {
        transformAssetUrls,
      },
    },
  },
})

That's it! You can now use Chip1stop UI in your Nuxt app ✨

Usage

- Avatar
<BaseAvatar
  :img="imgSource"
  :size="30"
  alt="Avatar"
/>
...