[Docs] postcss@latest was added to the setup requirement but no relevant configuration was added

[travis5491811]

Hello,
In this commit postcss@latest was added to the setup requirements but no relevant configuration was added. This results in the following:

You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing. Pick plugins for your case on https://www.postcss.parts/ and use them in postcss.config.js.

The project still appears to run okay. If it's not part of the minimum setup, why are we installing it? Should we be doing something else?

[Viktors-Bolgovs]

Add a new build module @nuxt/postcss8 to nuxt.config.js. There is no need to install it separately, it will be installed along with the nuxt-storybook. Issue was resolved in my case.

  buildModules: [
    ...,
    // Doc: https://github.com/nuxt/postcss8
    '@nuxt/postcss8',
  ],

[travis5491811]

Hello, @Viktors-Bolgovs, i don't have it setup in the project currently. Now that cypress supports component testing in vue and nuxt I've prioritized building out the entire test suite in cypress. We need automation for regression testing more than component interaction. Evem if this issue is fixed, without native support for vue-devtools in storybook, it won't be an efficient tool for our isolated component development.

[farnabaz]

Sorry for the late response.
Using postcss8 is mandatory in new versions of Storybook.
This issue will fix in the next version #277.

[Jikodis]

Sorry for the late response.
Using postcss8 is mandatory in new versions of Storybook.
This issue will fix in the next version #277.

@farnabaz I see the issue is fixed, but it is unclear if a manual step of adding PostCSS to buildModules in the nuxt config is required. I see it in the bug notes on the releases page that maybe this is a manual step. In my case it was.

Additionally, the documentation seems to be up to date on the github repo readme, but https://storybook.nuxtjs.org/setup still mentions installing PostCSS as a dev dependency instead of adding it to buildModules in the nuxt config.

I would suggest adding to both the github documentation as well as https://storybook.nuxtjs.org/setup the manual step of adding PostCSS 8 to buildModules

Thanks for fixing this issue. It was causing a real headache and flooding our logs with warnings.

[drewbaker]

@Jikodis Did this also get your PostCSS plugins working?

[Jikodis]

@Jikodis Did this also get your PostCSS plugins working?

Yes. Everything was working fine after the fix.