From b33cc547d1d88daaf8b4bb2df2a787af5f84b3b6 Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Fri, 2 Feb 2024 00:57:21 +0100
Subject: [PATCH] UPD: Scramble on profile title

---
 src/components/device/DevicePreview.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/device/DevicePreview.vue b/src/components/device/DevicePreview.vue
index ccb4141..5750ac5 100644
--- a/src/components/device/DevicePreview.vue
+++ b/src/components/device/DevicePreview.vue
@@ -8,7 +8,8 @@
           {{ $t('preview.title') }}
         </h2>
         <div v-if="store.selectedProfile" class="font-mono text-sm">
-          <span class="text-muted-foreground">Profile: </span>{{ store.selectedProfile.name }}
+          <span class="text-muted-foreground">Profile: </span>
+          <ScrambleText :text="store.selectedProfile.name" />
         </div>
       </div>
       <div
@@ -33,6 +34,7 @@ import RenderNano from '@/assets/images/renderNano.png'
 import LogoMidi from '@/assets/logos/logoMidi.svg'
 import DeviceBar from '@/components/device/DeviceBar.vue'
 import { useStore } from '@/store'
+import ScrambleText from '@/components/effects/ScrambleText.vue'
 
 const store = useStore()
 </script>
\ No newline at end of file