How to use the @nextcloud/router.generateFilePath function in @nextcloud/router

import Vue from 'vue'
import { generateFilePath } from '@nextcloud/router'

import App from './App.vue'
// eslint-disable-next-line
__webpack_public_path__ = generateFilePath('firstrunwizard', '', 'js/');

/* global t oc_defaults */
// bind to window
Vue.prototype.t = t
// eslint-disable-next-line
Vue.prototype.oc_defaults = oc_defaults

const el = document.createElement('div')
el.id = 'firstrunwizard'
document.querySelector('body').appendChild(el)

const View = Vue.extend(App)
const vm = new View().$mount(el)

window.OCA.FirstRunWizard = {
	open: vm.open,

data() {
		return {
			videoMp4: generateFilePath('firstrunwizard', 'img', 'Nextcloud.mp4'),
			videoWebm: generateFilePath('firstrunwizard', 'img', 'Nextcloud.webm'),
		}
	},
}

data() {
		return {
			videoMp4: generateFilePath('firstrunwizard', 'img', 'Nextcloud.mp4'),
			videoWebm: generateFilePath('firstrunwizard', 'img', 'Nextcloud.webm'),
		}
	},
}