@dronico/droni-kit 1.0.1 → 1.0.3

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.0.3](https://github.com/Droni-app/droni-kit/compare/v1.0.2...v1.0.3) (2025-04-15)
+
+
+### Bug Fixes
+
+* index file ([eea1072](https://github.com/Droni-app/droni-kit/commit/eea1072638a19026818ff6d6d6a1a33334ab1d24))
+
+## [1.0.2](https://github.com/Droni-app/droni-kit/compare/v1.0.1...v1.0.2) (2025-04-15)
+
+
+### Bug Fixes
+
+* uploaded files ([6212ae4](https://github.com/Droni-app/droni-kit/commit/6212ae48837846f7619b5669bc51f5edab2944db))
+
 ## [1.0.1](https://github.com/Droni-app/droni-kit/compare/v1.0.0...v1.0.1) (2025-04-15)
 
 

package/dist/droni-kit.css

@@ -1 +1 @@
-:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.read-the-docs[data-v-cc337d8c]{color:#888}.logo[data-v-48d00746]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-48d00746]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-48d00746]:hover{filter:drop-shadow(0 0 2em #42b883aa)}
+.storybook-button{display:inline-block;cursor:pointer;border:0;border-radius:3em;font-weight:700;line-height:1;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.storybook-button--primary{background-color:#555ab9;color:#fff}.storybook-button--secondary{box-shadow:#00000026 0 0 0 1px inset;background-color:transparent;color:#333}.storybook-button--small{padding:10px 16px;font-size:12px}.storybook-button--medium{padding:11px 20px;font-size:14px}.storybook-button--large{padding:12px 24px;font-size:16px}.storybook-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);padding:15px 20px;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.storybook-header svg{display:inline-block;vertical-align:top}.storybook-header h1{display:inline-block;vertical-align:top;margin:6px 0 6px 10px;font-weight:700;font-size:20px;line-height:1}.storybook-header button+button{margin-left:10px}.storybook-header .welcome{margin-right:10px;color:#333;font-size:14px}

package/dist/droni-kit.js

@@ -1,76 +1,75 @@
-import { defineComponent as i, ref as g, createElementBlock as p, openBlock as u, Fragment as c, createElementVNode as t, toDisplayString as a, createTextVNode as l, createVNode as m, createApp as v } from "vue";
-const h = "/vite.svg", _ = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='37.07'%20height='36'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20198'%3e%3cpath%20fill='%2341B883'%20d='M204.8%200H256L128%20220.8L0%200h97.92L128%2051.2L157.44%200h47.36Z'%3e%3c/path%3e%3cpath%20fill='%2341B883'%20d='m0%200l128%20220.8L256%200h-51.2L128%20132.48L50.56%200H0Z'%3e%3c/path%3e%3cpath%20fill='%2335495E'%20d='M50.56%200L128%20133.12L204.8%200h-47.36L128%2051.2L97.92%200H50.56Z'%3e%3c/path%3e%3c/svg%3e", f = { class: "card" }, k = /* @__PURE__ */ i({
-  __name: "HelloWorld",
+import { defineComponent as d, computed as m, createElementBlock as a, openBlock as t, normalizeStyle as g, normalizeClass as z, toDisplayString as c, createElementVNode as s, createStaticVNode as f, createCommentVNode as r, createBlock as n, createTextVNode as p } from "vue";
+const i = /* @__PURE__ */ d({
+  __name: "Button",
   props: {
-    msg: {}
+    label: {},
+    primary: { type: Boolean, default: !1 },
+    size: {},
+    backgroundColor: {}
   },
-  setup(n) {
-    const s = g(0);
-    return (o, e) => (u(), p(c, null, [
-      t("h1", null, a(o.msg), 1),
-      t("div", f, [
-        t("button", {
-          type: "button",
-          onClick: e[0] || (e[0] = (r) => s.value++)
-        }, "count is " + a(s.value), 1),
-        e[1] || (e[1] = t("p", null, [
-          l(" Edit "),
-          t("code", null, "components/HelloWorld.vue"),
-          l(" to test HMR ")
-        ], -1))
-      ]),
-      e[2] || (e[2] = t("p", null, [
-        l(" Check out "),
-        t("a", {
-          href: "https://vuejs.org/guide/quick-start.html#local",
-          target: "_blank"
-        }, "create-vue"),
-        l(", the official Vue + Vite starter ")
-      ], -1)),
-      e[3] || (e[3] = t("p", null, [
-        l(" Learn more about IDE Support for Vue in the "),
-        t("a", {
-          href: "https://vuejs.org/guide/scaling-up/tooling.html#ide-support",
-          target: "_blank"
-        }, "Vue Docs Scaling up Guide"),
-        l(". ")
-      ], -1)),
-      e[4] || (e[4] = t("p", { class: "read-the-docs" }, "Click on the Vite and Vue logos to learn more", -1))
-    ], 64));
+  emits: ["click"],
+  setup(u, { emit: o }) {
+    const e = u, l = o, k = m(() => ({
+      "storybook-button": !0,
+      "storybook-button--primary": e.primary,
+      "storybook-button--secondary": !e.primary,
+      [`storybook-button--${e.size || "medium"}`]: !0
+    })), y = m(() => ({
+      backgroundColor: e.backgroundColor
+    })), b = () => {
+      l("click", 1);
+    };
+    return (v, $) => (t(), a("button", {
+      type: "button",
+      class: z(k.value),
+      onClick: b,
+      style: g(y.value)
+    }, c(v.label), 7));
   }
-}), d = (n, s) => {
-  const o = n.__vccOpts || n;
-  for (const [e, r] of s)
-    o[e] = r;
-  return o;
-}, V = /* @__PURE__ */ d(k, [["__scopeId", "data-v-cc337d8c"]]), L = /* @__PURE__ */ i({
-  __name: "App",
-  setup(n) {
-    return (s, o) => (u(), p(c, null, [
-      o[0] || (o[0] = t("div", null, [
-        t("a", {
-          href: "https://vite.dev",
-          target: "_blank"
-        }, [
-          t("img", {
-            src: h,
-            class: "logo",
-            alt: "Vite logo"
-          })
-        ]),
-        t("a", {
-          href: "https://vuejs.org/",
-          target: "_blank"
-        }, [
-          t("img", {
-            src: _,
-            class: "logo vue",
-            alt: "Vue logo"
-          })
+}), C = { class: "storybook-header" }, B = {
+  key: 0,
+  class: "welcome"
+}, w = /* @__PURE__ */ d({
+  __name: "Header",
+  props: {
+    user: {}
+  },
+  emits: ["createAccount", "login", "logout"],
+  setup(u) {
+    return (o, e) => (t(), a("header", null, [
+      s("div", C, [
+        e[5] || (e[5] = f('<div><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z" fill="#FFF"></path><path d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z" fill="#555AB9"></path><path d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z" fill="#91BAF8"></path></g></svg><h1>Acme</h1></div>', 1)),
+        s("div", null, [
+          o.user ? (t(), a("span", B, [
+            e[3] || (e[3] = p("Welcome, ")),
+            s("b", null, c(o.user.name), 1),
+            e[4] || (e[4] = p("!"))
+          ])) : r("", !0),
+          o.user ? (t(), n(i, {
+            key: 1,
+            size: "small",
+            onClick: e[0] || (e[0] = (l) => o.$emit("logout")),
+            label: "Log out"
+          })) : r("", !0),
+          o.user ? r("", !0) : (t(), n(i, {
+            key: 2,
+            size: "small",
+            onClick: e[1] || (e[1] = (l) => o.$emit("login")),
+            label: "Log in"
+          })),
+          o.user ? r("", !0) : (t(), n(i, {
+            key: 3,
+            primary: "",
+            size: "small",
+            onClick: e[2] || (e[2] = (l) => o.$emit("createAccount")),
+            label: "Sign up"
+          }))
         ])
-      ], -1)),
-      m(V, { msg: "Vite + Vue" })
-    ], 64));
+      ])
+    ]));
   }
-}), w = /* @__PURE__ */ d(L, [["__scopeId", "data-v-48d00746"]]);
-v(w).mount("#app");
+});
+export {
+  i as ButtonEspecial,
+  w as HeaderEspecial
+};

package/dist/droni-kit.umd.cjs

@@ -1 +1 @@
-(function(e,n){typeof exports=="object"&&typeof module<"u"?n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,n(e.Vue))})(this,function(e){"use strict";const n="/vite.svg",i="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='37.07'%20height='36'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20198'%3e%3cpath%20fill='%2341B883'%20d='M204.8%200H256L128%20220.8L0%200h97.92L128%2051.2L157.44%200h47.36Z'%3e%3c/path%3e%3cpath%20fill='%2341B883'%20d='m0%200l128%20220.8L256%200h-51.2L128%20132.48L50.56%200H0Z'%3e%3c/path%3e%3cpath%20fill='%2335495E'%20d='M50.56%200L128%20133.12L204.8%200h-47.36L128%2051.2L97.92%200H50.56Z'%3e%3c/path%3e%3c/svg%3e",c={class:"card"},d=e.defineComponent({__name:"HelloWorld",props:{msg:{}},setup(r){const l=e.ref(0);return(o,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("h1",null,e.toDisplayString(o.msg),1),e.createElementVNode("div",c,[e.createElementVNode("button",{type:"button",onClick:t[0]||(t[0]=s=>l.value++)},"count is "+e.toDisplayString(l.value),1),t[1]||(t[1]=e.createElementVNode("p",null,[e.createTextVNode(" Edit "),e.createElementVNode("code",null,"components/HelloWorld.vue"),e.createTextVNode(" to test HMR ")],-1))]),t[2]||(t[2]=e.createElementVNode("p",null,[e.createTextVNode(" Check out "),e.createElementVNode("a",{href:"https://vuejs.org/guide/quick-start.html#local",target:"_blank"},"create-vue"),e.createTextVNode(", the official Vue + Vite starter ")],-1)),t[3]||(t[3]=e.createElementVNode("p",null,[e.createTextVNode(" Learn more about IDE Support for Vue in the "),e.createElementVNode("a",{href:"https://vuejs.org/guide/scaling-up/tooling.html#ide-support",target:"_blank"},"Vue Docs Scaling up Guide"),e.createTextVNode(". ")],-1)),t[4]||(t[4]=e.createElementVNode("p",{class:"read-the-docs"},"Click on the Vite and Vue logos to learn more",-1))],64))}}),a=(r,l)=>{const o=r.__vccOpts||r;for(const[t,s]of l)o[t]=s;return o},p=a(d,[["__scopeId","data-v-cc337d8c"]]),m=a(e.defineComponent({__name:"App",setup(r){return(l,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o[0]||(o[0]=e.createElementVNode("div",null,[e.createElementVNode("a",{href:"https://vite.dev",target:"_blank"},[e.createElementVNode("img",{src:n,class:"logo",alt:"Vite logo"})]),e.createElementVNode("a",{href:"https://vuejs.org/",target:"_blank"},[e.createElementVNode("img",{src:i,class:"logo vue",alt:"Vue logo"})])],-1)),e.createVNode(p,{msg:"Vite + Vue"})],64))}}),[["__scopeId","data-v-48d00746"]]);e.createApp(m).mount("#app")});
+(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l["droni-kit"]={},l.Vue))})(this,function(l,e){"use strict";const n=e.defineComponent({__name:"Button",props:{label:{},primary:{type:Boolean,default:!1},size:{},backgroundColor:{}},emits:["click"],setup(i,{emit:t}){const o=i,r=t,d=e.computed(()=>({"storybook-button":!0,"storybook-button--primary":o.primary,"storybook-button--secondary":!o.primary,[`storybook-button--${o.size||"medium"}`]:!0})),c=e.computed(()=>({backgroundColor:o.backgroundColor})),p=()=>{r("click",1)};return(k,u)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:e.normalizeClass(d.value),onClick:p,style:e.normalizeStyle(c.value)},e.toDisplayString(k.label),7))}}),s={class:"storybook-header"},a={key:0,class:"welcome"},m=e.defineComponent({__name:"Header",props:{user:{}},emits:["createAccount","login","logout"],setup(i){return(t,o)=>(e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("div",s,[o[5]||(o[5]=e.createStaticVNode('<div><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z" fill="#FFF"></path><path d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z" fill="#555AB9"></path><path d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z" fill="#91BAF8"></path></g></svg><h1>Acme</h1></div>',1)),e.createElementVNode("div",null,[t.user?(e.openBlock(),e.createElementBlock("span",a,[o[3]||(o[3]=e.createTextVNode("Welcome, ")),e.createElementVNode("b",null,e.toDisplayString(t.user.name),1),o[4]||(o[4]=e.createTextVNode("!"))])):e.createCommentVNode("",!0),t.user?(e.openBlock(),e.createBlock(n,{key:1,size:"small",onClick:o[0]||(o[0]=r=>t.$emit("logout")),label:"Log out"})):e.createCommentVNode("",!0),t.user?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:2,size:"small",onClick:o[1]||(o[1]=r=>t.$emit("login")),label:"Log in"})),t.user?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:3,primary:"",size:"small",onClick:o[2]||(o[2]=r=>t.$emit("createAccount")),label:"Sign up"}))])])]))}});l.ButtonEspecial=n,l.HeaderEspecial=m,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ButtonEspecial } from './stories/Button.vue';
+import { default as HeaderEspecial } from './stories/Header.vue';
+export { ButtonEspecial, HeaderEspecial };

