diff --git a/src/components/Stream.vue b/src/components/Stream.vue
index d4516c5..d7fd273 100644
--- a/src/components/Stream.vue
+++ b/src/components/Stream.vue
@@ -10,6 +10,7 @@
'media--orientation-unknown': this.status === 'video' && this.orientation === 'unknown',
}"
@click="$emit('click')"
+ @keypress.enter="$emit('click')"
/>
diff --git a/src/css/styles.scss b/src/css/styles.scss
index 1c10eb6..fa3dd0e 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -192,9 +192,9 @@ $lobby-border-radius: 0px;
position: absolute;
height: $size;
width: $size;
- font-size: $size / 1.7;
- top: $size / 4;
- right: $size / 4;
+ font-size: calc($size / 1.7);
+ top: calc($size / 4);
+ right: calc($size / 4);
fill: $action-1;
}
diff --git a/src/main.js b/src/main.js
index 29ad0a9..9519401 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,5 +1,5 @@
-import Vue from 'vue'
-import VueI18n from 'vue-i18n'
+import { createApp } from 'vue'
+import { createI18n } from 'vue-i18n'
import VueMeta from 'vue-meta'
import { InlineSvgPlugin } from 'vue-inline-svg'
@@ -10,24 +10,20 @@ import config from './config'
import messages from './i18nStrings'
import { detectLanguage } from './support'
-Vue.config.productionTip = false
-Vue.use(VueI18n)
-Vue.use(VueMeta, {
- refreshOnceOnNavigation: true,
-})
-Vue.use(InlineSvgPlugin)
-
const language = detectLanguage()
const locale = language && language.startsWith('de') ? 'de' : config.defaultLocale
-const i18n = new VueI18n({
+const i18n = createI18n({
locale,
fallbackLocale: config.defaultLocale,
messages,
})
-new Vue({
- router,
- i18n,
- render: (h) => h(App),
-}).$mount('#app')
+const app = createApp(App)
+app
+ .use(router)
+ .use(i18n)
+ .use(VueMeta, { refreshOnceOnNavigation: true, })
+ .use(InlineSvgPlugin)
+
+app.mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
index b9c0a90..25d8114 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,5 +1,4 @@
-import Vue from 'vue'
-import VueRouter from 'vue-router'
+import { createRouter, createWebHistory } from 'vue-router'
import Home from '@/views/Home.vue'
import Room from '@/views/Room.vue'
@@ -11,8 +10,6 @@ import { escapeRegex } from '@/support'
const validInfoPages = i18nStrings.en.infoPages.map((ip) => escapeRegex(ip.id))
-Vue.use(VueRouter)
-
const routes = [
{
path: '/',
@@ -38,10 +35,9 @@ const routes = [
},
];
-const router = new VueRouter({
- mode: 'history',
- base: process.env.BASE_URL,
- routes,
-});
+const router = createRouter({
+ history: createWebHistory(process.env.BASE_URL),
+ routes
+})
export default router
diff --git a/src/views/Room.vue b/src/views/Room.vue
index 3c38bd9..115b7e3 100644
--- a/src/views/Room.vue
+++ b/src/views/Room.vue
@@ -6,7 +6,7 @@