support styles

SeregPie · Mar 8, 2018 · 0a5dc58 · 0a5dc58
1 parent 8c19900
commit 0a5dc58
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -78,10 +78,12 @@ Separate files.
 ```html
 <template src="./template.html"></template>
 <script src="./script.js"></script>
+<style src="./style.layout.css"></style>
+<style src="./style.theme.green-forest.css"></style>
 ```
+
 ## todo
 
-- style
 - scoped style
 - preProcessors
 - postProcessors
diff --git a/VueInBrowserLoader.js b/VueInBrowserLoader.js
diff --git a/src/index.js b/src/index.js
@@ -1,3 +1,4 @@
+import Document_createElement from 'x/src/Document/createElement';
 import Lang_localEval from 'x/src/Lang/localEval';
 import Object_hasOwn from 'x/src/Object/hasOwn';
 import Url_join from 'x/src/Url/join';
@@ -37,6 +38,9 @@ let VueInBrowserLoader = function(componentUrl) {
 					if (template) {
 						Object.assign(options, {template});
 					}
+					styles.forEach(style => {
+						document.head.appendChild(Document_createElement('style', style));
+					});
 					return options;
 				})
 		);