Usecase for function style in defineStore

packages/docs/introduction.md

@@ -65,13 +65,26 @@ export default {
 You can even use a function (similar to a component `setup()`) to define a Store for more advanced use cases:
 
 ```js
-export const useCounterStore = defineStore('counter', () => {
-  const count = ref(0)
-  function increment() {
-    count.value++
+export const createPagingStore = (url) => {
+  const currentPage = ref(0)
+  const totalPage = ref(0)
+  const fetchData = async () => {
+    const data = await api.get(url)
+    totalPage.value = data.totalPage
   }
 
-  return { count, increment }
+  return {currentPage, totalPage, fetchData}
+}
+
+
+export const usePagingData = defineStore('pagingData', () => {
+  const pagingStore = createPagingStore('https://example.com/data')
+  // Extra logic
+
+  return {
+    ...pagingStore,
+    // Extra logic
+  }
 })
 ```