From 0b96f9f16748045ddcf017408fc401ffd3330c3d Mon Sep 17 00:00:00 2001
From: Kenny <27463495+Frontesque@users.noreply.github.com>
Date: Fri, 6 May 2022 11:42:03 -0400
Subject: [PATCH] feat: :sparkles: Change how developer mode is accessed

---
 NUXT/pages/settings.vue           | 18 ++++++++++++++++--
 NUXT/plugins/languages/english.js |  3 ++-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/NUXT/pages/settings.vue b/NUXT/pages/settings.vue
index 5be936c..5da5880 100644
--- a/NUXT/pages/settings.vue
+++ b/NUXT/pages/settings.vue
@@ -8,7 +8,14 @@
     </v-list-item>
 
     <!--   Dev Mode Open   -->
-    <v-btn text class="entry" @click="dev()" />
+    <v-btn text class="entry" @click="dev()" v-if="!devmode" />
+
+    <v-btn text class="entry text-left text-capitalize" style="margin: 0 0.75em 0 0.75em;" to="/mods/developer" v-if="devmode">
+      <v-icon size="30px" class="icon" >mdi-database-edit</v-icon>
+      {{ devmodebuttonname }}
+    </v-btn>
+    <!--   End Dev Mode   -->
+
   </div>
 </template>
 
@@ -31,6 +38,9 @@
     data() {
       return {
         devClicks: 0,
+        devmode: false,
+
+        devmodebuttonname: "Developer Mode",
 
         settingsItems: [{
             name: "General",
@@ -95,13 +105,17 @@
       this.settingsItems[6].name = this.$lang('settings').updates;
       this.settingsItems[7].name = this.$lang('settings').logs;
       this.settingsItems[8].name = this.$lang('settings').about;
+      this.devmodebuttonname = this.$lang('settings').devmode;
+
+      this.devmode = localStorage.getItem('devmode');
     },
 
     methods: {
       dev() {
         this.devClicks++;
         if (this.devClicks >= 6) {
-          this.$router.push("/mods/developer");
+          localStorage.setItem('devmode', 'true');
+          this.devmode = true;
         }
       },
     },
diff --git a/NUXT/plugins/languages/english.js b/NUXT/plugins/languages/english.js
index b5837aa..3d28f73 100644
--- a/NUXT/plugins/languages/english.js
+++ b/NUXT/plugins/languages/english.js
@@ -21,7 +21,8 @@ module.exports = {
     plugins: "Plugins",
     updates: "Updates",
     logs: "Logs",
-    about: "About"
+    about: "About",
+    devmode: "Registry Editor"
   },
 
   mods: {