Тёмный

Vuetify3 + Nuxt3 Setup Guide 

Behon Baker
Подписаться 1,7 тыс.
Просмотров 11 тыс.
50% 1

Опубликовано:

 

30 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 23   
@EmanueleSerini78
@EmanueleSerini78 Год назад
Thank you, i was in a hurry for a project with vuetify 3 (had tons of experience with 2 but ...) and this was a life saver, really
@SyedHaroon786
@SyedHaroon786 Год назад
Thanks a ton to come up with such a nice video tutorial. If possible, kindly try to create tutorial for how to setup ElementPlus 🙏
@breezycodes
@breezycodes Год назад
Yw :) It's funny that you ask this. I just discovered elementplus this morning 😆
@100kshooter5
@100kshooter5 Год назад
Thank you for an amazing video, would also like to see how to do testing in Nuxt, and using Storybook
@qwerty-dd4mo
@qwerty-dd4mo 7 месяцев назад
Amazing!
@haraldndb.1250
@haraldndb.1250 Год назад
Working for me but Vite warmup takes too much time. About 45 - 50 seconds. Switched back to Vuetify3 + Vue3. That works.
@breezycodes
@breezycodes Год назад
Yeah, the community is still waiting on a fix from the nuxt team for this issue.
@mel-182
@mel-182 Год назад
Hi bro, do you happen to have a video with mongodb authentication in nuxt 3?
@breezycodes
@breezycodes Год назад
Not yet :(
@TheMysticWolfPS3
@TheMysticWolfPS3 Год назад
Was there any fix for using custom saas variables? The error in console is still showing using latest nuxt 3 and vuetify 3 😢
@breezycodes
@breezycodes Год назад
Nope.. and there seems to be no push to get it fixed. There is an old issue on github about it... I guess we just have to use other UI libraries for Nuxt now.. I crested my own ui thing with Radix-vue components
@alejandro-acho
@alejandro-acho Год назад
Working for me, but whenever i turn off the server and i turn it on again, the styles are not being applied until i make some change in the scss file. Does it happen to you too?
@breezycodes
@breezycodes Год назад
Interesting... I haven't experienced that 😕.. I am not sure what may be the cause honestly.
@alejandro-acho
@alejandro-acho Год назад
@@breezycodes I was looking, and it doesn't happens for a the $body-font-family, but for the $border-radius-root, super weird
@alejandro-acho
@alejandro-acho Год назад
@@breezycodes btw thank you very much for the video :)
@gravelfun
@gravelfun Год назад
Thanks a lot for this tutorial. I have a problem maybe you have solved. Error pages from nuxt like 404 pages are still in light mode even if vuetify theme is in light mode, and I didn't found a config in nuxt to change that. If I remove the "css: ['vuetify/styles']" line in nuxt config error pages is now in dark mode as wanted, but all vuetify becomes horrible... Do you know how to fix that?
@breezycodes
@breezycodes Год назад
Yw.. for the 404 scss errors in the console, you can take a look at this thread: github.com/nuxt/nuxt/issues/15412 Someone suggested a way to get rid of the errors for now.. use a nitro plug-in to help
@gravelfun
@gravelfun Год назад
@@breezycodes Oh I think I was not clear. My problem concern the 404 nust default page. When we add vuetify she becames in light mode whereas without it it's in light mode, even if dark mode is selected in vuetify config. I found the origin of problem in code in file node_modules/vuetify/lib/styles/generic/_colors.scss, in code: @mixin background-color($color_value) { background-color: $color_value; !important; } @mixin text-color($color_value) { color: $color_value; !important; } @mixin background-text-color($color_name, $color_type) { $map_value: map-deep-get(colors.$text-on-colors, $color_name, $color_type); color: $map_value; !important; } if we remove the three "!important" the problem is solved. But colors can be slightly different in the app... may be we can do it better?
@breezycodes
@breezycodes Год назад
@gravelfun I am officially confused 😆 so the error page is in a different color mode? Did you create a custom error page? Or use the one that nuxt provide out the box? The one that nuxt provides out the box will not conform to the vuetify theme because it uses a variant of tailwindcss and the color preference module.. I think
@gravelfun
@gravelfun Год назад
@@breezycodes It's for the default error page. If I create a custom one I can use the vuetify theming indeed. You are right, the cause should be that thank you. I found a funny error page theme, so let's go :)
@arjun.mmenon9732
@arjun.mmenon9732 Год назад
i got some warnings -- Sourcemap for "plugin-vuetify:labs/VDataTable/VDataTable.sass" points to missing source files what to do
@TheMysticWolfPS3
@TheMysticWolfPS3 Год назад
Getting the same error. Any fix?
Далее
Vuetify 3 + Nuxt 3 : Vue.js Will Never Be The Same
13:02
Voy shetga man aralashay | Million jamoasi
00:56
Просмотров 544 тыс.
Always Help the Needy
00:28
Просмотров 16 млн
React Crash Course | Learn React Quickly | In 80 Minutes
1:17:07
Vue JS Crash Course
1:50:52
Просмотров 1,3 млн
Vuetify 3 - You need no design skills just Vue3
1:28:04