import {
defineComponent, computed, PropType, ref,
-} from '@vue/composition-api';
+} from 'vue';
import context from 'dive-common/store/context';
import TooltipBtn from './TooltipButton.vue';
import TypePicker from './TypePicker.vue';
@@ -9,6 +9,7 @@ import {
useHandler, useTime, useReadOnlyMode, useTrackFilters, useCameraStore, useTrackStyleManager,
} from '../provides';
import Track from '../track';
+import useVuetify from '../use/useVuetify';
export default defineComponent({
name: 'TrackItem',
@@ -58,8 +59,8 @@ export default defineComponent({
},
},
- setup(props, { root, emit }) {
- const vuetify = root.$vuetify;
+ setup(props, { emit }) {
+ const vuetify = useVuetify();
const { frame: frameRef } = useTime();
const handler = useHandler();
const trackFilters = useTrackFilters();
@@ -232,7 +233,9 @@ export default defineComponent({
@@ -245,10 +248,10 @@ export default defineComponent({
import {
defineComponent, reactive, computed, Ref,
-} from '@vue/composition-api';
+} from 'vue';
import { usePrompt } from 'dive-common/vue-utilities/prompt-service';
import { AnnotationId } from 'vue-media-annotator/BaseAnnotation';
@@ -26,6 +26,8 @@ const TrackListHeaderHeight = 52;
export default defineComponent({
name: 'TrackList',
+ components: { TrackItem },
+
props: {
newTrackMode: {
type: String,
@@ -49,8 +51,6 @@ export default defineComponent({
},
},
- components: { TrackItem },
-
setup(props) {
const { prompt } = usePrompt();
const readOnlyMode = useReadOnlyMode();
diff --git a/client/src/components/TypeEditor.vue b/client/src/components/TypeEditor.vue
index 9b886e911..5477d580d 100644
--- a/client/src/components/TypeEditor.vue
+++ b/client/src/components/TypeEditor.vue
@@ -1,7 +1,7 @@