fix invalid name of snippet identifier transformation

storybookjs · Jul 20, 2024 · 50898d5 · 50898d5
1 parent 89bd7f1
commit 50898d5
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -65,10 +65,11 @@
     "@storybook/node-logger": "^8.0.0",
     "@storybook/types": "^8.0.0",
     "dedent": "^1.5.3",
+    "es-toolkit": "^1.13.1",
     "esrap": "^1.2.2",
     "lodash-es": "^4.17.21",
-    "svelte-ast-print": "0.2.3",
     "magic-string": "^0.30.10",
+    "svelte-ast-print": "0.2.3",
     "zimmerframe": "^1.1.2"
   },
   "devDependencies": {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/compiler/pre-transform/codemods/legacy-story.ts b/src/compiler/pre-transform/codemods/legacy-story.ts
@@ -7,6 +7,7 @@ import type {
   LetDirective,
   SnippetBlock,
 } from 'svelte/compiler';
+import { camelCase } from 'es-toolkit/string';
 
 import {
   createASTAttribute,
@@ -229,9 +230,7 @@ function templateToChildren(attribute: Attribute, filename?: string): Attribute
       createASTExpressionTag({
         type: 'Identifier',
         name:
-          // NOTE: Transform name to be snakeCase or valid JavaScript syntax for naming variables
-          // TODO: change function name, because it does the same job?
-          storyNameToExportName(
+          camelCase(
             value[0].type === 'Text'
               ? value[0].data
               : ((value[0].expression as Literal).value as string)