chore: improve css import

- 公共样式放入顶层
- 合并 `<style>`

src/App.vue

@@ -13,17 +13,11 @@ import CodemirrorEditor from '@/views/CodemirrorEditor.vue'
 html,
 body,
 #app {
+  width: 100%;
+  height: 100%;
   margin: 0;
   padding: 0;
-  height: 100%;
-  width: 100%;
 }
-</style>
-
-<style lang="less">
-/* 每个页面公共css */
-@import url('./assets/less/style-mirror.css');
-@import url('./assets/less/theme.less');
 
 ::-webkit-scrollbar {
   width: 6px;

src/main.js

@@ -7,6 +7,11 @@ import 'element-ui/lib/theme-chalk/index.css'
 import 'codemirror/lib/codemirror.css'
 import 'codemirror/theme/xq-light.css'
 
+/* 每个页面公共css */
+import './assets/less/app.less'
+import './assets/less/theme.less'
+import './assets/less/style-mirror.less'
+
 import 'codemirror/mode/css/css'
 import 'codemirror/mode/markdown/markdown'
 import 'codemirror/addon/edit/closebrackets'

src/views/CodemirrorEditor.vue

@@ -622,9 +622,7 @@ export default {
 .editor__header {
   padding: 0;
 }
-</style>
 
-<style lang="less" scoped>
 .main-body {
   padding-top: 12px;
   overflow: hidden;
@@ -699,7 +697,3 @@ export default {
   overflow-x: auto;
 }
 </style>
-
-<style lang="less" scoped>
-@import url('../assets/less/app.less');
-</style>