feat: add search

package.json

@@ -44,6 +44,8 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.7.3",
+    "@vueuse/core": "^10.2.1",
+    "@vueuse/nuxt": "^10.2.1",
     "@nuxtjs/mdc": "^0.1.6",
     "@vueuse/head": "^2.0.0",
     "consola": "^3.2.3",
@@ -54,6 +56,7 @@
     "listhen": "^1.5.3",
     "mdast-util-to-string": "^4.0.0",
     "mdurl": "^1.0.1",
+    "minisearch": "^6.1.0",
     "micromark": "^4.0.0",
     "micromark-util-sanitize-uri": "^2.0.0",
     "micromark-util-types": "^2.0.0",

playground/search/components/search.vue

@@ -0,0 +1,28 @@
+<script lang="ts" setup>
+const search = ref('')
+
+// Usage for non indexed search
+// const miniSearch = defineMiniSearchOptions({
+//   fields: ['title', 'content', 'titles'],
+//   storeFields: ['title', 'content', 'titles'],
+//   searchOptions: {
+//     prefix: true,
+//     fuzzy: 0.2,
+//     boost: {
+//       title: 4,
+//       content: 2,
+//       titles: 1
+//     }
+//   }
+// })
+// const result = await searchContent(search, { miniSearch })
+
+// Usage for indexed search
+const result = await searchContent(search, { fetch: { lazy: true, server: false } })
+</script>
+
+<template>
+  <input v-model="search">
+
+  <pre>{{ result }} </pre>
+</template>

playground/search/content/_partial.md

@@ -0,0 +1,3 @@
+# Partial file
+
+This is a partial file.

playground/search/content/draft.md

@@ -0,0 +1,5 @@
+---
+_draft: true
+---
+
+# Draft file

playground/search/content/javascript.md

@@ -0,0 +1,45 @@
+---
+description: JavaScript, a programming language!
+---
+
+# JavaScript
+
+JavaScript (/ˈdʒɑːvəskrɪpt/), often abbreviated as JS, is a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS. As of 2023, 98.7% of websites use JavaScript on the client side for webpage behavior, often incorporating third-party libraries. All major web browsers have a dedicated JavaScript engine to execute the code on users' devices.
+
+Another article.
+
+For more information, see [Wikipedia](https://en.wikipedia.org/wiki/JavaScript).
+
+## Hello World
+
+```javascript
+console.log("Hello World!");
+```
+
+::alert{type="info"}
+This is a JavaScript alert!
+::
+
+## History
+
+Hello from history, this is a test!
+
+### Creation
+
+Creation is another test!
+
+### Adoption
+
+## Other usage
+
+### Server-side
+
+This is a section about server-side.
+
+#### Node.js
+
+##### Hello World
+
+### Desktop applications
+
+## See also

playground/search/content/php.md

@@ -0,0 +1,9 @@
+---
+description: PHP, a programming language!
+---
+
+# PHP
+
+PHP is a general-purpose scripting language geared towards web development. It was originally created by Danish-Canadian programmer Rasmus Lerdorf in 1993 and released in 1995. The PHP reference implementation is now produced by the PHP Group. PHP was originally an abbreviation of Personal Home Page, but it now stands for the recursive initialism PHP: Hypertext Preprocessor.
+
+For more information, see [Wikipedia](https://en.wikipedia.org/wiki/PHP).

playground/search/content/programming.json

@@ -0,0 +1,5 @@
+{
+  "languages": [
+    "javascript"
+  ]
+}

playground/search/nuxt.config.ts

@@ -0,0 +1,17 @@
+export default defineNuxtConfig({
+  ssr: false,
+
+  extends: ['../shared'],
+
+  content: {
+    search: {
+      mode: 'full-text',
+      indexedSearch: true,
+      ignoreQuery: { _draft: false, _partial: true }
+    }
+  },
+
+  typescript: {
+    includeWorkspace: true
+  }
+})

playground/search/pages/index.vue

@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+const open = ref(false)
+</script>
+
+<template>
+  <div>
+    <h1>Search</h1>
+
+    <button @click="open = !open">
+      {{ open ? 'Close' : 'Open' }} Search
+    </button>
+
+    <Search v-if="open" />
+
+    <Search />
+  </div>
+</template>