diff options
| -rw-r--r-- | packages/frontend/src/ui/deck/column.vue | 4 | ||||
| -rw-r--r-- | packages/frontend/src/ui/universal.vue | 5 |
2 files changed, 4 insertions, 5 deletions
diff --git a/packages/frontend/src/ui/deck/column.vue b/packages/frontend/src/ui/deck/column.vue index 8ecac1dc8e..f60b6b6ae2 100644 --- a/packages/frontend/src/ui/deck/column.vue +++ b/packages/frontend/src/ui/deck/column.vue @@ -42,7 +42,7 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { onBeforeUnmount, onMounted, provide, watch, useTemplateRef, ref, computed } from 'vue'; +import { onBeforeUnmount, onMounted, provide, watch, ref, computed, shallowRef } from 'vue'; import type { Column } from '@/deck.js'; import type { MenuItem } from '@/types/menu.js'; import { updateColumn, swapLeftColumn, swapRightColumn, swapUpColumn, swapDownColumn, stackLeftColumn, popRightColumn, removeColumn, swapColumn } from '@/deck.js'; @@ -68,7 +68,7 @@ const emit = defineEmits<{ (ev: 'headerWheel', ctx: WheelEvent): void; }>(); -const body = useTemplateRef('body'); +const body = shallowRef(); const dragging = ref(false); watch(dragging, v => os.deckGlobalEvents.emit(v ? 'column.dragStart' : 'column.dragEnd')); diff --git a/packages/frontend/src/ui/universal.vue b/packages/frontend/src/ui/universal.vue index aeabcb3213..663ec10888 100644 --- a/packages/frontend/src/ui/universal.vue +++ b/packages/frontend/src/ui/universal.vue @@ -91,11 +91,10 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { defineAsyncComponent, provide, onMounted, computed, ref, watch, useTemplateRef } from 'vue'; +import { defineAsyncComponent, provide, onMounted, computed, ref, watch, shallowRef } from 'vue'; import { instanceName } from '@@/js/config.js'; import { isLink } from '@@/js/is-link.js'; import XCommon from './_common_/common.vue'; -import type { Ref } from 'vue'; import type { PageMetadata } from '@/page.js'; import XDrawerMenu from '@/ui/_common_/navbar-for-mobile.vue'; import * as os from '@/os.js'; @@ -130,7 +129,7 @@ window.addEventListener('resize', () => { const pageMetadata = ref<null | PageMetadata>(null); const widgetsShowing = ref(false); -const navFooter = useTemplateRef('navFooter'); +const navFooter = shallowRef(); provide(DI.router, mainRouter); provideMetadataReceiver((metadataGetter) => { |