diff --git a/src/renderer/src/components/navbar/Navbar.vue b/src/renderer/src/components/navbar/Navbar.vue
index bb5f2b1..5b2e298 100644
--- a/src/renderer/src/components/navbar/Navbar.vue
+++ b/src/renderer/src/components/navbar/Navbar.vue
@@ -7,12 +7,7 @@
{
- $refs.zerooneTitle.scramble(1, 100, 0)
- $refs.zerooneSubtitle.scramble(1, 75, 30)
- }
- "
+ @click="scrambleTitle"
>
{
- window.addEventListener('resize', () => {
- zoomFactor.value = window.outerWidth / window.innerWidth
- })
- appIpc.onMaximized((maximized) => {
- console.log(maximized)
- isMaximized.value = true
- })
+const zerooneTitle = ref(null)
+const zerooneSubtitle = ref(null)
- appIpc.onUnmaximized(() => {
- isMaximized.value = false
- })
+const scrambleTitle = () => {
+ zerooneTitle.value.scramble(1, 100, 0)
+ zerooneSubtitle.value.scramble(1, 75, 30)
+}
+
+window.addEventListener('resize', () => {
+ zoomFactor.value = window.outerWidth / window.innerWidth
})
+appIpc.onMaximized((maximized) => {
+ console.log(maximized)
+ isMaximized.value = true
+})
+
+appIpc.onUnmaximized(() => {
+ isMaximized.value = false
+})
+
+watch(() => deviceStore.connected, scrambleTitle)