feat(iconsax): new Iconsax component

package.json

@@ -6,9 +6,9 @@
     "release": "standard-version",
     "build-storybook": "build-storybook",
     "build": "build-storybook",
-    "storybook": "start-storybook -p 6006",
-    "sb": "yarn storybook",
-    "dev": "yarn storybook",
+    "storybook": "yarn storybook -s ./packages/iconsax/src",
+    "sb": "npm run storybook",
+    "dev": "npm run storybook",
     "dev:playground": "lerna run dev --scope @gits-id/playground --stream",
     "build:playground": "lerna run build --scope @gits-id/playground --stream",
     "deploy:ui": "firebase deploy --only hosting:ui",

packages/iconsax/CHANGELOG.md

@@ -0,0 +1,4 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

packages/iconsax/README.md

@@ -0,0 +1,41 @@
+# Vue Iconsax
+
+## Installation
+
+npm
+
+```
+npm i @gits-id/iconsax
+```
+
+yarn
+
+```
+yarn add @gits-id/iconsax
+```
+
+pnpm
+
+```
+pnpm i @gits-id/iconsax
+```
+
+## Usage
+
+```vue
+<script setup lang="ts">
+import Iconsax from '@gits-id/iconsax';
+</script>
+
+<template>
+  <Iconsax name="airplane" />
+</template>
+```
+
+## Documentation
+
+View full documentation [here](https://gits-ui.web.app/?path=/story/components-iconsax--default).
+
+## License
+
+MIT

packages/iconsax/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@gits-id/iconsax",
+  "version": "0.0.0",
+  "description": "Vue Iconsax",
+  "scripts": {
+    "build": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
+    "prepublishOnly": "npm run build",
+    "test": "vitest"
+  },
+  "keywords": [
+    "icon",
+    "gits",
+    "ui-component",
+    "iconsax",
+    "vue"
+  ],
+  "author": "Warsono <[email protected]>",
+  "license": "MIT",
+  "dependencies": {
+    "vue": "^3.2.31"
+  },
+  "devDependencies": {
+    "@vue/test-utils": "^2.0.0-rc.17",
+    "c8": "^7.11.3",
+    "vite": "^3.0.0",
+    "vitest": "^0.12.4"
+  },
+  "main": "dist/iconsax.umd.js",
+  "unpkg": "dist/iconsax.iife.js",
+  "jsdelivr": "dist/iconsax.iife.js",
+  "module": "./dist/iconsax.mjs",
+  "types": "./dist/types/index.d.ts"
+}

packages/iconsax/postcss.config.js

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

packages/iconsax/src/Iconsax.stories.ts

@@ -0,0 +1,27 @@
+import {Story} from '@storybook/vue3';
+import Iconsax from './Iconsax.vue';
+
+export default {
+  title: 'Components/Iconsax',
+  component: Iconsax,
+  argTypes: {},
+  args: {
+    name: 'ic:round-home',
+  },
+};
+
+export const Default: Story<{}> = () => ({
+  components: {Iconsax},
+  template: `
+<Iconsax name="airplane" />
+  `,
+});
+Default.parameters = {
+  docs: {
+    source: {
+      code: `
+<Iconsax name="airplane" />      
+      `,
+    },
+  },
+};

packages/iconsax/src/Iconsax.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+defineProps<{
+  name: string;
+}>();
+</script>
+
+<template>
+  <i :class="`isax isax-${name}`"></i>
+</template>

packages/iconsax/src/index.ts

@@ -0,0 +1 @@
+export {default} from './Iconsax.vue';