changed settings path and added version to header

components/MainHeader.vue

@@ -13,8 +13,8 @@
         <div class="relative w-full flex flex-row items-center justify-center">
             <img src="/logo.png" class="h-8" />
             <div class="text-[10px] leading-[10px] text-opacity-90 text-white select-none"
-                >Crunchyroll <br />
-                Downloader</div
+                >CrunchyDL <br />
+                v{{ packageJson.version }}</div
             >
         </div>
         <div class="w-full flex gap-2 flex-row items-center justify-center">
@@ -31,6 +31,8 @@
 </template>
 
 <script lang="ts" setup>
+import packageJson from '../package.json';
+
 const isProduction = process.env.NODE_ENV !== 'development'
 
 async function openSettings() {

components/Settings/About.vue

@@ -2,15 +2,16 @@
     <div class="relative flex flex-col items-center justify-center h-full" style="-webkit-app-region: no-drag">
         <img src="/logo.png" class="h-24" />
         <div class="text-base text-center leading-[18px]">
-            Crunchyroll <br />
-            Downloader
+            CrunchyDL
         </div>
-        <div class="text-sm mt-1 text-gray-200"> v1.2.3 </div>
+        <div class="text-sm mt-1 text-gray-200"> v{{ packageJson.version }} </div>
         <div class="absolute right-0 bottom-0 text-xs text-gray-200"> Made by OpenSTDL </div>
     </div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import packageJson from '../../package.json';
+</script>
 
 <style>
 .font-dm {

components/Updater.vue

@@ -1,6 +1,6 @@
 <template>
     <div
-        class="fixed bottom-3 right-5 p-3 flex flex-col bg-[#111111dc] w-80 min-h-24 rounded-xl font-dm text-white transition-all duration-300"
+        class="fixed bottom-3 right-5 p-3 z-50 flex flex-col bg-[#111111dc] w-80 min-h-24 rounded-xl font-dm text-white transition-all duration-300"
         :class="
             (data?.status === 'update-available' && !ignoreUpdate) || data?.status === 'downloading' || data?.status === 'update-downloaded'
                 ? 'opacity-100'

package.json

@@ -2,7 +2,7 @@
     "name": "crunchydl",
     "author": "OpenSTDL",
     "description": "Crunchyroll Downloader",
-    "version": "1.2.3",
+    "version": "1.2.4",
     "private": true,
     "main": ".output/src/electron/background.js",
     "repository": "https://github.com/OpenSTDL/CrunchyDL",
@@ -39,11 +39,13 @@
         "nuxt": "3.11.2",
         "nuxt-icon": "^0.6.10",
         "prettier": "^2.8.8",
+        "protobufjs": "^7.3.2",
         "sass": "^1.77.6",
         "sass-loader": "^13.3.3",
         "tsc-watch": "^6.2.0",
         "typescript": "^5.5.2",
-        "wait-on": "^7.2.0"
+        "wait-on": "^7.2.0",
+        "winston": "^3.13.0"
     },
     "dependencies": {
         "@fastify/cors": "^9.0.1",
@@ -60,10 +62,8 @@
         "mpd-parser": "^1.3.0",
         "node-cache": "^5.1.2",
         "node-cron": "^3.0.3",
-        "protobufjs": "^7.3.2",
         "sequelize": "^6.37.3",
-        "sqlite3": "5.1.6",
-        "winston": "^3.13.0"
+        "sqlite3": "5.1.6"
     },
     "build": {
         "files": [

src/electron/background.ts

@@ -20,6 +20,11 @@ var mainWindow: BrowserWindow
 function createWindow() {
     console.log('System info', { isProduction, platform, architucture })
 
+    settings.configure({
+        dir: app.getPath('documents') + '/Crunchyroll Downloader/',
+        fileName: 'settings.json'
+    })
+
     mainWindow = new BrowserWindow({
         title: 'Crunchyroll Downloader',
         icon: __dirname + '/icon/favicon.ico',