docs(useFetch): Fixing demo for storybook

microcipcip · Apr 26, 2020 · 584bc1a · 584bc1a
1 parent f6de30e
commit 584bc1a
Showing 1 changed file with 3 additions and 19 deletions.
diff --git 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,16 +58,14 @@ 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,
       status,
       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