Closed
Description
Describe the bug
When
compilerOptions: {
runes: true
},
the Inspector break the app by error:
$:
is not allowed in runes mode, use $derived
or $effect
instead
it is because of code in the inspector itself which use the old syntax
$: show_toggle =
options.showToggleButton === 'always' || (options.showToggleButton === 'active' && enabled);
Reproduction URL
https://vitejsvitevmqgm2-vt4k--5173--34c588ed.local-credentialless.webcontainer.io
Reproduction
No response
Logs
[plugin:vite-plugin-svelte] node_modules/.pnpm/@sveltejs+vite-plugin-svelte-inspector@3.0.0_@sveltejs+vite-plugin-svelte@4.0.0_svelte@5.0.5_vite@5.4.10/node_modules/@sveltejs/vite-plugin-svelte-inspector/src/runtime/Inspector.svelte:35:1 `$:` is not allowed in runes mode, use `$derived` or `$effect` instead
node_modules/.pnpm/@sveltejs+vite-plugin-svelte-inspector@3.0.0_@sveltejs+vite-plugin-svelte@4.0.0_svelte@5.0.5_vite@5.4.10/node_modules/@sveltejs/vite-plugin-svelte-inspector/src/runtime/Inspector.svelte:35:1
33 | let hold_start_ts;
34 |
35 | $: show_toggle =
^
36 | // eslint-disable-next-line svelte/valid-compile
37 | options.showToggleButton === 'always' || (options.showToggleButton === 'active' && enabled);
System Info
System:
OS: macOS 14.5
CPU: (8) arm64 Apple M1 Pro
Memory: 336.77 MB / 32.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 20.11.1 - ~/.nvm/versions/node/v20.11.1/bin/node
npm: 10.2.4 - ~/.nvm/versions/node/v20.11.1/bin/npm
pnpm: 8.14.0 - ~/Library/pnpm/pnpm
Browsers:
Brave Browser: 130.1.71.114
Chrome: 130.0.6723.59
Chrome Canary: 132.0.6792.0
Firefox Nightly: 131.0a1
Safari: 17.5
Safari Technology Preview: 18.0
npmPackages:
@sveltejs/adapter-auto: ^3.3.0 => 3.3.0
@sveltejs/adapter-static: ^3.0.5 => 3.0.5
@sveltejs/kit: ^2.7.2 => 2.7.2
@sveltejs/vite-plugin-svelte: ^4.0.0 => 4.0.0
svelte: ^5.0.5 => 5.0.5
vite: ^5.4.10 => 5.4.10