# State of Vuetify 3 Titan <!-- Put the link to this slide here so people can follow --> Slide: https://hackmd.io/@rezk2ll/rJXWohgeq by [Khaled Ferjani](https://github.com/rezk2ll) @ [linagora](linagora.com) --- ## current version of vuetify 3 - version `3.0.0` alpha - intended primarily for testing purposes, and should not be considered for production applications. --- ## Roadmap - target release: estimated around `May 2022` - bet release: estimated `February 2022` *dates keep on changing due to covid primarily.* --- ## progress --- - [25 tasks still on progress](https://github.com/vuetifyjs/vuetify/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3ATask) - [Project board](https://github.com/orgs/vuetifyjs/projects/7) - [Beta release checklist](https://github.com/vuetifyjs/vuetify/issues/14729) ![image](https://user-images.githubusercontent.com/6764881/153855350-83dc6034-ffb1-43ea-9576-6be465331271.png) --- ## Features --- - Rebuilt for Vue 3 using the composition API - Global properties that allow you to make large overarching changes to your app - Improved SASS variable customization and extensibility with Built-In Modules - New Vue CLI presets for generating pre-built starting projects - Vite support - Greatly improved TypeScript support - Better framework coverage with E2E testing using Cypress --- ### community feedback on Reddit --- ![image](https://user-images.githubusercontent.com/6764881/153857123-df021292-e6cb-488f-9e66-9654a8816eed.png) --- ![image](https://user-images.githubusercontent.com/6764881/153857166-a8136bd7-76cc-4190-9f17-ba012b97b967.png) --- ![image](https://user-images.githubusercontent.com/6764881/153857297-56086154-959d-412b-9ba4-dcf2624db2ec.png) --- ### migrating from `v2.x` to `v3` --- [upgrade guide](https://next.vuetifyjs.com/en/getting-started/upgrade-guide) #### breaking changes: - basically, some changes are needed like renaming the vuetify class to createVuetify instead of Vuetify. - dark and light properties have been removed - @input has been replaced. - breaking changes to the v-alert component. --- ### what VueJs version can be used? --- - Vuetify v3 will be released with the support of Vue3. - it is possible to use Vuetify v3 with Vue 2.x. - Vue3 support is not yet ready, so using vuetify 2.x with Vue3 is not possible. --- ### Alternatives - ant-design - quasar - buefy ( based on bulma UI ) - tailwindcss / windicss / VueTailwind --- ### Wrap up - Not production ready at the moment - Release could be delayed - possible to migrate from v2 but with breaking changes --- ### Thank you!
{"metaMigratedAt":"2023-06-16T19:58:52.050Z","metaMigratedFrom":"YAML","title":"State of Vuetify 3","breaks":true,"description":"current state of vuetifyjs","contributors":"[{\"id\":\"05a05b74-c576-4315-a352-43868d90914a\",\"add\":2572,\"del\":2228}]"}
    254 views