Merge pull request #1880 from ooade/add/with-museui

Add with muse-ui example

examples/with-museui/nuxt.config.js

@@ -0,0 +1,26 @@
+module.exports = {
+	head: {
+		meta: [
+			{
+				name: 'viewport',
+				content: 'width=device-width, initial-scale=1'
+			}
+		],
+		link: [
+			{
+				rel: 'stylesheet',
+				href:
+					'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic'
+			},
+			{
+				rel: 'stylesheet',
+				href: 'https://fonts.googleapis.com/icon?family=Material+Icons'
+			},
+			{
+				rel: 'stylesheet',
+				href: 'https://unpkg.com/muse-ui@2.1.0/dist/muse-ui.css'
+			}
+		]
+	},
+	plugins: ['~/plugins/museui']
+};

examples/with-museui/package.json

@@ -0,0 +1,12 @@
+{
+	"name": "with-museui",
+	"dependencies": {
+		"nuxt": "latest",
+		"muse-ui": "latest"
+	},
+	"scripts": {
+		"dev": "nuxt",
+		"build": "nuxt build",
+		"start": "nuxt start"
+	}
+}

examples/with-museui/pages/index.vue

@@ -0,0 +1,43 @@
+<template>
+	<div>
+		<mu-appbar title="Nuxt.js">
+			<mu-icon-button icon="menu" slot="left" @click="toggle()" />
+			<mu-icon-menu icon="expand_more" slot="right">
+				<mu-menu-item value="1" title="One" />
+				<mu-menu-item value="2" title="Two" />
+				<mu-menu-item value="3" title="Three" />
+			</mu-icon-menu>
+		</mu-appbar>
+		<mu-drawer :open="open" @close="toggle()" :docked=false>
+			<mu-list>
+				<mu-list-item title="Menu Item 1" />
+				<mu-list-item title="Menu Item 2" />
+				<mu-list-item title="Menu Item 3" />
+			</mu-list>
+		</mu-drawer>
+		<div class="content">
+			<mu-raised-button label="Primary" class="demo-raised-button" primary/>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				open: false
+			}
+		},
+		methods: {
+			toggle(flag) {
+				this.open = !this.open;
+			}
+		}
+	}
+</script>
+
+<style>
+	.content {
+		margin: 10px
+	}
+</style>

examples/with-museui/plugins/museui.js

@@ -0,0 +1,4 @@
+import Vue from 'vue';
+import MuseUI from 'muse-ui';
+
+Vue.use(MuseUI);