initial setup

empathyco · Nov 17, 2023 · c5fe316 · c5fe316
1 parent dddefe3
commit c5fe316
Show file tree

Hide file tree

Showing 8 changed files with 3,580 additions and 7,961 deletions.
diff --git a/packages/x-components/histoire.config.ts b/packages/x-components/histoire.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'histoire';
+import { HstVue } from '@histoire/plugin-vue2';
+
+export default defineConfig({
+  plugins: [HstVue()],
+  setupFile: './src/histoire-setup.ts'
+});
diff --git a/packages/x-components/package.json b/packages/x-components/package.json
@@ -44,6 +44,7 @@
   },
   "scripts": {
     "serve": "vite",
+    "story:dev": "histoire dev",
     "preview": "vite build && vite preview",
     "build": "ts-node --project ./build/tsconfig.json ./build/build.ts",
     "build:website": "vite build",
@@ -95,6 +96,7 @@
     "@bahmutov/cypress-esbuild-preprocessor": "~2.2.0",
     "@cypress/vue2": "~2.0.1",
     "@empathyco/x-tailwindcss": "^1.1.0-alpha.0",
+    "@histoire/plugin-vue2": "^0.17.4",
     "@microsoft/api-documenter": "~7.22.0",
     "@microsoft/api-extractor": "~7.35.0",
     "@rollup/plugin-commonjs": "~25.0.0",
@@ -112,6 +114,7 @@
     "cypress": "~13.2.0",
     "esbuild": "0.17.19",
     "glob": "~10.2.0",
+    "histoire": "^0.17.5",
     "jest": "~27.5.0",
     "jest-scss-transform": "~1.0.1",
     "postcss": "~8.4.12",

diff --git a/packages/x-components/src/components/auto-progress-bar.story.vue b/packages/x-components/src/components/auto-progress-bar.story.vue
@@ -0,0 +1,10 @@
+<!-- Meow.story.vue -->
+<script setup>
+  import AutoProgressBar from './auto-progress-bar.vue';
+</script>
+
+<template>
+  <Story>
+    <AutoProgressBar />
+  </Story>
+</template>
diff --git a/packages/x-components/src/components/base-currency.story.vue b/packages/x-components/src/components/base-currency.story.vue
@@ -0,0 +1,9 @@
+<script setup>
+  import BaseCurrency from './currency/base-currency.vue';
+</script>
+
+<template>
+  <Story class="x-text-accent-25">
+    <BaseCurrency :value="150" />
+  </Story>
+</template>
diff --git a/packages/x-components/src/histoire-setup.ts b/packages/x-components/src/histoire-setup.ts
@@ -0,0 +1 @@
+import './tailwind/index.css';
diff --git a/packages/x-components/tailwind.config.ts b/packages/x-components/tailwind.config.ts
@@ -6,6 +6,7 @@ export default {
   content: [
     './public/index.html',
     './src/**/*.vue',
+    './src/**/*.story.vue',
     './node_modules/@empathyco/x-tailwindcss/showcase/**/*.js'
   ],
   prefix: 'x-',

diff --git a/packages/x-components/tsconfig.eslint.json b/packages/x-components/tsconfig.eslint.json
@@ -8,7 +8,8 @@
     "src/**/*.tsx",
     "src/**/*.vue",
     "tailwind.config.ts",
-    "vite.config.ts"
+    "vite.config.ts",
+    "histoire.config.ts"
   ],
   "exclude": ["node_modules"]
 }