From ab57b98e07f78925e8c4896ff30dd52119fa5984 Mon Sep 17 00:00:00 2001
From: Josh Thomas <josh@ionic.io>
Date: Sat, 2 Mar 2019 12:04:45 -0600
Subject: [PATCH] chore(docs): rebuild readme after update to vue usage docs.

---
 core/src/components/loading/readme.md | 52 +++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)

diff --git a/core/src/components/loading/readme.md b/core/src/components/loading/readme.md
index 8bfa8acc90..11843adbca 100644
--- a/core/src/components/loading/readme.md
+++ b/core/src/components/loading/readme.md
@@ -142,6 +142,58 @@ export class LoadingExample extends Component<Props, State> {
 ```
 
 
+### Vue
+
+```vue
+<template>
+  <IonVuePage :title="'Loading'">
+    <ion-button @click="presentLoading">Show Loading</ion-button>
+    <br />
+    <ion-button @click="presentLoadingWithOptions">Show Loading</ion-button>
+  </IonVuePage>
+</template>
+
+<script>
+export default {
+  props: {
+    timeout: { type: Number, default: 1000 },
+  },
+  methods: {
+    presentLoading() {
+      return this.$ionic.loadingController
+        .create({
+          message: 'Loading',
+          duration: this.timeout,
+        })
+        .then(l => {
+          setTimeout(function() {
+            l.dismiss()
+          }, this.timeout)
+          return l.present()
+        })
+    },
+    presentLoadingWithOptions() {
+      return this.$ionic.loadingController
+        .create({
+          spinner: null,
+          duration: this.timeout,
+          message: 'Please wait...',
+          translucent: true,
+          cssClass: 'custom-class custom-loading',
+        })
+        .then(l => {
+          setTimeout(function() {
+            l.dismiss()
+          }, this.timeout)
+          return l.present()
+        })
+    },
+  },
+}
+</script>
+```
+
+
 
 ## Properties