Skip to content

Conversation

mauryapari
Copy link
Contributor

Added example for storybook implemntation with vue3 and vite using vue-i18n

@mauryapari
Copy link
Contributor Author

mauryapari commented Apr 27, 2025

might resolve #1214

I have added a Storybook example using Vue 3 and Vite.
The page component in Storybook now updates its localized content dynamically based on the language selected from the Storybook toolbar.

@kazupon Could you please take a look? I’d love to hear your feedback and I’m happy to make any changes if needed!

@kazupon kazupon added the Type: Example Includes example and demo code fixes label Apr 28, 2025
Copy link
Member

@kazupon kazupon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!
Thanks!

@kazupon kazupon changed the title Storybook Example with vue3 and vite examples: Storybook Example with vue3 and vite Apr 28, 2025
Copy link

Size Report

Bundles

File Size Gzip Brotli
core.esm-browser.prod.js 38.05 kB 11.62 kB 10.39 kB
core.global.prod.js 31.11 kB 10.78 kB 9.67 kB
core.runtime.esm-browser.prod.js 23.77 kB 7.71 kB 6.90 kB
core.runtime.global.prod.js 18.08 kB 7.04 kB 6.32 kB
message-compiler.esm-browser.prod.js 19.29 kB 5.76 kB 5.14 kB
message-compiler.global.prod.js 17.32 kB 5.55 kB 4.98 kB
petite-vue-i18n-core.esm-browser.prod.js 20.67 kB 6.96 kB 6.26 kB
petite-vue-i18n-core.global.prod.js 15.63 kB 6.06 kB 5.51 kB
petite-vue-i18n.esm-browser.prod.js 36.98 kB 11.34 kB 10.17 kB
petite-vue-i18n.global.prod.js 29.84 kB 10.19 kB 9.20 kB
petite-vue-i18n.runtime.esm-browser.prod.js 22.55 kB 7.33 kB 6.63 kB
petite-vue-i18n.runtime.global.prod.js 16.83 kB 6.40 kB 5.80 kB
vue-i18n.esm-browser.prod.js 50.66 kB (-0.01 kB) 15.15 kB (+0.00 kB) 13.54 kB (-0.00 kB)
vue-i18n.global.prod.js 40.53 kB (-0.01 kB) 13.60 kB (-0.00 kB) 12.25 kB (-0.01 kB)
vue-i18n.runtime.esm-browser.prod.js 36.23 kB (-0.01 kB) 11.15 kB (+0.00 kB) 10.02 kB (-0.00 kB)
vue-i18n.runtime.global.prod.js 27.52 kB (-0.01 kB) 9.85 kB (-0.00 kB) 8.89 kB (-0.00 kB)

Usages

Name Size Gzip Brotli
packages/size-check-core (@intlify/core) 9.22 kB 3.82 kB 3.46 kB
packages/size-check-petite-vue-i18n (petite-vue-i18n) 77.63 kB 30.24 kB 27.28 kB
packages/size-check-vue-i18n (vue-i18n) 82.83 kB (-0.01 kB) 31.74 kB (+0.00 kB) 28.51 kB (-0.03 kB)

Copy link

pkg-pr-new bot commented Apr 28, 2025

Open in StackBlitz

@intlify/core

npm i https://pkg.pr.new/@intlify/core@2173

@intlify/core-base

npm i https://pkg.pr.new/@intlify/core-base@2173

@intlify/devtools-types

npm i https://pkg.pr.new/@intlify/devtools-types@2173

@intlify/message-compiler

npm i https://pkg.pr.new/@intlify/message-compiler@2173

petite-vue-i18n

npm i https://pkg.pr.new/petite-vue-i18n@2173

@intlify/shared

npm i https://pkg.pr.new/@intlify/shared@2173

vue-i18n

npm i https://pkg.pr.new/vue-i18n@2173

@intlify/vue-i18n-core

npm i https://pkg.pr.new/@intlify/vue-i18n-core@2173

commit: ccc1047

@kazupon kazupon merged commit a3579d8 into intlify:master Apr 28, 2025
28 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Example Includes example and demo code fixes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants