Add Vuetify.js example

This commit is contained in:
bratberg 2017-03-14 21:13:39 +01:00
parent 7238f27716
commit 18ec7507ad
5 changed files with 47 additions and 0 deletions

View File

@ -0,0 +1,4 @@
# Using Vuetify.js with Nuxt.js
https://nuxtjs.org/examples/with-vuetify
https://vuetifyjs.com/

View File

@ -0,0 +1,7 @@
module.exports = {
build: {
vendor: ['vuetify']
},
plugins: ['~plugins/vuetify.js'],
css: ['vuetify/dist/vuetify.min.css']
}

View File

@ -0,0 +1,12 @@
{
"name": "with-vuetify",
"dependencies": {
"nuxt": "latest",
"vuetify": "^0.9.1"
},
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start"
}
}

View File

@ -0,0 +1,20 @@
<template>
<v-app top-toolbar footer>
<v-toolbar>
<v-toolbar-title>Toolbar</v-toolbar-title>
</v-toolbar>
<main>
<v-content>
<v-container fluid>
<div class="title">Main Content</div>
</v-container>
</v-content>
</main>
</v-app>
</template>
<style>
.title {
padding-left: 14px;
}
</style>

View File

@ -0,0 +1,4 @@
import Vue from 'vue'
import Vuetify from 'vuetify'
Vue.use(Vuetify)