feat: setup search, close #8

Author: antfu

.vitepress/config.js

@@ -208,6 +208,13 @@ module.exports = {
     editLinks: true,
     editLinkText: 'Suggest changes to this page',
 
+    // for translations maintainers: you probably want to comment this out for now.
+    // I will handle them later when I setup the crawler for translations
+    algolia: {
+      apiKey: '1a5c5a504139c58f428974c78c55291d',
+      indexName: 'sli',
+    },
+
     nav: [
       {
         text: 'Guide',

.vitepress/theme/components/AlgoliaSearchBox.vue

@@ -150,7 +150,7 @@ function initialize(userOptions: any) {
   --docsearch-footer-shadow: rgba(125,125,125,0.1);
   --docsearch-hit-background: rgba(125,125,125,0.1);
   --docsearch-hit-shadow: none;
-  --docsearch-primary-color: #42b983;
+  --docsearch-primary-color: var(--c-brand);
   --docsearch-highlight-color: var(--docsearch-primary-color);
   --docsearch-searchbox-background: rgba(125,125,125,0.05);
   --docsearch-searchbox-focus-background: rgba(125,125,125,0.05);

.vitepress/theme/styles/layout.css

@@ -306,7 +306,7 @@ p > img {
   @apply rounded-2xl
 }
 
-li svg {
+li > svg {
   vertical-align: middle;
   transform: translateY(-10%);
 }