rename index.css to index.less

example/src/layouts/Layout.vue

@@ -36,9 +36,7 @@
           </a>
         </li>
         <li class="layui-nav-item">
-          <a
-            href="https://gitee.com/layui-vue/layui-vue/issues"
-          >
+          <a href="https://gitee.com/layui-vue/layui-vue/issues">
             <lay-icon type="layui-icon-chat" size="15px"></lay-icon>
           </a>
         </li>
@@ -51,45 +49,47 @@
   </lay-layout>
 </template>
 <script>
-import { ref, watch } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
-import menu from '../view/utils/menus'
+import { ref, watch } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import menu from "../view/utils/menus";
 export default {
   setup() {
-    const route = useRoute()
-    const router = useRouter()
-    const currentPath = ref('/zh-CN/guide')
+    const route = useRoute();
+    const router = useRouter();
+    const currentPath = ref("/zh-CN/guide");
+    const theme = ref(false)
 
-    const menus = []
+    const menus = [];
 
-    menu.forEach(m => {
-      m.children.forEach(c => {
+    menu.forEach((m) => {
+      m.children.forEach((c) => {
         menus.push(c);
-      })
-    })
+      });
+    });
 
     watch(
       () => route.path,
       (val) => {
-        currentPath.value = val
+        currentPath.value = val;
       },
       {
         immediate: true,
         deep: true,
       }
-    )
+    );
 
     const handleClick = function (menu) {
-      router.push(menu.path)
-    }
+      router.push(menu.path);
+    };
 
     return {
       menus,
+      theme,
       currentPath,
       handleClick,
-    }
+    };
   },
-}
+};
 </script>
 <style>
 .layui-layout-document > .layui-header {

package.json

@@ -73,6 +73,7 @@
   },
   "files": [
     "lib",
+    "src",
     "types"
   ],
   "browserslist": [

src/index.ts

@@ -1,7 +1,7 @@
 import type { App } from "vue";
 import type { IDefineComponent, InstallOptions } from "./component/type/index";
 
-import "./theme/layui.css";
+import "./theme/index.less";
 import "@layui/layer-vue/lib/index.css";
 import "@layui/icons-vue/lib/index.css";
 import { layer, useLayer } from "@layui/layer-vue";

src/theme/index.less

@@ -1186,7 +1186,6 @@ a cite {
   line-height: 22px;
   min-width: 35px;
   padding: 0 5px;
-  margin-top: 8px;
   border: 1px solid #d2d2d2;
   border-radius: 20px;
   cursor: pointer;