Update package.json

.github/workflows/lint.yml

@@ -62,6 +62,7 @@ jobs:
       matrix:
         workspace:
         - backend
+        - frontend
         - misskey-js
     steps:
     - uses: actions/checkout@v3.3.0
@@ -78,4 +79,5 @@ jobs:
         cache: 'pnpm'
     - run: corepack enable
     - run: pnpm i --frozen-lockfile
+    - run: pnpm --filter misskey-js build # needed for typecheck
     - run: pnpm --filter ${{ matrix.workspace }} run typecheck

locales/generateDTS.js

@@ -1,6 +1,6 @@
 import * as fs from 'node:fs';
 import * as yaml from 'js-yaml';
-import * as ts from 'typescript';
+import ts from 'typescript';
 
 function createMembers(record) {
 	return Object.entries(record)

packages/frontend/.eslintrc-tsnocheck.cjs

@@ -0,0 +1,10 @@
+// Split from .eslintrc, so that the default eslintrc can still show error for ts-nocheck
+module.exports = {
+	root: true,
+	extends: [
+		'./.eslintrc.cjs',
+	],
+	rules: {
+		'@typescript-eslint/ban-ts-comment': ['error', { 'ts-nocheck': false }]
+	}
+};

packages/frontend/.storybook/fakes.ts

@@ -70,6 +70,7 @@ export function userDetailed(id = 'someuserid', username = 'miskist', host = 'mi
 		avatarUrl: 'https://github.com/misskey-dev/misskey/blob/master/packages/frontend/assets/about-icon.png?raw=true',
 		avatarBlurhash: 'eQFRshof5NWBRi},juayfPju53WB?0ofs;s*a{ofjuay^SoMEJR%ay',
 		emojis: [],
+		alsoKnownAs: [],
 		bannerBlurhash: 'eQA^IW^-MH8w9tE8I=S^o{$*R4RikXtSxutRozjEnNR.RQadoyozog',
 		bannerColor: '#000000',
 		bannerUrl: 'https://github.com/misskey-dev/misskey/blob/master/packages/frontend/assets/fedi.jpg?raw=true',
@@ -102,6 +103,7 @@ export function userDetailed(id = 'someuserid', username = 'miskist', host = 'mi
 		isSuspended: false,
 		lang: 'en',
 		location: 'Fediverse',
+		movedTo: null,
 		notesCount: 65536,
 		pinnedNoteIds: [],
 		pinnedNotes: [],

packages/frontend/lib/rollup-plugin-unwind-css-module-class-name.ts

@@ -258,6 +258,7 @@ export function unwindCssModuleClassName(ast: estree.Node): void {
 								type: 'ArrayExpression',
 								elements: node.declarations[0].init.arguments[1].elements.slice(0, __cssModulesIndex).concat(node.declarations[0].init.arguments[1].elements.slice(__cssModulesIndex + 1)),
 							}],
+							optional: false,
 						},
 					}],
 					kind: 'const',

packages/frontend/package.json

@@ -11,7 +11,8 @@
 		"test": "vitest --run",
 		"test-and-coverage": "vitest --run --coverage",
 		"typecheck": "vue-tsc --noEmit",
-		"eslint": "eslint --quiet \"src/**/*.{ts,vue}\"",
+		"eslint": "pnpm eslint-full -c .eslintrc-tsnocheck.cjs",
+		"eslint-full": "eslint --quiet \"src/**/*.{ts,vue}\"",
 		"lint": "pnpm typecheck && pnpm eslint"
 	},
 	"dependencies": {
@@ -140,5 +141,6 @@
 		"vitest-fetch-mock": "0.2.2",
 		"vue-eslint-parser": "9.3.1",
 		"vue-tsc": "1.8.8"
-	}
+	},
+	"type": "module"
 }

