From 7f8b37a99776ef352cec389400e3c44bf3d5e005 Mon Sep 17 00:00:00 2001
From: Pooya Parsa <pooya@pi0.ir>
Date: Fri, 5 May 2017 18:19:31 +0430
Subject: [PATCH] [vue-style-loader] Inline global css on SSR

Currently with `<style src>` approach global styles are injected on
runtime only and this may affect page render performance.
---
 lib/app/App.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/app/App.vue b/lib/app/App.vue
index 8198ef9553..e1fd1eedee 100644
--- a/lib/app/App.vue
+++ b/lib/app/App.vue
@@ -8,6 +8,10 @@
 <script>
 <% if (loading) { %>import NuxtLoading from '<%= (typeof loading === "string" ? loading : "./components/nuxt-loading.vue") %>'<% } %>
 
+<% css.forEach(function (c) { %>
+import '<%= c.src ||c %>'
+<% }) %>
+
 let layouts = {
 <%
 var layoutsKeys = Object.keys(layouts);
@@ -60,7 +64,3 @@ export default {
   }
 }
 </script>
-
-<% css.forEach(function (c) { %>
-<style src="<%= (typeof c === 'string' ? c : c.src) %>" lang="<%= (c.lang ? c.lang : 'css') %>"></style>
-<% }) %>