How to achieve proper Tree Shaking ?

[felicienfrancois]

I have a vue3 app which use dynamic import in the router, bundled with vite, using default config
This automatically leads to

• one "index" bundle for the root
• one bundle per views
• extra bundles for some libraries

I set up vue-18n (9.10.2) following the guide, compiled by vite using @intlify/unplugin-vue-i18n/vite (3.0.1) and with one json static files per languages containing all languages keys of my app.
I imported messages in my app using the import messages from "@intlify/unplugin-vue-i18n/messages"; helper

When I bundle my app (vite build --ssrManifest), all translation keys all of languages are bundled into the index bundle (which is getting too big).

Is it doable to have language keys bundled into the bundle of the view they are used into and how to achieve this ?