resolve comments

Author: MarcelGeo

src/.vitepress/config.mts

@@ -21,7 +21,6 @@ export default defineConfig({
   },
   markdown: {
     config(md) {
-      // Fix for image width and height handling for proper scrolling
       const maxHeight = 500 /* px */
 
       const img = md.renderer.rules.image!
@@ -30,27 +29,22 @@ export default defineConfig({
 
         const widthAttr = token.attrGet('width')
         const heightAttr = token.attrGet('height')
-        const existingStyle = token.attrGet('style') || ''
-
-        const style: string[] = []
 
         let w = widthAttr ? Number.parseInt(widthAttr, 10) : null
         let h = heightAttr ? Number.parseInt(heightAttr, 10) : null
 
+        let style = token.attrGet('style') || ''
+        if (style && !style.trim().endsWith(';')) style += ';'
+
         if (w) {
           if (h && h > maxHeight) {
-            const scale = maxHeight / h
-            w = Math.round(w * scale)
+            w = Math.round(w * maxHeight / h)
             h = maxHeight
           }
-          style.push(`width: ${w}px;`)
-        }
-
-        if (style.length > 0) {
-          const sep = existingStyle && !existingStyle.trim().endsWith(';') ? ';' : ''
-          token.attrSet('style', existingStyle + sep + style.join(' '))
+          style += `width: ${w}px;`
         }
 
+        token.attrSet('style', style)
         return img(tokens, idx, options, env, self)
       }
 

src/.vitepress/theme/index.ts

@@ -1,5 +1,5 @@
 // https://vitepress.dev/guide/custom-theme
-import { h, nextTick, watch } from "vue";
+import { h } from "vue";
 import type { Theme } from "vitepress";
 import DefaultTheme, { VPBadge } from "vitepress/theme";
 import "./style.css";

src/.vitepress/theme/style.css

@@ -156,8 +156,3 @@ img {
   align-items: center;
   gap: 0.25em;
 }
-
-h1, h2, h3, h4, h5{
-  /** For proper anchor offset when using scroll to hash links */
-  scroll-margin-top: 60px;
-}