style(app): 使用 NuxtImg 替代 img 标签

在多个组件中将 `img` 标签替换为 `NuxtImg` 标签，提升图片加载的性能和优化。例如，在 `AboutSection.vue`、`FriendsSection.vue`、`HeroSection.vue`、`ProjectsSection.vue`、`SitesSection.vue` 和 `SkillsSection.vue` 中的图片标签。

refactor(app): 扩展 `nuxt.config.ts` 配置

扩展了 `nuxt.config.ts` 配置文件中的模块配置，添加了 `@nuxt/image` 和 `@nuxt/eslint` 模块。同时，优化了 `routeRules` 配置，以支持预渲染和增量静态生成。

app/components/GithubSection.vue

@@ -4,25 +4,32 @@
         <div class="mt-3">
             <h3 class="m-0 mb-1">提交热力图</h3>
             <p class="text-text-muted text-sm m-0 mb-3 block">我的提交热力图 · Acitivity Heatmap</p>
-            <img :src="github.heatmapUrl" alt="GitHub Heatmap" loading="lazy"
+            <NuxtImg
+                :src="github.heatmapUrl"
+                alt="GitHub Heatmap"
+                loading="lazy"
                 class="rounded-xl border border-white/10 hover:border-primary/30 transition-all duration-200"
-                class="w-full rounded-2xl border border-white/10" />
+            />
         </div>
         <div class="mt-3">
             <h3 class="m-0 mb-1">常用语言</h3>
             <p class="text-text-muted text-sm m-0 mb-3 block">我常用的语言 · Languages</p>
             <ul class="list-none p-0 m-0 flex flex-col gap-2.5">
-                <li v-for="lang in topLanguages" :key="lang.name"
-                    class="bg-white/5 border border-white/10 rounded-xl p-2.5">
+                <li
+                    v-for="lang in topLanguages"
+                    :key="lang.name"
+                    class="bg-white/5 border border-white/10 rounded-xl p-2.5"
+                >
                     <div class="flex items-center gap-2 font-semibold mb-1.5">
-                        <span class="w-2.5 h-2.5 rounded-full inline-block"
-                            :style="{ background: colorFor(lang.name) }"></span>
+                        <span
+                            class="w-2.5 h-2.5 rounded-full inline-block"
+                            :style="{ background: colorFor(lang.name) }"
+                        />
                         <span class="text-text-primary">{{ lang.name }}</span>
                         <span class="text-text-muted text-sm">{{ lang.percent }}%</span>
                     </div>
                     <div class="h-2 rounded-full bg-white/5 overflow-hidden">
-                        <span class="block h-full rounded-full transition-all duration-300"
-                            :style="barStyle(lang)"></span>
+                        <span class="block h-full rounded-full transition-all duration-300" :style="barStyle(lang)" />
                     </div>
                 </li>
             </ul>
@@ -32,7 +39,14 @@
 
 <script setup>
 import { computed } from "vue";
-const props = defineProps({ github: Object });
+const props = defineProps({
+    github: {
+        type: Object,
+        required: false,
+        default: () => ({ languages: [] }),
+    },
+});
+
 const github = props.github;
 
 const palette = ["#7cc1ff", "#6bdba6", "#ffd166", "#f497da", "#9b8cfc", "#5ce1e6", "#ffa3a3"];