diff --git a/src/components/navbar/Navbar.vue b/src/components/navbar/Navbar.vue
index 9181fbe..8972f7d 100644
--- a/src/components/navbar/Navbar.vue
+++ b/src/components/navbar/Navbar.vue
@@ -43,12 +43,12 @@
⌘N
-
- Skin: {{ previewDeviceNames[store.previewDeviceModel || 'nanoOne'] }}
+
+ Orientation: {{ store.screenOrientation }}°
- {{ $t('navbar.device.preferences') }}
- ⌘,
+
+ Skin: {{ previewDeviceNames[store.previewDeviceModel || 'nanoOne'] }}
{{ $t('navbar.device.export') }}
diff --git a/src/store.js b/src/store.js
index a79e938..2713879 100644
--- a/src/store.js
+++ b/src/store.js
@@ -40,6 +40,7 @@ export const useStore = defineStore('main', {
},
},
previewDeviceModel: 'nanoOne',
+ screenOrientation: 90,
}
}, getters: {
profiles: (state) => state.profileCategories.flatMap(c => c.profiles),
@@ -157,6 +158,9 @@ export const useStore = defineStore('main', {
switchPreviewDeviceModel() {
this.previewDeviceModel = this.previewDeviceModel === 'nanoOne' ? 'nanoZero' : 'nanoOne'
},
+ cycleScreenOrientation() {
+ this.screenOrientation = (this.screenOrientation + 90) % 360
+ },
},
})