Yo !! Finally i got it to work ! What i've done:
nuxt.config.js
css: [
{ src: 'foundation-sites/scss/foundation.scss', lang: 'scss' },
{ src: '~assets/scss/main.scss', lang: 'scss' }
]
I created a new file ~assets/scss/_foundation.scss with inside:
@import '~foundation-sites/scss/foundation';
Then, in this file you can include everything with:
@include foundation-everything;
or manually include only what you want
@include foundation-global-styles;
@include foundation-xy-grid-classes;
//@include foundation-grid;
@include foundation-flex-grid;
// @include foundation-flex-classes;
@include foundation-typography;
@include foundation-forms;
@include foundation-button;
// @include foundation-accordion;
// @include foundation-accordion-menu;
// @include foundation-badge;
// @include foundation-breadcrumbs;
// @include foundation-button-group;
@include foundation-callout;
// @include foundation-card;
@include foundation-close-button;
@include foundation-menu;
@include foundation-menu-icon;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-responsive-embed;
@include foundation-label;
@include foundation-media-object;
// @include foundation-off-canvas;
// @include foundation-orbit;
@include foundation-pagination;
// @include foundation-progress-bar;
// @include foundation-slider;
// @include foundation-sticky;
@include foundation-reveal;
// @include foundation-switch;
@include foundation-table;
@include foundation-tabs;
// @include foundation-thumbnail;
// @include foundation-title-bar;
// @include foundation-tooltip;
// @include foundation-top-bar;
@include foundation-visibility-classes;
// @include foundation-float-classes;
Finally in your main scss file main.scss you can do this:
@import "_foundation";
Maybe there is a better solution, because, when you load the full foundation with @include foundation-everything; the build time each time you save, is about ~7s 😱
When you choose only a few modules like i did, the build time is about ~3s, this is much better but still too long imo 😔
Maybe i did something wrong 😅 I am new in Nuxt and Vue 😁
Have a good day !