chore(docs): rebuild readme after update to vue usage docs.

ionic-team · Mar 2, 2019 · ab57b98 · ab57b98
1 parent 928b2f7
commit ab57b98
Showing 1 changed file with 52 additions and 0 deletions.
diff --git 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