style(#10336): reduce prettier indents
This commit is contained in:
parent
38b9fc4f25
commit
14591aa8f2
|
@ -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={
|
value={<literal value={`${dir}/`.startsWith('src/pages/') ? 'fullscreen' : 'centered'}/> as estree.Literal}
|
||||||
(
|
|
||||||
<literal
|
|
||||||
value={
|
|
||||||
`${dir}/`.startsWith('src/pages/')
|
|
||||||
? 'fullscreen'
|
|
||||||
: 'centered'
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
) as estree.Literal
|
|
||||||
}
|
|
||||||
kind={'init' as const}
|
kind={'init' as const}
|
||||||
/>
|
/> as estree.Property,
|
||||||
) 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
|
<import-specifier
|
||||||
local={(<identifier name='Meta' />) as estree.Identifier}
|
local={<identifier name='Meta' /> as estree.Identifier}
|
||||||
imported={(<identifier name='Meta' />) as estree.Identifier}
|
imported={<identifier name='Meta' /> as estree.Identifier}
|
||||||
/>
|
/> as estree.ImportSpecifier,
|
||||||
) as estree.ImportSpecifier,
|
|
||||||
...(hasImplStories
|
...(hasImplStories
|
||||||
? []
|
? []
|
||||||
: [
|
: [
|
||||||
(
|
|
||||||
<import-specifier
|
<import-specifier
|
||||||
local={
|
local={<identifier name='StoryObj' /> as estree.Identifier}
|
||||||
(<identifier name='StoryObj' />) as estree.Identifier
|
imported={<identifier name='StoryObj' /> as estree.Identifier}
|
||||||
}
|
/> as estree.ImportSpecifier,
|
||||||
imported={
|
|
||||||
(<identifier name='StoryObj' />) as estree.Identifier
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
) as estree.ImportSpecifier,
|
|
||||||
]),
|
]),
|
||||||
]}
|
]}
|
||||||
/>
|
/> as estree.ImportDeclaration,
|
||||||
) as estree.ImportDeclaration,
|
|
||||||
...(hasMsw
|
...(hasMsw
|
||||||
? [
|
? [
|
||||||
(
|
|
||||||
<import-declaration
|
<import-declaration
|
||||||
source={
|
source={<literal value={`./${basename(msw)}`} /> as estree.Literal}
|
||||||
(<literal value={`./${basename(msw)}`} />) as estree.Literal
|
|
||||||
}
|
|
||||||
specifiers={[
|
specifiers={[
|
||||||
(
|
|
||||||
<import-namespace-specifier
|
<import-namespace-specifier
|
||||||
local={(<identifier name='msw' />) as estree.Identifier}
|
local={<identifier name='msw' /> as estree.Identifier}
|
||||||
/>
|
/> as estree.ImportNamespaceSpecifier,
|
||||||
) as estree.ImportNamespaceSpecifier,
|
|
||||||
]}
|
]}
|
||||||
/>
|
/> as estree.ImportDeclaration,
|
||||||
) 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.ImportDefaultSpecifier,
|
|
||||||
]}
|
]}
|
||||||
/>
|
/> as estree.ImportDeclaration,
|
||||||
) as estree.ImportDeclaration,
|
|
||||||
]),
|
]),
|
||||||
...(hasMetaStories
|
...(hasMetaStories
|
||||||
? [
|
? [
|
||||||
(
|
|
||||||
<import-declaration
|
<import-declaration
|
||||||
source={
|
source={<literal value={`./${basename(metaStories)}`} /> as estree.Literal}
|
||||||
(<literal value={`./${basename(metaStories)}`} />) as estree.Literal
|
|
||||||
}
|
|
||||||
specifiers={[
|
specifiers={[
|
||||||
(
|
|
||||||
<import-namespace-specifier
|
<import-namespace-specifier
|
||||||
local={(<identifier name='storiesMeta' />) as estree.Identifier}
|
local={<identifier name='storiesMeta' /> as estree.Identifier}
|
||||||
/>
|
/> as estree.ImportNamespaceSpecifier,
|
||||||
) as estree.ImportNamespaceSpecifier,
|
|
||||||
]}
|
]}
|
||||||
/>
|
/> as estree.ImportDeclaration,
|
||||||
) as estree.ImportDeclaration,
|
|
||||||
]
|
]
|
||||||
: []),
|
: []),
|
||||||
(
|
|
||||||
<variable-declaration
|
<variable-declaration
|
||||||
kind={'const' as const}
|
kind={'const' as const}
|
||||||
declarations={[
|
declarations={[
|
||||||
(
|
|
||||||
<variable-declarator
|
<variable-declarator
|
||||||
id={(<identifier name='meta' />) as estree.Identifier}
|
id={<identifier name='meta' /> as estree.Identifier}
|
||||||
init={
|
init={
|
||||||
(
|
|
||||||
<satisfies-expression
|
<satisfies-expression
|
||||||
expression={
|
expression={
|
||||||
(
|
|
||||||
<object-expression
|
<object-expression
|
||||||
properties={[
|
properties={[
|
||||||
(
|
|
||||||
<property
|
<property
|
||||||
key={
|
key={<identifier name='title' /> as estree.Identifier}
|
||||||
(
|
|
||||||
<identifier name='title' />
|
|
||||||
) as estree.Identifier
|
|
||||||
}
|
|
||||||
value={literal}
|
value={literal}
|
||||||
kind={'init' as const}
|
kind={'init' as const}
|
||||||
/>
|
/> as estree.Property,
|
||||||
) as estree.Property,
|
|
||||||
(
|
|
||||||
<property
|
<property
|
||||||
key={
|
key={<identifier name='component' /> as estree.Identifier}
|
||||||
(
|
|
||||||
<identifier name='component' />
|
|
||||||
) as estree.Identifier
|
|
||||||
}
|
|
||||||
value={identifier}
|
value={identifier}
|
||||||
kind={'init' as const}
|
kind={'init' as const}
|
||||||
/>
|
/> as estree.Property,
|
||||||
) as estree.Property,
|
|
||||||
...(hasMetaStories
|
...(hasMetaStories
|
||||||
? [
|
? [
|
||||||
(
|
|
||||||
<spread-element
|
<spread-element
|
||||||
argument={
|
argument={<identifier name='storiesMeta' /> as estree.Identifier}
|
||||||
(
|
/> as estree.SpreadElement,
|
||||||
<identifier name='storiesMeta' />
|
|
||||||
) as estree.Identifier
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
) as estree.SpreadElement,
|
|
||||||
]
|
]
|
||||||
: [])
|
: [])
|
||||||
]}
|
]}
|
||||||
/>
|
/> as estree.ObjectExpression
|
||||||
) as estree.ObjectExpression
|
|
||||||
}
|
}
|
||||||
reference={
|
reference={<identifier name={`Meta<typeof ${identifier.name}>`} /> as estree.Identifier}
|
||||||
(
|
/> as estree.Expression
|
||||||
<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
|
<variable-declaration
|
||||||
kind={'const' as const}
|
kind={'const' as const}
|
||||||
declarations={[
|
declarations={[
|
||||||
(
|
|
||||||
<variable-declarator
|
<variable-declarator
|
||||||
id={
|
id={<identifier name='Default' /> as estree.Identifier}
|
||||||
(
|
|
||||||
<identifier name='Default' />
|
|
||||||
) as estree.Identifier
|
|
||||||
}
|
|
||||||
init={
|
init={
|
||||||
(
|
|
||||||
<satisfies-expression
|
<satisfies-expression
|
||||||
expression={
|
expression={
|
||||||
(
|
|
||||||
<object-expression
|
<object-expression
|
||||||
properties={[
|
properties={[
|
||||||
(
|
|
||||||
<property
|
<property
|
||||||
key={
|
key={<identifier name='render' /> as estree.Identifier}
|
||||||
(
|
|
||||||
<identifier name='render' />
|
|
||||||
) as estree.Identifier
|
|
||||||
}
|
|
||||||
value={
|
value={
|
||||||
(
|
|
||||||
<function-expression
|
<function-expression
|
||||||
params={[
|
params={[
|
||||||
(
|
<identifier name='args' /> as estree.Identifier,
|
||||||
<identifier name='args' />
|
|
||||||
) as estree.Identifier,
|
|
||||||
]}
|
]}
|
||||||
body={
|
body={
|
||||||
(
|
|
||||||
<block-statement
|
<block-statement
|
||||||
body={[
|
body={[
|
||||||
(
|
|
||||||
<return-statement
|
<return-statement
|
||||||
argument={
|
argument={
|
||||||
(
|
|
||||||
<object-expression
|
<object-expression
|
||||||
properties={[
|
properties={[
|
||||||
(
|
|
||||||
<property
|
<property
|
||||||
key={
|
key={<identifier name='components' /> as estree.Identifier}
|
||||||
(
|
|
||||||
<identifier name='components' />
|
|
||||||
) as estree.Identifier
|
|
||||||
}
|
|
||||||
value={
|
value={
|
||||||
(
|
|
||||||
<object-expression
|
<object-expression
|
||||||
properties={[
|
properties={[
|
||||||
(
|
<property key={identifier} value={identifier} kind={'init' as const} shorthand /> as estree.Property,
|
||||||
<property
|
|
||||||
key={
|
|
||||||
identifier
|
|
||||||
}
|
|
||||||
value={
|
|
||||||
identifier
|
|
||||||
}
|
|
||||||
kind={
|
|
||||||
'init' as const
|
|
||||||
}
|
|
||||||
shorthand
|
|
||||||
/>
|
|
||||||
) as estree.Property,
|
|
||||||
]}
|
]}
|
||||||
/>
|
/> as estree.ObjectExpression
|
||||||
) as estree.ObjectExpression
|
|
||||||
}
|
}
|
||||||
kind={
|
kind={'init' as const}
|
||||||
'init' as const
|
/> as estree.Property,
|
||||||
}
|
|
||||||
/>
|
|
||||||
) as estree.Property,
|
|
||||||
(
|
|
||||||
<property
|
<property
|
||||||
key={
|
key={<identifier name='setup' /> as estree.Identifier}
|
||||||
(
|
|
||||||
<identifier name='setup' />
|
|
||||||
) as estree.Identifier
|
|
||||||
}
|
|
||||||
value={
|
value={
|
||||||
(
|
|
||||||
<function-expression
|
<function-expression
|
||||||
params={[]}
|
params={[]}
|
||||||
body={
|
body={
|
||||||
(
|
|
||||||
<block-statement
|
<block-statement
|
||||||
body={[
|
body={[
|
||||||
(
|
|
||||||
<return-statement
|
<return-statement
|
||||||
argument={
|
argument={
|
||||||
(
|
|
||||||
<object-expression
|
<object-expression
|
||||||
properties={[
|
properties={[
|
||||||
(
|
|
||||||
<property
|
<property
|
||||||
key={
|
key={<identifier name='args' /> as estree.Identifier}
|
||||||
(
|
value={<identifier name='args' /> as estree.Identifier}
|
||||||
<identifier name='args' />
|
kind={'init' as const}
|
||||||
) as estree.Identifier
|
|
||||||
}
|
|
||||||
value={
|
|
||||||
(
|
|
||||||
<identifier name='args' />
|
|
||||||
) as estree.Identifier
|
|
||||||
}
|
|
||||||
kind={
|
|
||||||
'init' as const
|
|
||||||
}
|
|
||||||
shorthand
|
shorthand
|
||||||
/>
|
/> as estree.Property,
|
||||||
) as estree.Property,
|
|
||||||
]}
|
]}
|
||||||
/>
|
/> as estree.ObjectExpression
|
||||||
) as estree.ObjectExpression
|
|
||||||
}
|
}
|
||||||
/>
|
/> as estree.ReturnStatement,
|
||||||
) as estree.ReturnStatement,
|
|
||||||
]}
|
]}
|
||||||
/>
|
/> as estree.BlockStatement
|
||||||
) as estree.BlockStatement
|
|
||||||
}
|
}
|
||||||
/>
|
/> as estree.FunctionExpression
|
||||||
) as estree.FunctionExpression
|
|
||||||
}
|
}
|
||||||
method
|
method
|
||||||
kind={
|
kind={'init' as const}
|
||||||
'init' as const
|
/> as estree.Property,
|
||||||
}
|
|
||||||
/>
|
|
||||||
) as estree.Property,
|
|
||||||
(
|
|
||||||
<property
|
<property
|
||||||
key={
|
key={<identifier name='computed' /> as estree.Identifier}
|
||||||
(
|
|
||||||
<identifier name='computed' />
|
|
||||||
) as estree.Identifier
|
|
||||||
}
|
|
||||||
value={
|
value={
|
||||||
(
|
|
||||||
<object-expression
|
<object-expression
|
||||||
properties={[
|
properties={[
|
||||||
(
|
|
||||||
<property
|
<property
|
||||||
key={
|
key={<identifier name='props' /> as estree.Identifier}
|
||||||
(
|
|
||||||
<identifier name='props' />
|
|
||||||
) as estree.Identifier
|
|
||||||
}
|
|
||||||
value={
|
value={
|
||||||
(
|
|
||||||
<function-expression
|
<function-expression
|
||||||
params={[]}
|
params={[]}
|
||||||
body={
|
body={
|
||||||
(
|
|
||||||
<block-statement
|
<block-statement
|
||||||
body={[
|
body={[
|
||||||
(
|
|
||||||
<return-statement
|
<return-statement
|
||||||
argument={
|
argument={
|
||||||
(
|
|
||||||
<object-expression
|
<object-expression
|
||||||
properties={[
|
properties={[
|
||||||
(
|
|
||||||
<spread-element
|
<spread-element
|
||||||
argument={
|
argument={
|
||||||
(
|
|
||||||
<member-expression
|
<member-expression
|
||||||
object={
|
object={<this-expression /> as estree.ThisExpression}
|
||||||
(
|
property={<identifier name='args' /> as estree.Identifier}
|
||||||
<this-expression />
|
/> as estree.MemberExpression
|
||||||
) as estree.ThisExpression
|
|
||||||
}
|
}
|
||||||
property={
|
/> as estree.SpreadElement,
|
||||||
(
|
|
||||||
<identifier name='args' />
|
|
||||||
) as estree.Identifier
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
) as estree.MemberExpression
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
) as estree.SpreadElement,
|
|
||||||
]}
|
]}
|
||||||
/>
|
/> as estree.ObjectExpression
|
||||||
) as estree.ObjectExpression
|
|
||||||
}
|
}
|
||||||
/>
|
/> as estree.ReturnStatement,
|
||||||
) as estree.ReturnStatement,
|
|
||||||
]}
|
]}
|
||||||
/>
|
/> as estree.BlockStatement
|
||||||
) as estree.BlockStatement
|
|
||||||
}
|
}
|
||||||
/>
|
/> as estree.FunctionExpression
|
||||||
) 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.ReturnStatement,
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
) as estree.BlockStatement
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
) as estree.FunctionExpression
|
|
||||||
}
|
}
|
||||||
method
|
method
|
||||||
kind={'init' as const}
|
kind={'init' as const}
|
||||||
/>
|
/> as estree.Property,
|
||||||
) as estree.Property,
|
]}
|
||||||
(
|
/> as estree.ObjectExpression
|
||||||
<property
|
|
||||||
key={
|
|
||||||
(
|
|
||||||
<identifier name='parameters' />
|
|
||||||
) as estree.Identifier
|
|
||||||
}
|
}
|
||||||
|
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.ReturnStatement,
|
||||||
|
]}
|
||||||
|
/> as estree.BlockStatement
|
||||||
|
}
|
||||||
|
/> as estree.FunctionExpression
|
||||||
|
}
|
||||||
|
method
|
||||||
|
kind={'init' as const}
|
||||||
|
/> as estree.Property,
|
||||||
|
<property
|
||||||
|
key={<identifier name='parameters' /> as estree.Identifier}
|
||||||
value={parameters}
|
value={parameters}
|
||||||
kind={'init' as const}
|
kind={'init' as const}
|
||||||
/>
|
/> as estree.Property,
|
||||||
) as estree.Property,
|
|
||||||
]}
|
]}
|
||||||
/>
|
/> as estree.ObjectExpression
|
||||||
) as estree.ObjectExpression
|
|
||||||
}
|
}
|
||||||
reference={
|
reference={<identifier name={`StoryObj<typeof ${identifier.name}>`} /> as estree.Identifier}
|
||||||
(
|
/> as estree.Expression
|
||||||
<identifier
|
|
||||||
name={`StoryObj<typeof ${identifier.name}>`}
|
|
||||||
/>
|
|
||||||
) as estree.Identifier
|
|
||||||
}
|
}
|
||||||
/>
|
/> as estree.VariableDeclarator,
|
||||||
) as estree.Expression
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
) as estree.VariableDeclarator,
|
|
||||||
]}
|
]}
|
||||||
/>
|
/> as estree.VariableDeclaration
|
||||||
) 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;
|
||||||
|
|
Loading…
Reference in New Issue