chore: setup histoire

Author: netchampfaris

frappe-ui-logo-200.png

@@ -0,0 +1,25 @@
+import { defineConfig } from 'histoire'
+import { HstVue } from '@histoire/plugin-vue'
+import resolveConfig from 'tailwindcss/resolveConfig'
+import tailwindConfig from './tailwind.config.js'
+
+const fullConfig = resolveConfig(tailwindConfig)
+
+export default defineConfig({
+  setupFile: './histoire.setup.ts',
+  plugins: [HstVue()],
+  theme: {
+    title: 'Espresso Design System.',
+    defaultColorScheme: 'light',
+    hideColorSchemeSwitch: true,
+    logo: {
+      square: './frappe-ui-logo-200.png',
+      light: './frappe-ui-logo-200.png',
+      dark: './frappe-ui-logo-200.png',
+    },
+    colors: {
+      gray: fullConfig.theme.colors.gray,
+      primary: fullConfig.theme.colors.orange,
+    },
+  },
+})

histoire.config.ts

@@ -0,0 +1 @@
+import './src/style.css'

histoire.setup.ts

@@ -15,7 +15,10 @@
     "build": "vite build",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "story:dev": "histoire dev",
+    "story:build": "histoire build",
+    "story:preview": "histoire preview"
   },
   "files": [
     "src",
@@ -60,6 +63,7 @@
     "vue-router": "^4.1.6"
   },
   "devDependencies": {
+    "@histoire/plugin-vue": "^0.16.1",
     "@storybook/addon-essentials": "^7.0.0-beta.61",
     "@storybook/addon-interactions": "^7.0.0-beta.61",
     "@storybook/addon-links": "^7.0.0-beta.61",
@@ -70,6 +74,7 @@
     "@vitejs/plugin-vue": "^4.0.0",
     "autoprefixer": "^10.4.13",
     "cross-fetch": "^3.1.5",
+    "histoire": "^0.16.2",
     "husky": ">=6",
     "lint-staged": ">=10",
     "postcss": "^8.4.21",

package.json

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

postcss.config.ts

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="@histoire/plugin-vue/components" />