egoist / docute

📚 Effortless documentation, done right.
https://docute.egoist.dev
MIT License
3.81k stars 427 forks source link

How can I use vuetify in docute? #211

Closed mcdoyaji closed 5 years ago

mcdoyaji commented 5 years ago

I want to use vuetify component in docute.

baramofme commented 5 years ago

O.K package.json

 "material-design-icons-iconfont": "^4.0.5",
 "vuetify": "^1.5.9",

website/index.js

import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.css';
import colors from 'vuetify/es5/util/colors'
import 'material-design-icons-iconfont/dist/material-design-icons.css'

Vue.use(Vuetify, {
  theme: {
    primary: colors.purple,
      secondary: colors.grey.darken1,
      accent: colors.shades.black,
      error: colors.red.accent3
  }
})

use it any md files.

<v-app>
  <v-layout row justify-space-between>
    <v-flex>
      <v-alert :value="true" type="success"> success </v-alert>
    </v-flex>
    <v-flex>
      <v-alert :value="true" type="error">error</v-alert>
    </v-flex>
  </v-layout>      
</v-app>

<v-style>
.application--wrap{
    min-height: auto;
}
</v-style>

Check full Reference Here : https://github.com/baramofme/vue-exercise/commit/0715ba06680ee92b1f838366a93b7b7d8c3bec00#diff-0c413f1285292a41937f154b1dbe67e1R14