GitShow/vuejs/vue-web-component-wrapper
vuejs

vue-web-component-wrapper

(Vue 2 only) Wrap a Vue component as a web component / custom element.

by vuejs
Star on GitHubForknpm

JavaScript

1.1k stars100 forks6 contributorsQuiet · 3y agoSince 2018v1.3.0

Meet the team

See all 6 on GitHub →
yyx990803
yyx99080324 contributions
haoqunjiang
haoqunjiang4 contributions
ankurk91
ankurk911 contribution
zoeyfyi
zoeyfyi1 contribution
potato4d
potato4d1 contribution
sylvainpolletvillard
sylvainpolletvillard1 contribution

Languages

View on GitHub →
JavaScript100%

Commit activity

Last 12 weeks · 0 commits

Full graph →

Community health

1 of 6 standards met

Community profile →
25
✓README○License○Contributing○Code of Conduct○Issue Template○PR Template

Recent PRs & issues

Quiet · Last activity 3y ago
See all on GitHub →
aranoe
Add support for Vue 3 with web-component-wrapperOpenIssue

I wanted to migrate my Vue 2 project to Vue 3. The problem is, that the -function is still using and expecting the -instance, which is why i get the following error: The : This makes total sense, since global Vue doesn't exist anymore. Any work around on this?

aranoe · 1y ago
mheere2
Passing properties other than strings don't seem to work??OpenIssue

I am trying to pass a list of items to a web-component but internally it seems to have converted it to a String... ?? So for example in the code below I wish to pass two properties: a 'msg' (String) and an 'items' (Array). Unfortunately when I try to access the props inside the VueWebComponent code I find: msg = "Hello" items = "[object Object],[object Object]"** Any help much appreciated! This is the code for the VueWebComponent.vue

mheere2 · 1y ago
serbemas
How to load a font with Vue Web Component WrapperOpenIssue

I'm working in a new project using Vue CLI 3 and I'm having an issue when I try to load a font in a web component. I have prepared this basic example. And this is the code generated running npm serve: !image As you can see in the image above, it generates an tag with this content: How can I solve this?

serbemas · 2y ago
Structured data for AI agents

Repository: vuejs/vue-web-component-wrapper. Description: (Vue 2 only) Wrap a Vue component as a web component / custom element. Stars: 1062, Forks: 100. Primary language: JavaScript. Languages: JavaScript (100%). Latest release: v1.3.0 (5y ago). Open PRs: 28, open issues: 54. Last activity: 3y ago. Community health: 25%. Top contributors: yyx990803, haoqunjiang, ankurk91, zoeyfyi, potato4d, sylvainpolletvillard.

·@ofershap

Replace github.com with gitshow.dev