mirror of
https://github.com/nuxt/nuxt.git
synced 2025-02-06 21:10:38 +00:00
commit
e102580b33
4
examples/with-vuetify/README.md
Normal file
4
examples/with-vuetify/README.md
Normal file
@ -0,0 +1,4 @@
|
||||
# Using Vuetify.js with Nuxt.js
|
||||
|
||||
https://nuxtjs.org/examples/with-vuetify
|
||||
https://vuetifyjs.com/
|
6
examples/with-vuetify/layouts/default.vue
Normal file
6
examples/with-vuetify/layouts/default.vue
Normal file
@ -0,0 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<nuxt/>
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
</div>
|
||||
</template>
|
7
examples/with-vuetify/nuxt.config.js
Normal file
7
examples/with-vuetify/nuxt.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
module.exports = {
|
||||
build: {
|
||||
vendor: ['vuetify']
|
||||
},
|
||||
plugins: ['~plugins/vuetify.js'],
|
||||
css: ['vuetify/dist/vuetify.min.css']
|
||||
}
|
12
examples/with-vuetify/package.json
Normal file
12
examples/with-vuetify/package.json
Normal file
@ -0,0 +1,12 @@
|
||||
{
|
||||
"name": "with-vuetify",
|
||||
"dependencies": {
|
||||
"nuxt": "latest",
|
||||
"vuetify": "^0.9.1"
|
||||
},
|
||||
"scripts": {
|
||||
"dev": "nuxt",
|
||||
"build": "nuxt build",
|
||||
"start": "nuxt start"
|
||||
}
|
||||
}
|
40
examples/with-vuetify/pages/index.vue
Normal file
40
examples/with-vuetify/pages/index.vue
Normal file
@ -0,0 +1,40 @@
|
||||
<template>
|
||||
<v-app top-toolbar left-fixed-sidebar>
|
||||
<v-toolbar>
|
||||
<v-toolbar-side-icon @click.native.stop="sidebar = !sidebar" />
|
||||
<v-toolbar-logo>Toolbar</v-toolbar-logo>
|
||||
</v-toolbar>
|
||||
<main>
|
||||
<v-sidebar left fixed drawer v-model="sidebar">
|
||||
<v-list>
|
||||
<v-list-item v-for="i in 3">
|
||||
<v-list-tile>
|
||||
<v-list-tile-title>Item {{ i }}</v-list-tile-title>
|
||||
</v-list-tile>
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
</v-sidebar>
|
||||
<v-content>
|
||||
<v-container fluid>
|
||||
<div class="title">Main Content</div>
|
||||
</v-container>
|
||||
</v-content>
|
||||
</main>
|
||||
</v-app>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
sidebar: false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.title {
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
4
examples/with-vuetify/plugins/vuetify.js
Normal file
4
examples/with-vuetify/plugins/vuetify.js
Normal file
@ -0,0 +1,4 @@
|
||||
import Vue from 'vue'
|
||||
import Vuetify from 'vuetify'
|
||||
|
||||
Vue.use(Vuetify)
|
Loading…
Reference in New Issue
Block a user