chore/upgrade vue 3

cypress.config.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import vue from '@vitejs/plugin-vue2'
+import vue from '@vitejs/plugin-vue'
 import { defineConfig } from 'cypress'
 import cypressSplit from 'cypress-split'
 import vitePreprocessor from 'cypress-vite'

cypress/e2e/Assistant.spec.js

@@ -51,14 +51,11 @@ describe('Assistant', () => {
 		})
 		cy.get('.assistant-modal--content .submit-button').click()
 
-		// eslint-disable-next-line cypress/no-unnecessary-waiting
 		cy.wait(2000)
 
 		cy.get('.assistant-modal--content button').contains('Get notified').click()
 
-		cy.get('.assistant-modal--content button .bell-ring-outline-icon').should(
-			'be.visible',
-		)
+		cy.get('.assistant-modal--content button .bell-ring-outline-icon').should('be.visible')
 
 		cy.get('.assistant-modal--content .close-button').click()
 		cy.getActionEntry('assistant').click()
@@ -78,7 +75,6 @@ describe('Assistant', () => {
 		cy.getActionEntry('assistant').click()
 		cy.get('.action-button').contains('Translate').click()
 
-		// eslint-disable-next-line cypress/no-unnecessary-waiting
 		cy.wait(1000)
 
 		cy.get('.assistant-modal--content #input-input').type('Hello World', {

cypress/e2e/Links.spec.js

@@ -8,12 +8,12 @@
 const user = randUser()
 const fileName = 'empty.md'
 
-describe('test link marks', function () {
-	before(function () {
+describe('test link marks', function() {
+	before(function() {
 		cy.createUser(user)
 	})
 
-	beforeEach(function () {
+	beforeEach(function() {
 		cy.login(user)
 		cy.isolateTest({
 			sourceFile: fileName,
@@ -24,7 +24,7 @@
 		cy.openFile(fileName, { force: true })
 	})
 
-	describe('link bubble', function () {
+	describe('link bubble', function() {
 		/**
 		 * Find link and click on it
 		 *
@@ -134,14 +134,12 @@
 			cy.insertLine(`[text](${link})`)
 			cy.getContent().find(`a[href*="${link}"]`).should('not.exist')
 			clickLink('#')
-			cy.get('.link-view-bubble__title', { timeout: 10000 }).contains(
-				'other://protocol',
-			)
+			cy.get('.link-view-bubble__title', { timeout: 10000 }).contains('other://protocol')
 			cy.get('.link-view-bubble a').should('not.exist')
 		})
 	})
 
-	describe('autolink', function () {
+	describe('autolink', function() {
 		it('with protocol to files app and fileId', () => {
 			cy.getFile(fileName).then(($el) => {
 				const id = $el.data('cyFilesListRowFileid')
@@ -167,11 +165,11 @@
 		})
 	})
 
-	describe('link menu', function () {
+	describe('link menu', function() {
 		beforeEach(() => cy.clearContent())
 		const text = 'some text'
 
-		describe('link to website', function () {
+		describe('link to website', function() {
 			const url = 'https://example.org/'
 			// Helper to reduce duplicated code, checking inserting with and without selected text
 			const checkLinkWebsite = (url, text) => {
@@ -187,27 +185,25 @@
 
 			beforeEach(cy.clearContent)
 			it('Link website without selection', () => {
 				cy.getFile(fileName).then(($el) => {
 					checkLinkWebsite(url, url)
 				})
 			})
 
 			it('Link website with selection', () => {
 				cy.getFile(fileName).then(($el) => {
 					cy.getContent().type(`${text}{selectAll}`)
 					checkLinkWebsite(url, text)
 				})
 			})
 		})
 
-		describe('link to local file', function () {
+		describe('link to local file', function() {
 			// Helper to reduce duplicated code, checking inserting with and without selected text
 			const checkLinkFile = (filename, text, isFolder = false) => {
 				cy.getSubmenuEntry('insert-link', 'insert-link-file').click()
 				cy.get('.file-picker').within(() => {
-					cy.get(
-						`[data-testid="file-list-row"][data-filename="${filename}"]`,
-					).click()
+					cy.get(`[data-testid="file-list-row"][data-filename="${filename}"]`).click()
 					cy.get(isFolder ? '.empty-content__name' : '.file-picker__files')
 					cy.contains(
 						'button',
@@ -217,7 +213,7 @@
 
 				return cy
 					.getContent()
 					.find(`a[href*="/index.php/f/${fileId}"]`)
 					.should('have.text', text === undefined ? filename : text)
 			}
 
@@ -229,7 +225,7 @@
 				cy.getFileId(fileName).then((id) => {
 					fileId = id
 				})
 				cy.getFile(fileName).then(($el) => {
 					checkLinkFile(fileName)
 					cy.get('.modal-header__name').should('include.text', fileName)
 				})
@@ -238,19 +234,17 @@
 				cy.getFileId(fileName).then((id) => {
 					fileId = id
 				})
 				cy.getFile(fileName).then(($el) => {
 					cy.getContent().type(`${text}{selectAll}`)
 					checkLinkFile(fileName, text)
 					cy.get('.modal-header__name').should('include.text', fileName)
 				})
 			})
 			it('link to directory', () => {
-				cy.createFolder(`${window.__currentDirectory}/dummy folder`).then(
-					(folderId) => {
-						fileId = folderId
-					},
-				)
+				cy.createFolder(`${window.__currentDirectory}/dummy folder`).then((folderId) => {
+					fileId = folderId
+				})
 				cy.getFile(fileName).then(($el) => {
 					cy.getContent().type(`${text}{selectAll}`)
 					checkLinkFile('dummy folder', text, true)
 				})

cypress/e2e/MenuBar.spec.js

@@ -7,17 +7,17 @@ import { randUser } from '../utils/index.js'
 
 const user = randUser()
 
-describe('Test the rich text editor menu bar', function () {
-	before(function () {
+describe('Test the rich text editor menu bar', function() {
+	before(function() {
 		cy.createUser(user)
 	})
 
-	beforeEach(function () {
+	beforeEach(function() {
 		cy.login(user)
 		cy.uploadTestFile()
 	})
 
-	describe('word count', function () {
+	describe('word count', function() {
 		/**
 		 *
 		 */
@@ -27,7 +27,7 @@ describe('Test the rich text editor menu bar', function () {
 				.get('[data-text-action-entry="character-count"]')
 		}
 
-		beforeEach(function () {
+		beforeEach(function() {
 			cy.visit('/apps/files')
 			cy.openTestFile()
 		})
@@ -51,7 +51,7 @@ describe('Test the rich text editor menu bar', function () {
 		})
 	})
 
-	describe('text width toggle', function () {
+	describe('text width toggle', function() {
 		beforeEach(() => {
 			cy.configureText('is_full_width_editor', 0)
 			cy.visit('/apps/files')
@@ -61,19 +61,19 @@ describe('Test the rich text editor menu bar', function () {
 				.as('maxWidth')
 		})
 
-		it('applys default', function () {
+		it('applys default', function() {
 			cy.openTestFile()
 			cy.get('@maxWidth').should('equal', 'min(80ch, (100% - 2 * 40px))')
 		})
 
-		it('toggles value', function () {
+		it('toggles value', function() {
 			cy.openTestFile()
 			cy.getActionEntry('remain').click()
 			cy.contains('Full width editor').click()
 			cy.get('@maxWidth').should('equal', 'calc(100% - 2 * 40px)')
 		})
 
-		it('preserves on reopen', function () {
+		it('preserves on reopen', function() {
 			cy.openTestFile()
 			cy.getActionEntry('remain').click()
 			cy.contains('Full width editor').click()
@@ -82,7 +82,7 @@ describe('Test the rich text editor menu bar', function () {
 			cy.get('@maxWidth').should('equal', 'calc(100% - 2 * 40px)')
 		})
 
-		it('preserves on reload', function () {
+		it('preserves on reload', function() {
 			cy.openTestFile()
 			cy.getActionEntry('remain').click()
 			cy.contains('Full width editor').click()
@@ -91,7 +91,7 @@ describe('Test the rich text editor menu bar', function () {
 			cy.get('@maxWidth').should('equal', 'calc(100% - 2 * 40px)')
 		})
 
-		it('does not interfere if width is already set', function () {
+		it('does not interfere if width is already set', function() {
 			cy.window()
 				.its('document.body.style')
 				.invoke('setProperty', '--text-editor-max-width', '987px')