From 2c9f31eeb01d3e5aeb9cb30f8a4735653b821c86 Mon Sep 17 00:00:00 2001
From: YangFong <yangfong2022@qq.com>
Date: Sat, 26 Aug 2023 19:20:03 +0800
Subject: [PATCH] chore: improve css import
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 公共样式放入顶层
- 合并 `<style>`
---
 src/App.vue                                            | 10 ++--------
 .../less/{style-mirror.css => style-mirror.less}       |  0
 src/main.js                                            |  5 +++++
 src/views/CodemirrorEditor.vue                         |  6 ------
 4 files changed, 7 insertions(+), 14 deletions(-)
 rename src/assets/less/{style-mirror.css => style-mirror.less} (100%)

diff --git a/src/App.vue b/src/App.vue
index 721c752..a29f7f4 100644
--- a/src/App.vue
+++ b/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;
diff --git a/src/assets/less/style-mirror.css b/src/assets/less/style-mirror.less
similarity index 100%
rename from src/assets/less/style-mirror.css
rename to src/assets/less/style-mirror.less
diff --git a/src/main.js b/src/main.js
index b5ac45a..8e5f624 100644
--- a/src/main.js
+++ b/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'
diff --git a/src/views/CodemirrorEditor.vue b/src/views/CodemirrorEditor.vue
index 8d26773..cae7161 100644
--- a/src/views/CodemirrorEditor.vue
+++ b/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>