chore: update Vuepress, add search bar

content/.vuepress/config.ts

@@ -1,7 +1,10 @@
-import { defineUserConfig, defaultTheme } from 'vuepress';
-import { removeHtmlExtensionPlugin } from 'vuepress-plugin-remove-html-extension';
-import head from './head';
-import locales from './locales';
+import { defaultTheme } from '@vuepress/theme-default';
+import { viteBundler } from '@vuepress/bundler-vite';
+import { defineUserConfig } from 'vuepress';
+import { searchProPlugin } from 'vuepress-plugin-search-pro';
+
+import { head } from './head';
+import { locales, searchLocales } from './locales';
 import { themeLocales } from './themeLocales';
 
 export default defineUserConfig({
@@ -9,12 +12,18 @@ export default defineUserConfig({
   title: 'Lucien Cartier-Tilet',
   description: 'Site web personnel de Lucien Cartier-Tilet',
   head: head,
+  bundler: viteBundler({}),
   markdown: {
     html: true,
     linkify: true,
     typographer: true,
   },
-  plugins: [removeHtmlExtensionPlugin()],
+  plugins: [
+    searchProPlugin({
+      indexContent: true,
+      locales: searchLocales,
+    }),
+  ],
   locales: locales,
   theme: defaultTheme({
     contributors: false,

content/.vuepress/head.ts

@@ -1,9 +1,11 @@
+import { HeadAttrsConfig } from 'vuepress';
+
 interface SimplifiedHeader {
   tag: string;
-  content: [any];
+  content: HeadAttrsConfig[];
 }
 
-const simplifiedHead = [
+const simplifiedHead: SimplifiedHeader[] = [
   {
     tag: 'meta',
     content: [
@@ -117,12 +119,16 @@ const simplifiedHead = [
   },
 ];
 
-let head = [];
+let headBuilder = [];
 simplifiedHead.forEach((tag) => {
   tag.content.forEach((element: any) => {
-    head.push([tag.tag, element]);
+    headBuilder.push([tag.tag, element]);
   });
 });
-head.push(['a', { rel: 'me', href: 'https://emacs.ch/@phundrak' }, 'Mastodon']);
+headBuilder.push([
+  'a',
+  { rel: 'me', href: 'https://emacs.ch/@phundrak' },
+  'Mastodon',
+]);
 
-export default head;
+export const head = headBuilder;

content/.vuepress/locales.ts

@@ -1,4 +1,6 @@
-const locales = {
+import { SearchProLocaleConfig } from 'vuepress-plugin-search-pro';
+
+export const locales = {
   '/': {
     lang: 'fr-FR',
     title: 'Lucien Cartier-Tilet',
@@ -16,4 +18,37 @@ const locales = {
   },
 };
 
-export default locales;
+export const searchLocales: SearchProLocaleConfig = {
+  '/fr/': {
+    cancel: 'Annuler',
+    placeholder: 'Rechercher',
+    search: 'Rechercher',
+    searching: 'Recherche',
+    defaultTitle: 'Documentation',
+    select: 'sélectionner',
+    navigate: 'naviguer',
+    autocomplete: 'auto-complétion',
+    exit: 'fermer',
+    queryHistory: 'Historique de recherche',
+    resultHistory: 'Historique des résultats',
+    emptyHistory: "Vider l'historique de recherche",
+    emptyResult: 'Aucun résultat trouvé',
+    loading: 'Chargement des index de recherche...',
+  },
+  '/lfn/': {
+    cancel: 'Cansela',
+    placeholder: 'Xerca',
+    search: 'Xerca',
+    searching: 'Xercante',
+    defaultTitle: 'Documentos',
+    select: 'eleje',
+    navigate: 'naviga',
+    autocomplete: 'auto-completi',
+    exit: 'sorti',
+    queryHistory: 'Historia de xerca',
+    resultHistory: 'Historia de resultas',
+    emptyHistory: 'Historia vacua',
+    emptyResult: 'Resultas vacua',
+    loading: 'Cargante la indise de xerca...',
+  },
+};