aboutsummaryrefslogtreecommitdiff
path: root/src-vue
diff options
context:
space:
mode:
Diffstat (limited to 'src-vue')
-rw-r--r--src-vue/src/views/PlayView.vue29
1 files changed, 27 insertions, 2 deletions
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 4104f0ac..a3a572e6 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -1,10 +1,35 @@
-<script setup lang="ts">
+<script lang="ts">
+import { ElNotification } from 'element-plus';
+
+export default {
+ data() {
+ return {
+ developerModeClicks: 0
+ }
+ },
+ methods: {
+ activateDeveloperMode() {
+ this.developerModeClicks += 1;
+ if (this.developerModeClicks === 6) {
+ this.$store.state.developer_mode = true;
+ ElNotification({
+ title: 'Watch out!',
+ message: 'Developer mode enabled.',
+ type: 'info',
+ position: 'bottom-right'
+ });
+ }
+ }
+ }
+};
</script>
<template>
<div class="fc_launch__container">
<div class="fc_title">Northstar</div>
- <div class="fc_northstar__version">v{{ $store.state.installed_northstar_version }}</div>
+ <div class="fc_northstar__version" @click="activateDeveloperMode">
+ v{{ $store.state.installed_northstar_version }}
+ </div>
<el-button type="primary" size="large">Launch game</el-button>
</div>
</template>