vuetify.js – Page 5 – Tarik Billa

Center content vertically on Vuetify

January 27, 2023 by Tarik

Update for new vuetify version In v.2.x.x , we can use align and justify. We have below options for setup the horizontal and vertical alignment. PROPS align : ‘start’,’center’,’end’,’baseline’,’stretch’ PRPS justify : ‘start’,’center’,’end’,’space-around’,’space-between’ <v-container fill-height fluid> <v-row align=”center” justify=”center”> <v-col></v-col> </v-row> </v-container> For more details please refer this vuetify grid-system and you could check here … Read more

Nuxtjs vuetify throwing lots of `Using / for division is deprecated and will be removed in Dart Sass 2.0.0.`

January 18, 2023 by Tarik

Quick fix Change your sass version to use the tilde ~ and it should work. This is because it will prohibit updated minor versions from being used, and allow only patches. Example package.json line: “sass”: “~1.32.6” See https://nodesource.com/blog/semver-tilde-and-caret/ Future-compatible fix For those of you who want to refactor your use of /, you need to … Read more

‘v-slot’ directive doesn’t support any modifier

December 21, 2022 by Tarik

I don’t see any v-slot in the code you provided so I can show you only my usecase. With Eslint error: <template v-slot:item.actions=”{ item }”> Without error: <template v-slot:[`item.actions`]=”{ item }”>