From 0de6fa5631887b73f654f6947c208a20c00a0560 Mon Sep 17 00:00:00 2001
From: productdevbook <hi@productdevbook.com>
Date: Wed, 21 Sep 2022 10:30:23 +0300
Subject: [PATCH] feat: docs add sponsor link

---
 docs/app.vue             |  5 +++++
 docs/layouts/default.vue | 13 +++++++++++++
 docs/layouts/page.vue    | 23 +++++++++++++++++++++++
 docs/nuxt.config.ts      |  6 +++++-
 docs/package.json        |  3 ++-
 docs/yarn.lock           |  8 ++++++++
 6 files changed, 56 insertions(+), 2 deletions(-)
 create mode 100644 docs/app.vue
 create mode 100644 docs/layouts/default.vue
 create mode 100644 docs/layouts/page.vue

diff --git a/docs/app.vue b/docs/app.vue
new file mode 100644
index 00000000..e19315ee
--- /dev/null
+++ b/docs/app.vue
@@ -0,0 +1,5 @@
+<template>
+  <AppLayout>
+    <NuxtPage />
+  </AppLayout>
+</template>
diff --git a/docs/layouts/default.vue b/docs/layouts/default.vue
new file mode 100644
index 00000000..4cf8f5b2
--- /dev/null
+++ b/docs/layouts/default.vue
@@ -0,0 +1,13 @@
+<template>
+  <DocsPageContent class="min-h-page">
+    <slot />
+    <a
+      href="https://github.com/sponsors/productdevbook"
+      target="_blank"
+      class="fixed px-4 hover:bg-red-400 flex shadow shadow-red-100 font-semibold items-center justify-center bottom-14 right-10 py-2 bg-red-500 row-span-full text-lg text-white rounded-full"
+    >
+      <Icon name="uil:github" size="24" class="mr-2" />
+      <p>sponsor us</p>
+    </a>
+  </DocsPageContent>
+</template>
diff --git a/docs/layouts/page.vue b/docs/layouts/page.vue
new file mode 100644
index 00000000..41bc4c7b
--- /dev/null
+++ b/docs/layouts/page.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+const { page } = useContent()
+</script>
+
+<template>
+  <div class="flex flex-col min-h-screen">
+    <AppContainer
+      :fluid="page.fluid"
+      :constrained-class="page.constrainedClass"
+      :padded="page.padded"
+    >
+      <slot />
+      <a
+        href="https://github.com/sponsors/productdevbook"
+        target="_blank"
+        class="fixed px-4 hover:bg-red-400 flex shadow shadow-red-100 font-semibold items-center justify-center bottom-14 right-10 py-2 bg-red-500 row-span-full text-lg text-white rounded-full"
+      >
+        <Icon name="uil:github" size="24" class="mr-2" />
+        <p>sponsor us</p>
+      </a>
+    </AppContainer>
+  </div>
+</template>
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index 9ec93a40..8751a83b 100755
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -7,7 +7,11 @@ export default defineNuxtConfig({
       routes: ['/', '/blog/announcing-v2']
     }
   },
-  modules: ['@nuxtlabs/github-module', '@huntersofbook/plausible-nuxt'],
+  modules: [
+    '@nuxtlabs/github-module',
+    '@huntersofbook/plausible-nuxt',
+    'nuxt-icon'
+  ],
   extends: process.env.DOCUS_THEME_PATH || '@nuxt-themes/docus',
   github: {
     owner: 'huntersofbook',
diff --git a/docs/package.json b/docs/package.json
index 6ee65887..6e627844 100755
--- a/docs/package.json
+++ b/docs/package.json
@@ -14,7 +14,8 @@
     "@nuxt/content": "^2.1.1",
     "@nuxtlabs/github-module": "npm:@nuxtlabs/github-module-edge@1.3.1-27629534.edb1935",
     "monaco-editor-core": "^0.34.0",
-    "nuxt": "^3.0.0-rc.11"
+    "nuxt": "^3.0.0-rc.11",
+    "nuxt-icon": "^0.1.6"
   },
   "dependencies": {
     "@typescript/ata": "^0.9.3",
diff --git a/docs/yarn.lock b/docs/yarn.lock
index 7ce2e572..cee164d7 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -4614,6 +4614,14 @@ nuxi@3.0.0-rc.11:
   optionalDependencies:
     fsevents "~2.3.2"
 
+nuxt-icon@^0.1.6:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/nuxt-icon/-/nuxt-icon-0.1.6.tgz#141c5929f23e10058a52ecc40143f7f3cd427624"
+  integrity sha512-kxw2a1VcLpqzFp0q84AhRykXOnVO5p8dEIPF0GWbFiAOK0pn1acCbTVRbgKm4sD3H+g1v3Gm8OYvl71TCDDkqg==
+  dependencies:
+    "@iconify/vue" "^3.2.1"
+    "@nuxt/kit" "^3.0.0-rc.9"
+
 nuxt@^3.0.0-rc.11:
   version "3.0.0-rc.11"
   resolved "https://registry.yarnpkg.com/nuxt/-/nuxt-3.0.0-rc.11.tgz#08f9861b71b68e322bf8f732f8b28956bb92219f"