Incorrect generation of app.styl for data iterator

[rwuttke]

Problem

When copying the first example for the data iterator into a Nuxt/Vuetify app, generated with

vue init vuetifyjs/nuxt

The data values are not correctly aligned to the end.

The class align-end is correctly added, but I am finding that the generated app.styl, has the align-end before the list__tile__content.

This means that the following attributes are NOT set correctly, because of the order they are found in the stylesheet.

• -webkit-box-align set to start instead of end
• -align-items set to flex-start instead of flex-end

To reproduce

vue init vuetifyjs/nuxt tester
cd tester
npm install

copy the template and script from the Data Iterator Component and paste into index.vue

npm run dev

Note that the align-end is not working in the data iterator, because it seems to have been added into the stylesheet to early.

Version Information

• vue-cli version is 3.0.0-rc.3 and version 2.9.6 (on another machine)
• vuetify 1.0.19
• nuxt 1.4.1
• node 8.11.3
• npm 6.1.0