docs: optimize build

[userquin]

Description

This PR includes:

• add type: module to the docs package.json file
• use moduleResolution: Bundler in tsconfig.json file
• update @mdi/js and @mdi/svg to latest version 7.4.47
• updates plugins/icons.ts module to include missing mdiDiscord , mdiFormatTextdirectionLToR and mdiFormatTextdirectionRToL svg icons from v6 version and removes mdiCreationOutline included in 7.4.47
• include a vite virtual module for mdi js names and aliases from @mdi/svg/meta.json
• added mdi-js-es to allow tree shaking mdi icons used for mdi icon set (plugins/icons.ts module): now vuetify plugin will include only mdi icons used and not the full barrel
• update Vite to 5.4.0-beta.1 to allow use new sass modern api and enable css.preprocessorMaxWorkers: this will reduce ~4s starting dev server
• updates components/docs/IconList.vue sfc:
  • use dynamic import to load @mdi/svg and @mdi/js: this change reduces ~3MB the index.js entry point, creating 2 new js assets that are loaded only on features/icon-fonts page: @mdi/svg moved to vite plugin
  • update logic to filter icons using iterators
  • fix small bug when including spaces and deleting them: the browser hangs
  • add clearable and loading attributes to the autocomplete: using primary color for loading using color from the autocomplete, ping me if you want loading progress with primary color

TODO: Maybe we need to use overrides or pnpm.overrides in docs package.json and dedupe dependencies.

From this:

to this:

Markup:

NA

[userquin]

Tmr (in another PR) I'll remove @mdi/js from vuetify icon set and create a new icon set using unocss preset icons: unocss-mdi.

This way we can remove @mdi/js from the index assets and all mdi icons will go to css: once done, I'll change components/docs/IconList.vue to load @mdi/js also with dynamic import.

[userquin]

Now it is ready @johnleider @MajesticPotatoe

If you want to play with the Node Profiler:

• pnpm vite dev --profile --open
• await page loaded then back to the terminal: press p + enter (stops node profiler) and finally press q + enter
• then go to speedscope.app and upload generated vite-profile-0.cpuprofile in docs root folder

You can compare results adding and removing css entry in the Vite config file.

[KaelWD]

Can probably get this down to like 300K gzip with a bit more effort

Preview deployment: https://vuetify-3-9wna33g7f-vuetifyjs1.vercel.app/
Before: https://www.webpagetest.org/result/240804_AiDcR3_5K9/
After: https://www.webpagetest.org/result/240804_AiDc1W_6WK/

[KaelWD]

unplugin/unplugin-vue-components#788 Will replace the patch

cosmicjs/cosmic-sdk-js#36 gets rid of axios too.

I think all the vuetify/one stuff has to go to one.vuetifyjs.com only, keep the login menu but management and subscribing can just be a separate page.

[KaelWD]

New preview, 320K index: https://vuetify-3-deihws1i1-vuetifyjs1.vercel.app/

Now (52):

Live (34):