Move fetchData() from template to methods

(Templates are not made to call methods.) Signed-off-by: Frederic Ruget <[email protected]>
nextcloud · May 25, 2021 · 01fc82e · 01fc82e
1 parent d4c9014
commit 01fc82e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/js/viewer-main.js b/js/viewer-main.js
diff --git a/js/viewer-main.js.map b/js/viewer-main.js.map
diff --git a/src/components/Videos.vue b/src/components/Videos.vue
@@ -42,8 +42,6 @@
 				@canplay="doneLoading"
 				@loadedmetadata="onLoadedMetadata">
 
-				{{ fetchTracks() }}
-
 				<track v-for="track in tracks"
 					:key="track"
 					:src="track.src"
@@ -78,11 +76,11 @@ Vue.use(VuePlyr)
 export default {
 	name: 'Videos',
 
-	data: () => ({
+	data() {
 		// This is required so that tracks is declared and reactive
 		// Otherwise updates may fail to make it to plyr
-		tracks: [],
-	}),
+		return { tracks: [], }
+	},
 
 	computed: {
 		livePhoto() {
@@ -137,6 +135,8 @@ export default {
 		},
 
 		onLoadedMetadata() {
+
+			this.fetchTracks()
 			this.updateVideoSize()
 		},