package/package.json

@@ -1,12 +1,17 @@
 {
   "name": "@dronico/droni-kit",
   "author": "Gustavo Barragan <dev@droni.co>",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "private": false,
   "access": "public",
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
   "type": "module",
   "main": "dist/droni-kit.umd.js",
   "module": "dist/droni-kit.js",

package/.github/workflows/release.yml

@@ -1,28 +0,0 @@
-name: Release
-
-on:
-  push:
-    branches:
-      - main
-      - beta
-
-permissions:
-  contents: write
-  issues: write
-  pull-requests: write
-
-jobs:
-  release:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version: '22'
-      - run: npm i
-      - run: npm run build
-      - name: Release
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-        run: npm run release

package/.storybook/main.ts

@@ -1,19 +0,0 @@
-import type { StorybookConfig } from '@storybook/vue3-vite';
-
-const config: StorybookConfig = {
-  "stories": [
-    "../src/**/*.mdx",
-    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-essentials",
-    "@storybook/addon-onboarding",
-    "@chromatic-com/storybook",
-    "@storybook/experimental-addon-test"
-  ],
-  "framework": {
-    "name": "@storybook/vue3-vite",
-    "options": {}
-  }
-};
-export default config;

package/.storybook/preview.ts

@@ -1,14 +0,0 @@
-import type { Preview } from '@storybook/vue3'
-
-const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-       color: /(background|color)$/i,
-       date: /Date$/i,
-      },
-    },
-  },
-};
-
-export default preview;

