Remove overlayscrollbars-vue, add about modal

This commit does the following:

- Remove overlayscrollbars-vue, switch to using native scroll bar
element
- Add about modal to get newest version, donation, and link to
homepage/email
- Add some transition to some modals
- Update README, bump version to prepare for v0.3.0

README.md

@@ -8,15 +8,15 @@ LRCGET is the official client of [LRCLIB](https://lrclib.net) service.
 
 ## Download
 
-🎉 Newest version: v0.2.1
+🎉 Newest version: v0.3.0
 
 Visit the [release page](https://github.com/tranxuanthang/lrcget/releases) to download.
 
 OS Support:
 
 - [x] Windows 10
 - [x] Linux
-- [x] macOS (experimental)
+- [x] macOS - no prebuilt package provided
 
 ## Screenshots
 
@@ -34,19 +34,35 @@ Toss a coin to your developer?
 
 Buy Me a Coffee:
 
-<a href="https://www.buymeacoffee.com/thangtran" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>
+<a href="https://www.buymeacoffee.com/thangtran" target="_blank">
+  <img
+    src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=thangtran&button_colour=FFDD00&font_colour=000000&font_family=Cookie&outline_colour=000000&coffee_colour=ffffff"
+    width="235"
+    height="72"
+  />
+</a>
 
 Monero (XMR):
 
 ```
 43ZN5qDdGQhPGthFnngD8rjCHYLsEFBcyJjDC1GPZzVxWSfT8R48QCLNGyy6Z9LvatF5j8kSgv23DgJpixJg8bnmMnKm3b7
 ```
 
+Litecoin (LTC):
+
+```
+ltc1q7texq5qsp59gclqlwf6asrqmhm98gruvz94a48
+```
+
 ## TODO
 
 - [x] Choose multiple directories
 - [x] Support .ogg format
 - [ ] Embedded lyrics option ([temporary alternative](https://github.com/TheRedSpy15/lrcput))
+- [x] Optimize performance for loading large music library (https://github.com/tranxuanthang/lrcget/issues/19)
+- [ ] Search feature
+- [ ] Volume control
+- [ ] Mark song as instrumental (https://github.com/tranxuanthang/lrcget/issues/36)
 
 ## Development
 
@@ -63,7 +79,25 @@ For example, you need the following components to start the development in Windo
 Start the development window with the following command:
 
 ``` shell
+cd lrcget
+npm install
 npm run tauri dev
 ```
 
-Follow the [building guide](https://tauri.app/v1/guides/building/) to build the application according to your OS platform.
+## Building
+
+Start the development window with the following command:
+
+``` shell
+cd lrcget
+npm install
+npm run tauri build
+```
+
+Your built binaries will be at the following application:
+
+```
+./src-tauri/target/release/
+```
+
+For more detailed instruction, follow the [building guide](https://tauri.app/v1/guides/building/) to build the application according to your OS platform.

package.json

@@ -16,8 +16,8 @@
     "lodash": "^4.17.21",
     "lrc-kit": "github:tranxuanthang/lrc-kit",
     "mdue": "^0.1.4",
-    "overlayscrollbars-vue": "^0.3.0",
     "path-browserify": "^1.0.1",
+    "semver": "^7.6.0",
     "vue": "^3.2.37",
     "vue-codemirror": "^6.1.1",
     "vue-toastification": "^2.0.0-rc.5"

src-tauri/Cargo.toml

@@ -16,7 +16,7 @@ tauri-build = { version = "1.3", features = [] }
 [dependencies]
 serde_json = "1.0"
 serde = { version = "1.0", features = ["derive"] }
-tauri = { version = "1.4", features = ["devtools", "dialog-all", "global-shortcut-all", "os-all", "path-all", "protocol-all", "window-all"] }
+tauri = { version = "1.4", features = [ "shell-open", "devtools", "dialog-all", "global-shortcut-all", "os-all", "path-all", "protocol-all", "window-all"] }
 globwalk = "0.8.1"
 reqwest = { version = "0.11.12", features = ["json"] }
 lofty = "0.13.0"

src-tauri/tauri.conf.json

@@ -8,7 +8,7 @@
   },
   "package": {
     "productName": "LRCGET",
-    "version": "0.2.1"
+    "version": "0.3.0"
   },
   "tauri": {
     "allowlist": {
@@ -31,6 +31,9 @@
         "all": true,
         "asset": true,
         "assetScope": ["**"]
+      },
+      "shell": {
+        "open": true
       }
     },
     "bundle": {