{"id":13419973,"url":"https://github.com/LinusBorg/portal-vue","last_synced_at":"2025-03-15T06:31:03.332Z","repository":{"id":15633687,"uuid":"77739535","full_name":"LinusBorg/portal-vue","owner":"LinusBorg","description":"A feature-rich Portal Plugin for Vue 3, for rendering DOM outside of a component, anywhere in your app or the entire document. (Vue 2 version: v2.portal-vue.linusb.org)","archived":false,"fork":false,"pushed_at":"2023-11-25T19:14:42.000Z","size":3700,"stargazers_count":3891,"open_issues_count":37,"forks_count":185,"subscribers_count":35,"default_branch":"main","last_synced_at":"2024-10-29T10:52:39.354Z","etag":null,"topics":["portal","vuejs"],"latest_commit_sha":null,"homepage":"http://portal-vue.linusb.org","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LinusBorg.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"github":"linusborg","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2016-12-31T12:33:09.000Z","updated_at":"2024-10-25T15:43:43.000Z","dependencies_parsed_at":"2023-11-25T20:23:58.784Z","dependency_job_id":"57b808eb-1d81-4396-91a8-0448d9f0d094","html_url":"https://github.com/LinusBorg/portal-vue","commit_stats":{"total_commits":519,"total_committers":37,"mean_commits":"14.027027027027026","dds":0.3063583815028902,"last_synced_commit":"d87e7247fbbc2299b65865d187ce8adcc37ef49f"},"previous_names":[],"tags_count":36,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LinusBorg%2Fportal-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LinusBorg%2Fportal-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LinusBorg%2Fportal-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LinusBorg%2Fportal-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LinusBorg","download_url":"https://codeload.github.com/LinusBorg/portal-vue/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243694930,"owners_count":20332619,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["portal","vuejs"],"created_at":"2024-07-30T22:01:23.664Z","updated_at":"2025-03-15T06:31:03.327Z","avatar_url":"https://github.com/LinusBorg.png","language":"Vue","funding_links":["https://github.com/sponsors/linusborg","https://ko-fi.com/R6R7QW4D'"],"categories":["Vue","JavaScript","Libraries \u0026 Plugins","实用库","vuejs"],"sub_categories":["Helpers"],"readme":"# PortalVue\n\n\u003e A Portal Component for Vue 3, to render DOM outside of a component, anywhere in the document.\n\n\u003c!-- markdownlint-disable MD033 --\u003e\n\u003cp style=\"tex-align: center\"\u003e\n  \u003cimg src=\"https://portal-vue.linusb.org/logo.png\" alt=\"PortalVue Logo\"\u003e\n\u003c/p\u003e\n\n\u003cp\u003e\n\u003ca href='https://ko-fi.com/R6R7QW4D' target='_blank'\u003e\n  \u003cimg height='36' style='border:0px;height:36px;margin-bottom:30px;' src='https://az743702.vo.msecnd.net/cdn/kofi4.png?v=2' border='0' alt='Buy Me a Coffee at ko-fi.com' /\u003e\n\u003c/a\u003e\n\u003cp\u003e\n\nFor more detailed documentation and additional Information, [please visit the docs](https://next.portal-vue.linusb.org).\n\n\u003e Looking for the version for Vue 2.\\*? [Docs for PortalVue 2.*, compatible with Vue 2, are here](https://v2.portal-vue.linusb.org)\n\n## Installation\n\n```bash\nnpm i portal-vue\n\n# or\n\nyarn add portal-vue\n```\n\n```javascript\nimport PortalVue from 'portal-vue'\nVue.use(PortalVue)\n```\n\n## Usage\n\n```html\n\u003cportal to=\"destination\"\u003e\n  \u003cp\u003eThis slot content will be rendered wherever the \u003cportal-target\u003e with name 'destination'\n    is  located.\u003c/p\u003e\n\u003c/portal\u003e\n\n\u003cportal-target name=\"destination\"\u003e\n  \u003c!--\n  This component can be located anywhere in your App.\n  The slot content of the above portal component will be rendered here.\n  --\u003e\n\u003c/portal-target\u003e\n```\n\n## Nuxt module\n\nv3 does not yet have a nuxt module integration. PRs welcome.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLinusBorg%2Fportal-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FLinusBorg%2Fportal-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLinusBorg%2Fportal-vue/lists"}