chore: split index.css

example/src/components/LaySearch.vue

@@ -11,9 +11,9 @@ import "@docsearch/css";
 onMounted(() => {
   docsearch({
     container: "#docsearch",
-    appId: "Y8NT7MICRP",
-    apiKey: "fb23e7bbc001828e56c50d66e6be26b2",
-    indexName: "indexName"
+    appId: "BIYZTK0F0Q",
+    apiKey: "4b228ca4dcda0f1d5d9ff9938c2b4f59",
+    indexName: "layui-vue"
   });
 });
 </script>

example/src/view/material.vue

@@ -8,6 +8,27 @@
   <br />
   <div class="layui-container" style="width: 80%">
     <div class="layui-row layui-col-space16">
+      <div class="layui-col layui-col-md6">
+        <a href="https://github.com/rstacruz/nprogress">
+          <div class="project-list-item">
+          <img
+            class="project-list-item-cover"
+            src="https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png"
+          />
+
+          <div class="project-list-item-body">
+            <h2>vueUse</h2>
+            <div class="project-list-item-text layui-text">
+              Collection of essential Vue Composition Utilities for Vue 2 and 3
+            </div>
+            <div class="project-list-item-desc">
+              <span class="time">几秒前</span>
+              <div class="ew-head-list"></div>
+            </div>
+          </div>
+        </div>
+        </a>
+      </div>
       <div class="layui-col layui-col-md6">
         <a href="https://github.com/scopewu/qrcode.vue">
           <div class="project-list-item">