Compatibility Issues with Svelte 5 Runes Mode in Framework7 Svelte

[tugcu1]

I am experiencing compatibility issues with Svelte 5 Runes Mode in Framework7 Svelte. Specifically, reactive expressions in Framework7 component files throw the following error:

[svelte] reactive_declaration_non_reactive_property
A $: statement (node_modules/​framework7-svelte/​components/​list-item.svelte:103:2) read reactive state that was not visible to the compiler. Updates to this state will not cause the statement to re-run. The behaviour of this code will change if you migrate it to runes mode

For example, in list-item.svelte, this line throws the error:
$: liClasses = classNames( className, { 'list-group-title': groupTitle, 'media-item': isMedia, swipeout, 'accordion-item': accordionItem, 'accordion-item-opened': accordionItemOpened, disabled: disabled && !(radio || checkbox), 'no-chevron': noChevron, 'chevron-center': chevronCenter, 'disallow-sorting': sortable === false, }, colorClasses($$props), );

I am also experiencing this issue in the following files:

• node_modules/​framework7-svelte/​components/​list-input.svelte:197:2
• node_modules/​framework7-svelte/​components/​accordion-content.svelte:9:2
• node_modules/​framework7-svelte/​components/​accordion-toggle.svelte:9:2
• node_modules/​framework7-svelte/​components/​accordion.svelte:11:2

I am using the latest versions of both Svelte and Framework7. This issue did not occur before updating to Svelte 5. Are there plans to update Framework7 Svelte for Svelte 5 compatibility? How can I resolve this issue without downgrading Svelte?

Versions:
"framework7": "^8.3.4",
"framework7-svelte": "^8.3.4",
"svelte": "^5.1.6"

Thank you