https://github.com/patricknelson/svelte-v4-custom-element-slots
Demos bugs in slots for custom elements (shadow: open)
https://github.com/patricknelson/svelte-v4-custom-element-slots
Last synced: 4 months ago
JSON representation
Demos bugs in slots for custom elements (shadow: open)
- Host: GitHub
- URL: https://github.com/patricknelson/svelte-v4-custom-element-slots
- Owner: patricknelson
- License: mit
- Created: 2023-06-01T19:41:26.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-01T21:01:25.000Z (about 3 years ago)
- Last Synced: 2025-08-13T14:44:39.909Z (11 months ago)
- Language: HTML
- Homepage: https://github.com/sveltejs/svelte/issues/8686
- Size: 31.3 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# svelte-v4-custom-element-slots
Demos an issue using slots with custom elements in Svelte 4 (pre-release) when **no** shadow root is in use.
## Get started
```bash
git clone https://github.com/patricknelson/svelte-v4-custom-element-slots.git
cd svelte-v4-custom-element-slots
npm i
npm run dev
```
## From scratch
Init base files
```bash
# select Svelte + JavaScript
npm init vite
# Install but overwrite with Svelte v4
npm i -D svelte@4.0.0-next.0
```
Update Svelte compiler options in `vite.config.js` to enable custom elements, i.e. `customElement: true`.