Skip to content

Getting Started

Vue Mountable is a flexible Vue.js plugin that simplifies the process of mounting components in your Vue.js applications. Whether you want to create popups, tooltips, or other dynamically mountable elements, Vue Mountable has you covered.

Installation

txt
bun add vue-mountable
txt
npm add vue-mountable
txt
pnpm add vue-mountable

Usage

Once you've installed Vue Mountable, you can start using it in your Vue.js application.
Here's a basic example of how to get started:

  1. Import Vue Mountable In your Vue component or main JavaScript file, import Vue Mountable:
ts
import { createApp } from 'vue';
import { VueMountable } from 'vue-mountable';

const app = createApp();
app.use(VueMountable());
  1. Create a mountable Component
vue
<template>
  <div>
    <h1> MODAL </h1>
  </div>
</template>
  1. Mount your component
ts
import modal from './modal.vue';

const { id, vNode, el, destroy } = mountComponent(modal);

Check out the features for detailed information on configuration options and advanced usage.

That's it! You've successfully integrated Vue Mountable into your Vue.js application. Feel free to explore the library's features and customize mountable components to suit your needs.

Happy mounting!