Merge pull request #123 from selemondev/fix-algolia-search

fix(app): algolia component theme

docs/docs/.vitepress/theme/index.ts

@@ -1,9 +1,8 @@
 // https://vitepress.dev/guide/custom-theme
 import { h, watch } from 'vue'
 import Theme from 'vitepress/theme'
-// import './style.css'
-import './overrides.css'
 import DemoBlock from '../components/demo-block'
+import './overrides.css'
 import "./rainbow.css"
 import "./style.css"
 import './tailwind.css'

docs/docs/.vitepress/theme/overrides.css

@@ -55,24 +55,24 @@
 
 
   /* VitePress Search */
-  .VPLocalSearchBox .result {
-    --vp-c-bg-search-result: var(--vp-c-bg);
-    background: var(--vp-c-bg-search-result) !important;
-    padding: 4px !important;
-    border: 1px solid var(--vp-c-divider) !important;
-  }
-  .VPLocalSearchBox .result.selected {
-    --vp-c-bg-search-result: var(--vp-c-bg-soft) !important;
-  }
-  .VPLocalSearchBox .result .excerpt-gradient-top {
-    background: linear-gradient(var(--vp-c-bg-search-result),transparent) !important;
-  }
-  .VPLocalSearchBox .result .excerpt-gradient-bottom {
-    background: linear-gradient(transparent,var(--vp-c-bg-search-result)) !important;
-  }
-  .VPLocalSearchBox .title-icon {
-    display: none;
-  }
-  .VPLocalSearchBox .excerpt-wrapper {
-    margin-top: 4px;
-  }
+.VPLocalSearchBox .result {
+  --vp-c-bg-search-result: var(--vp-c-bg);
+  background: var(--vp-c-bg-search-result) !important;
+  padding: 4px !important;
+  border: 1px solid var(--vp-c-divider) !important;
+}
+.VPLocalSearchBox .result.selected {
+  --vp-c-bg-search-result: var(--vp-c-bg-soft) !important;
+}
+.VPLocalSearchBox .result .excerpt-gradient-top {
+  background: linear-gradient(var(--vp-c-bg-search-result),transparent) !important;
+}
+.VPLocalSearchBox .result .excerpt-gradient-bottom {
+  background: linear-gradient(transparent,var(--vp-c-bg-search-result)) !important;
+}
+.VPLocalSearchBox .title-icon {
+  display: none;
+}
+.VPLocalSearchBox .excerpt-wrapper {
+  margin-top: 4px;
+}

docs/docs/.vitepress/theme/style.css

@@ -111,4 +111,5 @@
 
 .DocSearch {
   --docsearch-primary-color: var(--vp-c-brand) !important;
+  border: 1px solid var(--vp-c-divider) !important;
 }

docs/docs/vite.config.ts

@@ -1,13 +1,5 @@
 import { defineConfig } from 'vite'
-import { SearchPlugin } from "vitepress-plugin-search";
 import UnoCSS from 'unocss/vite'
-var options = {
-  previewLength: 62,
-  buttonLabel: "Search",
-  placeholder: "Search docs",
-  allow: [],
-  ignore: [],
-};
 export default defineConfig({
   optimizeDeps: {
     exclude: [
@@ -21,6 +13,5 @@ export default defineConfig({
   },
   plugins: [
     UnoCSS(),
-    SearchPlugin(options)
   ],
 })

package.json

@@ -44,6 +44,7 @@
     "jsdom": "^22.1.0",
     "lint-staged": "^13.2.3",
     "postcss": "^8.4.27",
+    "postcss-prefix-selector": "^1.16.0",
     "rimraf": "^5.0.1",
     "sass": "^1.64.1",
     "simple-git-hooks": "^2.9.0",