tweaks

Author: silverwind

web_src/js/components/ContextPopup.vue

@@ -60,19 +60,17 @@ export default {
 };
 </script>
 <template>
-  <div ref="root">
-    <div v-if="issue !== null" class="tw-p-3 tw-flex tw-flex-col tw-gap-2">
-      <div class="tw-text-12">{{ issue.repository.full_name }} on {{ createdAt }}</div>
-      <div class="flex-text-block">
-        <svg-icon :name="icon" :class="['text', color]"/>
-        <span class="issue-title tw-font-semibold tw-break-anywhere">
-          {{ issue.title }}
-          <span class="index">#{{ issue.number }}</span>
-        </span>
-      </div>
-      <div v-if="body">{{ body }}</div>
-      <!-- eslint-disable-next-line vue/no-v-html -->
-      <div v-if="issue.labels.length" v-html="labelsHtml"/>
+  <div class="tw-p-3 tw-flex tw-flex-col tw-gap-2">
+    <div class="tw-text-12">{{ issue.repository.full_name }} on {{ createdAt }}</div>
+    <div class="flex-text-block tw-gap-2">
+      <svg-icon :name="icon" :class="['text', color]"/>
+      <span class="issue-title tw-font-semibold tw-break-anywhere">
+        {{ issue.title }}
+        <span class="index">#{{ issue.number }}</span>
+      </span>
     </div>
+    <div v-if="body">{{ body }}</div>
+    <!-- eslint-disable-next-line vue/no-v-html -->
+    <div v-if="issue.labels.length" v-html="labelsHtml"/>
   </div>
 </template>

web_src/js/features/contextpopup.js

@@ -21,6 +21,7 @@ async function show(e) {
     return;
   }
 
+  if (!issue) return;
   const popup = document.createElement('div');
   const view = createApp(ContextPopup, {issue, labelsHtml});
   try {