vuetify.js - 如何将vuetify添加到默认vuepress主题

Question

是否可以将vuetify添加到默认的vuepress主题？

我只需要向默认主题添加一些组件，但是最好使用vuetify处理组件中的表单。

我发现使用vuetify的自定义vuepress主题，但是我更喜欢使用默认的vuepress主题。

另一个选项是弹出默认主题并将其添加到其中。但是我宁愿不弹出默认主题，而只是向其添加vuetify。

Answer 1

来自previous answer的oscarteg带给了我大部分的帮助。这是我对.vuepress/enhanceApp.js文件要做的事情(是的，如果您没有人继续创建它的话)。

import Vuetify from "vuetify";
import "vuetify/dist/vuetify.min.css";
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);
  options.vuetify = new Vuetify({})
};

请注意，在传递给 new Vuetify({})的 options.vuetify中，您可以设置主题。

参见 https://github.com/vuejs/vuepress/issues/681#issuecomment-515704018