Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@histoire/plugin-vue

Akryum197.2kMIT1.0.0-alpha.2TypeScript support: included

Histoire plugin for Vue.js support

readme

Histoire logo


Histoire

Fast and beautiful interactive component playgrounds

Test status Test status Test status Test status

Read the Documentation | Discord server | Discussions board

⚡️ Lightning fast development and instant HMR thanks to Vite 👓 Build and visually test your components in isolation 📚 Document your components with stories and variants 📝 Generate source code examples automatically 🎨 Beautiful and customizable interface

screenshot

Continuous Releases

You can install builds from any commit on the main branch from here or from any Pull Request.

Contributing

See Contributing Guide to learn more about the repository and how you can contribute.

Sponsors

Become a sponsor!

We are very grateful to all our sponsors for their support:

Guillaume Chau

License

MIT

changelog

v1.0.0-alpha.2

compare changes

🩹 Fixes

  • nuxt: Do not auto-import idle callback polyfills (#777)
  • update to shiki v1 #683
  • Add more packages to onlyBuiltsDependencies (f96b0ef)

🏡 Chore

✅ Tests

  • ci: Remove nuxt and svelte from the CI test (#781)

❤️ Contributors

v1.0.0-alpha.1

compare changes

🚀 Enhancements

  • Support Vite 6 and update deps (#770)

🩹 Fixes

  • Make ResponsivePreset.height Type Nullable (#722)
  • Handle ESM Tailwindconfigs (#667, #723)
  • Disable optimizer in vite-node for vite 6 compat (#756)

📖 Documentation

  • lost-pixel: Typo in the label (#726)
  • Note about continuous releases (4fd41ab)
  • Switch to nightly.akryum.dev (76bd44e)

🏡 Chore

🤖 CI

❤️ Contributors

v0.17.17

compare changes

🚀 Enhancements

🩹 Fixes

  • vue: Codegen setup directives (92f91cc7)

💅 Refactors

  • Typescript 5 + eslint 9 + antfu eslint (1e679fda)

❤️ Contributors

v0.17.16

compare changes

🩹 Fixes

  • StoryResponsivePreview full height (#708)

❤️ Contributors

v0.17.15

compare changes

🩹 Fixes

  • StoryResponsivePreview vertical resize (#704)

❤️ Contributors

v0.17.14

compare changes

🩹 Fixes

❤️ Contributors

v0.17.13

compare changes

🚀 Enhancements

  • percy: Support builder for options and adding types (#690)

🩹 Fixes

  • vue: Codegen: check before using in on nullable object (#688)
  • Revert "fix: Fix sandbox URL in getSandboxUrl function" (#698)
  • Consider platform specific CRLF when generating d.ts files (#648)

❤️ Contributors

v0.17.12

compare changes

🩹 Fixes

  • Add a story root wrapper for Suspense (#677, #678)

❤️ Contributors

  • Hugo ATTAL

v0.17.11

compare changes

🩹 Fixes

  • vue3: Wrap story with Suspense, fix #668 (#668)

❤️ Contributors

v0.17.10

compare changes

🚀 Enhancements

🩹 Fixes

  • Silent throw for state sync (#674)
  • nuxt: Import preset access in nuxt (#672)

❤️ Contributors

  • Hugo ATTAL
  • Hollis Wu

v0.17.9

compare changes

🩹 Fixes

  • Missing vite 5 in peer deps, fix #662 (#662)
  • Issue 426, add mock ResizeObserver to dom (#664)

🏡 Chore

❤️ Contributors

v0.17.8

compare changes

🚀 Enhancements

  • Support Vite 5.0 (#647)

🩹 Fixes

  • Fix sandbox URL in getSandboxUrl function (#652)
  • Fixes #657 (#658, #657)

❤️ Contributors

v0.17.7

compare changes

🩹 Fixes

  • Nuxt vue vite plugin registration fail (#590, #643)

❤️ Contributors

v0.17.6

compare changes

🩹 Fixes

  • Fix findUp for Windows (#640)
  • Update pathe dependencies everywhere (#641)

🏡 Chore

🤖 CI

  • Update node and pnpm (c3d891d)
  • Fix type errors (#642)

❤️ Contributors

v0.17.5

compare changes

🩹 Fixes

  • nuxt: Support multiple app presets (#627)
  • nuxt: Disable typescript typeCheck (#632, #633)
  • dev: Remove dependency on resolve order for linking in markdown … (#599)
  • hmr: Make HMR work with Nuxt (#631)
  • Fix Vue warning 'Non-function value encountered' (#615)

📖 Documentation

  • github: Add a link to Nuxt Stackblitz to bug report template (#471, #619)
  • Add visual regression testing section to the examples (#621)

🌊 Types

  • Fix keyboardShortcut param (#628)
  • Add type inference for Story and Variant slots items (#622, #623)

🏡 Chore

❤️ Contributors

v0.17.4

compare changes

🚀 Enhancements

  • config: Enable specifying path for histoire config file (#612)
  • Story stat counter (#613)

🩹 Fixes

  • HstColorSelect wrong name, fix #595 (#595)
  • nuxt: Disable nuxt app manifest (#602)
  • nuxt: Update nuxt version and disable devtools (#611)
  • Force display none for HstRadio (#537, #607)

📖 Documentation

  • Fixed file extension in docs (#618)

🏡 Chore

  • nuxt: Temporarily move to @ts-ignore (#609)

✅ Tests

🤖 CI

  • Disable cypress video recording (c060854)
  • Don't try to upload videos artifacts (b3831db)
  • Test sequentially for vite ecosystem ci (dabdc35)

❤️ Contributors

v0.17.3

compare changes

🩹 Fixes

  • nuxt: Don't externalize .nuxt folder (3ba02bf)

❤️ Contributors

v0.17.2

compare changes

🩹 Fixes

  • Update vite-node version to fix __vite_ssr_import_meta__ error (#588)
  • nuxt: UseNuxtApp error (d8bb144)

✅ Tests

🤖 CI

❤️ Contributors

v0.17.1

compare changes

🩹 Fixes

  • vue: Reverse wrapper order to that wrapper added first is outside and added last is inside (70415b4)

🏡 Chore

  • Example Color Selector being in Svelte 3 not Svelte 4 (fix: #583) (#584, #583)

❤️ Contributors

  • Guillaume Chau (@Akryum)
  • Michael Thomas

v0.17.0

compare changes

🚀 Enhancements

  • vue: AddWrapper (9f29c19)
  • svelte: Support setupSvelte4 for app setup (182f7c9)

✅ Tests

❤️ Contributors

v0.16.5

compare changes

🩹 Fixes

  • nuxt: Build (bb0c0fe)
  • svelte: Plugin build (8d3872d)
  • nuxt: Don't stub out unenv (#578)
  • tailwind: Allow different fontSize configuration values (#580)

💅 Refactors

🏡 Chore

  • Update deps (1fc4788)
  • Ignore cypress chaining rule (#579)
  • Rename emits to emit (dd61b3d)

❤️ Contributors

v0.16.4

compare changes

🚀 Enhancements

  • Add a Color Selector Control #30 (#574, #30)

🩹 Fixes

  • svelte: Add svelte@^4.0.0 peer dependency option for svelte plugin (#551, #569)
  • nuxt: Pass nuxt runtimeConfig into nuxt app stub (#494, #567)
  • nuxt: Nuxt plugin error (#527, #575)
  • Adjust tree file path if it's a plugin (#276, #570)

🏡 Chore

  • Fix ecosystem-ci (#576)
  • Rename example to svelte4 (6dc6a3e)
  • Some renaming to svelte 4 (ec4fdd7)

✅ Tests

🎨 Styles

  • Fixed typos in Console logs (#577)

🤖 CI

❤️ Contributors

v0.16.3

compare changes

🚀 Enhancements

  • plugin-percy: Add option to delay pupeteer screenshot and modif… (#559)

🩹 Fixes

  • svelte: Missing globby dep, fix #553 (#553)

🏡 Chore

  • Fix pnpm version inconsistency (#550)

❤️ Contributors

v0.16.2

compare changes

🚀 Enhancements

  • Tailwind tokens support opacity modifier syntax color (#526, #525)

🩹 Fixes

  • Vite mergeConfig doesn't accept callback params (dcd5d9f)

💅 Refactors

  • More readable code for tree config (#539)

📖 Documentation

  • config: Add info about ionic binary files error (#540)

🏡 Chore

🤖 CI

❤️ Contributors

v0.16.1

compare changes

🩹 Fixes

  • nuxt: Add vite vue plugins if they are missing (#517)
  • Bump histoire dependencies to 0.16.0 (84a027e)

🏡 Chore

  • Use workspace protocol more (17c1347)

🤖 CI

❤️ Contributors

v0.16.0

compare changes

🚀 Enhancements

  • Update to vite 4.2 (df3067d)
  • Add booleanish checkbox (#506)
  • Update jiti + update nuxt example (d830e19)

🩹 Fixes

  • MD: ⚠️ Set breaks to false in Markdown (default behavior) (#457)
  • Histoire-vendors broken build (#505)

🏡 Chore

  • Switch to pnpm-lock v6.0 (c62fc6a)

🤖 CI

  • Update release-notes workflow (43b04d7)
  • Pin release-tag version (dc26d0d)
  • Update pnpm version in GH actions (a75ffbd)

⚠️ Breaking Changes

  • MD: ⚠️ Set breaks to false in Markdown (default behavior) (#457)

❤️ Contributors

v0.15.9

compare changes

🚀 Enhancements

  • screenshot: Add launchOptionsArgs to be able to pass args for c… (#446)
  • HstSelect: Change v-model type to any (#454)

🩹 Fixes

  • docs: Header anchors error when hash is chinese. fixes #460 (#452, #460)
  • svelte: Supplement missing member types (#483)
  • nuxt: Do not render app pages alongside stories (#472, #473)
  • Ensuring that threadsCount results in an integer rather than a double when cpus is an odd number. (Fixes #469 ) (#470, #469)

📖 Documentation

🏡 Chore

  • Add lint cache (#401)
  • Upgrade to sheep 0.5.0 (50ccd8e)

❤️ Contributors

0.15.8 (2023-02-18)

Bug Fixes

  • vue3: codegen v-model on simple reactive variable (5701116)

0.15.7 (2023-02-17)

Bug Fixes

  • hmr fix (50bfd61)
  • load vite config in sequence rather than in parallel (2a9cda8)

0.15.6 (2023-02-17)

Bug Fixes

  • new variant not rendering in grid (6e8ad86)

0.15.5 (2023-02-17)

Bug Fixes

  • collect: invalidate cache in all workers (0cbf351)
  • sometimes initial page is blank (14da639)

0.15.4 (2023-02-16)

Bug Fixes

  • add replaceAll guard (319f9aa)
  • dedupe addStory of same file (9076776)
  • nuxt: don't optimize @histoire/plugin-nuxt (07397ed)

0.15.3 (2023-02-15)

Features

  • vue3: codegen: handle boolean props (22b7456)

0.15.2 (2023-02-15)

Bug Fixes

  • controls: mark value props as optional (328f7c6)

Features

0.15.1 (2023-02-15)

Bug Fixes

0.15.0 (2023-02-15)

Bug Fixes

  • vue3: errors in grid layout when adding new variants (4f693fb)

Features

  • nuxt: improve nuxt env stub (#443) (b73b2da)
  • config: build.excludeFromVendorsChunk
  • config: viteNodeInlineDeps now also supports string in the array

0.14.2 (2023-02-11)

Bug Fixes

  • vue3: move change-case to deps (905d004)

Features

  • svelte: auto generate story file from component (007c31c)

0.14.1 (2023-02-10)

Bug Fixes

  • ERR_UNSUPPORTED_ESM_URL_SCHEME, fix #440 (7d1c2e4)
  • types: HstVue not found in vue plugin, fix #449 (fd72c48)
  • use sessionStorage storeColorScheme, fix #444 (b3c836d)

Features

  • theme.darkClass and deprecate sandboxDarkClass, fix #442 (6ea5bbe)

0.14.0 (2023-02-10)

Features

  • docs open in editor button (b2c6f5d)
  • open in editor button (da9b4a3)
  • open in editor command in search (c161d15)
  • vue3: auto generate story from component (162d05f)

0.13.2 (2023-02-08)

Features

0.13.1 (2023-02-08)

Bug Fixes

0.13.0 (2023-02-05)

Bug Fixes

  • build: Cannot read properties of undefined (reading 'isCollecting') (2208e31)
  • HstButtonGroup: not respecting options order (2bbfc1d)
  • HstSelect: support array of numbers, fix #423 (b7cc168)
  • isCollecting not working (4f6427c)
  • svelte-control-elements: textarea capitalization typo on interface (#413) (fbbc58f)
  • tailwind tokens not working with pnpm, fix #282 (f155491)
  • vue3: codegen v-model on prop with dash in name (c53ea61)

Features

  • pinceau: support Pinceau as Design System (#309) (d23a541)
  • update to vite 4.1, fix #434 (86e08d1)
  • vite-node: enable CJS fallback (71be82a)
  • vue: remove unknown components warnings (47517f8)

0.12.4 (2022-12-23)

Bug Fixes

  • custom controls taking too much space (59d1153)

0.12.3 (2022-12-23)

Bug Fixes

  • tree: minus icon not displayed on Firefox (e12c81f)

0.12.2 (2022-12-20)

Bug Fixes

  • folder icon size (118dc47)
  • vite client resolve error (temporary fix) (155ac88), closes #409

0.12.1 (2022-12-20)

Bug Fixes

  • docs: header anchors with routerMode hash (c729f6b)
  • docs: scroll to top (18b0353)
  • docs: scroll to URL anchor (68de7e2)

0.12.0 (2022-12-19)

Bug Fixes

Features

  • complete transition to shiki-es (7c2133d)
  • config: collectMaxThreads (5008ecb)
  • config: resolve theme files + check exist (3e85496)
  • sveltekit: upgraded sveltekit support to svelltekit v1.0.0 (fix #392, #397) (#402) (e7e5993)
  • tree: new folder and group design (afa305e)
  • upgrade to rollup 3 and vite 4 (#404) (e389cb0)

0.11.9 (2022-12-03)

Bug Fixes

  • grid: scroll not loading additional variants (58fe7e5)
  • state not syncing in iframe mode, fix #361 (4b7fe0c)
  • switch to shiki-es (2a63502)

0.11.8 (2022-12-03)

Bug Fixes

Features

Reverts

0.11.7 (2022-11-12)

Bug Fixes

  • build error (91b48a1)
  • config changes not applied on auto restart (a54efad)
  • grid scroll height not being reset when switcing story (875cf7d)
  • grid with % size glitching (ef51ccc)
  • not restarting on vite config change (c5fb953)
  • percy: puppeteer import, fix #330 (c199ad4)
  • remove overflow tailwind classes from sandbox, fix #351 (a326a6a)
  • remove vite-plugin-inspect (df6a7fb)
  • setupFile.browser only being also applied to server, related to #323 (833d086)
  • svelte: dynamic source, fix #344 (11e0432)
  • svelte: state sync: ignore undefined, HTMLElement and SvelteComponents, fix #346 (755ac0d)

0.11.6 (2022-10-26)

Bug Fixes

  • grid: update column count when content size changes (0786a57)
  • prevent collecting loop (ad6c652)
  • svelte: controls not rendering in variant > controls slot (c88c5d8)

Features

0.11.5 (2022-10-14)

Bug Fixes

  • add optimize shiki in case of pnpm shamefully hoist (a1014ab)

0.11.4 (2022-10-12)

Bug Fixes

0.11.3 (2022-10-09)

Bug Fixes

  • config dev port (fix #317) (#318) (095d516)
  • missing dark class when layout.iframe option is false (#267) (e0d1854)
  • sveltekit: md file broken rendering, fix #321 (082ad07)
  • svelte: variantState should not be modified by component internal state (#271) (af78b46)

Features

Performance Improvements

  • collect performance improvements (e39d958)
  • improve startup time (19e9309)

0.11.2 (2022-10-06)

Bug Fixes

  • grid: gradient is cut off (7aa006a)

0.11.1 (2022-10-06)

Bug Fixes

  • controls: display toolbar when no custom controls (51d0f26)
  • missing gradient in grid view (d6431de)

Features

0.11.0 (2022-10-03)

Bug Fixes

  • add client exports to histoire package (b2547ce)
  • changed generated id because of switch to change-case (710f0dd)
  • config: enable ESM resolve for jiti (0ce9796)
  • config: handle plugins undefined (5b03c05)
  • force optimize vscode-textmate, fix #285 (84f6467)
  • improve story/md deletion handling (e85af38)
  • md: adding new markdown files HMR (709ee34)
  • md: cannot resolve markdown file (b92641c)
  • screenshot overwritten, use size in filename (#299) (d50608a)
  • use jitsi to load config (e819ce4)

Features

  • call setupFile on server + auto-inline deps in vite-node (49546dc)
  • config: allow different setupFile for server-side (3103374)
  • config: defaultStoryProps (c7e39b8)
  • isCollecting(), fix #233 (e3cd92a)
  • md: change default md file icon (a3894cd)
  • md: improved inline code style (b9a1e82)
  • nuxt: add stubs for useNuxtApp and NuxtLink (#307) (8aca3c2)
  • rename hstEvent to logEvent (b1cb7d0)
  • static source code, fix #238 (8887c70)
  • svelte: Hst prop typing (287193b), closes #289
  • updated design (afcb244)

Performance Improvements

  • improve story list updates speed (5c4347d)

Reverts

  • switch back to non-conventional virtual ids (dc4e83b)

0.10.7 (2022-08-23)

Bug Fixes

  • vue3: codegen: custom directive breaking, fix #258 (37d983a)

0.10.6 (2022-08-23)

Bug Fixes

  • supress 'dynamic import cannot be analyzed' warning (4f8b422)
  • svelte3: Class constructors cannot be invoked without 'new' (fc10cd8)
  • vue2: syncing refs (29ac9a1)
  • vue: vue 2 docs custom blocks, fix #251 (709d0b8)

Features

0.10.5 (2022-08-23)

Bug Fixes

  • compatible with nested tailwind color (fix #200) (#253) (fb23942)
  • plugin: replace : with _ to prevent issue on Windows, fix #256 (69c41c5)

0.10.4 (2022-08-17)

Bug Fixes

  • nuxt: resolve vite config after all modules have injected plugins (#246) (cefa4f9)
  • postMessage error, fix #250 (0f5b400)

0.10.3 (2022-08-16)

Bug Fixes

0.10.2 (2022-08-13)

Bug Fixes

0.10.1 (2022-08-13)

Bug Fixes

  • broken tailwind tokens (626176a)
  • exclude @histoire/vendors from optimize (a9171d4)

0.10.0 (2022-08-12)

Bug Fixes

  • do not add target blank to urls that start with # in markdown (#235) (4abb77f)
  • escape paths on Windows (976eae8)
  • types: ServerStory.layout (6eaf15c)

Features

0.9.6 (2022-08-10)

Bug Fixes

  • add key to generic render/mount, fix #231 (203f7a9)
  • iframe: variant.previewReady wasn't reeset to false (4f52b45)
  • state preset: use structured cloning when applying (10b1b4b)
  • state preset: wait for controls render (e31002d)

0.9.5 (2022-08-10)

Bug Fixes

0.9.4 (2022-08-10)

Bug Fixes

  • remove shiki deps from direct deps (70f36c9)

0.9.3 (2022-08-10)

Bug Fixes

0.9.2 (2022-08-10)

Bug Fixes

  • allow require.resolve @histoire/controls (2717442)
  • import of flexsearch, fix #227 (1b44bb6)
  • plugin: initialize context before calling onDev (ed0d5b8)
  • remove forced deps optimize (234c8c1)
  • rename tailwind plugin with builtin: prefix (295fc59)
  • sourcecode pane crashing if no generated source code (1517832)
  • vanilla: inherit options (55162e0)

Features

  • vanilla js (no-framework) support plugin (31f1bce)

0.9.1 (2022-08-02)

Bug Fixes

  • build: force external = [] to rollup options, fix #214 (45f7ba5)
  • build: force lib:false, fix #219 (6cca1e1)
  • grid: remove prevent modifier, fix #221 (8ca882b)
  • resize story responsive preview (#181) (0999c54)
  • resolve plugin correctly on windows (#218) (3544713)
  • update floating-vue, fix #206 (d3b0061)
  • vue2: HMR adding new variants not updating grid layout (d8a8b55)

Features

  • add process.env.HISTOIRE = 'true' in cli bin to help adding conditions in vite.config.js (94339d9)

0.9.0 (2022-07-30)

Bug Fixes

  • controls: design tokens slots not working (297f62f)
  • floating-vue not bundled (3b77a87)
  • replace VUE_OPTIONS_API in bluded vue (4f77909)
  • revert non-enumerable internal state props (645509f)
  • vue2: codegen: skip slots key starting with _ (47ae607)
  • vue2: missing moveSlotContent (38d1f97)

Features

  • cleaner histoire package, moved client to @histoire/app (0b788a3)
  • support plugins (3357c46)
  • Vue 2.7 support (e54694a)

Migrate from v0.8

Install the vue3 plugin:

pnpm i -D @histoire/plugin-vue
# OR
npm i -D @histoire/plugin-vue
# OR
yarn add -D @histoire/plugin-vue

Create or update your histoire config file (histoire.config.js or histoire.config.ts):

import { defineConfig } from 'histoire'
import { HstVue } from '@histoire/plugin-vue' // New

export default defineConfig({
  plugins: [
    HstVue(), // New
  ],
})

Update imports:

  • import { defineSetupVue3 } from 'histoire' => import { defineSetupVue3 } from '@histoire/plugin-vue'
  • /// <reference types="histoire/vue" /> => /// <reference types="@histoire/plugin-vue/components" />

0.8.4 (2022-07-22)

Bug Fixes

  • Added questionmark to possibly undefined userViteConfig (#196) (64e306a)
  • show empty state faster (8289eb8)

Features

  • dim 'Docs' tab if no docs available (81871a8)
  • dim 'Events' tab if empty (be697e4)

0.8.3 (2022-07-22)

Bug Fixes

  • mark auto prop internal state as non-enumerable (20678c8)
  • too much recursion with circular data (df81aac)
  • vue3: state sync hang (7c399fd)

0.8.2 (2022-07-21)

Bug Fixes

  • config: disable vite internal config file loading (8ca4362)
  • config: merge function vite (f52c05c)
  • config: remove vite:legacy, fix #156 (f057330)
  • HstSelect: allow any type of value (1e198a8)
  • pin shiki version on cdn (8f69bbf)
  • vue3: codegen: remove undefined props (b0dc96d)
  • vue3: falsy auto props overrides not applied, fix #164 (0a53656)
  • vue3: global components not resolved, fix #158 (855103b)
  • vue3: script setup refs not synced, fix #190 (780967d)
  • vue3: shared auto props (dbcf87b)
  • vue3: toRawDeep emptying duplicate objects/arrays, fix #183 (bba7711)

0.8.1 (2022-07-20)

Bug Fixes

  • server: set content-type on html during dev (d805861)
  • shiki not found (6a71d64)

0.8.0 (2022-07-19)

Bug Fixes

  • add min and max attrs to the input (#173) (cc5ead5)
  • auto props value override not working after vendor bundling (a663735)
  • skip app setups while collecting (5fff544)
  • vue3: detect type of shorthand prop def, fix #155 (cc8e06a)
  • vue3: hot reload not triggered (c747458)

Features

0.7.9 (2022-07-06)

Bug Fixes

Features

0.7.8 (2022-06-22)

Bug Fixes

  • build: force no externalize, fix #137 (a760adf)
  • collect: autostub components in child vnodes, fix #138 (5f6d29b)
  • prevent vite from restarting two times when changing vite config (f00143c)
  • ts: global component types, fix #146 (fbec6bf)
  • vue3: components not skipped for implicit state, causing clone error (86e580f)
  • vue3: double sandbox mounting, fix #144 (a788feb)
  • vue3: improve sandbox mounting logic (f851658)
  • vue3: state sync breaking after loading story 2nd time, fix #128 (58ecf07)

Features

  • vue3: scan for auto props in child vnodes, fix #145 (c39f6a3)

0.7.7 (2022-06-20)

Bug Fixes

Features

0.7.6 (2022-06-09)

Bug Fixes

0.7.5 (2022-06-09)

Bug Fixes

0.7.4 (2022-06-08)

Bug Fixes

  • mapping: reuse existing objects, fix #128 (81ebe39)
  • mock CSS.supports when collecting, fix #122 (8a7d16f)
  • Symbol can't be cloned (eba5122)
  • vue3: collect: inline vuetify packages (8958ac5)

0.7.3 (2022-06-06)

Bug Fixes

Features

0.7.2 (2022-06-05)

Bug Fixes

  • a11y: make font-size follow user brower settings (#115) (e525332)

0.7.1 (2022-06-05)

Bug Fixes

  • nuxt: add additional sections of nuxt vite config (#109) (e31f543), closes #107
  • plugin: removeStory not working, fix #110 (b7c9171)
  • tailwind tokens Story not invalidated in the cache (5032945)
  • vue3: stub RouterLink, fix #107 (95e3f73)
  • vue3: auto stub components on node Story (8c27265)
  • vue3: check if vnodes is an array (3a49ffa)

Features

0.7.0 (2022-06-03)

Features

  • vue3: defineExpose is no longer needed (ad6e6b9)

0.6.6 (2022-06-03)

Bug Fixes

  • handle undefined viteNodeInlineDeps (1425599)
  • inline @vue/devtools-api in vite-node, fix #99 (8c83692)

Features

  • config: viteNodeInlineDeps (0ad6f33)

0.6.5 (2022-06-03)

Bug Fixes

  • mobile select variant select not working (cd37575)

0.6.4 (2022-06-03)

Bug Fixes

0.6.3 (2022-06-03)

Bug Fixes

  • prop override when no props are passed from the template (bcfd8ff)

0.6.2 (2022-06-03)

Bug Fixes

  • Failed to load /virtual:$histoire-generated-global-setup-resolved (e147acd)
  • leaking histoire styling in sandbox, fix #101 (c068a5d)
  • prop overriding not working in built version (5323b70)
  • setupFile not found, fix #102 (66c70f0)

Features

  • nuxt: support CSS + retrieve PostCSS config, fix #100 (10e4927)
  • plugin: allow export setupVue3 in setupCode (9cc651f)

0.6.1 (2022-06-02)

Bug Fixes

  • build: don't include histoire/dist/bundlded in vendor chunk (ee1a8f3)

0.6.0 (2022-06-02)

Bug Fixes

  • build with undefined base (53ca34e)

Features

0.5.4 (2022-05-31)

Bug Fixes

  • reduce flash of content when initial loading is shown (a796e1b)
  • use vite mode = 'development' to prevent production optimizations (bf0fc7e)

0.5.3 (2022-05-31)

Bug Fixes

0.5.2 (2022-05-31)

Bug Fixes

0.5.1 (2022-05-31)

Features

  • register global components types, fix #94 (56971fb)

0.5.0 (2022-05-30)

Bug Fixes

  • serialize js: 1 object in array (d2abaad)
  • state preset: clone when applying (479da6d)
  • vue3: filter out auto components without props (75640e0)

Features

Performance Improvements

  • better max thread count logic (6b565de)
  • collection was not done in parallel (4a0c22a)

0.4.6 (2022-05-11)

Features

0.4.5 (2022-05-09)

Bug Fixes

  • chunk not found errors on first dev (b06eab4)
  • HMR on variant props not working (3b4eaf5)
  • preserve import.meta in bundled client (3c0dbea)

Features

0.4.4 (2022-05-09)

Bug Fixes

  • resolveComponent can only be used in render() or setup() (70f44c3)

0.4.3 (2022-05-09)

Bug Fixes

  • config: replace arrays by default instead of merging (95c29dd)
  • mark all vue packages as external (4d31997)

0.4.2 (2022-05-09)

Bug Fixes

  • revert vue back to peer dep (737fa16)

0.4.1 (2022-05-09)

Bug Fixes

  • missing @types/markdown-it peer dep (549e5bf)

0.4.0 (2022-05-09)

Bug Fixes

  • remove import to @vue/runtime-core (e8e81c9)
  • sandbox style included in main app (bce793d)
  • single layout no iframe => couldn't scroll (6afdd25)
  • slot optimization in overflow menu (0b11e00)

Features

  • full text search in markdown docs, fix #70 (d6e23ce)
  • initial work to pre-bundle the client (#87) (9e8cba9)
  • remove mandatory vue3 vite plugin (fde0929)
  • tailwind: disable iframe (08401bd)

0.3.3 (2022-05-08)

Bug Fixes

  • don't optimize histoire/client, fix #79 (ea22d1b)
  • search: duplicate keys (d94c778)
  • search: remove no result animation (649490e)

Features

  • search: greatly reduce index download size (305e560)

0.3.2 (2022-05-06)

Features

0.3.1 (2022-05-02)

Bug Fixes

0.3.0 (2022-05-02)

Migrating from v0.2

  • The default dist folder is now .histoire/dist from histoire-dist -> If you didn't customize it: either takes this into account or add outDir: 'histoire-dist' to your config.

  • The setup function export for Vue 3 has been changed from default to setupVue3 and the type handler has been renamed from defineVue3StorySetup to defineSetupVue3

Before:

import { defineVue3StorySetup } from 'histoire/client'

export default defineVue3StorySetup(({ app }) => {
  app.provide('demo', 42)
})

After:

import { defineSetupVue3 } from 'histoire/client'

export const setupVue3 = defineSetupVue3(({ app }) => {
  app.provide('demo', 42)
})

Bug Fixes

  • add names to apps (28f3448)
  • build preload links (ebcf1d3)
  • build: disable minify to preserve function/variable names (db84feb)
  • collect story loader not clearing vite cache (a6bbc53)
  • controls css missing component style (921073a)
  • dev: favicon respects base (439f5fb)
  • docs: dark: hr (351e4dd)
  • folder issue when selecting nested story (e24357a)
  • grid, use manual CSS var (a3accb0)
  • handle viteConfig.base, fix #69 (959d06c)
  • init host variant state (a752bcc)
  • renamed api (da5e34a)
  • search: loading ux (9348009)
  • search: new search didn't include story title for variants (95943d5)
  • split controls dist style in two (4c248ec)
  • Story: docsOnly shouldn't display variant number (4fe00e6)
  • tailwind: dark: better drop shadow design (3993802)
  • vue: Anonymous components (a81fef6)
  • vue: codegen append text with no leading space to previous line (f0f4816)
  • vue: codegen cleanup $setup. more (b234c9e)
  • vue: codegen content on new line if at least one attribute (9c89037)
  • vue: codegen: improved event listeners (fee85a0)
  • vue: codegen: only put content on same line if it's text (ca13bc5)
  • vue: godegen custom directives (be1b287)

Features

Performance Improvements

  • faster design tokens initial render (c18d457)

0.2.5 (2022-04-20)

Bug Fixes

  • HstColorShades: handle long names (03974ea)
  • remove outline on dropdowns (67cb60d)
  • vue3: codegen: convert " to ' in function props (0a7b0ae)

Features

0.2.4 (2022-04-19)

Bug Fixes

0.2.3 (2022-04-10)

Bug Fixes

  • missing vite html transforms during dev (d77c42c)
  • preview bg not working (e7d4134)
  • preview settings not updated (5691f48)
  • remove unnecessary gap between header and story list (b319bb5)
  • story: inherit props to variants (23fa903)
  • vue3: codegen function as prop value (5ec9955)

Features

0.2.2 (2022-04-04)

Bug Fixes

Features

  • Add documentation (fix #44) (#60) (a1a3b3a)
  • grid: auto scroll to selected variant (60bf849)
  • grid: select variant on click or keyup inside (17e9204)
  • optimize big grids (488bda0)

Performance Improvements

0.2.1 (2022-03-22)

Features

0.2.0 (2022-03-20)

Bug Fixes

  • improve controls border colors (e76c1f6)
  • move server-side story exec to worker, closes #56 (d0a2cc9)
  • search: initial focus (3a19f8b)

Features

0.1.5 (2022-03-17)

Features

0.1.4 (2022-03-17)

Bug Fixes

  • mobile: bigger hit targets in select lists (9af124a)

Features

0.1.3 (2022-03-16)

Bug Fixes

  • responsive view settings update (4e4bfe4)
  • responsive: resizing while rotated (9e53d83)
  • storage glitch (upgrade vueuse) (8f99248)

0.1.2 (2022-03-16)

Bug Fixes

  • build: default vite chunks not correct (b05a35a)
  • remove unnecessary peer dep (7a4c333)

0.1.1 (2022-03-16)

Bug Fixes

0.1.0 (2022-03-16)

Bug Fixes

0.0.5 (2022-03-15)

Features

  • build: optimize scripts loading (65ee5e5)

0.0.4 (2022-03-15)

Bug Fixes

  • build: not handling custom blocks (2f60fd8)
  • checkbox size (59ea8df)
  • codegen: dynamicProps can be null (eaeb919)
  • controls component not found warnings on server (b16d7ad)
  • controls components name (dab555a)
  • controls: book dark text color (419cb1b)
  • display loading while variant is not ready (6488c6b)
  • docs: support dark mode (cba01f1)
  • improved ready state (1bb0d3f)
  • infinite sync loop (59512a6)
  • selected item colors (c99eea0)
  • simpler css bind (a9c8122)
  • state with nested objects (e9108df)
  • unwanted scroll on Firefox (7f6f898)

Features

  • auto scroll list item into view (3e11dda)
  • build: result logs (0648d58)
  • codegen: improved v-model (ce40e8e)
  • config: vite as function to mutate config (d39ca90)
  • initial builtin controls package, #30 (eb47193)
  • logoHref (d6ef6f2)
  • new responsive view with height (5f49d67)
  • optional <Variant>, closes #38 (1c3af6c)
  • preview background + checkerboard (23f2808)
  • preview dark mode class + transparent bg (56a5ec3)
  • search: improve auto scroll (29c20fe)
  • story markdown docs (403e0b7)
  • variant.ready (efd56b3)

0.0.3 (2022-02-23)

Bug Fixes

  • responsive selected dark style (771bdfb)
  • restore last selected variant on stories HMR (bf25e84)
  • search dark style (d598906)

Features

0.0.2 (2022-02-22)

Features

0.0.1 (2022-02-18)

Bug Fixes

  • a11y: improve tree a11y (476e448)
  • active link color (3fecd68)
  • Add absolude import using pathe (#3) (2ed7d42)
  • add fille to built components to infer tag name (a1ace24)
  • allow both config file + vite config (c275413)
  • better default responsive width (fbda1c5)
  • build: support custom logos (7c7eec6)
  • center responsive dragger (cc0154f)
  • codegen (db89569)
  • console log override first arg can be a non-string (2126965)
  • dark mode fixes (73a80e8)
  • disable text select for a and button (f107c9c)
  • disable text selection in folder item (3057a8d)
  • grid variant item text not selectable (3a96827)
  • import path (7abc630)
  • include default tailwind colors (15261d6)
  • init state sometimes not being taken into account (fb9c775)
  • input style (563daf6)
  • Leaking absolute path (fix #4) (#11) (204e06b)
  • list items shrinking (9cee043)
  • min responsive width (b00e50d)
  • null error (40f1582)
  • reset keys on window blur (112519f)
  • respect vite root + no duplicate vue plugin (ec2001c)
  • router used before declaration (20b4c56)
  • search: prevent default keyboard shortcut (55db756)
  • source code textarea overflowing (13a8d0b)
  • story item right padding (0005160)
  • story list overflow (2f338d2)
  • use JSON.stringify for dynamic prop (036654b)
  • wrong serialize js indent size (3096e90)

Features