update

Author: robotism

package-lock.json

@@ -4,7 +4,8 @@
   "type": "module",
   "scripts": {
     "ncu": "npm i -g npm-check-updates",
-    "up": "ncu -u",
+    "ncuUpdate": "ncu -u",
+    "upgrade": "npx nuxi upgrade",
     "postinstall": "nuxt prepare",
     "dev": "nuxt dev",
     "preview": "nuxt preview",
@@ -36,7 +37,7 @@
     "eslint": "^9.23.0",
     "gsap": "^3.12.7",
     "moment": "^2.30.1",
-    "nuxt": "^3.16.1",
+    "nuxt": "^3.17.4",
     "nuxt-quasar-ui": "^2.1.12",
     "quasar": "^2.18.1",
     "tailwindcss": "^4.0.17",
@@ -54,4 +55,4 @@
     "@tailwindcss/oxide-linux-x64-gnu": "^4.0.17",
     "lightningcss-linux-x64-gnu": "^1.29.3"
   }
-}
+}

package.json

@@ -1,10 +1,10 @@
 <template>
   <Suspense>
     <template #default>
-      <div class="min-h-screen min-w-screen">
+      <div class="">
         <NuxtRouteAnnouncer />
         <NuxtLoadingIndicator />
-        <NuxtLayout name="home">
+        <NuxtLayout name="home" class="">
           <NuxtPage />
         </NuxtLayout>
       </div>

src/app.vue

@@ -17,6 +17,16 @@
 }
 
 /* 全局样式 */
+
+* {
+  margin: 0;
+  padding: 0;
+}
+html {
+  margin: 0;
+  padding: 0;
+}
 body {
+  overflow-y: overlay;
   font-family: var(--font-sans);
 }

src/assets/css/app.css

@@ -37,14 +37,67 @@ p {
 }
 
 .prose {
+  max-width: 65ch;
+  line-height: 1.75;
+
   a {
     color: var(--ui-secondary);
+    text-decoration: underline;
+    text-underline-offset: 0.2em;
   }
 
   blockquote {
     border-left: 2px solid var(--ui-secondary);
+    padding-left: 1.5rem;
+    margin: 1.5rem 0;
+    color: var(--ui-text);
   }
 
   p {
+    margin: 1.25rem 0;
+  }
+
+  ul,
+  ol {
+    padding-left: 2rem;
+    margin: 1.25rem 0;
+
+    li {
+      margin: 0.5rem 0;
+      &::marker {
+        color: var(--ui-secondary);
+      }
+    }
+  }
+
+  pre {
+    background: var(--ui-bg);
+    border: 1px solid var(--ui-secondary);
+    border-radius: 0.5rem;
+    padding: 1.5rem;
+    margin: 1.5rem 0;
+    overflow-x: auto;
+
+    code {
+      font-family: "Roboto Mono", monospace;
+      font-size: 0.9rem;
+      color: var(--ui-text);
+    }
+  }
+
+  img {
+    max-width: 100%;
+    height: auto;
+    margin: 1.5rem auto;
+    border-radius: 0.5rem;
+  }
+
+  @media (max-width: 768px) {
+    font-size: 0.95rem;
+    line-height: 1.6;
+
+    pre {
+      padding: 1rem;
+    }
   }
 }

src/assets/css/typography.css

@@ -1,7 +1,5 @@
 <template>
-  <q-card
-    class="w-[96vw] max-w-[1020px] mx-[2vw] my-2 dark:bg-gray-800 overflow-hidden"
-  >
+  <q-card class="w-[95vw] mx-[2vw] my-2 dark:bg-gray-800 overflow-hidden">
     <q-card-section>
       <div class="flex flex-wrap items-center justify-between">
         <div

src/components/article/ArticleItem.vue

@@ -1,6 +1,6 @@
 <template>
   <ContentRenderer
-    class="W-full H-full prose"
+    class="w-full h-full prose"
     :prose="true"
     v-if="value"
     :value="value"

src/components/article/MarkdownRender.vue

@@ -1,5 +1,5 @@
 <template>
-  <q-layout view="hhh lpr fff" class="min-h-screen min-w-screen">
+  <q-layout view="hhh lpr fff" class="">
     <q-header
       class="fixed w-full top-0 bg-[var(--ui-bg)] shadow-md dark:shadow-gray-800"
       :style="{

src/layouts/home.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="min-w-screen">
+  <div>
     <BreadCrumbs />
     <NuxtPage />
   </div>

src/layouts/home/AppMain.vue

@@ -1,3 +1,5 @@
 <template>
-  <div></div>
+  <div class="w-full h-full">home</div>
 </template>
+
+<script setup></script>