Enable vue/require-typed-ref eslint rule

eslint.config.ts

@@ -921,6 +921,7 @@ export default defineConfig([
       'vue/html-closing-bracket-spacing': [2, {startTag: 'never', endTag: 'never', selfClosingTag: 'never'}],
       'vue/max-attributes-per-line': [0],
       'vue/singleline-html-element-content-newline': [0],
+      'vue/require-typed-ref': [2],
     },
   },
   {

web_src/js/components/ContextPopup.vue

@@ -3,16 +3,17 @@ import {SvgIcon} from '../svg.ts';
 import {GET} from '../modules/fetch.ts';
 import {getIssueColor, getIssueIcon} from '../features/issue.ts';
 import {computed, onMounted, shallowRef} from 'vue';
+import type {Issue} from '../types.ts';
 
 const props = defineProps<{
   repoLink: string,
   loadIssueInfoUrl: string,
 }>();
 
-const loading = shallowRef(false);
-const issue = shallowRef(null);
-const renderedLabels = shallowRef('');
-const errorMessage = shallowRef(null);
+const loading = shallowRef<boolean>(false);
+const issue = shallowRef<Issue>(null);
+const renderedLabels = shallowRef<string>('');
+const errorMessage = shallowRef<string | null>(null);
 
 const createdAt = computed(() => {
   return new Date(issue.value.created_at).toLocaleDateString(undefined, {year: 'numeric', month: 'short', day: 'numeric'});

web_src/js/types.ts

@@ -52,14 +52,20 @@ export type IssuePageInfo = {
 };
 
 export type Issue = {
-  id: number;
-  number: number;
-  title: string;
-  state: 'open' | 'closed';
+  id: number,
+  number: number,
+  title: string,
+  body: string,
+  state: 'open' | 'closed',
+  created_at: string,
   pull_request?: {
     draft: boolean;
     merged: boolean;
-  };
+  },
+  repository: {
+    full_name: string,
+  },
+  labels: Array<string>,
 };
 
 export type FomanticInitFunction = {