How to .set() a value from a store using the $state syntax in svelte 5?

[nikkwong]

store.svelte.ts

export const config = $state({ ... });
how can i update the config in my svelte file?

cmp.svelte

import {config} from 'store.svelte.ts'

$effect(() => {
    const newThing = { ... }
    config = newThing // illegal
})

I want to reassign the config to a new value, I don't want to assign config properties separately. With traditional stores you can do config.set({ ... }) but that ability is being deprecated apparently. Thank you.

[WitnessMee]

You cannot change a constant. You need a store object and you can change the properties.

This is the example from the Svelte website:

export const userState = $state({
	name: 'name',
	/* ... */
});

Then use it like this:

<script>
	import { userState } from './state.svelte.js';
</script>

<p>User name: {userState.name}</p>
<button onclick={() => {
	userState.name = 'new name';
}}>
	change name
</button>

You could create a config store with a config property and set it like configStore.config = newThing