fix(storybook): normalize win32 paths for storybook globs

[lihbr]

Types of changes

• Bug fix (a non-breaking change which fixes an issue)
• New feature (a non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Description

Changes

Added upath to normalize paths to POSIX specs (same strategy as here nuxt/nuxt#7796) and used it when resolving glob patterns for stories array.

Explanation

With 2.1.0, generated .nuxt-storybook/storybook/main.js looks like this on Windows:

module.exports = {
  webpackFinal(config, options) {
    return options.nuxtStorybookConfig.webpackFinal(config, options)
  },
  stories: ['..\../components/**/*.stories.@(ts|js)'],
}

The above is not a valid glob pattern and will lead to a fatal error while running Storybook. Since glob patterns are expected to use the POSIX separator this use upath to normalize them and will fix globs array:

module.exports = {
  webpackFinal(config, options) {
    return options.nuxtStorybookConfig.webpackFinal(config, options)
  },
  stories: ['../../components/**/*.stories.@(ts|js)'],
}

Let me know if you need further explanation, if you want me to fill a proper issue, or prefer another implementation 🙂

Cheers~

ps: I also checked/tested a bit for similar errors but found none, not sure what could be a more efficient strategy at ensuring things are win32 friendly in the long run 🤔

[farnabaz]

LGTM, Thank you windows friend
Cheers