Nuxt.js static site not displaying component correctly

[lazaroofarrill]

Description

the component works on dev mode but not in static mode. Items appear stacked on top of each other.

Steps to check or reproduce

<flicking
        :plugins="plugins"
        :options="{ circular: circular, moveType: 'snap', inputType: ['touch', 'mouse', 'pointer'], align: 'prev' }"
        :viewportTag="'div'"
        :cameraTag="'div'"
        ref="flicking">
        <slot></slot>
      </flicking>

"nuxt": "^2.15.7",
"@egjs/vue-flicking": "^4.3.1",

[WoodNeck]

Hello @lazaroofarrill!
I think that's Nuxt's issue that doesn't include our CSS file in the production build.
You can try their solution for including global CSS in their config file

• https://nuxtjs.org/docs/directory-structure/assets/#styles

[lazaroofarrill]

Including then in the css section of nuxt.config.js didn't work. However importing them as regular stylesheets using the cdn did the trick. Thank you.

[FollowJack]

For everyone that faced this problem
In nuxt.config.js

css: [
'@egjs/flicking/dist/flicking.css',
'@egjs/flicking/dist/flicking-inline.css',
],