install and implement starlight fullview mode plugin

Author: huijing

astro.config.mjs

@@ -3,6 +3,7 @@ import starlight from "@astrojs/starlight";
 import remarkMath from "remark-math";
 import rehypeMathjax from "rehype-mathjax";
 import starlightLinksValidator from "starlight-links-validator";
+import starlightFullViewMode from "starlight-fullview-mode";
 
 // https://astro.build/config
 export default defineConfig({
@@ -19,7 +20,7 @@ export default defineConfig({
         "./node_modules/@interledger/docs-design-system/src/styles/teal-theme.css",
         "./node_modules/@interledger/docs-design-system/src/styles/ilf-docs.css",
       ],
-      plugins: [starlightLinksValidator()],
+      plugins: [starlightLinksValidator(), starlightFullViewMode()],
       expressiveCode: {
         styleOverrides: {
           borderColor: "transparent",

package.json

@@ -11,10 +11,11 @@
   "dependencies": {
     "@astrojs/starlight": "^0.34.3",
     "@interledger/docs-design-system": "^0.7.0",
-    "astro": "^5.7.12",
+    "astro": "^5.7.13",
     "rehype-mathjax": "^7.1.0",
     "remark-math": "^6.0.0",
     "sharp": "^0.34.1",
+    "starlight-fullview-mode": "^0.2.3",
     "starlight-links-validator": "^0.16.0"
   }
 }

src/components/FullView.astro

@@ -2,15 +2,13 @@
 import Search from "@astrojs/starlight/components/Search.astro";
 import ThemeSelect from "@astrojs/starlight/components/ThemeSelect.astro";
 import SocialIcons from "@astrojs/starlight/components/SocialIcons.astro";
-import FullView from "./FullView.astro";
 import InterledgerLogo from "./InterledgerLogo.astro";
 ---
 <div class="header sl-flex">
   <a href="/" class="site-logo">
     <InterledgerLogo />
   </a>
   <div class="secondary-wrap">
-    <FullView />
     <Search />
     <SocialIcons />
     <div class="sl-hidden md:sl-flex">