From e7d41ad71047ceeb22fb3c7be45fdd18ac3f5605 Mon Sep 17 00:00:00 2001
From: Michael Tintiuc <michaeltintiuc@users.noreply.github.com>
Date: Wed, 27 Feb 2019 22:18:46 +0200
Subject: [PATCH] docs(vue): add vuejs usage docs

---
 core/src/components/modal/usage/vue.md | 62 ++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 core/src/components/modal/usage/vue.md

diff --git a/core/src/components/modal/usage/vue.md b/core/src/components/modal/usage/vue.md
new file mode 100644
index 0000000000..d730b29297
--- /dev/null
+++ b/core/src/components/modal/usage/vue.md
@@ -0,0 +1,62 @@
+```vue
+<template>
+  <div>
+    <ion-header>
+      <ion-toolbar>
+        <ion-title>{{ title }}</ion-title>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content padding>
+      {{ content }}
+    </ion-content>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Modal',
+  props: {
+    title: { type: String, default: 'Super Modal' },
+  },
+  data() {
+    return {
+      content: 'Content',
+    }
+  },
+}
+</script>
+```
+
+```vue
+<template>
+  <ion-page class="ion-page" main>
+    <ion-content class="ion-content" padding>
+      <ion-button @click="openModal">Open Modal</ion-button>
+    </ion-content>
+  </ion-page>
+</template>
+
+<script>
+import Modal from './modal.vue'
+
+export default {
+  methods: {
+    openModal() {
+      return this.$ionic.modalController
+        .create({
+          component: Modal,
+          componentProps: {
+            data: {
+              content: 'New Content',
+            },
+            propsData: {
+              title: 'New title',
+            },
+          },
+        })
+        .then(m => m.present())
+    },
+  },
+}
+</script>
+```