chore(nuxt): disable document driven for static

Author: viandwi24

app/nuxt.config.ts

@@ -1,7 +1,4 @@
 export default defineNuxtConfig({
+  devtools: { enabled: true },
   extends: '../',
-
-  // pass USE_STATIC to env when use "pnpm generate" for client only rendering support in @nuxt/content
-  ssr: process.env.USE_STATIC ? false : undefined,
-  nitro: process.env.USE_STATIC ? { preset: 'service-worker' } : undefined,
 })

nuxt.config.ts

@@ -80,7 +80,7 @@ export default defineNuxtConfig({
 
   // module::content
   content: {
-    documentDriven: true,
+    // documentDriven: true,
     markdown: {
       mdc: true,
     },

pages/post/index.vue

@@ -9,40 +9,49 @@ useHead({ title: 'Posts' })
     <LayoutPageHeader>
       <LayoutPageTitle text="Posts" class="capitalize" />
     </LayoutPageHeader>
-    <ContentList v-slot="{ list }" path="/post">
-      <LayoutPageSection v-for="article in list" :key="article._path">
-        <div
-          class="hover:no-underline p-6 flex space-x-6 rounded border border-gray-900/10 dark:border-gray-50/[0.2]"
-        >
-          <div class="mt-1 text-gray-600 dark:text-gray-400 text-right">
-            <div>{{ article.date }}</div>
-            <AwesomeLink
-              class="text-sm flex items-center justify-end space-x-1"
-              :href="`https://www.github.com/${article.author}`"
-            >
-              <Icon name="mdi:github-face" class="text-xs" />
-              <span>{{ article.author }}</span>
-            </AwesomeLink>
-          </div>
-          <div class="flex flex-col">
-            <div class="text-xl font-semibold text-gray-800 dark:text-gray-50">
-              {{ article.title }}
-            </div>
-            <div class="text-gray-700 dark:text-gray-300 mb-1">
-              {{ article.description }}
-            </div>
-            <div class="flex">
+    <LayoutPageSection>
+      <ContentList path="/post">
+        <template #default="{ list }">
+          <div
+            v-for="article in list"
+            :key="article._path"
+            class="hover:no-underline p-6 flex space-x-6 rounded border border-gray-900/10 dark:border-gray-50/[0.2] mb-4"
+          >
+            <div class="mt-1 text-gray-600 dark:text-gray-400 text-right">
+              <div>{{ article.date }}</div>
               <AwesomeLink
-                class="text-sm flex space-x-1 items-center text-primary-500"
-                :to="article._path"
+                class="text-sm flex items-center justify-end space-x-1"
+                :href="`https://www.github.com/${article.author}`"
               >
-                <span>learn more</span>
-                <Icon name="ic:baseline-arrow-right-alt" class="text-sm" />
+                <Icon name="mdi:github-face" class="text-xs" />
+                <span>{{ article.author }}</span>
               </AwesomeLink>
             </div>
+            <div class="flex flex-col">
+              <div
+                class="text-xl font-semibold text-gray-800 dark:text-gray-50"
+              >
+                {{ article.title }}
+              </div>
+              <div class="text-gray-700 dark:text-gray-300 mb-1">
+                {{ article.description }}
+              </div>
+              <div class="flex">
+                <AwesomeLink
+                  class="text-sm flex space-x-1 items-center text-primary-500"
+                  :to="article._path"
+                >
+                  <span>learn more</span>
+                  <Icon name="ic:baseline-arrow-right-alt" class="text-sm" />
+                </AwesomeLink>
+              </div>
+            </div>
           </div>
-        </div>
-      </LayoutPageSection>
-    </ContentList>
+        </template>
+        <template #not-found>
+          <p>No articles found.</p>
+        </template>
+      </ContentList>
+    </LayoutPageSection>
   </LayoutPageWrapper>
 </template>