From 4778bc7ff28f1a30b7f9f465fe28c0d1e66c03f7 Mon Sep 17 00:00:00 2001
From: Soul <710790342@qq.com>
Date: Sun, 15 Sep 2024 13:34:02 +0800
Subject: [PATCH] fix the content of pre tag overflow the wrap

---
 template/api-examples.md | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/template/api-examples.md b/template/api-examples.md
index d525dec8..841a5dc6 100644
--- a/template/api-examples.md
+++ b/template/api-examples.md
@@ -36,23 +36,22 @@ const { site, theme, page, frontmatter } = useData()
 ## Results
 
 ### Theme Data
-<pre>{{ theme }}</pre>
+<div class="language-json">
+  <pre>{{ theme }}</pre>  
+</div>
+
 
 ### Page Data
-<pre>{{ page }}</pre>
+<div class="language-json">
+  <pre>{{ page }}</pre>  
+</div>
 
 ### Page Frontmatter
-<pre>{{ frontmatter }}</pre>
+<div class="language-json">
+  <pre>{{ frontmatter }}</pre>  
+</div>
 
 ## More
 
 Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata).
 
-<style scoped>
-pre {
-  width: 100%;
-  overflow: auto;
-  background-color: var(--vp-code-block-bg);
-  padding: 1em;
-}
-</style>