💅 feat: up toolkit styles (#56)

Author: pdsuwwz

package.json

@@ -27,7 +27,7 @@
     "url": "https://github.com/pdsuwwz/chatgpt-vue3-light-mvp/issues"
   },
   "dependencies": {
-    "@nzoth/toolkit": "^0.0.3",
+    "@nzoth/toolkit": "^0.0.4",
     "@vueuse/core": "^13.0.0",
     "axios": "1.8.4",
     "dompurify": "^3.2.4",

pnpm-lock.yaml

@@ -571,25 +571,5 @@ const emptyPlaceholder = computed(() => {
       --at-apply: line-height-26;
     }
   }
-
-  .mermaid-wrapper {
-    padding: 16px;
-    border: 1px solid #e2e8f0;
-    border-radius: 8px;
-    background-color: #f8fafc;
-    margin: 16px 0;
-    box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
-    overflow: auto;
-    contain: layout;
-    transform: translateZ(0);
-
-    pre {
-      font-size: 14px;
-      color: #64748b;
-      font-family: monospace;
-      margin: 0;
-    }
-
-  }
 }
 </style>

src/components/MarkdownPreview/index.vue

@@ -15,6 +15,8 @@ import {
   transformMermaid
 } from '@nzoth/toolkit'
 
+import '@nzoth/toolkit/styles'
+
 const md = new MarkdownIt({
   html: true,
   linkify: true,