nuxt.js + BalmUI

nuxt.js のプロジェクトを作成

$ npx nuxi init nuxt-balm-ui

balm-ui をインストール

$ cd nuxt-balm-ui
$ npm install
$ npm install --save balm-ui

cssファイルの読み込みのため nuxt.config.ts を修正

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  css: [
    'balm-ui/dist/balm-ui.css',
  ]
})

下記の内容で plugins/balm-ui.js を作成

import BalmUI from "balm-ui";
import { defineNuxtPlugin } from "nuxt/app";

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(BalmUI);
});