From 5f57166feb89fa09439e35218b3d40201210f9b4 Mon Sep 17 00:00:00 2001
From: Clark Du <clark.duxin@gmail.com>
Date: Sun, 3 Dec 2017 20:54:12 +0800
Subject: [PATCH] fix: with-vue-material lint and dependency issue

---
 examples/with-vue-material/package.json    | 23 ++++++------
 examples/with-vue-material/pages/index.vue | 42 +++++++++++-----------
 2 files changed, 33 insertions(+), 32 deletions(-)

diff --git a/examples/with-vue-material/package.json b/examples/with-vue-material/package.json
index 4a59a31a2d..0363fc255b 100644
--- a/examples/with-vue-material/package.json
+++ b/examples/with-vue-material/package.json
@@ -1,13 +1,14 @@
 {
-	"name": "with-vue-material",
-	"version": "1.0.0",
-	"dependencies": {
-		"nuxt": "latest",
-		"vue-material": "^1.0.0-beta-6"
-	},
-	"scripts": {
-		"dev": "nuxt",
-		"build": "nuxt build",
-		"start": "nuxt start"
-	}
+  "name": "with-vue-material",
+  "version": "1.0.0",
+  "dependencies": {
+    "nuxt": "latest",
+    "vue": "~2.4.4",
+    "vue-material": "beta"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start"
+  }
 }
diff --git a/examples/with-vue-material/pages/index.vue b/examples/with-vue-material/pages/index.vue
index fd278fadf0..f24b6c078d 100644
--- a/examples/with-vue-material/pages/index.vue
+++ b/examples/with-vue-material/pages/index.vue
@@ -78,29 +78,29 @@
 </template>
 
 <script>
-	export default {
-		name: 'Sidenav',
-		data: () => ({
-			showNavigation: false,
-			showSidepanel: false
-		})
-	}
+export default {
+  name: 'Sidenav',
+  data: () => ({
+    showNavigation: false,
+    showSidepanel: false
+  })
+}
 </script>
 
 <style scoped>
-	.page-container {
-		min-height: 100vh;
-		overflow: hidden;
-		position: relative;
-		border: 1px solid rgba(#000, 0.12);
-	}
+  .page-container {
+    min-height: 100vh;
+    overflow: hidden;
+    position: relative;
+    border: 1px solid rgba(#000, 0.12);
+  }
 
-	.md-drawer {
-		width: 230px;
-		max-width: calc(100vw - 125px);
-	}
+  .md-drawer {
+    width: 230px;
+    max-width: calc(100vw - 125px);
+  }
 
-	.md-content {
-		padding: 16px;
-	}
-</style>
\ No newline at end of file
+  .md-content {
+    padding: 16px;
+  }
+</style>