Add Netlify badge

Author: drwpow

docs/.vitepress/config.ts

@@ -4,7 +4,7 @@ import zh from "./zh";
 import ja from "./ja";
 import shared from "./shared";
 import { transformerTwoslash } from "@shikijs/vitepress-twoslash";
-import { ModuleKind, ModuleResolutionKind } from "typescript";
+import { ModuleResolutionKind } from "typescript";
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({

docs/.vitepress/en.ts

@@ -138,8 +138,9 @@ export default defineConfig({
       },
     ],
     footer: {
-      message:
-        'Released under the <a href="https://github.com/openapi-ts/openapi-typescript/blob/main/packages/openapi-typescript/LICENSE">MIT License</a>.',
+      message: `<div class="footer-spacer"></div>
+<div class="footer-license">Released under the <a href="https://github.com/openapi-ts/openapi-typescript/blob/main/packages/openapi-typescript/LICENSE">MIT License</a>.</div>
+<a class="footer-hosting" href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-bg.svg" alt="Deploys by Netlify" /></a>`,
     },
   },
 });

docs/.vitepress/ja.ts

@@ -64,8 +64,9 @@ export default defineConfig({
     sidebarMenuLabel: "メニュー",
     returnToTopLabel: "最上部に戻る",
     footer: {
-      message:
-        '<a href="https://github.com/openapi-ts/openapi-typescript/blob/main/packages/openapi-typescript/LICENSE">MITライセンス</a> に基づいて配布されています。',
+      message: `<div class="footer-spacer"></div>
+<div class="footer-license"><a href="https://github.com/openapi-ts/openapi-typescript/blob/main/packages/openapi-typescript/LICENSE">MITライセンス</a> に基づいて配布されています。</div>
+<a class="footer-hosting" href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-bg.svg" alt="Deploys by Netlify" /></a>`,
     },
   },
 });
@@ -111,4 +112,4 @@ export const jaSearch: DefaultTheme.AlgoliaSearchOptions["locales"] = {
       },
     },
   },
-};
+};

docs/.vitepress/shared.ts

@@ -26,7 +26,7 @@ const shared: UserConfig = {
   themeConfig: {
     siteTitle: false,
     logo: "/assets/openapi-ts.svg",
-    outline: 'deep',
+    outline: "deep",
     search: {
       provider: "algolia",
       options: {

docs/.vitepress/theme/CustomLayout.vue

@@ -58,6 +58,16 @@ const { Layout } = DefaultTheme;
             </a>
           </li>
         </ul>
+        <h5 style="margin-block-start: 4rem">Hosting</h5>
+        <div class="sidebar-hosting">
+          <a href="https://www.netlify.com"
+            ><img
+              width="73"
+              height="32"
+              src="https://www.netlify.com/v3/img/components/netlify-color-bg.svg"
+              alt="Deploys by Netlify"
+          /></a>
+        </div>
       </div>
     </template>
   </Layout>
@@ -147,6 +157,14 @@ const { Layout } = DefaultTheme;
   height: 3rem;
   width: auto;
 }
+
+.sidebar-hosting {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  margin-block-start: 1rem;
+  text-align: center;
+}
 </style>
 
 <style>

docs/.vitepress/theme/style.css

@@ -235,3 +235,25 @@ code {
 .home-sponsor .donate {
   display: inline-block;
 }
+
+/* Home footer */
+.VPFooter .container .message {
+  --badge-width: 8rem;
+
+  align-items: center;
+  display: grid;
+  justify-items: center;
+  gap: 1.5rem;
+  text-align: center;
+
+  @media (width >= 600px) {
+    grid-template-columns: var(--badge-width) auto var(--badge-width);
+    gap: 0;
+  }
+}
+
+.footer-hosting {
+  display: inline-block;
+  height: 2rem;
+  width: 8rem;
+}

docs/.vitepress/zh.ts

@@ -53,8 +53,9 @@ export default defineConfig({
     },
 
     footer: {
-      message:
-        '基于 <a href="https://github.com/openapi-ts/openapi-typescript/blob/main/packages/openapi-typescript/LICENSE">MIT</a> 许可发布',
+      message: `<div class="footer-spacer"></div>
+<div class="footer-license">基于 <a href="https://github.com/openapi-ts/openapi-typescript/blob/main/packages/openapi-typescript/LICENSE">MIT</a> 许可发布</div>
+<a class="footer-hosting" href="https://www.netlify.com"><img src="https://www.netlify.com/v3/img/components/netlify-color-bg.svg" alt="Deploys by Netlify" /></a>`,
     },
   },
 });