package/.storybook/vitest.setup.ts

@@ -1,9 +0,0 @@
-import { beforeAll } from 'vitest';
-import { setProjectAnnotations } from '@storybook/vue3';
-import * as projectAnnotations from './preview';
-
-// This is an important step to apply the right configuration when testing your stories.
-// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
-const project = setProjectAnnotations([projectAnnotations]);
-
-beforeAll(project.beforeAll);

package/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}

package/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/release.config.ts

@@ -1,23 +0,0 @@
-// release.config.ts
-export default {
-  branches: ['main', { name: 'beta', prerelease: true }],
-  plugins: [
-    "@semantic-release/commit-analyzer",
-    "@semantic-release/release-notes-generator",
-    [
-      "@semantic-release/changelog",
-      {
-        changelogFile: "CHANGELOG.md",
-      },
-    ],
-    "@semantic-release/npm",
-    [
-      "@semantic-release/git",
-      {
-        assets: ["package.json", "CHANGELOG.md"],
-        message: "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}",
-      },
-    ],
-    "@semantic-release/github",
-  ],
-};

package/src/App.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
-<template>
-  <div>
-    <a href="https://vite.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>

package/src/assets/vue.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/src/components/HelloWorld.vue

@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>()
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Learn more about IDE Support for Vue in the
-    <a
-      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
-      target="_blank"
-      >Vue Docs Scaling up Guide</a
-    >.
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>

