Как добавить vuetify в тему vuepress по умолчанию - PullRequest
Новая
       14

Как добавить vuetify в тему vuepress по умолчанию

0 голосов
/ 07 октября 2018

Можно ли добавить vuetify в тему vuepress по умолчанию?

Мне просто нужно добавить несколько компонентов в тему по умолчанию, однако было бы неплохо использовать vuetify для обработки форм в моих компонентах.

Я нашел пользовательскую тему vuepress, которая использует vuetify, однако я бы предпочел использовать тему vuepress по умолчанию.

Другой вариант - удалить тему по умолчанию и добавить к ней vuetify.Однако я бы предпочел не удалять тему по умолчанию, просто добавив в нее vuetify.

1 Ответ

0 голосов
/ 08 ноября 2018

Самый простой способ - использовать vuetify CDN.В ваш config.js добавьте что-то вроде 

module.exports = {
  head: [
          ['link', { rel: 'stylesheet', href: `https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css` }],


    ['script', { src: `https://cdn.jsdelivr.net/npm/vue/dist/vue.js` }],
    ['script', { src: `https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.js` }],
  ]
}

Что-то в этом роде.См. https://vuepress.vuejs.org/config/#head

Другой способ - установить пакет vuetify и добавить Vuetify к enhanceApp.Это выглядело бы так в вашем .vuepress/enhanceApp.js

import Vuetify from 'vuetify'

export default ({
  Vue, // the version of Vue being used in the VuePress app
  options, // the options for the root Vue instance
  router, // the router instance for the app
  siteData // site metadata
}) => {
    Vue.use(Vuetify)
}

См. https://vuepress.vuejs.org/guide/basic-config.html#theme-configuration

...