Migrate to vue 3

Signed-off-by: Raimund Schlüßler <[email protected]>

.eslintrc.js

@@ -14,24 +14,6 @@ module.exports = {
 	plugins: [
 		'cypress',
 	],
-	ignorePatterns: [
-		'src/components/NcAction*/*.vue',
-		'src/components/NcAppContent*/*.vue',
-		'src/components/NcAppNavigation*/*.vue',
-		'src/components/NcAppSettings*/*.vue',
-		'src/components/NcAppSidebar*/*.vue',
-		'src/components/NcBreadcrumb*/*.vue',
-		'src/components/NcContent/*.vue',
-		'src/components/NcDashboard*/*.vue',
-		'src/components/NcAvatar*/*.vue',
-		'src/components/NcHeaderMenu*/*.vue',
-		'src/components/NcModal*/*.vue',
-		'src/components/NcRelatedResourcesPanel*/*.vue',
-		'src/components/NcRich*/**/*.vue',
-		'src/components/NcUserBubble*/*.vue',
-		'src/components/NcVNodes*/*.vue',
-		'src/utils/IsMobileState.js',
-	],
 	parserOptions: {
 		babelOptions: {
 			plugins: [

cypress/component/modal.cy.ts

@@ -1,22 +1,23 @@
-import { mount } from 'cypress/vue2'
+import { mount } from 'cypress/vue'
 import NcModal from '../../src/components/NcModal/NcModal.vue'
 import type { Component } from 'vue'
+import { h } from 'vue'
 
 describe('NcModal', () => {
 	it('close button is visible when content is scrolled', () => {
 		mount(NcModal, {
-			propsData: {
+			props: {
 				show: true,
 				size: 'small',
 				name: 'Name',
 			},
 			slots: {
 				// Create two div as children, first is 100vh = overflows the content, second just gets some data attribute so we can scroll into view
 				default: {
-					render: (h) =>
+					render: () =>
 						h('div', [
-							h('div', { style: 'height: 100vh;' }),
-							h('div', { attrs: { 'data-cy': 'bottom' } }),
+							h('div', { style: { height: '100vh' } }),
+							h('div', { 'data-cy': 'bottom' }),
 						]),
 				} as Component,
 			},