fix: import framework7 styles before user provided ones

Author: Pooya Parsa

Diff for: lib/templates/App.js

@@ -1,8 +1,12 @@
 import Vue from 'vue'
 
-// Styles
-<% css.forEach(function (c) { %>import '<%= relativeToBuild(resolvePath(c.src || c)) %>'
-<% }) %>
+// Framework7 Styles
+<% if (options.css) { %>import './f7.styles.less'<% } %>
+<% if (options.f7IconsSrc) { %>import '<%= options.f7IconsSrc %>'<% } %>
+<% if (options.mdIconsSrc) { %>import '<%= options.mdIconsSrc %>'<% } %>
+
+// User provided styles
+<%= css.map(c=> `import '${relativeToBuild(resolvePath(c.src || c))}'`) %>
 
 // Default layout
 import _default from '<%= layouts['default'] %>'

Diff for: lib/templates/framework7/f7.plugin.js

@@ -4,11 +4,6 @@ import Framework7Vue from 'framework7-vue'
 import { routes } from './f7.router'
 import Framework7VueComponents from './f7.components'
 
-// Framework7 Styles
-<% if (options.css) { %>import './f7.styles.less'<% } %>
-<% if (options.f7IconsSrc) { %>import '<%= options.f7IconsSrc %>'<% } %>
-<% if (options.mdIconsSrc) { %>import '<%= options.mdIconsSrc %>'<% } %>
-
 // Register F7 Vue Components
 Vue.use(Framework7VueComponents)