first commit

packages/frontend/src/App.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { bindSessionPageHideOnce } from '@/composables/useSessionLifecycle';
+
+bindSessionPageHideOnce();
+
+const route = useRoute();
+
+/** Keep editor instances alive when visiting /licenses etc. */
+const viewKey = computed(() => {
+  if (route.name === 'onlyoffice-editor') {
+    return `onlyoffice-${route.params.docId}`;
+  }
+  if (route.name === 'rhwp-editor') {
+    return 'rhwp-editor';
+  }
+  return String(route.fullPath);
+});
+</script>
+
+<template>
+  <RouterView v-slot="{ Component }">
+    <KeepAlive :include="['OnlyOfficeEditorView', 'RhwpEditorView']" :max="6">
+      <component :is="Component" :key="viewKey" />
+    </KeepAlive>
+  </RouterView>
+</template>