Static GitHub Issues

[1331] CSS classes order changes when generating site

prev: Nuxtjs + Vue-svg-loader
next: [question] in a plugin, how to add js text first then include js file

I'm having an issue when I generate the website. I am using semantic-ui and the order of the CSS classes is important.

My template looks like this:

<template>
<section class="row">
  <div class="ui equal width grid">
    <div class="column" v-for="p in products">
      <small-product :product="p" />
    </div>
  </div>
</section>
</template>

When I generate the site, the classes ui equal width grid order is changed and it becomes: ui equal grid width.

Is there a way to prevent that? It makes it impossible to use semantic-ui properly.

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This bug report is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1180">#c1180</a>)</em></sub></div>