Update test wrapper component to Svelte 5

Author: msmolens

eslint.config.js

@@ -23,6 +23,7 @@ export default defineConfig(
     'eslint.config.js',
     'svelte.config.js',
     '**/vite.*.ts',
+    './test/utils/ContextWrapper.svelte',
   ]),
   {
     languageOptions: {

test/utils/ContextWrapper.svelte

@@ -1,19 +1,23 @@
-<script lang="ts">
+<script lang="ts" generics="TComponent extends Component<any>">
   // Wrapper component to test Svelte components that use the Context API.
   // See https://github.com/svelte-society/recipes-mvp/blob/master/testing.md#testing-the-context-api
-  import { type ComponentType, setContext } from 'svelte';
+  import type { Component, ComponentProps } from 'svelte';
+  import { setContext } from 'svelte';
 
-  // Component
-  export let Component: ComponentType;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  export let Props: Record<string, any>;
+  interface Props {
+    // Component
+    Component: TComponent;
+    Props: ComponentProps<TComponent>;
+
+    // Context
+    Context: Record<string, any>;
+  }
+
+  let { Component: WrappedComponent, Props, Context }: Props = $props();
 
-  // Context
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  export let Context: Record<string, any>;
   for (const [key, value] of Object.entries(Context)) {
     setContext(key, value);
   }
 </script>
 
-<svelte:component this={Component} {...Props} />
+<WrappedComponent {...Props} />