• Index
• Search by APIs
• Search by Words
• Project Search

• Java
• Python
• JavaScript
• TypeScript
• C++
• Scala
• Blog

• vooks-master
  • .github
    • dependabot.yml
    • workflows
      • node.js.yml
  • tsconfig.cjs.json
  • src
    • use-keyboard.ts
    • use-breakpoints.ts
    • __tests__
      • use-breakpoint.spec.ts
      • use-is-mounted.spec.ts
      • on-font-ready.spec.ts
      • use-click-position.spec.ts
      • use-merged-state.spec.ts
      • use-os-theme.spec.ts
      • use-is-safari.spec.ts
      • use-false-until-truthy.spec.ts
      • use-keyboard.spec.ts
      • use-clicked.spec.ts
      • use-breakpoints.spec.ts
      • use-compitable.spec.ts
      • use-memo.spec.ts
      • utils.ts
    • use-memo.ts
    • use-is-ios.ts
    • use-false-until-truthy.ts
    • use-clicked.ts
    • index.ts
    • use-is-safari.ts
    • on-fonts-ready.ts
    • use-now.ts
    • life-cycle
      • use-is-mounted.ts
    • use-merged-state.ts
    • use-compitable.ts
    • utils.ts
    • use-os-theme.ts
    • use-click-position.ts
    • dts-test
      • index.spec.ts
    • use-breakpoint.ts
  • jest.config.js
  • .prettierrc
  • LICENSE
  • TODO.md
  • babel.config.js
  • README.md
  • package.json
  • index.html
  • .eslintrc.js
  • tsconfig.json
  • .gitignore
  • docs
    • .vitepress
      • config.js
    • api
      • index.md
    • index.md
    • get-started
      • index.md
  • tsconfig.esm.json

import { createApp, Component, App, ComponentPublicInstance } from 'vue'

interface Wrapper {
  app: App
  instance: ComponentPublicInstance
  unmount: () => void
}

export function mount (comp: Component, options?: object): Wrapper {
  const div = document.createElement('div')
  const app = createApp({
    render () {
      return null
    },
    ...comp
  })
  const instance = app.mount(div)
  return {
    app,
    instance,
    unmount: () => app.unmount()
  }
}