yariksav / vuetify-dialog

Easy dialogs in Vuetify.js framework
MIT License
195 stars 48 forks source link

No show Color & Icon #26

Closed fjbardelli closed 5 years ago

fjbardelli commented 5 years ago

This code works, but no show icons and color ##title.

   let res = await this.$dialog.warning({
    title: 'Titulo',
    text: 'Cuerpo',
    persistent: true
  });
  if (res === undefined) {
    this.$dialog.notify.warning("Closed without select action");
  } else {
    this.$dialog.notify.info(`Your choice is ${res}`);
  }
yariksav commented 5 years ago

Peraps something wrong in your vuetify and font installation. Please see example code. Information is too few for understand

fjbardelli commented 5 years ago

This is my nuxt config of veutify plugin

import Vue from 'vue' //import Vuetify from 'vuetify/lib' import es from 'vuetify/es5/locale/es' import colors from 'vuetify/es5/util/colors' import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader import VuetifyDialog from 'vuetify-dialog'

import Vuetify, { VBtn, VCard, VCardActions, VCardText, VCardTitle, VDialog, VSpacer } from 'vuetify/lib'

Vue.use(Vuetify, { components: { VBtn, VCard, VCardActions, VCardText, VCardTitle, VDialog, VSpacer }, lang: { locales: { es, }, current: 'es', iconfont: 'mdi', }, theme: { primary: colors.blue.darken2, accent: colors.grey.darken3, secondary: colors.amber.darken3, info: colors.teal.lighten1, warning: colors.amber.base, error: colors.deepOrange.accent4, success: colors.green.accent3 }, icons: { iconfont: 'mdi' // default } }) Vue.use(VuetifyDialog)

fjbardelli commented 5 years ago

Solved, missing add to the configuration

   VIcon,    VToolbar,    VToolbarTitle,

Thank you so much