update icon

package.json

@@ -6,11 +6,11 @@
   "dependencies": {
     "@vuepress/cli": "2.0.0-beta.67",
     "@vuepress/client": "2.0.0-beta.67",
-    "@vuepress/plugin-docsearch": "2.0.0-beta.67",
     "@vuepress/utils": "2.0.0-beta.67",
     "sass-loader": "13.3.2",
     "vue": "3.3.4",
     "vuepress-theme-hope": "2.0.0-beta.237",
+    "vuepress-plugin-search-pro": "2.0.0-beta.237",
     "vuepress-vite": "2.0.0-beta.67"
   }
 }

src/.vuepress/config.ts

@@ -1,5 +1,6 @@
 import { defineUserConfig } from "@vuepress/cli";
 import theme from "./theme.js";
+import { searchProPlugin } from "vuepress-plugin-search-pro";
 
 const base = <"/" | `/${string}/`>process.env["BASE"] || "/";
 
@@ -17,4 +18,16 @@ export default defineUserConfig({
   theme,
 
   shouldPrefetch: true,
+
+  plugins: [
+    searchProPlugin({
+      indexContent: true,
+      customFields: [
+        {
+          getter: (page) => page.frontmatter.category,
+          formatter: "$content",
+        },
+      ],      
+    }),
+  ],
 });

src/.vuepress/navbar/en.ts

@@ -21,6 +21,7 @@ export const enNavbar = navbar([
       "design",
       "experiments",
       "results",
+      "safety",
     ],
   },
   "hp",

src/hp.md

@@ -1,5 +1,6 @@
 ---
-title: Human Practices
+title: Human Practice
+category: Human Practice
 ---
 ![](https://static.igem.wiki/teams/4203/wiki/humanpractice.jpg)
 

src/project/description.md

@@ -1,6 +1,7 @@
 ---
 title: Description
 icon: fa-solid fa-bookmark
+category: Project
 ---
 
 # Inspiration

src/project/design.md

@@ -1,5 +1,6 @@
 ---
 title: Design
 icon: fa-solid fa-pen
+category: Project
 ---
 # Design a natux

src/project/experiments.md

@@ -1,6 +1,7 @@
 ---
 title: Experiments
 icon: fa-solid fa-vial
+category: Project
 ---
 ![](https://static.igem.wiki/teams/4203/wiki/experiment.jpg)
 

src/project/results.md

@@ -1,6 +1,7 @@
 ---
 title: Results
 icon: fa-solid fa-file-lines
+category: Project
 ---
 ![](https://static.igem.wiki/teams/4203/wiki/experiment.jpg)
 

src/project/safety.md

@@ -1,5 +1,7 @@
 ---
 title: Safety
+category: Project
+icon: fa-solid fa-shield
 ---
 ![](https://static.igem.wiki/teams/4203/wiki/safety.jpg)
 # Placeholder

src/team/attributions.md

@@ -1,6 +1,7 @@
 ---
 title: Attributions
 icon: fa-solid fa-star
+category: Team
 ---
 ![](https://static.igem.wiki/teams/4203/wiki/attributionnew.jpg)
 

src/team/collaborations.md

@@ -1,6 +1,7 @@
 ---
 title: Collaborations
 icon: fa-solid fa-circle-info
+category: Team
 ---
 
 ## Placeholder

src/team/team.md

@@ -1,6 +1,7 @@
 ---
 title: The Team
 icon: fa-solid fa-user
+category: Team
 ---
 ![](https://static.igem.wiki/teams/4203/wiki/team.jpg)