Update to new Electron version

.eslintignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+out
+.gitignore

.eslintrc.cjs

@@ -0,0 +1,17 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+    extends: [
+        'eslint:recommended',
+        'plugin:vue/vue3-recommended',
+        '@electron-toolkit',
+        '@electron-toolkit/eslint-config-ts/eslint-recommended',
+        '@vue/eslint-config-typescript/recommended',
+        '@vue/eslint-config-prettier'
+    ],
+    rules: {
+        'vue/require-default-prop': 'off',
+        'vue/multi-word-component-names': 'off'
+    }
+}

.gitignore

@@ -1,5 +1,6 @@
 node_modules
 dist
 out
+.DS_Store
 *.log*
 .idea

.npmrc

@@ -1 +1,2 @@
-ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
+electron_mirror=https://npmmirror.com/mirrors/electron/
+electron_builder_binaries_mirror=https://npmmirror.com/mirrors/electron-builder-binaries/

.prettierignore

@@ -1,5 +1,6 @@
-node_modules
-dist
 out
-*.log*
-.idea
+dist
+pnpm-lock.yaml
+LICENSE.md
+tsconfig.json
+tsconfig.*.json

.prettierrc.yaml

@@ -0,0 +1,4 @@
+singleQuote: true
+semi: false
+printWidth: 100
+trailingComma: none

README.md

@@ -2,15 +2,15 @@
 
 Music player built with Electron, Vue 3, and Vuetify.
 
-* Listen to your Spotify library without ads, no premium account needed.
-* Add YouTube tracks to your liked tracks, in case they're not available on Spotify.
-* MP3 files with album art and metadata are stored for every track, so you can take them anywhere.
-* Includes Spotify features such as:
-    * Track and artist radio
-    * Access discover weekly and other discovery playlists
-    * Curated homepage, showing relevant playlists, recently played, recommended content, and new releases.
-    * Browse categories, such as workout, where you can find many workout playlists
-* Generate a custom radio, based on given genres and many more options
+-   Listen to your Spotify library without ads, no premium account needed.
+-   Add YouTube tracks to your liked tracks, in case they're not available on Spotify.
+-   MP3 files with album art and metadata are stored for every track, so you can take them anywhere.
+-   Includes Spotify features such as:
+    -   Track and artist radio
+    -   Access discover weekly and other discovery playlists
+    -   Curated homepage, showing relevant playlists, recently played, recommended content, and new releases.
+    -   Browse categories, such as workout, where you can find many workout playlists
+-   Generate a custom radio, based on given genres and many more options
 
 ## How to use
 
@@ -29,34 +29,34 @@ Music player built with Electron, Vue 3, and Vuetify.
 
 ### Liked tracks
 
-![Liked tracks](/.gh/liked-tracks.png?raw=true "Homepage")
+![Liked tracks](/.gh/liked-tracks.png?raw=true 'Homepage')
 
 ### Light and dark theme support
 
-![Homepage](/.gh/light-theme.png?raw=true "Home page")
+![Homepage](/.gh/light-theme.png?raw=true 'Home page')
 
 ### Playlist page
 
-![Playlist tracks](/.gh/playlist.png?raw=true "Playlist")
+![Playlist tracks](/.gh/playlist.png?raw=true 'Playlist')
 
 ### Search
 
 #### Suggestions
 
-![Search suggestions](/.gh/search.png?raw=true "Search suggestions")
+![Search suggestions](/.gh/search.png?raw=true 'Search suggestions')
 
 #### Search includes liked tracks, Spotify tracks, playlists, albums, artists and YouTube tracks.
 
-![Search](/.gh/search-2.png?raw=true "Search page")
+![Search](/.gh/search-2.png?raw=true 'Search page')
 
 ### Artist page
 
-![Artist page](/.gh/artist.png?raw=true "Artist page")
+![Artist page](/.gh/artist.png?raw=true 'Artist page')
 
 ### Browse page
 
-![Browse tracks](/.gh/browse.png?raw=true "Browse")
+![Browse tracks](/.gh/browse.png?raw=true 'Browse')
 
 ### Custom radio generator
 
-![Custom radio generator](/.gh/radio-gen.png?raw=true "Custom radio generator")
+![Custom radio generator](/.gh/radio-gen.png?raw=true 'Custom radio generator')

electron-builder.yml

@@ -1,5 +1,5 @@
 appId: dev.ruurd.music
-productName: "Ruurd Music"
+productName: 'Ruurd Music'
 directories:
     buildResources: build
 files:
@@ -21,10 +21,10 @@ nsis:
 mac:
     entitlementsInherit: build/entitlements.mac.plist
     extendInfo:
-        -   NSCameraUsageDescription: Application requests access to the device's camera.
-        -   NSMicrophoneUsageDescription: Application requests access to the device's microphone.
-        -   NSDocumentsFolderUsageDescription: Application requests access to the user's Documents folder.
-        -   NSDownloadsFolderUsageDescription: Application requests access to the user's Downloads folder.
+        - NSCameraUsageDescription: Application requests access to the device's camera.
+        - NSMicrophoneUsageDescription: Application requests access to the device's microphone.
+        - NSDocumentsFolderUsageDescription: Application requests access to the user's Documents folder.
+        - NSDownloadsFolderUsageDescription: Application requests access to the user's Downloads folder.
     notarize: false
 dmg:
     artifactName: ${name}-${version}.${ext}

electron.vite.config.ts

@@ -1,24 +1,21 @@
 import { resolve } from 'path'
 import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
 import vue from '@vitejs/plugin-vue'
-import vuetify from "vite-plugin-vuetify";
+import vuetify from 'vite-plugin-vuetify'
 
 export default defineConfig({
-  main: {
-    plugins: [externalizeDepsPlugin()]
-  },
-  preload: {
-    plugins: [externalizeDepsPlugin()]
-  },
-  renderer: {
-    resolve: {
-      alias: {
-        '@renderer': resolve('src/renderer/src')
-      }
+    main: {
+        plugins: [externalizeDepsPlugin()]
     },
-    plugins: [
-        vue(),
-        vuetify({ autoImport: true }),
-    ]
-  }
+    preload: {
+        plugins: [externalizeDepsPlugin()]
+    },
+    renderer: {
+        resolve: {
+            alias: {
+                '@renderer': resolve('src/renderer/src')
+            }
+        },
+        plugins: [vue(), vuetify({ autoImport: true })]
+    }
 })