portal-vue
PortalVue
A Portal Component for Vue 3, to render DOM outside of a component, anywhere in the document.
For more detailed documentation and additional Information, please visit the docs.
Looking for the version for Vue 2.*? Docs for PortalVue 2.*, compatible with Vue 2, are here
Installation
npm i portal-vue
# or
yarn add portal-vue
import PortalVue from 'portal-vue'
Vue.use(PortalVue)
Usage
<portal to="destination">
<p>This slot content will be rendered wherever the <portal-target> with name 'destination'
is located.</p>
</portal>
<portal-target name="destination">
<!--
This component can be located anywhere in your App.
The slot content of the above portal component will be rendered here.
-->
</portal-target>
Nuxt module
Add portal-vue/nuxt
to modules section of nuxt.config.js
{
modules: ['portal-vue/nuxt']
}
Dependencies
@linusborg/eslint-config: ^0.3.0@types/jsdom: ^20.0.1@vitejs/plugin-vue: ^4.0.0@vue/test-utils: ^2.0.0@vue/tsconfig: ^0.1.3autoprefixer: ^10.2.4eslint: ^8.29.0jsdom: ^20.0.3lint-staged: ^13.1.0nanoid: ^4.0.0postcss: ^8.4.19prettier: ^2.8.1release-it: ^15.5.1typescript: ^4.9.0vite: ^4.0.0vitepress: 1.0.0-alpha.30vitest: ^0.25.7vue: ^3.0.4vue-router: ^4.0.0vue-tsc: ^1.0.12yorkie: ^2.0.0