diff --git a/.changeset/tidy-moles-help.md b/.changeset/tidy-moles-help.md new file mode 100644 index 0000000..9571970 --- /dev/null +++ b/.changeset/tidy-moles-help.md @@ -0,0 +1,5 @@ +--- +'@threlte/test': patch +--- + +Add support for Threlte 8 dom context diff --git a/src/lib/Container.svelte b/src/lib/Container.svelte index 76cf5d7..b7960c6 100644 --- a/src/lib/Container.svelte +++ b/src/lib/Container.svelte @@ -42,6 +42,9 @@ toneMapping: ACESFilmicToneMapping, useLegacyLights: false, userSize: writable(userSize), + // @ts-expect-error Support for Threlte 8 + canvas, + dom: canvas.parentElement, }) /** @type {{ diff --git a/src/lib/pure.js b/src/lib/pure.js index cd0dae2..4e76a68 100644 --- a/src/lib/pure.js +++ b/src/lib/pure.js @@ -101,6 +101,7 @@ export const render = (Component, componentOptions = {}, renderOptions = {}) => /** @type {HTMLCanvasElement} */ const canvas = renderOptions.canvas ?? document.createElement('canvas') + target.append(canvas) /** @type {any} */ const ComponentConstructor = 'default' in Component ? Component.default : Component