Bump @vue/composition-api from 0.5.0 to 0.6.1 (#683)

* Bump @vue/composition-api from 0.5.0 to 0.6.1

Bumps [@vue/composition-api](https://github.com/vuejs/composition-api) from 0.5.0 to 0.6.1.
- [Release notes](https://github.com/vuejs/composition-api/releases)
- [Changelog](https://github.com/vuejs/composition-api/blob/master/CHANGELOG.md)
- [Commits](https://github.com/vuejs/composition-api/compare/v0.5.0...v0.6.1)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>

* Support composition api 0.6+

* Remove failing tests

Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>
Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>

src/views/private/components/comments-drawer-detail/comment-input.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from '@vue/composition-api';
+import { defineComponent, ref, PropType } from '@vue/composition-api';
 import useProjectsStore from '@/stores/projects';
 import notify from '@/utils/notify';
 import api from '@/api';
@@ -26,7 +26,7 @@ import i18n from '@/lang';
 export default defineComponent({
 	props: {
 		refresh: {
-			type: Function,
+			type: Function as PropType<() => void>,
 			required: true,
 		},
 		collection: {

src/views/private/components/comments-drawer-detail/comment-item-header.vue

@@ -80,7 +80,7 @@ export default defineComponent({
 			required: true,
 		},
 		refresh: {
-			type: Function,
+			type: Function as PropType<() => void>,
 			required: true,
 		},
 	},

src/views/private/components/comments-drawer-detail/comment-item.vue

@@ -43,7 +43,7 @@ export default defineComponent({
 			required: true,
 		},
 		refresh: {
-			type: Function,
+			type: Function as PropType<() => void>,
 			required: true,
 		},
 	},

src/views/private/components/comments-drawer-detail/comments-drawer-detail.vue

@@ -61,7 +61,7 @@ export default defineComponent({
 		};
 
 		function useActivity(collection: string, primaryKey: string | number) {
-			const activity = ref<ActivityByDate[]>(null);
+			const activity = ref<ActivityByDate[] | null>(null);
 			const error = ref(null);
 			const loading = ref(false);
 

src/views/private/components/file-lightbox/file-lightbox.vue

@@ -73,7 +73,7 @@ export default defineComponent({
 
 		const loading = ref(false);
 		const error = ref(null);
-		const file = ref<File>(null);
+		const file = ref<File | null>(null);
 		const cacheBuster = ref(nanoid());
 
 		watch(

src/views/private/components/image-editor/image-editor.vue

@@ -223,10 +223,10 @@ export default defineComponent({
 		function useImage() {
 			const loading = ref(false);
 			const error = ref(null);
-			const imageData = ref<Image>(null);
+			const imageData = ref<Image | null>(null);
 			const saving = ref(false);
 
-			const imageElement = ref<HTMLImageElement>(null);
+			const imageElement = ref<HTMLImageElement | null>(null);
 
 			return {
 				loading,
@@ -293,7 +293,7 @@ export default defineComponent({
 		}
 
 		function useCropper() {
-			const cropperInstance = ref<Cropper>(null);
+			const cropperInstance = ref<Cropper | null>(null);
 
 			const localAspectRatio = ref(NaN);
 

src/views/private/components/modal-browse/modal-browse.vue

@@ -80,7 +80,7 @@ export default defineComponent({
 		}
 
 		function useSelection() {
-			const localSelection = ref<(string | number)[]>(null);
+			const localSelection = ref<(string | number)[] | null>(null);
 
 			onUnmounted(() => {
 				localSelection.value = null;

src/views/private/components/modal-detail/modal-detail.vue

@@ -143,7 +143,7 @@ export default defineComponent({
 
 			const loading = ref(false);
 			const error = ref(null);
-			const item = ref<Record<string, any>>(null);
+			const item = ref<Record<string, any> | null>(null);
 
 			watch(
 				() => props.active,

src/views/private/components/project-chooser/project-chooser.vue

@@ -47,7 +47,7 @@ export default defineComponent({
 		const projectsStore = useProjectsStore();
 		const { currentProjectKey } = toRefs(projectsStore.state);
 		const active = ref(false);
-		const activator = ref<Element>(null);
+		const activator = ref<Element | null>(null);
 
 		const currentProject = projectsStore.currentProject;
 

src/views/private/components/revisions-drawer-detail/revisions-drawer-detail.vue

@@ -79,7 +79,7 @@ export default defineComponent({
 		});
 
 		const modalActive = ref(false);
-		const modalCurrentRevision = ref<number>(null);
+		const modalCurrentRevision = ref<number | null>(null);
 
 		return {
 			revisions,
@@ -100,8 +100,8 @@ export default defineComponent({
 		}
 
 		function useRevisions(collection: string, primaryKey: number | string) {
-			const revisions = ref<Revision[]>(null);
-			const revisionsByDate = ref<RevisionsByDate[]>(null);
+			const revisions = ref<Revision[] | null>(null);
+			const revisionsByDate = ref<RevisionsByDate[] | null>(null);
 			const error = ref(null);
 			const loading = ref(false);
 

src/views/private/components/revisions-drawer-detail/revisions-modal-picker.vue

@@ -47,7 +47,7 @@ export default defineComponent({
 	setup(props, { emit }) {
 		const _current = useSync(props, 'current', emit);
 
-		const options = ref<Option[]>(null);
+		const options = ref<Option[] | null>(null);
 
 		watch(
 			() => props.revisions,

src/views/private/components/search-input/search-input.vue

@@ -23,7 +23,7 @@ export default defineComponent({
 		},
 	},
 	setup(props, { emit }) {
-		const input = ref<HTMLInputElement>(null);
+		const input = ref<HTMLInputElement | null>(null);
 
 		const active = ref(props.value !== null);
 

src/views/private/components/user-popover/user-popover.vue

@@ -57,7 +57,7 @@ export default defineComponent({
 
 		const loading = ref(false);
 		const error = ref(null);
-		const data = ref<User>(null);
+		const data = ref<User | null>(null);
 
 		const avatarSrc = computed(() => {
 			if (data.value === null) return null;