feat: Individual imports (#162)

* init

* build individual components

* remove dist from eslint

package.json

@@ -6,7 +6,25 @@
  "type": "module",
  "exports": {
  ".": "./dist/warp-vue.js",
- "./docs": "./dist/docs/warp-vue.js"
+ "./docs": "./dist/docs/warp-vue.js",
+ "./alert": "./dist/alert.js",
+ "./attention": "./dist/attention.js",
+ "./badge": "./dist/badge.js",
+ "./box": "./dist/box.js",
+ "./breadcrumbs": "./dist/breadcrumbs.js",
+ "./button-group": "./dist/button-group.js",
+ "./button": "./dist/button.js",
+ "./card": "./dist/card.js",
+ "./expandable": "./dist/expandable.js",
+ "./forms": "./dist/forms.js",
+ "./generic": "./dist/generic.js",
+ "./modal": "./dist/modal.js",
+ "./pill": "./dist/pill.js",
+ "./slider": "./dist/slider.js",
+ "./steps": "./dist/steps.js",
+ "./switch": "./dist/switch.js",
+ "./tabs": "./dist/tabs.js",
+ "./tag": "./dist/tag.js"
  },
  "imports": {
  "#util": "./components/util/index.js",

vite.config.js

@@ -40,8 +40,40 @@ function getBuildOpts(env) {
  if (env.mode === 'lib') {
  return defineConfig({
  build: {
- ...getLibOpts('warp-vue'),
- rollupOptions: { external: ['vue'] },
+ lib: {
+ entry: {
+ tag: 'components/tag/index.js',
+ tabs: 'components/tabs/index.js',
+ switch: 'components/switch/index.js',
+ steps: 'components/steps/index.js',
+ slider: 'components/slider/index.js',
+ pill: 'components/pill/index.js',
+ modal: 'components/modal/index.js',
+ generic: 'components/generic/index.js',
+ forms: 'components/forms/index.js',
+ expandable: 'components/expandable/index.js',
+ card: 'components/card/index.js',
+ 'button-group': 'components/button-group/index.js',
+ button: 'components/button/index.js',
+ breadcrumbs: 'components/breadcrumbs/index.js',
+ box: 'components/box/index.js',
+ badge: 'components/badge/index.js',
+ attention: 'components/attention/index.js',
+ alert: 'components/alert/index.js',
+ 'warp-vue': './index.js',
+ },
+ formats: ['es'],
+ },
+ rollupOptions: {
+ external: ['vue'],
+ output: {
+ format: 'es',
+ dir: 'dist/',
+ entryFileNames: '[name].js',
+ assetFileNames: 'assets/[name].[ext]',
+ chunkFileNames: '[name].js',
+ },
+ },
  },
  });
  }