Rendezvous-Tokyo

Vuepressにvuetify導入

バージョン

packege.jsonから抜粋

    "deepmerge": "^4.2.2",
    "sass": "~1.32",
    "sass-loader": "^13.0.2",
    "vuepress": "^1.9.7",
    "vuetify": "^2.6.10"

手順

依存関係の解決

yarn add -D vuetify
yarn add sass@~1.32 sass-loader deepmerge -D

enhanceApp.jsを修正

import Vuetify from "vuetify";
import "vuetify/dist/vuetify.min.css";

export default ({
  Vue,
  options,
  router,
  siteData,
}) => {
  Vue.use(Vuetify);
  options.vuetify = new Vuetify({});  //この行を追加すると期待通り動いた
};

参考ページ
https://stackoverflow.com/questions/52684077/how-to-add-vuetify-to-default-vuepress-theme (opens new window)