⬅️ Back to Table of Contents

📄 demo.vue

📊 Analysis Summary

Metric	Count
🔧 Functions	2
📦 Imports	1
📊 Variables & Constants	2
⚡ Async/Await Patterns	2
📑 Type Aliases	1

📚 Table of Contents

• Imports
• Variables & Constants
• Async/Await Patterns
• Functions
• Type Aliases

🛠️ File Location:

📂 packages/core/createTemplatePromise/demo.vue

📦 Imports

Name	Source
createTemplatePromise	@vueuse/core

---

Variables & Constants

Name	Type	Kind	Value	Exported
TemplatePromise	boolean	let/var	createTemplatePromise<DialogResult	✗
result	any	let/var	await TemplatePromise.start(Hello ${idx})	✗

---

Async/Await Patterns

Type	Function	Await Expressions	Promise Chains
async-function	open	TemplatePromise.start(Hello ${idx})	none
promise-chain	asyncFn	none	new Promise(...)

---

Functions

open(idx: number): Promise<void>

Code

async function open(idx: number) {
  console.log(idx, 'Before')
  const result = await TemplatePromise.start(`Hello ${idx}`)
  console.log(idx, 'After', result)
}

• Parameters:
• idx: number
• Return Type: Promise<void>
• Calls:
• console.log
• TemplatePromise.start

asyncFn(): boolean

Code

function asyncFn() {
  return new Promise<DialogResult>((resolve) => {
    setTimeout(() => {
      resolve('ok')
    }, 1000)
  })
}

• Return Type: boolean
• Calls:
• setTimeout
• resolve

---

Type Aliases

DialogResult

type DialogResult = 'ok' | 'cancel';

---