From 3b3bfea94c0d57b22d365918860f092e9a3e7b8b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E9=B9=8F=E5=9D=A4-=E6=89=A7=E6=89=8B=E5=AF=B9?=
 =?UTF-8?q?=E5=BD=B1=E6=88=90=E5=8F=8C?= <mail@lipk.org>
Date: Sat, 29 Apr 2023 23:05:12 +0800
Subject: [PATCH] docs: add head `<script>` example (#2264)

Co-authored-by: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
---
 docs/reference/site-config.md | 35 +++++++++++++++++++++++++++++------
 1 file changed, 29 insertions(+), 6 deletions(-)

diff --git a/docs/reference/site-config.md b/docs/reference/site-config.md
index 6ce39026..19101550 100644
--- a/docs/reference/site-config.md
+++ b/docs/reference/site-config.md
@@ -67,15 +67,15 @@ export default defineConfigWithTheme<ThemeConfig>({
 
 - **Vite**
 
-    You can configure the underlying Vite instance using the [vite](#vite) option in your VitePress config. No need to create a separate Vite config file.
+  You can configure the underlying Vite instance using the [vite](#vite) option in your VitePress config. No need to create a separate Vite config file.
 
 - **Vue**
 
-    VitePress already includes the official Vue plugin for Vite ([@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue)). You can configure its options using the [vue](#vue) option in your VitePress config.
+  VitePress already includes the official Vue plugin for Vite ([@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue)). You can configure its options using the [vue](#vue) option in your VitePress config.
 
 - **Markdown**
 
-    You can configure the underlying [Markdown-It](https://github.com/markdown-it/markdown-it) instance using the [markdown](#markdown) option in your VitePress config.
+  You can configure the underlying [Markdown-It](https://github.com/markdown-it/markdown-it) instance using the [markdown](#markdown) option in your VitePress config.
 
 ## Site Metadata
 
@@ -94,6 +94,7 @@ export default {
   title: 'My Awesome Site'
 }
 ```
+
 ```md
 # Hello
 ```
@@ -113,6 +114,7 @@ export default {
   titleTemplate: 'Custom Suffix'
 }
 ```
+
 ```md
 # Hello
 ```
@@ -159,8 +161,29 @@ export default {
     [
       'link',
       { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: '' }
+      // would render:
+      //
+      // <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    ],
+
+    [
+      'script',
+      { id: 'register-sw' },
+      `;(() => {
+        if ('serviceWorker' in navigator) {
+          navigator.serviceWorker.register('/sw.js')
+        }
+      })()`
+      // would render:
+      //
+      // <script id="register-sw">
+      // ;(() => {
+      //   if ('serviceWorker' in navigator) {
+      //     navigator.serviceWorker.register('/sw.js')
+      //   }
+      // })()
+      // </script>
     ]
-    // would render: <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   ]
 }
 ```
@@ -295,7 +318,7 @@ export default {
 }
 ```
 
-It can also be an array of extact url string, regex patterns, or custom filter functions. 
+It can also be an array of exact url string, regex patterns, or custom filter functions.
 
 ```ts
 export default {
@@ -557,7 +580,7 @@ export default {
 `transformPageData` is a hook to transform the `pageData` of each page. You can directly mutate `pageData` or return changed values which will be merged into PageData.
 
 ::: warning
-Don't mutate anything inside the `ctx`. 
+Don't mutate anything inside the `ctx`.
 :::
 
 ```ts