packages/frontend/src/account.ts

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /*
  * SPDX-FileCopyrightText: syuilo and other misskey contributors
  * SPDX-License-Identifier: AGPL-3.0-only

packages/frontend/src/boot/common.ts

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /*
  * SPDX-FileCopyrightText: syuilo and other misskey contributors
  * SPDX-License-Identifier: AGPL-3.0-only

packages/frontend/src/boot/main-boot.ts

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /*
  * SPDX-FileCopyrightText: syuilo and other misskey contributors
  * SPDX-License-Identifier: AGPL-3.0-only

packages/frontend/src/boot/sub-boot.ts

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /*
  * SPDX-FileCopyrightText: syuilo and other misskey contributors
  * SPDX-License-Identifier: AGPL-3.0-only

packages/frontend/src/components/MkAbuseReportWindow.vue

@@ -30,6 +30,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script setup lang="ts">
+// @ts-nocheck
 import { ref, shallowRef } from 'vue';
 import * as Misskey from 'misskey-js';
 import MkWindow from '@/components/MkWindow.vue';

packages/frontend/src/components/MkAccountMoved.stories.impl.ts

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /*
  * SPDX-FileCopyrightText: syuilo and other misskey contributors
  * SPDX-License-Identifier: AGPL-3.0-only

packages/frontend/src/components/MkAccountMoved.vue

@@ -12,6 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { ref } from 'vue';
 import { UserLite } from 'misskey-js/built/entities';
 import MkMention from './MkMention.vue';

packages/frontend/src/components/MkAchievements.vue

@@ -52,6 +52,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import * as misskey from 'misskey-js';
 import { onMounted } from 'vue';
 import * as os from '@/os';

packages/frontend/src/components/MkAsUi.vue

@@ -53,6 +53,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { Ref } from 'vue';
 import * as os from '@/os';
 import MkButton from '@/components/MkButton.vue';

packages/frontend/src/components/MkButton.vue

@@ -33,6 +33,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { nextTick, onMounted } from 'vue';
 
 const props = defineProps<{

packages/frontend/src/components/MkCaptcha.vue

@@ -11,6 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { ref, shallowRef, computed, onMounted, onBeforeUnmount, watch } from 'vue';
 import { defaultStore } from '@/store';
 import { i18n } from '@/i18n';

packages/frontend/src/components/MkChannelList.vue

@@ -19,6 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import MkChannelPreview from '@/components/MkChannelPreview.vue';
 import MkPagination, { Paging } from '@/components/MkPagination.vue';
 import { i18n } from '@/i18n';

packages/frontend/src/components/MkChannelPreview.vue

@@ -39,6 +39,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { computed } from 'vue';
 import { i18n } from '@/i18n';
 

packages/frontend/src/components/MkChart.vue

@@ -14,6 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 /* eslint-disable id-denylist --
   Chart.js has a `data` attribute in most chart definitions, which triggers the
   id-denylist violation when setting it. This is causing about 60+ lint issues.

packages/frontend/src/components/MkChartLegend.vue

@@ -13,6 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { Chart, LegendItem } from 'chart.js';
 
 const props = defineProps({

packages/frontend/src/components/MkColorInput.vue

@@ -24,6 +24,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, nextTick, ref, shallowRef, watch, computed, toRefs } from 'vue';
 import { i18n } from '@/i18n';
 

packages/frontend/src/components/MkContextMenu.vue

@@ -18,6 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, onBeforeUnmount } from 'vue';
 import MkMenu from './MkMenu.vue';
 import { MenuItem } from './types/menu.vue';

packages/frontend/src/components/MkDateSeparatedList.vue

@@ -4,6 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <script lang="ts">
+// @ts-nocheck
 import { defineComponent, h, PropType, TransitionGroup, useCssModule } from 'vue';
 import MkAd from '@/components/global/MkAd.vue';
 import { isDebuggerEnabled, stackTraceInstances } from '@/debug';

packages/frontend/src/components/MkDrive.folder.vue

@@ -32,6 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { computed, defineAsyncComponent, ref } from 'vue';
 import * as Misskey from 'misskey-js';
 import * as os from '@/os';

packages/frontend/src/components/MkDrive.navFolder.vue

@@ -18,6 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { ref } from 'vue';
 import * as Misskey from 'misskey-js';
 import * as os from '@/os';

packages/frontend/src/components/MkDrive.vue

@@ -95,6 +95,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { nextTick, onActivated, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue';
 import * as Misskey from 'misskey-js';
 import MkButton from './MkButton.vue';

packages/frontend/src/components/MkEmojiPicker.vue

@@ -97,6 +97,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { ref, shallowRef, computed, watch, onMounted } from 'vue';
 import * as Misskey from 'misskey-js';
 import XSection from '@/components/MkEmojiPicker.section.vue';

packages/frontend/src/components/MkFeaturedPhotos.vue

@@ -8,6 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { ref } from 'vue';
 import * as Misskey from 'misskey-js';
 import * as os from '@/os';

packages/frontend/src/components/MkFileCaptionEditWindow.vue

@@ -25,6 +25,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import * as Misskey from 'misskey-js';
 import MkModalWindow from '@/components/MkModalWindow.vue';

packages/frontend/src/components/MkFileListForAdmin.vue

@@ -37,6 +37,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import * as Acct from 'misskey-js/built/acct';
 import MkPagination from '@/components/MkPagination.vue';
 import MkDriveFileThumbnail from '@/components/MkDriveFileThumbnail.vue';

packages/frontend/src/components/MkFlashPreview.vue

@@ -19,6 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import { userName } from '@/filters/user';
 

packages/frontend/src/components/MkFoldableSection.vue

@@ -28,6 +28,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, ref, shallowRef, watch } from 'vue';
 import tinycolor from 'tinycolor2';
 import { miLocalStorage } from '@/local-storage';

packages/frontend/src/components/MkFolder.vue

@@ -50,6 +50,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { nextTick, onMounted } from 'vue';
 import { defaultStore } from '@/store';
 

packages/frontend/src/components/MkFollowButton.vue

@@ -35,6 +35,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onBeforeUnmount, onMounted } from 'vue';
 import * as Misskey from 'misskey-js';
 import * as os from '@/os';

packages/frontend/src/components/MkForgotPassword.vue

@@ -39,6 +39,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import MkModalWindow from '@/components/MkModalWindow.vue';
 import MkButton from '@/components/MkButton.vue';

packages/frontend/src/components/MkFormDialog.vue

@@ -60,6 +60,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { reactive, shallowRef } from 'vue';
 import MkInput from './MkInput.vue';
 import MkTextarea from './MkTextarea.vue';

packages/frontend/src/components/MkGalleryPostPreview.stories.impl.ts

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /*
  * SPDX-FileCopyrightText: syuilo and other misskey contributors
  * SPDX-License-Identifier: AGPL-3.0-only

packages/frontend/src/components/MkHeatmap.vue

@@ -13,6 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, nextTick, watch } from 'vue';
 import { Chart } from 'chart.js';
 import * as os from '@/os';

packages/frontend/src/components/MkImgWithBlurhash.vue

@@ -58,6 +58,7 @@ const canvasPromise = new Promise<WorkerMultiDispatch | HTMLCanvasElement>(resol
 </script>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { computed, nextTick, onMounted, onUnmounted, shallowRef, watch } from 'vue';
 import { v4 as uuid } from 'uuid';
 import { render } from 'buraha';

packages/frontend/src/components/MkInfo.vue

@@ -12,6 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 
 const props = defineProps<{

packages/frontend/src/components/MkInput.vue

@@ -40,6 +40,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, nextTick, ref, shallowRef, watch, computed, toRefs } from 'vue';
 import { debounce } from 'throttle-debounce';
 import MkButton from '@/components/MkButton.vue';

packages/frontend/src/components/MkInstanceCardMini.vue

@@ -15,6 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import * as misskey from 'misskey-js';
 import MkMiniChart from '@/components/MkMiniChart.vue';
 import * as os from '@/os';

packages/frontend/src/components/MkInstanceStats.vue

@@ -84,6 +84,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted } from 'vue';
 import { Chart } from 'chart.js';
 import MkSelect from '@/components/MkSelect.vue';

packages/frontend/src/components/MkInstanceTicker.vue

@@ -11,6 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import { instanceName } from '@/config';
 import { instance as Instance } from '@/instance';

packages/frontend/src/components/MkLaunchPad.vue

@@ -25,6 +25,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import MkModal from '@/components/MkModal.vue';
 import { navbarItemDef } from '@/navbar';

packages/frontend/src/components/MkLink.vue

@@ -14,6 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { defineAsyncComponent } from 'vue';
 import { url as local } from '@/config';
 import { useTooltip } from '@/scripts/use-tooltip';

packages/frontend/src/components/MkMediaBanner.vue

@@ -33,6 +33,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted } from 'vue';
 import * as misskey from 'misskey-js';
 import { soundConfigStore } from '@/scripts/sound';

packages/frontend/src/components/MkMediaImage.vue

@@ -44,6 +44,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { watch } from 'vue';
 import * as misskey from 'misskey-js';
 import { getStaticImageUrl } from '@/scripts/media-proxy';

packages/frontend/src/components/MkMediaList.vue

@@ -63,6 +63,7 @@ async function getClientWidthWithCache(targetEl: HTMLElement, containerEl: HTMLE
 </script>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, onUnmounted, shallowRef } from 'vue';
 import * as misskey from 'misskey-js';
 import PhotoSwipeLightbox from 'photoswipe/lightbox';

packages/frontend/src/components/MkMediaVideo.vue

@@ -32,6 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { ref } from 'vue';
 import * as misskey from 'misskey-js';
 import bytes from '@/filters/bytes';

packages/frontend/src/components/MkMenu.child.vue

@@ -10,6 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { nextTick, onMounted, onUnmounted, shallowRef, watch } from 'vue';
 import MkMenu from './MkMenu.vue';
 import { MenuItem } from '@/types/menu';

packages/frontend/src/components/MkMenu.vue

@@ -61,6 +61,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { defineAsyncComponent, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
 import { focusPrev, focusNext } from '@/scripts/focus';
 import MkSwitch from '@/components/MkSwitch.vue';

packages/frontend/src/components/MkMiniChart.vue

@@ -31,6 +31,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { watch } from 'vue';
 import { v4 as uuid } from 'uuid';
 import tinycolor from 'tinycolor2';

packages/frontend/src/components/MkModalWindow.vue

@@ -22,6 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, onUnmounted } from 'vue';
 import MkModal from './MkModal.vue';
 

packages/frontend/src/components/MkNote.vue

@@ -138,6 +138,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { computed, inject, onMounted, ref, shallowRef, Ref, defineAsyncComponent } from 'vue';
 import * as mfm from 'mfm-js';
 import * as misskey from 'misskey-js';

packages/frontend/src/components/MkNoteDetailed.vue

@@ -139,6 +139,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { computed, inject, onMounted, ref, shallowRef } from 'vue';
 import * as mfm from 'mfm-js';
 import * as misskey from 'misskey-js';

packages/frontend/src/components/MkNoteHeader.vue

@@ -29,6 +29,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import * as misskey from 'misskey-js';
 import { i18n } from '@/i18n';

packages/frontend/src/components/MkNotePreview.vue

@@ -20,6 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import { $i } from '@/account';
 

packages/frontend/src/components/MkNoteSimple.vue

@@ -22,6 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import * as misskey from 'misskey-js';
 import MkNoteHeader from '@/components/MkNoteHeader.vue';

packages/frontend/src/components/MkNoteSub.vue

@@ -31,6 +31,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import * as misskey from 'misskey-js';
 import MkNoteHeader from '@/components/MkNoteHeader.vue';

packages/frontend/src/components/MkNotes.vue

@@ -32,6 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { shallowRef } from 'vue';
 import MkNote from '@/components/MkNote.vue';
 import MkDateSeparatedList from '@/components/MkDateSeparatedList.vue';

packages/frontend/src/components/MkNotification.vue

@@ -100,6 +100,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { ref, shallowRef } from 'vue';
 import * as misskey from 'misskey-js';
 import MkReactionIcon from '@/components/MkReactionIcon.vue';

packages/frontend/src/components/MkNotifications.vue

@@ -22,6 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onUnmounted, onMounted, computed, shallowRef } from 'vue';
 import MkPagination, { Paging } from '@/components/MkPagination.vue';
 import XNotification from '@/components/MkNotification.vue';

packages/frontend/src/components/MkObjectView.vue

@@ -10,6 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import XValue from './MkObjectView.value.vue';
 

packages/frontend/src/components/MkOmit.vue

@@ -13,6 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, onUnmounted } from 'vue';
 import { i18n } from '@/i18n';
 

packages/frontend/src/components/MkPagePreview.vue

@@ -20,6 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import * as misskey from 'misskey-js';
 import { userName } from '@/filters/user';

packages/frontend/src/components/MkPageWindow.vue

@@ -29,6 +29,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { ComputedRef, onMounted, onUnmounted, provide, shallowRef } from 'vue';
 import RouterView from '@/components/global/RouterView.vue';
 import MkWindow from '@/components/MkWindow.vue';

packages/frontend/src/components/MkPagination.vue

@@ -89,6 +89,7 @@ function concatMapWithArray(map: MisskeyEntityMap, entities: MisskeyEntity[]): M
 }
 </script>
 <script lang="ts" setup>
+// @ts-nocheck
 import { infoImageUrl } from '@/instance';
 
 const props = withDefaults(defineProps<{

packages/frontend/src/components/MkPlusOneEffect.vue

@@ -10,6 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted } from 'vue';
 import * as os from '@/os';
 

packages/frontend/src/components/MkPoll.vue

@@ -27,6 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { computed, ref } from 'vue';
 import * as misskey from 'misskey-js';
 import { sum } from '@/scripts/array';

packages/frontend/src/components/MkPollEditor.vue

@@ -53,6 +53,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { ref, watch } from 'vue';
 import MkInput from './MkInput.vue';
 import MkSelect from './MkSelect.vue';

packages/frontend/src/components/MkPopupMenu.vue

@@ -10,6 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import MkModal from './MkModal.vue';
 import MkMenu from './MkMenu.vue';

packages/frontend/src/components/MkPostForm.vue

@@ -98,6 +98,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { inject, watch, nextTick, onMounted, defineAsyncComponent } from 'vue';
 import * as mfm from 'mfm-js';
 import * as misskey from 'misskey-js';

packages/frontend/src/components/MkPostFormAttaches.vue

@@ -20,6 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { defineAsyncComponent } from 'vue';
 import * as misskey from 'misskey-js';
 import MkDriveFileThumbnail from '@/components/MkDriveFileThumbnail.vue';

packages/frontend/src/components/MkPostFormDialog.vue

@@ -10,6 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import * as misskey from 'misskey-js';
 import MkModal from '@/components/MkModal.vue';

packages/frontend/src/components/MkPushNotificationAllowButton.vue

@@ -41,6 +41,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script setup lang="ts">
+// @ts-nocheck
 import { $i, getAccounts } from '@/account';
 import MkButton from '@/components/MkButton.vue';
 import { instance } from '@/instance';

packages/frontend/src/components/MkRadios.vue

@@ -4,6 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <script lang="ts">
+// @ts-nocheck
 import { VNode, defineComponent, h, ref, watch } from 'vue';
 import MkRadio from './MkRadio.vue';
 

packages/frontend/src/components/MkRange.vue

@@ -22,6 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { computed, defineAsyncComponent, onMounted, onUnmounted, ref, watch, shallowRef } from 'vue';
 import * as os from '@/os';
 

packages/frontend/src/components/MkReactedUsersDialog.vue

@@ -39,6 +39,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, watch } from 'vue';
 import * as misskey from 'misskey-js';
 import MkModalWindow from '@/components/MkModalWindow.vue';

packages/frontend/src/components/MkReactionEffect.vue

@@ -12,6 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted } from 'vue';
 import * as os from '@/os';
 import MkReactionIcon from '@/components/MkReactionIcon.vue';

packages/frontend/src/components/MkReactionIcon.vue

@@ -9,6 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 
 const props = defineProps<{

packages/frontend/src/components/MkReactionsViewer.reaction.vue

@@ -17,6 +17,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { computed, onMounted, shallowRef, watch } from 'vue';
 import * as misskey from 'misskey-js';
 import XDetails from '@/components/MkReactionsViewer.details.vue';

packages/frontend/src/components/MkRenotedUsersDialog.vue

@@ -33,6 +33,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted } from 'vue';
 import * as misskey from 'misskey-js';
 import MkModalWindow from '@/components/MkModalWindow.vue';

packages/frontend/src/components/MkRetentionHeatmap.vue

@@ -13,6 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, nextTick } from 'vue';
 import { Chart } from 'chart.js';
 import * as os from '@/os';

packages/frontend/src/components/MkRetentionLineChart.vue

@@ -8,6 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, shallowRef } from 'vue';
 import { Chart } from 'chart.js';
 import tinycolor from 'tinycolor2';

packages/frontend/src/components/MkRippleEffect.vue

@@ -62,6 +62,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted } from 'vue';
 import * as os from '@/os';
 

packages/frontend/src/components/MkRolePreview.vue

@@ -27,6 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import { i18n } from '@/i18n';
 

packages/frontend/src/components/MkSelect.vue

@@ -32,6 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, nextTick, ref, watch, computed, toRefs, VNode, useSlots } from 'vue';
 import MkButton from '@/components/MkButton.vue';
 import * as os from '@/os';

packages/frontend/src/components/MkSignin.vue

@@ -49,6 +49,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { defineAsyncComponent } from 'vue';
 import { toUnicode } from 'punycode/';
 import { showSuspendedDialog } from '../scripts/show-suspended-dialog';

packages/frontend/src/components/MkSignupDialog.form.vue

@@ -76,6 +76,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import getPasswordStrength from 'syuilo-password-strength';
 import { toUnicode } from 'punycode/';

packages/frontend/src/components/MkSignupDialog.rules.stories.impl.ts

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /*
  * SPDX-FileCopyrightText: syuilo and other misskey contributors
  * SPDX-License-Identifier: AGPL-3.0-only

packages/frontend/src/components/MkSignupDialog.rules.vue

@@ -60,6 +60,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { computed, onMounted, ref, watch } from 'vue';
 import { instance } from '@/instance';
 import { i18n } from '@/i18n';

packages/frontend/src/components/MkSignupDialog.vue

@@ -33,6 +33,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import { $ref } from 'vue/macros';
 import XSignup from '@/components/MkSignupDialog.form.vue';

packages/frontend/src/components/MkSparkle.vue

@@ -70,6 +70,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, onUnmounted, ref, shallowRef } from 'vue';
 
 const particles = ref([]);

packages/frontend/src/components/MkSubNoteContent.vue

@@ -30,6 +30,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { } from 'vue';
 import * as misskey from 'misskey-js';
 import MkMediaList from '@/components/MkMediaList.vue';

packages/frontend/src/components/MkTab.vue

@@ -4,6 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <script lang="ts">
+// @ts-nocheck
 import { defineComponent, h, resolveDirective, withDirectives } from 'vue';
 
 export default defineComponent({

packages/frontend/src/components/MkTagCloud.vue

@@ -15,6 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, watch, onBeforeUnmount } from 'vue';
 import tinycolor from 'tinycolor2';
 

packages/frontend/src/components/MkTextarea.vue

@@ -32,6 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { onMounted, nextTick, ref, watch, computed, toRefs, shallowRef } from 'vue';
 import { debounce } from 'throttle-debounce';
 import MkButton from '@/components/MkButton.vue';