feat: 使用element-plus代替naive-ui，解决因naive-ui内联样式导致水合出现抖动的bug

components/miaoContentWrapper.vue

@@ -1,10 +1,10 @@
 <template>
     <main id="miao-main">
-        <n-scrollbar>
+        <el-scrollbar height="calc( 100vh - 60px )">
             <div class="miao-main-slot-wrapper">
                 <slot></slot>
             </div>
-        </n-scrollbar>
+        </el-scrollbar>
     </main>
 </template>
 

components/miaoDivider-left.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="miao-divider">
+    <div class="left-line miao-divider-line"></div>
+    <div class="miao-divider-text">
+      <slot></slot>
+    </div>
+    <div class="right-line miao-divider-line"></div>
+  </div>
+</template>
+<script lang="ts" setup>
+</script>
+<style scoped lang="scss">
+.miao-divider {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 10px 0;
+}
+
+.miao-divider-line {
+  height: 1px;
+  background-color: #e8e8e8;
+}
+
+.left-line {
+  flex: 1;
+}
+
+.right-line {
+  flex: 32;
+}
+
+.miao-divider-text {
+  margin: 0 10px;
+}
+</style>