chore: rename component (#176)

- 命名风格统一大驼峰
- 统一组件风格，打开闭合标签

src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <router-view />
+    <router-view></router-view>
   </div>
 </template>
 

src/components/CodemirrorEditor/EditorHeader.vue

@@ -290,11 +290,12 @@
         >发布
       </el-button>
     </div>
-    <resetDialog
+
+    <reset-dialog
       :showResetConfirm="showResetConfirm"
       @confirm="confirmReset"
       @close="cancelReset"
-    />
+    ></reset-dialog>
   </el-container>
 </template>
 
@@ -303,7 +304,7 @@ import { setFontSize, setColorWithCustomTemplate } from '@/assets/scripts/util'
 import { solveWeChatImage, solveHtml } from '@/assets/scripts/converter'
 import DEFAULT_CSS_CONTENT from '@/assets/example/theme-css.txt'
 import config from '@/assets/scripts/config'
-import resetDialog from './resetDialog'
+import ResetDialog from './ResetDialog'
 import { mapState, mapMutations } from 'vuex'
 
 export default {
@@ -327,7 +328,7 @@ export default {
     }
   },
   components: {
-    resetDialog,
+    ResetDialog,
   },
   computed: {
     effect() {

src/components/CodemirrorEditor/UploadImgDialog.vue

@@ -375,8 +375,8 @@
             </el-link>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" @click="formCustomSave"
-              >保存配置
+            <el-button type="primary" @click="formCustomSave">
+              保存配置
             </el-button>
           </el-form-item>
         </el-form>
@@ -386,7 +386,7 @@
 </template>
 
 <script>
-import { checkImage, removeLeft } from '../../assets/scripts/util'
+import { checkImage, removeLeft } from '@/assets/scripts/util'
 import CodeMirror from 'codemirror/lib/codemirror'
 
 export default {

src/components/RunLoading.vue

@@ -11,7 +11,7 @@
 
 <script>
 export default {
-  name: `Loading`,
+  name: `RunLoading`,
   data() {
     return {
       loading: true,

src/views/CodemirrorEditor.vue

@@ -23,7 +23,7 @@
           @show-dialog-upload-img="dialogUploadImgVisible = true"
           @startCopy=";(isCoping = true), (backLight = true)"
           @endCopy="endCopy"
-        />
+        ></editor-header>
       </el-header>
       <el-main class="main-body">
         <el-row class="main-section">
@@ -84,32 +84,34 @@
         </el-row>
       </el-main>
     </el-container>
+
     <upload-img-dialog
       v-model="dialogUploadImgVisible"
       @close="dialogUploadImgVisible = false"
       @beforeUpload="beforeUpload"
       @uploadImage="uploadImage"
       @uploaded="uploaded"
-    />
-    <about-dialog v-model="aboutDialogVisible" />
-    <insert-form-dialog v-model="dialogFormVisible" />
+    ></upload-img-dialog>
+    <about-dialog v-model="aboutDialogVisible"></about-dialog>
+    <insert-form-dialog v-model="dialogFormVisible"></insert-form-dialog>
+
     <right-click-menu
       v-model="rightClickMenuVisible"
       :left="mouseLeft"
       :top="mouseTop"
       @menuTick="onMenuEvent"
       @closeMenu="closeRightClickMenu"
-    />
-    <loading></loading>
+    ></right-click-menu>
+    <run-loading></run-loading>
   </div>
 </template>
 <script>
-import editorHeader from '@/components/CodemirrorEditor/header'
-import aboutDialog from '@/components/CodemirrorEditor/aboutDialog'
-import insertFormDialog from '@/components/CodemirrorEditor/insertForm'
-import rightClickMenu from '@/components/CodemirrorEditor/rightClickMenu'
-import uploadImgDialog from '@/components/CodemirrorEditor/uploadImgDialog'
-import Loading from '@/components/Loading'
+import EditorHeader from '@/components/CodemirrorEditor/EditorHeader'
+import AboutDialog from '@/components/CodemirrorEditor/AboutDialog'
+import InsertFormDialog from '@/components/CodemirrorEditor/InsertFormDialog'
+import RightClickMenu from '@/components/CodemirrorEditor/RightClickMenu'
+import UploadImgDialog from '@/components/CodemirrorEditor/UploadImgDialog'
+import RunLoading from '@/components/RunLoading'
 
 import {
   css2json,
@@ -145,12 +147,12 @@ export default {
     }
   },
   components: {
-    Loading,
-    editorHeader,
-    aboutDialog,
-    insertFormDialog,
-    rightClickMenu,
-    uploadImgDialog,
+    RunLoading,
+    EditorHeader,
+    AboutDialog,
+    InsertFormDialog,
+    RightClickMenu,
+    UploadImgDialog,
   },
   computed: {
     ...mapState({