⬅️ Back to Table of Contents

📄 useOffsetPagination/demo

📊 Analysis Summary

Metric	Count
🔧 Functions	2
📦 Imports	3
📊 Variables & Constants	2
⚡ Async/Await Patterns	2
📐 Interfaces	1

📚 Table of Contents

• Imports
• Variables & Constants
• Async/Await Patterns
• Functions
• Interfaces

🛠️ File Location:

📂 packages/core/useOffsetPagination/demo.vue

📦 Imports

Name	Source
useOffsetPagination	@vueuse/core
deepRef	vue
shallowRef	vue

---

Variables & Constants

Name	Type	Kind	Value	Exported
database	boolean	let/var	deepRef<User[]>([])	✗
data	boolean	let/var	deepRef<User[]>([])	✗

---

Async/Await Patterns

Type	Function	Await Expressions	Promise Chains
promise-chain	fetch	none	new Promise(...)
promise-chain	fetchData	none	fetch(currentPage, currentPageSize).then

---

Functions

fetch(page: number, pageSize: number): boolean

Parameters:

• page number
• pageSize number

Returns: boolean

Calls:

• setTimeout
• resolve
• database.value.slice

Code

function fetch(page: number, pageSize: number) {
  return new Promise<User[]>((resolve, reject) => {
    const start = (page - 1) * pageSize
    const end = start + pageSize
    setTimeout(() => {
      resolve(database.value.slice(start, end))
    }, 100)
  })
}

fetchData({ currentPage, currentPageSize }: { currentPage: number, currentPageSize:…): void

Parameters:

• { currentPage, currentPageSize } { currentPage: number, currentPageSize: number }

Returns: void

Calls:

• fetch(currentPage, currentPageSize).then

Code

function fetchData({ currentPage, currentPageSize }: { currentPage: number, currentPageSize: number }) {
  fetch(currentPage, currentPageSize).then((responseData) => {
    data.value = responseData
  })
}

---

Interfaces

User

Interface Code

interface User {
  id: number
  name: string
}

Properties

Name	Type	Optional	Description
id	number	✗	not shown
name	string	✗	not shown

---

Generated by Syntax Scribe