repl icon indicating copy to clipboard operation
repl copied to clipboard

Vue SFC REPL as a Vue 3 component

Results 68 repl issues
Sort by recently updated
recently updated
newest added

On Windows 10, the scrollbar makes it difficult to reach components. A solution would be to set `scrollbar-width: thin` on the file selector div. Other users don't experience this issue,...

good first issue

I am coding on [Element Plus Playground](https://element-plus.run/) which used this package to implement, and I want to reproduce some code that relative to `jsx`. Is it possible to support?

When use https://sfc.vuejs.org/ sometimes css is not in the output iframe page. I trace the code and find when code use `window.__css__`,it is still nothing this is a problem with...

caused by https://github.com/vuejs/core/issues/6158 [repro url](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBDb21wIGZyb20gJy4vQ29tcC52dWUnO1xuaW1wb3J0IEV4dGVuZGVkQ29tcCBmcm9tICcuL0V4dGVuZGVkQ29tcC52dWUnO1xuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPENvbXA+PC9Db21wPlxuICA8aHIvPlxuICA8RXh0ZW5kZWRDb21wPjwvRXh0ZW5kZWRDb21wPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL3VucGtnLmNvbS9AdnVlL3J1bnRpbWUtZG9tQDMuMi4zNy9kaXN0L3J1bnRpbWUtZG9tLmVzbS1icm93c2VyLmpzXCIsXG4gICAgXCJ2dWUvc2VydmVyLXJlbmRlcmVyXCI6IFwiaHR0cHM6Ly91bnBrZy5jb20vQHZ1ZS9zZXJ2ZXItcmVuZGVyZXJAMy4yLjM3L2Rpc3Qvc2VydmVyLXJlbmRlcmVyLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkNvbXAudnVlIjoiPHNjcmlwdCBsYW5nPVwidHNcIj5cbmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7XG5cbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7XG4gIGRhdGE6ICgpID0+ICh7XG4gICAgdGV4dDogJ0hlbGxvJ1xuICB9KVxufSk7XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8cCBjbGFzcz1cInRleHRcIj5cbiAgICB7eyB0ZXh0IH19XG4gIDwvcD5cbjwvdGVtcGxhdGU+XG5cbjxzdHlsZSBzY29wZWQ+XG4udGV4dCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHllbGxvdztcbiAgcGFkZGluZzogMTBweDtcbiAgZm9udC1zaXplOiAxLjNyZW07XG59XG48L3N0eWxlPiIsIkV4dGVuZGVkQ29tcC52dWUiOiI8c2NyaXB0IGxhbmc9XCJ0c1wiPlxuaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJztcbmltcG9ydCBDb21wIGZyb20gJy4vQ29tcC52dWUnO1xuXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoe1xuICBleHRlbmRzOiBDb21wLFxuICBkYXRhOiAoKSA9PiAoe1xuICAgIHRleHQ6ICdIZWxsbyBleHRlbmRlZCdcbiAgfSlcbn0pO1xuPC9zY3JpcHQ+In0=) repro: last chrome: 1) open url 2) open file Comp.vue 3) remove attribute "scoped" from style tag. both "p" tag has yellow background 4) add...

replace template with this code in the sfc playground. ```html break ``` this combination should trigger 2 errors `Vue template compilation error: expects exactly one child component.(45)` `Vue template compilation...

At present, when we edit the file content, the change event of the editor will be triggered, and then the input content will be parsed. But most of the time,...

I made a very initial version to support Less. I think `repl` can add an option about custom file extension transformer. Or we can just support less transform in `repl`....

As initially discussed [here](https://github.com/vuejs/vue-next/issues/4683), for both the standalone and the embedded use cases, you could consider extracting the Output component whose only purpose is to show compiled results or preview....

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [conventional-changelog-cli](https://togithub.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-cli#readme) ([source](https://togithub.com/conventional-changelog/conventional-changelog/tree/HEAD/packages/conventional-changelog-cli)) | [`^4.1.0` -> `^5.0.0`](https://renovatebot.com/diffs/npm/conventional-changelog-cli/4.1.0/5.0.0) |...

dependencies

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@babel/standalone](https://babel.dev/docs/en/next/babel-standalone) ([source](https://togithub.com/babel/babel/tree/HEAD/packages/babel-standalone)) | [`^7.24.7` -> `^7.25.2`](https://renovatebot.com/diffs/npm/@babel%2fstandalone/7.24.7/7.25.2) |...

dependencies