up

src/App.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { NConfigProvider, NMessageProvider, darkTheme } from 'naive-ui'
+import ControlPage from './components/ControlPage.vue'
+import OutputPage from './components/OutputPage.vue'
+
+const hasBridge = !!window.screenBridge
+const isOutput = new URLSearchParams(location.search).has('output')
+</script>
+
+<template>
+  <n-config-provider :theme="darkTheme">
+    <n-message-provider>
+      <OutputPage v-if="isOutput && hasBridge" />
+      <ControlPage v-else />
+    </n-message-provider>
+  </n-config-provider>
+</template>