style: lint

Author: brandyscarney

static/usage/v8/refresher/pull-start-end-events/vue.md

@@ -29,54 +29,54 @@
 </template>
 
 <script setup lang="ts">
-  import { ref } from 'vue';
-  import {
-    IonCheckbox,
-    IonContent,
-    IonHeader,
-    IonItem,
-    IonLabel,
-    IonList,
-    IonRefresher,
-    IonRefresherContent,
-    IonTitle,
-    IonToolbar,
-    RefresherCustomEvent,
-    RefresherPullEndCustomEvent,
-  } from '@ionic/vue';
+import { ref } from 'vue';
+import {
+  IonCheckbox,
+  IonContent,
+  IonHeader,
+  IonItem,
+  IonLabel,
+  IonList,
+  IonRefresher,
+  IonRefresherContent,
+  IonTitle,
+  IonToolbar,
+  RefresherCustomEvent,
+  RefresherPullEndCustomEvent,
+} from '@ionic/vue';
 
-  const items = ref([
-    { label: 'Finalize Q1 budget proposal', checked: false, disabled: false },
-    { label: 'Review design mockups', checked: true, disabled: false },
-    { label: 'Sync with engineering on API docs', checked: true, disabled: false },
-    { label: 'Approve PTO requests for March', checked: false, disabled: false },
-    { label: 'Draft monthly newsletter', checked: false, disabled: false },
-  ]);
+const items = ref([
+  { label: 'Finalize Q1 budget proposal', checked: false, disabled: false },
+  { label: 'Review design mockups', checked: true, disabled: false },
+  { label: 'Sync with engineering on API docs', checked: true, disabled: false },
+  { label: 'Approve PTO requests for March', checked: false, disabled: false },
+  { label: 'Draft monthly newsletter', checked: false, disabled: false },
+]);
 
-  const handlePullStart = () => {
-    console.log('Pull started');
+const handlePullStart = () => {
+  console.log('Pull started');
 
-    // Disable the checkboxes when the pull starts
-    items.value.forEach((item) => {
-      item.disabled = true;
-    });
-  };
+  // Disable the checkboxes when the pull starts
+  items.value.forEach((item) => {
+    item.disabled = true;
+  });
+};
 
-  const handlePullEnd = (event: RefresherPullEndCustomEvent) => {
-    console.log('Pull ended with reason: "' + event.detail.reason + '"');
+const handlePullEnd = (event: RefresherPullEndCustomEvent) => {
+  console.log('Pull ended with reason: "' + event.detail.reason + '"');
 
-    // Enable the checkboxes when the pull ends
-    items.value.forEach((item) => {
-      item.disabled = false;
-    });
-  };
+  // Enable the checkboxes when the pull ends
+  items.value.forEach((item) => {
+    item.disabled = false;
+  });
+};
 
-  const handleRefresh = (event: RefresherCustomEvent) => {
-    setTimeout(() => {
-      // Any calls to load data go here
-      event.target.complete();
-      console.log('Refresh completed');
-    }, 2000);
-  };
+const handleRefresh = (event: RefresherCustomEvent) => {
+  setTimeout(() => {
+    // Any calls to load data go here
+    event.target.complete();
+    console.log('Refresh completed');
+  }, 2000);
+};
 </script>
 ```