From 584bc1a3a050fcb82fc8cc3d825c3b8611edbbb0 Mon Sep 17 00:00:00 2001
From: Salvatore Tedde <microcipcip@gmail.com>
Date: Sun, 26 Apr 2020 02:07:23 +0100
Subject: [PATCH] docs(useFetch): Fixing demo for storybook

---
 .../useFetch/stories/UseFetchDemo.vue         | 22 +++----------------
 1 file changed, 3 insertions(+), 19 deletions(-)

diff --git a/src/functions/useFetch/stories/UseFetchDemo.vue b/src/functions/useFetch/stories/UseFetchDemo.vue
index bd0f179..055cfd0 100755
--- a/src/functions/useFetch/stories/UseFetchDemo.vue
+++ b/src/functions/useFetch/stories/UseFetchDemo.vue
@@ -13,23 +13,10 @@
         :disabled="isLoading"
         v-text="`Fetch with failure`"
       />
-      <button
-        class="button is-danger"
-        @click="stop"
-        :disabled="!isLoading"
-        v-text="`Abort fetch`"
-      />
     </div>
 
-    <!--  isAborted  -->
-    <use-fetch-demo-table status="Aborted" v-if="isAborted">
-      Resource fetch aborted with status code
-      <strong>{{ status }}</strong> and message
-      <strong>{{ statusText }}</strong>
-    </use-fetch-demo-table>
-
     <!--  isFailed  -->
-    <use-fetch-demo-table status="Failed" v-else-if="isFailed">
+    <use-fetch-demo-table status="Failed" v-if="isFailed">
       Resource fetch failed with status code
       <strong>{{ status }}</strong> and message
       <strong>{{ statusText }}</strong>
@@ -71,8 +58,7 @@ export default Vue.extend({
   components: { UseFetchDemoTable },
   setup() {
     const isInit = ref(false)
-    const delayUrl = 'http://deelay.me/2000'
-    const randomDogUrl = `${delayUrl}/https://dog.ceo/api/breeds/image/random`
+    const randomDogUrl = 'https://dog.ceo/api/breeds/image/random'
     const url = ref(randomDogUrl)
     const {
       data,
@@ -80,7 +66,6 @@ export default Vue.extend({
       statusText,
       isLoading,
       isFailed,
-      isAborted,
       start,
       stop
     } = useFetch(url, {}, false)
@@ -93,7 +78,7 @@ export default Vue.extend({
 
     const startWithFailed = () => {
       isInit.value = true
-      url.value = `${delayUrl}/https://dog.ceo`
+      url.value = 'https://dog.ceo'
       start()
     }
 
@@ -104,7 +89,6 @@ export default Vue.extend({
       isInit,
       isLoading,
       isFailed,
-      isAborted,
       startWithSuccess,
       startWithFailed,
       stop