feat: useProgress

packages/core/useProgress/README.md

@@ -0,0 +1 @@
+# useProgress

packages/core/useProgress/README.zh-CN.md

@@ -0,0 +1 @@
+# useProgress

packages/core/useProgress/index.test.ts

@@ -0,0 +1,8 @@
+import { describe, expect, test } from 'vitest'
+import { useProgress } from '.'
+
+describe('useEllipsis', () => {
+  test('should be defined', () => {
+    expect(useProgress).toBeDefined()
+  })
+})

packages/core/useProgress/index.ts

@@ -0,0 +1 @@
+export const useProgress = () => {}

src/App.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
 // import UseEllipsis from './demo/UseEllipsis.vue'
-import UseLoading from './demo/UseLoading.vue'
+// import UseLoading from './demo/UseLoading.vue'
+import UseProgress from './demo/UseProgress.vue'
 </script>
 
 <template>
   <!-- <UseEllipsis /> -->
-  <UseLoading />
+  <!-- <UseLoading /> -->
+  <UseProgress />
 </template>

src/demo/UseProgress.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useLoading } from '@noi/core'
+
+const { isLoading, start, stop } = useLoading()
+
+// const upload = () => {
+//   start();
+
+//   setTimeout(() => {
+//     stop()
+//   }, 1000)
+// }
+
+// const loading = ref(false)
+
+// const upload = () => {
+//   loading.value = true
+
+//   setTimeout(() => {
+//     loading.value = false
+//   }, 1000)
+// }
+</script>
+
+<template>
+  <div v-show="isLoading">loading...</div>
+  <button @click="start">start loading</button>
+  <button @click="stop">stop loading</button>
+</template>