Qallの再実装

package.json

@@ -28,6 +28,7 @@
   "dependencies": {
     "@mdi/js": "^7.4.47",
     "@sapphi-red/web-noise-suppressor": "^0.3.5",
+    "@shiguredo/virtual-background": "^2023.2.0",
     "@traptitech/traq": "^3.17.0-3",
     "@traptitech/traq-markdown-it": "^6.3.0",
     "autosize": "^6.0.1",
@@ -37,7 +38,9 @@
     "firebase": "^11.2.0",
     "highlight.js": "^11.11.1",
     "idb-keyval": "^6.2.0",
+    "livekit-client": "^2.8.0",
     "mitt": "^3.0.0",
+    "party-js": "^2.2.0",
     "skyway-js": "^4.4.5",
     "text-field-edit": "^4.1.1",
     "throttle-debounce": "^5.0.2",
@@ -51,8 +54,8 @@
     "zod": "^3.24.1"
   },
   "devDependencies": {
-    "@stylistic/eslint-plugin-ts": "^2.13.0",
     "@pinia/testing": "^0.1.6",
+    "@stylistic/eslint-plugin-ts": "^2.13.0",
     "@types/autosize": "^4.0.3",
     "@types/dom-screen-wake-lock": "^1.0.3",
     "@types/katex": "^0.16.7",
@@ -63,24 +66,24 @@
     "@types/throttle-debounce": "^5.0.2",
     "@types/turndown": "^5.0.5",
     "@types/vue-select": "^3.16.8",
+    "@types/webappsec-credential-management": "^0.6.9",
     "@typescript-eslint/eslint-plugin": "^8.20.0",
     "@typescript-eslint/parser": "^8.20.0",
-    "@types/webappsec-credential-management": "^0.6.9",
     "@typescript/lib-dom": "npm:@types/web@^0.0.72",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitest/coverage-v8": "^2.1.8",
     "@vue/test-utils": "^2.4.6",
     "autoprefixer": "^10.4.20",
     "axios": "^1.7.9",
     "browserslist": "^4.24.4",
+    "cypress": "^13.17.0",
+    "esbuild": "^0.24.2",
+    "esbuild-plugin-browserslist": "^0.15.0",
     "eslint": "^9.18.0",
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-cypress": "^4.1.0",
     "eslint-plugin-unused-imports": "^4.1.4",
     "eslint-plugin-vue": "^9.32.0",
-    "cypress": "^13.17.0",
-    "esbuild": "^0.24.2",
-    "esbuild-plugin-browserslist": "^0.15.0",
     "fonteditor-core": "^2.4.1",
     "jsdom": "^26.0.0",
     "patch-package": "^8.0.0",

src/App.vue

@@ -17,14 +17,15 @@
 import { useThemeVariables } from '/@/composables/document/useThemeVariables'
 import { useResponsiveStore } from '/@/store/ui/responsive'
 import { useBrowserSettings } from '/@/store/app/browserSettings'
-import { useAppRtcStore } from '/@/store/app/rtc'
 import { useTts } from '/@/store/app/tts'
 import { useThemeSettings } from '/@/store/app/themeSettings'
 import useDocumentTitle from '/@/composables/document/useDocumentTitle'
 
 const useQallConfirmer = () => {
-  const { isCurrentDevice } = useAppRtcStore()
   window.addEventListener('beforeunload', event => {
+    // TODO: Qall
+    // ここは適切な変数を置く
+    const isCurrentDevice = computed(() => false)
     if (isCurrentDevice.value) {
       const unloadMessage = 'Qall中ですが本当に終了しますか？'
       event.preventDefault()