fix(template): import f7 styles first to prevent overriding

Author: Pooya Parsa

Diff for: lib/templates/App.js

@@ -1,5 +1,10 @@
 import Vue from 'vue'
 
+// Framework7 Styles
+<% if (options.css) { %>import './framework7.less'<% } %>
+<% if (options.f7IconsSrc) { %>import '<%= options.f7IconsSrc %>'<% } %>
+<% if (options.mdIconsSrc) { %>import '<%= options.mdIconsSrc %>'<% } %>
+
 // Styles
 <% css.forEach(function (c) { %>import '<%= relativeToBuild(resolvePath(c.src || c)) %>'
 <% }) %>

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

@@ -4,11 +4,6 @@ import { Framework7Vue } from 'framework7-vue'
 import { routes } from './f7-router'
 import Framework7VueComponents from './f7-components'
 
-// Imports styles
-<% if (options.css) { %>import './framework7.less'<% } %>
-<% if (options.f7IconsSrc) { %>import '<%= options.f7IconsSrc %>'<% } %>
-<% if (options.mdIconsSrc) { %>import '<%= options.mdIconsSrc %>'<% } %>
-
 // Async import F7 core
 const _Framework7 = import('framework7/dist/js/framework7.esm.bundle'/* webpackChunkName: f7 */).then(m => m.default)