New Meta property for nesting/hierarchy/folders

[Michael-Ziluck]

Is your feature request related to a problem? Please describe.

With the change in v7 of the Storybook CSF that prevents template literal strings, there is no longer a way to prevent issues with folder spelling in the title of components. Previously, we were able to do something like the following:

export default {
  title: `${FolderName}/MyComponent`,
} as Meta;

This would ensure that there would never be a spelling error that would break nesting in the rendered Storybook instance. Now, developers will have to do something like the following, which is error prone due to magic strings:

// correct spelling
export default {
  title: 'My Folder/MyComponent',
} as Meta;

// incorrect spelling but not easily noticeable
export default {
  title: 'MyFolder/MySecondCompnent',
} as Meta;

Describe the solution you'd like

It would be extremely beneficial (and I'd image fairly simple) to allow a property named path, directory, or nesting that accepts either a string or string[].

That way you can declare the story's Meta from the previous example by doing the following:

// one level of nesting
export default {
  path: FolderName,
  title: 'MyComponent'
} as Meta;

// two levels of nesting using a string
export default {
  path: `${TopLevelName}/${FolderName}`,
  title: 'MyComponent'
} as Meta;

// two levels of nesting using a string[]
export default {
  path: [TopLevelName, FolderName],
  title: 'MyComponent'
} as Meta;

Describe alternatives you've considered

I'm aware that there is almost certainly a way to achieve this with custom indexers or a similar method, but having it be a part of Meta would significantly increase the DX of using the Storybook library for many users.

Are you able to assist to bring the feature to reality?

no

Additional context

No response