feat: move to vue 3 and vite 7

cypress/support/component.ts

@@ -25,7 +25,7 @@ import './commands'
 // eslint-disable-next-line n/no-extraneous-import
 import 'core-js/stable/index.js'
 
-import { mount } from '@cypress/vue2'
+import { mount } from '@cypress/vue'
 
 // @ts-expect-error Mock window so this is an internal property
 window._oc_capabilities = { files: {} }

lib/dialogs/openConflictPicker.ts

@@ -4,9 +4,7 @@
  */
 
 import type { Node } from '@nextcloud/files'
-import type { AsyncComponent } from 'vue'
-
-import Vue, { defineAsyncComponent } from 'vue'
+import { createApp, defineAsyncComponent, h } from 'vue'
 
 export type ConflictResolutionResult<T extends File|FileSystemEntry|Node> = {
     selected: T[],
@@ -36,10 +34,12 @@ export async function openConflictPicker<T extends File|FileSystemEntry|Node>(
 	options?: ConflictPickerOptions,
 ): Promise<ConflictResolutionResult<T>> {
 	const ConflictPicker = defineAsyncComponent(() => import('./components/ConflictPicker.vue')) as AsyncComponent
+	const container = document.createElement('div')
+
 	return new Promise((resolve, reject) => {
-		const picker = new Vue({
+		const picker = createApp({
 			name: 'ConflictPickerRoot',
-			render: (h) => h(ConflictPicker, {
+			render: () => h(ConflictPicker, {
 				props: {
 					dirname,
 					conflicts,
@@ -52,23 +52,23 @@ export async function openConflictPicker<T extends File|FileSystemEntry|Node>(
 						resolve(results)
 
 						// Destroy the component
-						picker.$destroy()
-						picker.$el?.parentNode?.removeChild(picker.$el)
+						picker.unmount()
+						document.body?.removeChild(container)
 					},
 					cancel(error?: Error) {
 						// Reject the promise
 						reject(error ?? new Error('Canceled'))
 
 						// Destroy the component
-						picker.$destroy()
-						picker.$el?.parentNode?.removeChild(picker.$el)
+						picker.unmount()
+						document.body?.removeChild(container)
 					},
 				},
 			}),
 		})
 
 		// Mount the component
-		picker.$mount()
-		document.body.appendChild(picker.$el)
+		document.body.appendChild(container)
+		picker.mount(container)
 	})
 }

lib/dialogs/utils/dialog.ts

@@ -5,7 +5,7 @@
 
 import type { InvalidFilenameError } from '@nextcloud/files'
 
-import { spawnDialog } from '@nextcloud/dialogs'
+import { spawnDialog } from '@nextcloud/vue/functions/dialog'
 import { validateFilename } from '@nextcloud/files'
 import { defineAsyncComponent } from 'vue'