Merge branch 'main' of https://github.com/Frontesque/VueTube into dev

.github/ISSUE_TEMPLATE/bug-report.yml

@@ -0,0 +1,81 @@
+name: 🐞 Issue Report
+description: Report a issue in VueTube
+labels: [bug]
+body:
+
+  - type: textarea
+    id: reproduce-steps
+    attributes:
+      label: Steps to reproduce
+      description: Provide an example of the issue.
+      placeholder: |
+        Example:
+          1. First step
+          2. Second step
+          3. Issue here
+    validations:
+      required: true
+
+  - type: textarea
+    id: expected-behavior
+    attributes:
+      label: Expected behavior
+      placeholder: |
+        Example:
+          "This should happen..."
+    validations:
+      required: true
+
+  - type: textarea
+    id: actual-behavior
+    attributes:
+      label: Actual behavior
+      placeholder: |
+        Example:
+          "This happened instead..."
+    validations:
+      required: true
+
+  - type: input
+    id: vuetube-version
+    attributes:
+      label: VueTube version
+      description: |
+        You can find your VueTube version in **Settings**.
+      placeholder: |
+        Example: "1.0"
+    validations:
+      required: true
+
+  - type: input
+    id: android-version
+    attributes:
+      label: Android version
+      description: |
+        You can find this somewhere in your Android settings.
+      placeholder: |
+        Example: "Android 12"
+    validations:
+      required: true
+
+  - type: textarea
+    id: other-details
+    attributes:
+      label: Other details
+      placeholder: |
+        Additional details and attachments.
+
+  - type: checkboxes
+    id: acknowledgements
+    attributes:
+      label: Acknowledgements
+      description: Your issue will be closed if you haven't done these steps.
+      options:
+        - label: I have searched the existing issues and this is a new ticket, **NOT** a duplicate or related to another open issue.
+          required: true
+        - label: I have written a short but informative title.
+          required: true
+        - label: I have updated the app to unstable version **[Latest](https://vuetube.app/install/)**.
+          required: true
+        - label: I will fill out all of the requested information in this form.
+          required: true

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,31 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Device Information**
- - OS: [e.g. iOS 15, Android 12]
- - App Version [e.g. 22]
-
-**Additional context**
-Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature-request.yml

@@ -0,0 +1,35 @@
+name: ⭐ Feature request
+description: Suggest a feature to improve the app
+labels: [feature request]
+body:
+
+  - type: textarea
+    id: feature-description
+    attributes:
+      label: Describe your suggested feature
+      description: How can an existing source be improved?
+      placeholder: |
+        Example:
+          "It should work like this..."
+    validations:
+      required: true
+
+  - type: textarea
+    id: other-details
+    attributes:
+      label: Other details
+      placeholder: |
+        Additional details and attachments.
+
+  - type: checkboxes
+    id: acknowledgements
+    attributes:
+      label: Acknowledgements
+      description: Your issue will be closed if you haven't done these steps.
+      options:
+        - label: I have searched the existing issues and this is a new ticket, **NOT** a duplicate or related to another open issue.
+          required: true
+        - label: I have written a short but informative title.
+          required: true
+        - label: I will fill out all of the requested information in this form.
+          required: true

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,20 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.

NUXT/pages/mods/about.vue

@@ -15,16 +15,15 @@
 
     <!--   App Information   -->
     <v-card
-      flat
       class="obj"
       :class="
         $vuetify.theme.dark ? 'background lighten-1' : 'background darken-1'
       "
       :style="{ borderRadius: `${roundTweak / 2}rem` }"
     >
-      <v-card-title>App Information</v-card-title>
+      <v-card-title>{{ languagePack.mods.about.appinformation }}</v-card-title>
       <v-card-text>
-        <h3>App Version</h3>
+        <h3>{{ languagePack.mods.about.appversion }}</h3>
         {{ version.substring(0, 7) || "Unknown" }}
       </v-card-text>
     </v-card>
@@ -32,26 +31,27 @@
 
     <!--   Device Information   -->
     <v-card
-      flat
       class="obj"
       :class="
         $vuetify.theme.dark ? 'background lighten-1' : 'background darken-1'
       "
       :style="{ borderRadius: `${roundTweak / 2}rem` }"
     >
-      <v-card-title>Device Information</v-card-title>
+      <v-card-title>{{
+        languagePack.mods.about.deviceinformation
+      }}</v-card-title>
       <v-card-text>
-        <h3>Platform</h3>
+        <h3>{{ languagePack.mods.about.platform }}</h3>
         {{ deviceInfo.platform || "Unknown" }}<br />
-        <h3>Operating System</h3>
+        <h3>{{ languagePack.mods.about.os }}</h3>
         {{ deviceInfo.operatingSystem || "Unknown" }} ({{
           deviceInfo.osVersion || "Unknown"
         }})<br />
-        <h3>Model</h3>
+        <h3>{{ languagePack.mods.about.model }}</h3>
         {{ deviceInfo.model || "Unknown" }}<br />
-        <h3>Manufacturer</h3>
+        <h3>{{ languagePack.mods.about.manufacturer }}</h3>
         {{ deviceInfo.manufacturer || "Unknown" }}<br />
-        <h3>Emulator</h3>
+        <h3>{{ languagePack.mods.about.emulator }}</h3>
         {{ deviceInfo.isVirtual ? "yes" : "no" }}
       </v-card-text>
     </v-card>
@@ -69,7 +69,7 @@
         @click="openExternal('https://github.com/Frontesque/VueTube')"
       >
         <v-icon x-large class="actionIcon">mdi-github</v-icon>
-        Github
+        {{ languagePack.mods.about.github }}
       </v-btn>
       <v-btn
         depressed
@@ -81,7 +81,7 @@
         @click="openExternal('https://discord.gg/7P8KJrdd5W')"
       >
         <v-icon x-large class="actionIcon">mdi-discord</v-icon>
-        Discord
+        {{ languagePack.mods.about.discord }}
       </v-btn>
     </div>
   </div>
@@ -96,6 +96,7 @@ export default {
     return {
       version: process.env.appVersion,
       deviceInfo: "",
+      languagePack: { mods: { about: {} } },
     };
   },
   computed: {
@@ -107,6 +108,8 @@ export default {
   async mounted() {
     const info = await Device.getInfo();
     this.deviceInfo = info;
+
+    this.languagePack = this.$lang();
   },
   methods: {
     async openExternal(url) {

NUXT/pages/mods/startup.vue

@@ -1,27 +1,16 @@
 <template>
   <div class="mainContainer pt-1">
-    <v-card
+    <v-card flat class="pb-5 background" :class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'" :style="{borderRadius: `${roundTweak / 2}rem`}">
-      flat
-      class="pb-5 background"
-      :class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'"
-      :style="{borderRadius: `${roundTweak / 2}rem`}"
-    >
       <v-card-title>Default Page</v-card-title>
       <v-card-text>
-        <v-select
+        <v-select v-model="page" background-color="background" :items="pages" label="Default Page" solo></v-select>
-          v-model="page"
-          background-color="background"
-          :items="pages"
-          label="Default Page"
-          solo
-        ></v-select>
       </v-card-text>
     </v-card>
   </div>
 </template>
 
 <script>
-export default {
+  export default {
 
     computed: {
       roundTweak() {
@@ -32,7 +21,7 @@ export default {
     data() {
       return {
         page: "home",
-      pages: ["home", "subscriptions", "library"],
+        pages: [],
       };
     },
 
@@ -44,16 +33,30 @@ export default {
 
     mounted() {
       this.page = localStorage.getItem("startPage") || "home";
-  },
+
-};
+      const langPack = this.$lang('global');
+      this.pages = [{
+        value: "home",
+        text: langPack.home
+      }, {
+        value: "subscriptions",
+        text: langPack.subscriptions
+      }, {
+        value: "library",
+        text: langPack.library
+      }];
+    }
+  };
+
 </script>
 
 <style scoped>
-.v-card {
+  .v-card {
     margin: 1em;
-}
+  }
 
-section {
+  section {
     padding: 0 1em 1em 1em;
-}
+  }
+
 </style>

NUXT/pages/settings.vue

@@ -13,7 +13,19 @@
     </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>
 
@@ -35,6 +47,9 @@ export default {
   data() {
     return {
       devClicks: 0,
+      devmode: false,
+
+      devmodebuttonname: "Developer Mode",
 
       settingsItems: [
         {
@@ -100,13 +115,17 @@ export default {
     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;
       }
     },
   },

NUXT/plugins/languages/english.js

@@ -4,7 +4,7 @@ module.exports = {
   global: {
     home: "Home",
     subscriptions: "Subscriptions",
-    library: "Libraary"
+    library: "Library"
   },
 
   index: {
@@ -21,6 +21,24 @@ module.exports = {
     plugins: "Plugins",
     updates: "Updates",
     logs: "Logs",
-    about: "About"
+    about: "About",
+    devmode: "Registry Editor"
+  },
+
+  mods: {
+    about: {
+      appinformation: "App Information",
+      appversion: "App Version",
+      deviceinformation: "Device Information",
+      platform: "Platform",
+      os: "Operating System",
+      model: "Model",
+      manufacturer: "Manufacturer",
+      emulator: "Emulator",
+      github: "GitHub",
+      discord: "Discord"
     }
+  }
+
+
 }