style(#10336): reduce prettier indents

This commit is contained in:
Acid Chicken (硫酸鶏) 2023-04-03 14:49:40 +09:00
parent 38b9fc4f25
commit 14591aa8f2
No known key found for this signature in database
GPG Key ID: 3E87B98A3F6BAB99
1 changed files with 229 additions and 450 deletions

View File

@ -105,51 +105,35 @@ function toStories(component: string): string {
const hasMetaStories = existsSync(`${metaStories}.ts`); const hasMetaStories = existsSync(`${metaStories}.ts`);
const base = basename(component); const base = basename(component);
const dir = dirname(component); const dir = dirname(component);
const literal = ( const literal =
<literal <literal
value={component value={component
.slice('src/'.length, -'.vue'.length) .slice('src/'.length, -'.vue'.length)
.replace(/\./g, '/')} .replace(/\./g, '/')}
/> /> as estree.Literal;
) as estree.Literal; const identifier =
const identifier = (
<identifier <identifier
name={base name={base
.slice(0, -'.vue'.length) .slice(0, -'.vue'.length)
.replace(/[-.]|^(?=\d)/g, '_') .replace(/[-.]|^(?=\d)/g, '_')
.replace(/(?<=^[^A-Z_]*$)/, '_')} .replace(/(?<=^[^A-Z_]*$)/, '_')}
/> /> as estree.Identifier;
) as estree.Identifier;
const parameters = ( const parameters = (
<object-expression <object-expression
properties={[ properties={[
( <property
<property key={<identifier name='layout' /> as estree.Identifier}
key={(<identifier name='layout' />) as estree.Identifier} value={<literal value={`${dir}/`.startsWith('src/pages/') ? 'fullscreen' : 'centered'}/> as estree.Literal}
value={ kind={'init' as const}
( /> as estree.Property,
<literal
value={
`${dir}/`.startsWith('src/pages/')
? 'fullscreen'
: 'centered'
}
/>
) as estree.Literal
}
kind={'init' as const}
/>
) as estree.Property,
...(hasMsw ...(hasMsw
? [ ? [
( <property
<property key={<identifier name='msw' /> as estree.Identifier}
key={(<identifier name='msw' />) as estree.Identifier} value={<identifier name='msw' /> as estree.Identifier}
value={(<identifier name='msw' />) as estree.Identifier} kind={'init' as const}
kind={'init' as const} shorthand
shorthand /> as estree.Property,
/>
) as estree.Property,
] ]
: []), : []),
]} ]}
@ -158,447 +142,242 @@ function toStories(component: string): string {
const program = ( const program = (
<program <program
body={[ body={[
( <import-declaration
<import-declaration source={<literal value='@storybook/vue3' /> as estree.Literal}
source={(<literal value='@storybook/vue3' />) as estree.Literal} specifiers={[
specifiers={[ <import-specifier
( local={<identifier name='Meta' /> as estree.Identifier}
<import-specifier imported={<identifier name='Meta' /> as estree.Identifier}
local={(<identifier name='Meta' />) as estree.Identifier} /> as estree.ImportSpecifier,
imported={(<identifier name='Meta' />) as estree.Identifier} ...(hasImplStories
/> ? []
) as estree.ImportSpecifier, : [
...(hasImplStories <import-specifier
? [] local={<identifier name='StoryObj' /> as estree.Identifier}
: [ imported={<identifier name='StoryObj' /> as estree.Identifier}
( /> as estree.ImportSpecifier,
<import-specifier ]),
local={ ]}
(<identifier name='StoryObj' />) as estree.Identifier /> as estree.ImportDeclaration,
}
imported={
(<identifier name='StoryObj' />) as estree.Identifier
}
/>
) as estree.ImportSpecifier,
]),
]}
/>
) as estree.ImportDeclaration,
...(hasMsw ...(hasMsw
? [ ? [
( <import-declaration
<import-declaration source={<literal value={`./${basename(msw)}`} /> as estree.Literal}
source={ specifiers={[
(<literal value={`./${basename(msw)}`} />) as estree.Literal <import-namespace-specifier
} local={<identifier name='msw' /> as estree.Identifier}
specifiers={[ /> as estree.ImportNamespaceSpecifier,
( ]}
<import-namespace-specifier /> as estree.ImportDeclaration,
local={(<identifier name='msw' />) as estree.Identifier}
/>
) as estree.ImportNamespaceSpecifier,
]}
/>
) as estree.ImportDeclaration,
] ]
: []), : []),
...(hasImplStories ...(hasImplStories
? [] ? []
: [ : [
( <import-declaration
<import-declaration source={<literal value={`./${base}`} /> as estree.Literal}
source={(<literal value={`./${base}`} />) as estree.Literal} specifiers={[
specifiers={[ <import-default-specifier local={identifier} /> as estree.ImportDefaultSpecifier,
( ]}
<import-default-specifier local={identifier} /> /> as estree.ImportDeclaration,
) as estree.ImportDefaultSpecifier,
]}
/>
) as estree.ImportDeclaration,
]), ]),
...(hasMetaStories ...(hasMetaStories
? [ ? [
( <import-declaration
<import-declaration source={<literal value={`./${basename(metaStories)}`} /> as estree.Literal}
source={ specifiers={[
(<literal value={`./${basename(metaStories)}`} />) as estree.Literal <import-namespace-specifier
} local={<identifier name='storiesMeta' /> as estree.Identifier}
specifiers={[ /> as estree.ImportNamespaceSpecifier,
( ]}
<import-namespace-specifier /> as estree.ImportDeclaration,
local={(<identifier name='storiesMeta' />) as estree.Identifier}
/>
) as estree.ImportNamespaceSpecifier,
]}
/>
) as estree.ImportDeclaration,
] ]
: []), : []),
( <variable-declaration
<variable-declaration kind={'const' as const}
kind={'const' as const} declarations={[
declarations={[ <variable-declarator
( id={<identifier name='meta' /> as estree.Identifier}
<variable-declarator init={
id={(<identifier name='meta' />) as estree.Identifier} <satisfies-expression
init={ expression={
( <object-expression
<satisfies-expression properties={[
expression={ <property
( key={<identifier name='title' /> as estree.Identifier}
<object-expression value={literal}
properties={[ kind={'init' as const}
( /> as estree.Property,
<property <property
key={ key={<identifier name='component' /> as estree.Identifier}
( value={identifier}
<identifier name='title' /> kind={'init' as const}
) as estree.Identifier /> as estree.Property,
} ...(hasMetaStories
value={literal} ? [
kind={'init' as const} <spread-element
/> argument={<identifier name='storiesMeta' /> as estree.Identifier}
) as estree.Property, /> as estree.SpreadElement,
( ]
<property : [])
key={ ]}
( /> as estree.ObjectExpression
<identifier name='component' />
) as estree.Identifier
}
value={identifier}
kind={'init' as const}
/>
) as estree.Property,
...(hasMetaStories
? [
(
<spread-element
argument={
(
<identifier name='storiesMeta' />
) as estree.Identifier
}
/>
) as estree.SpreadElement,
]
: [])
]}
/>
) as estree.ObjectExpression
}
reference={
(
<identifier
name={`Meta<typeof ${identifier.name}>`}
/>
) as estree.Identifier
}
/>
) as estree.Expression
} }
/> reference={<identifier name={`Meta<typeof ${identifier.name}>`} /> as estree.Identifier}
) as estree.VariableDeclarator, /> as estree.Expression
]} }
/> /> as estree.VariableDeclarator,
) as estree.VariableDeclaration, ]}
/> as estree.VariableDeclaration,
...(hasImplStories ...(hasImplStories
? [] ? []
: [ : [
( <export-named-declaration
<export-named-declaration declaration={
declaration={ <variable-declaration
( kind={'const' as const}
<variable-declaration declarations={[
kind={'const' as const} <variable-declarator
declarations={[ id={<identifier name='Default' /> as estree.Identifier}
( init={
<variable-declarator <satisfies-expression
id={ expression={
( <object-expression
<identifier name='Default' /> properties={[
) as estree.Identifier <property
} key={<identifier name='render' /> as estree.Identifier}
init={ value={
( <function-expression
<satisfies-expression params={[
expression={ <identifier name='args' /> as estree.Identifier,
( ]}
<object-expression body={
properties={[ <block-statement
( body={[
<property <return-statement
key={ argument={
( <object-expression
<identifier name='render' /> properties={[
) as estree.Identifier <property
} key={<identifier name='components' /> as estree.Identifier}
value={ value={
( <object-expression
<function-expression properties={[
params={[ <property key={identifier} value={identifier} kind={'init' as const} shorthand /> as estree.Property,
( ]}
<identifier name='args' /> /> as estree.ObjectExpression
) as estree.Identifier, }
]} kind={'init' as const}
body={ /> as estree.Property,
( <property
<block-statement key={<identifier name='setup' /> as estree.Identifier}
body={[ value={
( <function-expression
<return-statement params={[]}
argument={ body={
( <block-statement
body={[
<return-statement
argument={
<object-expression <object-expression
properties={[ properties={[
( <property
<property key={<identifier name='args' /> as estree.Identifier}
key={ value={<identifier name='args' /> as estree.Identifier}
( kind={'init' as const}
<identifier name='components' /> shorthand
) as estree.Identifier /> as estree.Property,
}
value={
(
<object-expression
properties={[
(
<property
key={
identifier
}
value={
identifier
}
kind={
'init' as const
}
shorthand
/>
) as estree.Property,
]}
/>
) as estree.ObjectExpression
}
kind={
'init' as const
}
/>
) as estree.Property,
(
<property
key={
(
<identifier name='setup' />
) as estree.Identifier
}
value={
(
<function-expression
params={[]}
body={
(
<block-statement
body={[
(
<return-statement
argument={
(
<object-expression
properties={[
(
<property
key={
(
<identifier name='args' />
) as estree.Identifier
}
value={
(
<identifier name='args' />
) as estree.Identifier
}
kind={
'init' as const
}
shorthand
/>
) as estree.Property,
]}
/>
) as estree.ObjectExpression
}
/>
) as estree.ReturnStatement,
]}
/>
) as estree.BlockStatement
}
/>
) as estree.FunctionExpression
}
method
kind={
'init' as const
}
/>
) as estree.Property,
(
<property
key={
(
<identifier name='computed' />
) as estree.Identifier
}
value={
(
<object-expression
properties={[
(
<property
key={
(
<identifier name='props' />
) as estree.Identifier
}
value={
(
<function-expression
params={[]}
body={
(
<block-statement
body={[
(
<return-statement
argument={
(
<object-expression
properties={[
(
<spread-element
argument={
(
<member-expression
object={
(
<this-expression />
) as estree.ThisExpression
}
property={
(
<identifier name='args' />
) as estree.Identifier
}
/>
) as estree.MemberExpression
}
/>
) as estree.SpreadElement,
]}
/>
) as estree.ObjectExpression
}
/>
) as estree.ReturnStatement,
]}
/>
) as estree.BlockStatement
}
/>
) as estree.FunctionExpression
}
method
kind={
'init' as const
}
/>
) as estree.Property,
]}
/>
) as estree.ObjectExpression
}
kind={
'init' as const
}
/>
) as estree.Property,
(
<property
key={
(
<identifier name='template' />
) as estree.Identifier
}
value={
(
<literal
value={`<${identifier.name} v-bind="props" />`}
/>
) as estree.Literal
}
kind={
'init' as const
}
/>
) as estree.Property,
]} ]}
/> /> as estree.ObjectExpression
) as estree.ObjectExpression }
} /> as estree.ReturnStatement,
/> ]}
) as estree.ReturnStatement, /> as estree.BlockStatement
}
/> as estree.FunctionExpression
}
method
kind={'init' as const}
/> as estree.Property,
<property
key={<identifier name='computed' /> as estree.Identifier}
value={
<object-expression
properties={[
<property
key={<identifier name='props' /> as estree.Identifier}
value={
<function-expression
params={[]}
body={
<block-statement
body={[
<return-statement
argument={
<object-expression
properties={[
<spread-element
argument={
<member-expression
object={<this-expression /> as estree.ThisExpression}
property={<identifier name='args' /> as estree.Identifier}
/> as estree.MemberExpression
}
/> as estree.SpreadElement,
]}
/> as estree.ObjectExpression
}
/> as estree.ReturnStatement,
]}
/> as estree.BlockStatement
}
/> as estree.FunctionExpression
}
method
kind={'init' as const}
/> as estree.Property,
]} ]}
/> /> as estree.ObjectExpression
) as estree.BlockStatement }
} kind={'init' as const}
/> /> as estree.Property,
) as estree.FunctionExpression <property
key={<identifier name='template' /> as estree.Identifier}
value={<literal value={`<${identifier.name} v-bind="props" />`} /> as estree.Literal}
kind={'init' as const}
/> as estree.Property,
]}
/> as estree.ObjectExpression
} }
method /> as estree.ReturnStatement,
kind={'init' as const} ]}
/> /> as estree.BlockStatement
) as estree.Property, }
( /> as estree.FunctionExpression
<property
key={
(
<identifier name='parameters' />
) as estree.Identifier
}
value={parameters}
kind={'init' as const}
/>
) as estree.Property,
]}
/>
) as estree.ObjectExpression
} }
reference={ method
( kind={'init' as const}
<identifier /> as estree.Property,
name={`StoryObj<typeof ${identifier.name}>`} <property
/> key={<identifier name='parameters' /> as estree.Identifier}
) as estree.Identifier value={parameters}
} kind={'init' as const}
/> /> as estree.Property,
) as estree.Expression ]}
} /> as estree.ObjectExpression
/> }
) as estree.VariableDeclarator, reference={<identifier name={`StoryObj<typeof ${identifier.name}>`} /> as estree.Identifier}
]} /> as estree.Expression
/> }
) as estree.VariableDeclaration /> as estree.VariableDeclarator,
} ]}
/> /> as estree.VariableDeclaration
) as estree.ExportNamedDeclaration, }
]), /> as estree.ExportNamedDeclaration,
( ]),
<export-default-declaration <export-default-declaration
declaration={(<identifier name='meta' />) as estree.Identifier} declaration={(<identifier name='meta' />) as estree.Identifier}
/> /> as estree.ExportDefaultDeclaration,
) as estree.ExportDefaultDeclaration,
]} ]}
/> />
) as estree.Program; ) as estree.Program;