repl
repl copied to clipboard
vuejs
Vue SFC REPL as a Vue 3 component
How does one configure the Vue SFC playground for custom elements? I can't find any documentation on how to pass options to `createApp()` for `isCustomElement` https://vuejs.org/api/application.html#app-config-compileroptions-iscustomelement
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@babel/standalone](https://babel.dev/docs/en/next/babel-standalone) ([source](https://redirect.github.com/babel/babel/tree/HEAD/packages/babel-standalone)) | [`^7.26.9` -> `^7.27.0`](https://renovatebot.com/diffs/npm/@babel%2fstandalone/7.26.9/7.27.0) | [](https://docs.renovatebot.com/merge-confidence/) |...
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot] avatar"){kind=avatar}
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [pnpm](https://pnpm.io) ([source](https://redirect.github.com/pnpm/pnpm/tree/HEAD/pnpm)) | [`9.15.5` -> `10.7.0`](https://renovatebot.com/diffs/npm/pnpm/9.15.5/10.7.0) | [](https://docs.renovatebot.com/merge-confidence/) |...
from https://github.com/vuejs/repl/pull/327 Compile case: [repl link](https://repl-vuejs.vercel.app/#eNqNU8uO0zAU/RXjTQdIE6UzElLJjAbQSMACECCx8cZNbtoUv2Q7pSjKv3Njt2noPDRSFvE959jnvjr6zph01wJd0sKVtjGeOPCtuWGqkUZbTzpioSY9qa2WZIbU2QTiCVnpRULW4BNS8b9blxChK+42oyLNOCqYKrVyWkDaqFpf3Neliks4il8eBZ5ItybXg4WL2UcQQpNf2orqxQwpRRYdo1c8eJBGcA94IqTY5DddF8R9X2R4CtFGmdaT3VzqCsQ1o4gzSjIEi2yipwn1Dp+vm3W6dVphcbpBz2ippWkE2K/GN2iP0SUJyIBxdPfnc4h520JyjJcbKH8/EN+6/RBj9JsFB3YHjI6Y5xZLE+G7H19gj/8jiO5bgewnwO+AtW4Hj5H2vlUV2p7wgttPoY+NWv90d3sPyh2TGowOzD7wGcW2f3gi9ZPdy/Qq6JjqsYpxTuaSm7M6RuD/S2Lr5xCijG68N26ZZWWlUIz9anY2VeAzZWQ2cm+v0vxNusiz1+DkJL0wU8+4KPBu8zTH7/JwySQBjgp0DfvDvFdQ81Z4wl2c2nHKw2n2lqlHqYtHua8GzmFrImNM75yFSzOu1Qq94WaND/LJyp1jYc9wsUfK6QXMcmCfsox7x3Hr8tPrMbgKQdr/AwBPZOA=) ```ts export { default as dayjs } from 'dayjs'; export { default as dayjs2 } from 'dayjs'; export * as lodash from 'lodash-es'; export...
```ts // prevent handle the declaration: export { shallowRef as useRef } from 'vue'; ```
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [bumpp](https://redirect.github.com/antfu-collective/bumpp) | [`^9.11.1` -> `^10.1.0`](https://renovatebot.com/diffs/npm/bumpp/9.11.1/10.1.0) | [](https://docs.renovatebot.com/merge-confidence/) | [](https://docs.renovatebot.com/merge-confidence/)...
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@shikijs/monaco](https://redirect.github.com/shikijs/shiki) ([source](https://redirect.github.com/shikijs/shiki/tree/HEAD/packages/monaco)) | [`^1.29.2` -> `^3.2.1`](https://renovatebot.com/diffs/npm/@shikijs%2fmonaco/1.29.2/3.2.1) | [](https://docs.renovatebot.com/merge-confidence/) |...
- refactor(deps): @volar/jsdelivr -> local - feat(monaco): allow resources to be requested on demand without relying on jsdelivr-flat - https://data.jsdelivr.com/v1/package/npm/[email protected]/flat - https://unpkg.com/[email protected]/dist/?meta - https://registry.npmmirror.com/vue/3.5.13/files/dist/?meta - feat(store): `resourceLinks` to custom cdn...
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [eslint-plugin-vue](https://eslint.vuejs.org) ([source](https://redirect.github.com/vuejs/eslint-plugin-vue)) | [`^9.32.0` -> `^10.0.0`](https://renovatebot.com/diffs/npm/eslint-plugin-vue/9.32.0/10.0.0) | [](https://docs.renovatebot.com/merge-confidence/) |...
**For example** ```html import Monaco from '@vue/repl/monaco-editor' const value = `xxx` ``` **Or hide the preview** ```html import { Repl } from '@vue/repl' import Monaco from '@vue/repl/monaco-editor' ```
