build(deps): bump @nextcloud/vue from 6.0.0-beta.4 to 7.0.0-beta.4

Bumps [@nextcloud/vue](https://github.com/nextcloud/nextcloud-vue) from 6.0.0-beta.4 to 7.0.0-beta.4.
- [Release notes](https://github.com/nextcloud/nextcloud-vue/releases)
- [Changelog](https://github.com/nextcloud/nextcloud-vue/blob/master/CHANGELOG.md)
- [Commits](nextcloud-libraries/nextcloud-vue@v6.0.0-beta.4...v7.0.0-beta.4)

---
updated-dependencies:
- dependency-name: "@nextcloud/vue"
  dependency-type: direct:production
  update-type: version-update:semver-major
...

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

cypress/e2e/single-file-share.cy.js

@@ -20,7 +20,7 @@
  *
  */
 
-import { randHash } from '../utils/'
+import { randHash } from '../utils/index.js'
 const randUser = randHash()
 
 describe('See shared folder with link share', function() {
@@ -30,27 +30,32 @@ describe('See shared folder with link share', function() {
 	before(function() {
 		cy.nextcloudCreateUser(randUser, 'password')
 		cy.login(randUser, 'password')
+
 		cy.uploadFile('image1.jpg', 'image/jpeg')
 		cy.uploadFile('video1.mp4', 'video/mp4')
-		cy.createLinkShare('/image1.jpg').then(token => imageToken = token)
-		cy.createLinkShare('/video1.mp4').then(token => videoToken = token)
+		cy.createLinkShare('/image1.jpg').then(token => { imageToken = token })
+		cy.createLinkShare('/video1.mp4').then(token => { videoToken = token })
+
 		cy.logout()
 	})
 
-
-	it('opens the shared image in the viewer', function() {
+	it('Opens the shared image in the viewer', function() {
 		cy.visit(`/s/${imageToken}`)
+
 		cy.get('#imgframe img').should('be.visible')
 		cy.get('#imgframe > #viewer').should('be.visible')
-		cy.scrollTo('bottom')
+
+		cy.scrollTo('bottom', { ensureScrollable: false })
 		cy.get('a#downloadFile').should('be.visible')
 	})
 
-	it('opens the shared video in the viewer', function() {
+	it('Opens the shared video in the viewer', function() {
 		cy.visit(`/s/${videoToken}`)
+
 		cy.get('#imgframe .plyr').should('be.visible')
 		cy.get('#imgframe > #viewer').should('be.visible')
-		cy.scrollTo('bottom')
+
+		cy.scrollTo('bottom', { ensureScrollable: false })
 		cy.get('a#downloadFile').should('be.visible')
 	})
 })

package.json

@@ -48,7 +48,7 @@
     "@nextcloud/logger": "^2.3.0",
     "@nextcloud/paths": "^2.1.0",
     "@nextcloud/router": "^2.0.0",
-    "@nextcloud/vue": "^6.0.0-beta.4",
+    "@nextcloud/vue": "^7.0.0-beta.4",
     "@skjnldsv/vue-plyr": "^7.3.0",
     "camelcase": "^7.0.0",
     "debounce": "^1.2.1",
@@ -77,7 +77,7 @@
     "@nextcloud/stylelint-config": "^2.2.0",
     "@nextcloud/webpack-vue-config": "^5.3.0",
     "babel-loader-exclude-node-modules-except": "^1.2.1",
-    "cypress": "^10.6.0",
+    "cypress": "^10.8.0",
     "cypress-visual-regression": "^1.7.0",
     "eslint-plugin-cypress": "^2.12.1",
     "jest": "^28.1.3",

src/components/Images.vue

@@ -94,18 +94,18 @@ export default {
 
 	asyncComputed: {
 		data() {
+			if (this.mime === 'image/svg+xml') {
+				return this.getBase64FromImage()
+			}
+
 			if (this.source) {
 				return this.source
 			}
 
-			switch (this.mime) {
-			case 'image/svg+xml':
-				return this.getBase64FromImage()
-			case 'image/gif':
-				return this.davPath
-			default:
-				return this.previewpath
+			if (this.mime === 'image/gif') {
+				return this.src
 			}
+			return this.previewPath
 		},
 	},
 	watch: {
@@ -137,7 +137,7 @@ export default {
 		 * @return {string}
 		 */
 		async getBase64FromImage() {
-			const file = await axios.get(this.davPath)
+			const file = await axios.get(this.src)
 			return `data:${this.mime};base64,${btoa(file.data)}`
 		},
 

src/mixins/PreviewUrl.js

@@ -31,7 +31,7 @@ export default {
 		 *
 		 * @return {string}
 		 */
-		previewpath() {
+		previewPath() {
 			return this.getPreviewIfAny({
 				fileid: this.fileid,
 				source: this.source,

src/views/Viewer.vue

@@ -259,7 +259,7 @@ export default {
 			return this.Viewer.loadMore
 		},
 		canLoop() {
-			return false
+			return this.Viewer.canLoop
 		},
 		canZoom() {
 			return !this.Viewer.el