fix: fix dimension codegen

Author: Justineo

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 # Changelog
 
+## 0.10.2
+
+- Fixed an issue with CSS code generation when optimizing dimension code.
+
 ## 0.10.1
 
 - Fixed the copy button for code blocks.

components/Code.vue

@@ -42,10 +42,15 @@ const highlighted = computed(() => {
     })
 
     tpl.querySelectorAll('.token.number + .token.unit').forEach((el) => {
+      const prev = el.previousElementSibling!
+      if (prev.nodeType !== Node.ELEMENT_NODE || !prev.classList.contains('number')) {
+        return
+      }
+
       const span = document.createElement('span')
       span.className = 'token dimension'
-      el.parentNode!.insertBefore(span, el.nextElementSibling)
-      span.appendChild(el.previousElementSibling!)
+      el.parentNode!.insertBefore(span, el.nextSibling)
+      span.appendChild(prev)
       span.appendChild(el)
     })
   })

package.json

@@ -2,7 +2,7 @@
   "name": "tempad-dev",
   "description": "Inspect panel on Figma, for everyone.",
   "private": true,
-  "version": "0.10.1",
+  "version": "0.10.2",
   "type": "module",
   "scripts": {
     "dev": "wxt",