A popover plugin for Vue.js.
Vue.js 3.2+ required.
npm install v-popover
v3.0.0-alpha.7
, all installation methods require manual import of component styles. This is due to Vite build restrictions in libary mode.
import 'v-popover/style.css';
import VPopover from 'v-popover';
import 'v-popover/style.css';
// Use plugin with optional defaults
app.use(VPopover, {})
<!-- MyComponent.vue -->
<template>
<VPopover />
</template>
// main.js
import { Popover } from 'v-popover';
import 'v-popover/style.css';
// Use the components
app.component('VPopover', Popover)
<!-- MyComponent.vue -->
<template>
<VPopover />
</template>
<!-- MyComponent.vue -->
<template>
<Popover />
</template>
<script>
import { Popover } from 'v-popover';
import 'v-popover/style.css';
export default {
components: {
Popover,
}
}
</script>
Please follow below mentioned steps to clone and build this project:
git clone https://github.com/nathanreyes/v-popover
# Move to directory
cd v-popover
npm install
# Types, ES, ESM, CommonJS, IIFE
npm run build
npm run lint
# Types, ES, ESM, CommonJS, IIFE
npm run test