Svelte: Improve argTypes inference with svelte2tsx - support runes

code/e2e-tests/framework-svelte.spec.ts

@@ -17,20 +17,20 @@ test.describe('Svelte', () => {
   test('JS story has auto-generated args table', async ({ page }) => {
     const sbPage = new SbPage(page);
 
-    await sbPage.navigateToStory('stories/renderers/svelte/js-docs', 'docs');
+    await sbPage.navigateToStory('stories/renderers/svelte/docs-jsdoc', 'docs');
     const root = sbPage.previewRoot();
     const argsTable = root.locator('.docblock-argstable');
-    await expect(argsTable).toContainText('Rounds the button');
+    await expect(argsTable).toContainText('Union of literal strings');
   });
 
   test('TS story has auto-generated args table', async ({ page }) => {
     test.skip(!templateName?.endsWith('ts') || false, 'Only test TS story in TS templates');
     const sbPage = new SbPage(page);
 
-    await sbPage.navigateToStory('stories/renderers/svelte/ts-docs', 'docs');
+    await sbPage.navigateToStory('stories/renderers/svelte/docs-ts', 'docs');
     const root = sbPage.previewRoot();
     const argsTable = root.locator('.docblock-argstable');
-    await expect(argsTable).toContainText('Rounds the button');
+    await expect(argsTable).toContainText('Union of literal strings');
   });
 
   test('Decorators are excluded from generated source code', async ({ page }) => {

code/frameworks/svelte-vite/package.json

@@ -51,8 +51,10 @@
     "@storybook/svelte": "workspace:*",
     "magic-string": "^0.30.0",
     "svelte-preprocess": "^5.1.1",
+    "svelte2tsx": "^0.7.13",
     "sveltedoc-parser": "^4.2.1",
-    "ts-dedent": "^2.2.0"
+    "ts-dedent": "^2.2.0",
+    "typescript": "^4.9.4 || ^5.0.0"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^3.0.1",