🔥 extract the module copyFilesToPublic

💄 update the UI of subscribe page

Author: Benbinbin

modules/copyFilesToPublic.ts

@@ -1,8 +1,3 @@
-import { fileURLToPath } from 'url'
-import { dirname, join } from 'path'
-
-const currentDir = dirname(fileURLToPath(import.meta.url))
-
 export default defineNuxtConfig({
   app: {
     // baseURL: '/'
@@ -32,7 +27,7 @@ export default defineNuxtConfig({
     }
   },
   modules: [
-    [join(currentDir, './modules/copyFilesToPublic'), { cleanFolders: ['public/article'] }],
+    ['bloginote-copy-files-module', { cleanFolders: ['public/article'] }],
     '@nuxt/content',
     '@nuxtjs/tailwindcss'
   ],

nuxt.config.ts

@@ -36,6 +36,7 @@
     "@nuxt/content": "2.8.0",
     "@nuxt/kit": "3.7.0",
     "@nuxtjs/tailwindcss": "6.8.0",
+    "bloginote-copy-files-module": "0.1.1",
     "d3-hierarchy": "^3.1.2",
     "d3-selection": "^3.0.0",
     "d3-shape": "^3.2.0",

package.json

@@ -15,13 +15,16 @@ const config = useRuntimeConfig()
           <h1>
             Subscribe
           </h1>
-          <div class="max-w-prose mx-auto p-4 space-y-4 ">
-            <div class="flex items-center gap-2">
+          <p class="text-center">
+            <span class="text-sm text-gray-400">click the following icons to copy</span>
+          </p>
+          <div class="mx-auto p-8 flex flex-wrap justify-center items-center gap-16">
+            <div class="flex flex-col items-center gap-2">
               <CopyContent
                 :content="`${config.public.hostname}/rss.xml`"
                 :icon-name="'fa-solid:rss-square'"
                 :icon-color-class="'text-orange-400'"
-                :icon-size-class="'w-6 h-6'"
+                :icon-size-class="'w-36 h-36'"
               />
               <NuxtLink
                 to="/rss.xml"
@@ -32,12 +35,12 @@ const config = useRuntimeConfig()
               </NuxtLink>
             </div>
 
-            <div class="flex items-center gap-2">
+            <div class="flex flex-col items-center gap-2">
               <CopyContent
                 :content="`${config.public.hostname}/sitemap.xml`"
                 :icon-name="'majesticons:sitemap'"
                 :icon-color-class="'text-purple-400'"
-                :icon-size-class="'w-6 h-6'"
+                :icon-size-class="'w-36 h-36'"
               />
               <NuxtLink
                 to="/sitemap.xml"
@@ -65,9 +68,5 @@ const config = useRuntimeConfig()
   h2 {
     @apply py-8 text-2xl font-bold text-center
   }
-
-  p {
-    @apply py-4 text-lg text-gray-500
-  }
 }
 </style>