feat: create display partial component

matter-labs · Mar 27, 2024 · 3d2896b · 3d2896b
1 parent a64443f
commit 3d2896b
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 0 deletions.
diff --git a/components/content/DisplayPartial.vue b/components/content/DisplayPartial.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+defineProps<{
+  partial: string;
+}>();
+</script>
+
+<template>
+  <ContentQuery
+    v-slot="{ data }"
+    path="_partials"
+    find="one"
+    :where="{ _partial: true, title: { $icontains: partial } }"
+  >
+    <ContentRenderer :value="data" />
+  </ContentQuery>
+</template>
diff --git a/content/10.getting-started/1.index.md b/content/10.getting-started/1.index.md
@@ -29,6 +29,12 @@ There are already many websites based on this template:
 - [Nuxt Devtools](https://devtools.nuxt.com) - The documentation of `@nuxt/devtools`
 - [Nuxt Studio](https://nuxt.studio) - The pro version of Nuxt Content
 
+::display-partial
+---
+partial: 'Setting up your wallet'
+---
+::
+
 ## Features
 
 - Powered by [Nuxt 3](https://nuxt.com)

diff --git a/content/_partials/setting-up-your-wallet.md b/content/_partials/setting-up-your-wallet.md
@@ -0,0 +1,9 @@
+---
+title: Setting up your wallet
+---
+
+Here's how to setup your wallet, follow the instructions below:
+
+1. Download wallet
+2. ???
+3. Profit