it appears it doesn’t work If you inspect it again, you will see that it does “work”, however it appears to be overridden by something: .menu__content { top: 200px; } Is there something fundamental about vuetify I’m missing? Apparently not in this case, you are only missing CSS Specificity. If you inspect the element you … Read more
With Vue CLI 3 we have no index.html in the src folder so alternatively you can npm install –save material-design-icons-iconfont and import it in the main.js file import ‘material-design-icons-iconfont/dist/material-design-icons.css’
Update Holy wow! I asked the Vuetify community to add documentation to their api, and it looks like they just added the to prop as well as other vue-router props to the Vuetify tabs docs. Seriously, the community there is awesome. Original Answer The folks in the Vuetify community Discord were able to help me … Read more
Don’t include .styl files, it’s deprecated basically. Remove node-sass and install sass $ npm uninstall node-sass $ npm i -D sass And modify your plugins/vuetify.js file import Vue from ‘vue’ import Vuetify from ‘vuetify’ Vue.use(Vuetify) export default new Vuetify({ theme: { … } }) And main.js new Vue({ … vuetify, // we add vuetify here … Read more
You should use a custom row cell : <v-data-table :headers=”headers” :items=”logs”> <template v-slot:item.createdOn=”{ item }”> <span>{{ new Date(item.createdOn).toLocaleString() }}</span> </template> </v-data-table>
NOTE: Make sure to include styles as per docs Also in case of broken components make sure that your app is wrapped inside v-app tag: <v-app> <v-content> //.. </v-content> </v-app> Documentation says: In order for your application to work properly, you must wrap it in a v-app component. Solution use vue-loader‘s deep selectors >>> like … Read more