fix: import postcss from vue file

scripts/vue-loader.conf.js

@@ -6,5 +6,5 @@ module.exports = {
     sourceMap: false,
     extract: isProduction,
   }),
-  postcss: [require('precss')],
+  postcss: [ require('precss') ],
 };

src/options/app.js

@@ -2,9 +2,7 @@ import Vue from 'vue';
 import { sendMessage, i18n } from 'src/common';
 import options from 'src/common/options';
 import { store, features } from './utils';
-import Main from './views/main';
-import Confirm from './views/confirm';
-import './style.css';
+import App from './views/app';
 
 Vue.prototype.i18n = i18n;
 
@@ -30,11 +28,11 @@ initCustomCSS();
 
 const routes = {
   '': {
-    comp: Main,
+    comp: 'Main',
     init: initMain,
   },
   confirm: {
-    comp: Confirm,
+    comp: 'Confirm',
   },
 };
 window.addEventListener('hashchange', loadHash, false);
@@ -42,8 +40,7 @@ loadHash();
 
 options.ready(() => new Vue({
   el: '#app',
-  // store.route.comp should not change
-  render: h => h(store.route.comp),
+  render: h => h(App),
 }));
 
 function parseLocation(pathInfo) {

src/options/views/app.vue

@@ -0,0 +1,22 @@
+<script>
+import { store } from '../utils';
+import Main from './main';
+import Confirm from './confirm';
+
+const components = {
+  Main,
+  Confirm,
+};
+
+export default {
+  render(h) {
+    // store.route.comp should not change
+    const comp = components[store.route.comp];
+    return h(comp);
+  },
+};
+</script>
+
+<style>
+@import '../style.css';
+</style>

src/popup/app.js

@@ -3,7 +3,6 @@ import options from 'src/common/options';
 import { i18n, sendMessage } from 'src/common';
 import App from './views/app';
 import { store } from './utils';
-import './style.css';
 
 Vue.prototype.i18n = i18n;
 

src/popup/views/app.vue

@@ -163,3 +163,7 @@ export default {
   },
 };
 </script>
+
+<style>
+@import '../style.css';
+</style>