fix prettier

tobiasdiez · tobiasdiez · Oct 13, 2023 · Oct 13, 2023 · Oct 13, 2023 · Oct 13, 2023
commit aaa04aa24f50330b0c75b93ddcc360e7f05128fa
diff --git a/examples/vite/index.html b/examples/vite/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/examples/vite/src/assets/base.css b/examples/vite/src/assets/base.css
@@ -63,10 +63,22 @@ body {
   min-height: 100vh;
   color: var(--color-text);
   background: var(--color-background);
-  transition: color 0.5s, background-color 0.5s;
+  transition:
+    color 0.5s,
+    background-color 0.5s;
   line-height: 1.6;
-  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+  font-family:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
     sans-serif;
   font-size: 15px;
   text-rendering: optimizeLegibility;

diff --git a/examples/vite/src/writing-stories/5-using-the-play-function.stories.ts b/examples/vite/src/writing-stories/5-using-the-play-function.stories.ts
@@ -53,8 +53,8 @@ export const FilledForm: Story = {
     // 👇 Assert DOM structure
     await expect(
       canvas.getByText(
-        'Everything is perfect. Your account is ready and we should probably get you started!'
-      )
+        'Everything is perfect. Your account is ready and we should probably get you started!',
+      ),
     ).toBeInTheDocument()
   },
 }
diff --git a/examples/vite/src/writing-stories/5-using-the-play-function.stories.vue b/examples/vite/src/writing-stories/5-using-the-play-function.stories.vue
@@ -23,8 +23,8 @@ async function playFunction({ canvasElement }) {
   // 👇 Assert DOM structure
   await expect(
     canvas.getByText(
-      'Everything is perfect. Your account is ready and we should probably get you started!'
-    )
+      'Everything is perfect. Your account is ready and we should probably get you started!',
+    ),
   ).toBeInTheDocument()
 }
 </script>

diff --git a/playground/index.html b/playground/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/src/core/indexer.ts b/src/core/indexer.ts
@@ -5,15 +5,15 @@ import { toId } from '@storybook/csf'
 
 export async function indexer(
   fileName: string,
-  options: IndexerOptions
+  options: IndexerOptions,
 ): Promise<IndexedCSFFile> {
   const code = (await fs.readFile(fileName, { encoding: 'utf-8' })).toString()
   return indexerCode(code, options)
 }
 
 export function indexerCode(
   code: string,
-  { makeTitle }: IndexerOptions
+  { makeTitle }: IndexerOptions,
 ): IndexedCSFFile {
   const { meta, stories, docs } = parse(code)
   const indexedStories: IndexedStory[] = stories

diff --git a/src/core/parser.ts b/src/core/parser.ts
@@ -35,7 +35,7 @@ export function parse(code: string) {
   const resolvedScript = resolveScript(descriptor)
   const { meta, stories } = parseTemplate(descriptor.template.content)
   const docsBlock = descriptor.customBlocks?.find(
-    (block) => block.type === 'docs'
+    (block) => block.type === 'docs',
   )
   const docs = docsBlock?.content.trim()
   return {
@@ -86,7 +86,7 @@ function parseTemplate(content: string): {
     const storyTemplate = parseSFC(
       story.loc.source
         .replace(/<Story/, '<template')
-        .replace(/<\/Story>/, '</template>')
+        .replace(/<\/Story>/, '</template>'),
     ).descriptor.template?.content
     if (storyTemplate === undefined)
       throw new Error('No template found in Story')
@@ -138,7 +138,7 @@ function extractProp(node: ElementNode, name: string) {
         (prop.name === 'bind' &&
           prop.type === DIRECTIVE &&
           prop.arg?.type === SIMPLE_EXPRESSION &&
-          prop.arg?.content === name)
+          prop.arg?.content === name),
     )
   }
 }
diff --git a/src/core/transform.ts b/src/core/transform.ts
@@ -87,7 +87,7 @@ async function transformTemplate(
     stories,
     docs,
   }: { meta: ParsedMeta; stories: ParsedStory[]; docs?: string },
-  resolvedScript?: SFCScriptBlock
+  resolvedScript?: SFCScriptBlock,
 ) {
   let result = generateDefaultImport(meta, docs)
   for (const story of stories) {
@@ -103,7 +103,7 @@ async function transformTemplate(
 
 function generateDefaultImport(
   { title, component }: ParsedMeta,
-  docs?: string
+  docs?: string,
 ) {
   return `export default {
     ${title ? `title: '${title}',` : ''}
@@ -118,7 +118,7 @@ function generateDefaultImport(
 
 function generateStoryImport(
   { id, title, play, template }: ParsedStory,
-  resolvedScript?: SFCScriptBlock
+  resolvedScript?: SFCScriptBlock,
 ) {
   const { code } = compileTemplate({
     source: template.trim(),
@@ -137,7 +137,7 @@ function generateStoryImport(
 
   const renderFunction = code.replace(
     'export function render',
-    `function render${id}`
+    `function render${id}`,
   )
 
   // Each named export is a story, has to return a Vue ComponentOptionsBase

diff --git a/test/index.test.ts b/test/index.test.ts
@@ -55,7 +55,7 @@ describe('transform', () => {
   it('throws error if story does not have a title', async () => {
     const code = '<template><Stories><Story>hello</Story></Stories></template>'
     await expect(() =>
-      transform(code)
+      transform(code),
     ).rejects.toThrowErrorMatchingInlineSnapshot('"Story is missing a title"')
   })
   it('extracts component from Stories', async () => {