diff options
| author | zyoshoka <107108195+zyoshoka@users.noreply.github.com> | 2023-12-07 14:42:09 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-12-07 14:42:09 +0900 |
| commit | 406b4bdbe79b5b0b68fcdcb3c4b6e419460a0258 (patch) | |
| tree | a1af1cc6102d2db40a687bc848c07cce35bd414f /packages/frontend/src/ui/deck/list-column.vue | |
| parent | feat: Roleに関するSchemaを追加 (#12572) (diff) | |
| download | misskey-406b4bdbe79b5b0b68fcdcb3c4b6e419460a0258.tar.gz misskey-406b4bdbe79b5b0b68fcdcb3c4b6e419460a0258.tar.bz2 misskey-406b4bdbe79b5b0b68fcdcb3c4b6e419460a0258.zip | |
refactor(frontend): 非推奨となったReactivity Transformを使わないように (#12539)
* refactor(frontend): 非推奨となったReactivity Transformを使わないように
* refactor: 不要な括弧を除去
* fix: 不要なアノテーションを除去
* fix: Refの配列をrefしている部分の対応
* refactor: 不要な括弧を除去
* fix: lint
* refactor: Ref、ShallowRef、ComputedRefの変数の宣言をletからconstに置換
* fix: type error
* chore: drop reactivity transform from eslint configuration
* refactor: remove unnecessary import
* fix: 対応漏れ
Diffstat (limited to 'packages/frontend/src/ui/deck/list-column.vue')
| -rw-r--r-- | packages/frontend/src/ui/deck/list-column.vue | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/packages/frontend/src/ui/deck/list-column.vue b/packages/frontend/src/ui/deck/list-column.vue index 40e4dcee7e..854c8d453b 100644 --- a/packages/frontend/src/ui/deck/list-column.vue +++ b/packages/frontend/src/ui/deck/list-column.vue @@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { watch } from 'vue'; +import { watch, shallowRef, ref } from 'vue'; import XColumn from './column.vue'; import { updateColumn, Column } from './deck-store'; import MkTimeline from '@/components/MkTimeline.vue'; @@ -26,14 +26,14 @@ const props = defineProps<{ isStacked: boolean; }>(); -let timeline = $shallowRef<InstanceType<typeof MkTimeline>>(); -const withRenotes = $ref(props.column.withRenotes ?? true); +const timeline = shallowRef<InstanceType<typeof MkTimeline>>(); +const withRenotes = ref(props.column.withRenotes ?? true); if (props.column.listId == null) { setList(); } -watch($$(withRenotes), v => { +watch(withRenotes, v => { updateColumn(props.column.id, { withRenotes: v, }); @@ -72,7 +72,7 @@ const menu = [ { type: 'switch', text: i18n.ts.showRenotes, - ref: $$(withRenotes), + ref: withRenotes, }, ]; </script> |