给 Layout 加一个 container，已解决移动端宽度问题

components/i/md/mdc.vue

 <template>
-    <div class="grid grid-cols-1">
-        <MDC class="prose dark:prose-invert max-w-none" v-if="content" :value="content" tag="article" />
-    </div>
+    <MDC class="prose dark:prose-invert max-w-none" v-if="content" :value="content" tag="article" />
 </template>
 <script setup>
 const props = defineProps({

layouts/default.vue

@@ -3,7 +3,7 @@
         <div class="fixed top-0 w-64 hidden md:flex flex-col min-h-screen">
             <IAside />
         </div>
-        <div class="ml-0 md:ml-64 bg-white dark:bg-black flex flex-grow">
+        <div class="container ml-0 md:ml-64 bg-white dark:bg-black flex flex-grow">
             <slot />
         </div>
     </div>