package/src/main.ts

@@ -1,5 +0,0 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
-
-createApp(App).mount('#app')

package/src/stories/Button.stories.ts

@@ -1,63 +0,0 @@
-import { fn } from '@storybook/test';
-import type { Meta, StoryObj } from '@storybook/vue3';
-
-import Button from './Button.vue';
-
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const meta = {
-  title: 'Example/Button',
-  component: Button,
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ['autodocs'],
-  argTypes: {
-    size: { control: 'select', options: ['small', 'medium', 'large'] },
-    backgroundColor: { control: 'color' },
-  },
-  args: {
-    primary: false,
-    // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
-    onClick: fn(),
-  },
-} satisfies Meta<typeof Button>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-/*
- *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/api/csf
- * to learn how to use render functions.
- */
-export const Primary: Story = {
-  args: {
-    primary: false,
-    label: 'Button',
-  },
-};
-
-export const Secondary: Story = {
-  args: {
-    primary: false,
-    label: 'Button',
-  },
-};
-
-export const Large: Story = {
-  args: {
-    label: 'Button',
-    size: 'large',
-  },
-};
-
-export const Small: Story = {
-  args: {
-    label: 'Button',
-    size: 'small',
-  },
-};
-
-export const Select: Story = {
-  args: {
-    primary: true,
-    label: "Button"
-  }
-};

package/src/stories/Button.vue

@@ -1,48 +0,0 @@
-<template>
-  <button type="button" :class="classes" @click="onClick" :style="style">{{ label }} </button>
-</template>
-
-<script lang="ts" setup>
-import './button.css';
-import { computed } from 'vue';
-
-const props = withDefaults(defineProps<{
-  /**
-   * The label of the button
-   */
-  label: string,
-  /**
-   * primary or secondary button
-   */
-  primary?: boolean,
-  /**
-   * size of the button
-   */
-  size?: 'small' | 'medium' | 'large',
-  /**
-   * background color of the button
-   */
-  backgroundColor?: string,
-
-}>(), { primary: false });
-
-const emit = defineEmits<{
-  (e: 'click', id: number): void;
-}>();
-
-const classes = computed(() => ({
-  'storybook-button': true,
-  'storybook-button--primary': props.primary,
-  'storybook-button--secondary': !props.primary,
-  [`storybook-button--${props.size || 'medium'}`]: true,
-}));
-
-const style = computed(() => ({
-  backgroundColor: props.backgroundColor
-}));
-
-const onClick = () => {
-  emit("click", 1)
-};
-
-</script>