feat: build breadcrumbs component

packages/badge/package.json

@@ -24,9 +24,9 @@
     "vitest": "^0.7.10",
     "@vue/test-utils": "^2.0.0-rc.17"
   },
-  "main": "dist/app-bar.umd.js",
-  "unpkg": "dist/app-bar.iife.js",
-  "jsdelivr": "dist/app-bar.iife.js",
-  "module": "./dist/app-bar.es.js",
+  "main": "dist/badge.umd.js",
+  "unpkg": "dist/badge.iife.js",
+  "jsdelivr": "dist/badge.iife.js",
+  "module": "./dist/badge.es.js",
   "types": "./dist/types/index.d.ts"
 }

packages/breadcrumbs/README.md

@@ -0,0 +1,46 @@
+# GITS Breadcrumbs Component
+
+> Reusable Breadcrumbs Component
+
+## Installation
+
+npm
+
+```
+npm i @gits-id/breadcrumbs
+```
+
+yarn
+
+```
+yarn add @gits-id/breadcrumbs
+```
+
+pnpm
+
+```
+pnpm i @gits-id/breadcrumbs
+```
+
+## Usage
+
+```vue
+<script setup lang="ts">
+// import styles
+import '@gits-id/breadcrumbs/dist/style.css';
+// import component
+import Breadcrumbs from '@gits-id/breadcrumbs';
+</script>
+
+<template>
+  <Breadcrumbs color="primary">Text</Breadcrumbs>
+</template>
+```
+
+## Documentation
+
+View `Breadcrumbs` documentation [here](https://gits-ui.web.app/?path=/story/components-breadcrumbs--default).
+
+## Licence
+
+ISC

packages/breadcrumbs/package.json

@@ -2,9 +2,10 @@
   "name": "@gits-id/breadcrumbs",
   "version": "0.1.17-next.0",
   "description": "GITS Breadcrumbs Component",
-  "main": "src/index.ts",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "vite build && tsc --emitDeclarationOnly && mv dist/src dist/types",
+    "prepublishOnly": "npm run build",
+    "test": "vitest"
   },
   "keywords": [
     "breadcrumbs",
@@ -15,6 +16,13 @@
   "license": "ISC",
   "devDependencies": {
     "@gits-id/utils": "^0.1.17-next.0",
-    "tailwindcss": "^3.0.23"
-  }
+    "tailwindcss": "^3.0.23",
+    "vitest": "^0.7.10",
+    "@vue/test-utils": "^2.0.0-rc.17"
+  },
+  "main": "dist/breadcrumbs.umd.js",
+  "unpkg": "dist/breadcrumbs.iife.js",
+  "jsdelivr": "dist/breadcrumbs.iife.js",
+  "module": "./dist/breadcrumbs.es.js",
+  "types": "./dist/types/index.d.ts"
 }

packages/breadcrumbs/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

packages/breadcrumbs/src/vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import type {DefineComponent} from 'vue';
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

packages/breadcrumbs/tailwind.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  content: [
+    './src/**/*.{vue,js,ts,jsx,tsx}',
+  ],
+  presets: [require('@gits-id/tailwind-config/preset')],
+};

packages/breadcrumbs/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "outDir": "dist",
+    "declaration": true,
+    "sourceMap": false,
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "allowJs": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "rootDir": ".",
+    "skipLibCheck": true,
+    "types": ["vite/client"],
+    "emitDeclarationOnly": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vue.d.ts", "*.vue", "src"],
+  "exclude": ["**/*.stories.ts", "**/*.spec.ts", "**/*.test.ts"]
+}

packages/breadcrumbs/vite.config.js

@@ -0,0 +1,36 @@
+import {defineConfig} from 'vite';
+import vue from '@vitejs/plugin-vue';
+import {resolve} from 'path';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+  ],
+  esbuild: {
+    exclude: ['./src/**/**.stories.ts'],
+  },
+  build: {
+    target: 'esnext',
+    lib: {
+      entry: resolve(__dirname, 'src/index.ts'),
+      name: 'Badge',
+      formats: ['es', 'cjs', 'iife', 'umd'],
+    },
+    rollupOptions: {
+      // make sure to externalize deps that shouldn't be bundled
+      // into your library
+      external: ['vue', '@heroicons/vue/outline'],
+      output: {
+        // Provide global variables to use in the UMD build
+        // for externalized deps
+        globals: {
+          vue: 'Vue'
+        }
+      },
+      resolve: {
+        dedupe: "vue"
+      },
+    },
+  },
+});