From 84a7d6d91c94f6cef6e1a4ee4acd59d882acb913 Mon Sep 17 00:00:00 2001
From: Ademola Adegbuyi <ooade96@gmail.com>
Date: Tue, 17 Oct 2017 16:13:37 +0100
Subject: [PATCH] Add with muse-ui example

---
 examples/with-museui/nuxt.config.js    | 26 ++++++++++++++++
 examples/with-museui/package.json      | 12 +++++++
 examples/with-museui/pages/index.vue   | 43 ++++++++++++++++++++++++++
 examples/with-museui/plugins/museui.js |  4 +++
 4 files changed, 85 insertions(+)
 create mode 100644 examples/with-museui/nuxt.config.js
 create mode 100644 examples/with-museui/package.json
 create mode 100644 examples/with-museui/pages/index.vue
 create mode 100644 examples/with-museui/plugins/museui.js

diff --git a/examples/with-museui/nuxt.config.js b/examples/with-museui/nuxt.config.js
new file mode 100644
index 0000000000..309fb1105b
--- /dev/null
+++ b/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']
+};
diff --git a/examples/with-museui/package.json b/examples/with-museui/package.json
new file mode 100644
index 0000000000..6f88ac897c
--- /dev/null
+++ b/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"
+	}
+}
diff --git a/examples/with-museui/pages/index.vue b/examples/with-museui/pages/index.vue
new file mode 100644
index 0000000000..f34ba7029d
--- /dev/null
+++ b/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>
diff --git a/examples/with-museui/plugins/museui.js b/examples/with-museui/plugins/museui.js
new file mode 100644
index 0000000000..ae071085bb
--- /dev/null
+++ b/examples/with-museui/plugins/museui.js
@@ -0,0 +1,4 @@
+import Vue from 'vue';
+import MuseUI from 'muse-ui';
+
+Vue.use(MuseUI);