fix: copy code block

Author: Justineo

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 # Changelog
 
+## 0.10.1
+
+- Fixed the copy button for code blocks.
+- Improved error handling when fetching live rules.
+
 ## 0.10.0
 
 - Variables in code panels are now copyable.

components/Code.vue

@@ -54,6 +54,10 @@ const highlighted = computed(() => {
 const code = computed(() => props.code)
 const copy = useCopy(code)
 
+function handleCopy() {
+  copy()
+}
+
 function handleClick(event: MouseEvent) {
   const target = event.target as HTMLElement
   if (target.closest('.token.copyable')) {
@@ -68,7 +72,7 @@ function handleClick(event: MouseEvent) {
       {{ title }}
       <div class="tp-row tp-gap">
         <slot name="actions" />
-        <IconButton variant="secondary" title="Copy" @click="copy">
+        <IconButton variant="secondary" title="Copy" @click="handleCopy">
           <Copy />
         </IconButton>
       </div>

entrypoints/background.ts

@@ -5,24 +5,28 @@ const SYNC_ALARM = 'sync-rules'
 const SYNC_INTERVAL_MINUTES = 10
 
 async function fetchRules() {
-  const res = await fetch(RULE_URL, { cache: 'no-store' })
-  if (!res.ok) {
-    console.error('[tempad-dev] Failed to fetch rules:', res.statusText)
-  }
-
-  const newRules = await res.json()
-  const oldIds = (await browser.declarativeNetRequest.getDynamicRules()).map(({ id }) => id)
+  try {
+    const res = await fetch(RULE_URL, { cache: 'no-store' })
+    if (!res.ok) {
+      console.error('[tempad-dev] Failed to fetch rules:', res.statusText)
+      return
+    }
 
-  await browser.declarativeNetRequest.updateEnabledRulesets({
-    disableRulesetIds: ['figma']
-  })
+    const newRules = await res.json()
+    const oldIds = (await browser.declarativeNetRequest.getDynamicRules()).map(({ id }) => id)
 
-  await browser.declarativeNetRequest.updateDynamicRules({
-    removeRuleIds: oldIds,
-    addRules: newRules
-  })
+    await browser.declarativeNetRequest.updateEnabledRulesets({
+      disableRulesetIds: ['figma']
+    })
 
-  console.log(`[tempad-dev] Updated ${newRules.length} rule${newRules.length === 1 ? '' : 's'}.`)
+    await browser.declarativeNetRequest.updateDynamicRules({
+      removeRuleIds: oldIds,
+      addRules: newRules
+    })
+    console.log(`[tempad-dev] Updated ${newRules.length} rule${newRules.length === 1 ? '' : 's'}.`)
+  } catch (error) {
+    console.error('[tempad-dev] Error fetching rules:', error)
+  }
 }
 
 export default defineBackground(() => {

package.json

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