Enable vue/require-typed-ref eslint rule (#35764)

Enable https://eslint.vuejs.org/rules/require-typed-ref 
and fix discovered issues.

Author: silverwind

eslint.config.ts

@@ -924,6 +924,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 issue = shallowRef<Issue>(null);
 const renderedLabels = shallowRef('');
-const errorMessage = shallowRef(null);
+const errorMessage = shallowRef('');
 
 const createdAt = computed(() => {
   return new Date(issue.value.created_at).toLocaleDateString(undefined, {year: 'numeric', month: 'short', day: 'numeric'});
@@ -25,7 +26,7 @@ const body = computed(() => {
 
 onMounted(async () => {
   loading.value = true;
-  errorMessage.value = null;
+  errorMessage.value = '';
   try {
     const resp = await GET(props.loadIssueInfoUrl);
     if (!resp.ok) {

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 = {