update deps and add mold

README.md

@@ -1,11 +1,13 @@
+## A simple Svelte-Tauri starter with a few opinionated additions:
 ## Svelte/Tauri Template <img src="https://raw.githubusercontent.com/Fractal-Tess/Svelte-Tauri/main/src/assets/st-1024.png" width="30" align="center" />
 
 <div align="center">
   <img src="https://raw.githubusercontent.com/Fractal-Tess/Svelte-Tauri/main/src/assets/app.jpg" width="580" style="border-radius:2rem"/>
 </div>
 
-#### A simple Svelte-Tauri starter with a few opinionated additions:
 
+
+## Overview 
 - Typescript
 - UI:
   - Tailwind
@@ -23,3 +25,7 @@
   - Husky
   - TODO: Testing
 
+
+
+## Requirements
+You need to have installed [mold](https://github.com/rui314/mold)

package.json

@@ -30,38 +30,38 @@
   },
   "devDependencies": {
     "@fontsource/roboto": "^4.5.8",
-    "@fortawesome/fontawesome-svg-core": "^6.2.1",
+    "@fortawesome/fontawesome-svg-core": "^6.3.0",
-    "@fortawesome/free-brands-svg-icons": "^6.2.1",
+    "@fortawesome/free-brands-svg-icons": "^6.3.0",
-    "@fortawesome/free-regular-svg-icons": "^6.2.1",
+    "@fortawesome/free-regular-svg-icons": "^6.3.0",
-    "@fortawesome/free-solid-svg-icons": "^6.2.1",
+    "@fortawesome/free-solid-svg-icons": "^6.3.0",
-    "@sveltejs/vite-plugin-svelte": "^2.0.2",
+    "@sveltejs/vite-plugin-svelte": "^2.0.3",
     "@tauri-apps/api": "^1.2.0",
-    "@tauri-apps/cli": "^1.2.2",
+    "@tauri-apps/cli": "^1.2.3",
     "@tsconfig/svelte": "^3.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.47.0",
+    "@typescript-eslint/eslint-plugin": "^5.56.0",
-    "@typescript-eslint/parser": "^5.47.0",
+    "@typescript-eslint/parser": "^5.56.0",
-    "autoprefixer": "^10.4.13",
+    "autoprefixer": "^10.4.14",
-    "daisyui": "^2.46.0",
+    "daisyui": "^2.51.4",
-    "eslint": "^8.30.0",
+    "eslint": "^8.36.0",
-    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-json": "^3.1.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "eslint-plugin-unused-imports": "^2.0.0",
-    "husky": "^8.0.2",
+    "husky": "^8.0.3",
-    "lint-staged": "^13.1.0",
+    "lint-staged": "^13.2.0",
-    "postcss": "^8.4.20",
+    "postcss": "^8.4.21",
     "postcss-load-config": "^4.0.1",
-    "prettier": "^2.8.1",
+    "prettier": "^2.8.5",
     "prettier-plugin-svelte": "^2.9.0",
-    "svelte": "^3.55.0",
+    "svelte": "^3.57.0",
-    "svelte-check": "^3.0.1",
+    "svelte-check": "^3.1.4",
     "svelte-fa": "^3.0.3",
-    "svelte-preprocess": "^5.0.0",
+    "svelte-preprocess": "^5.0.3",
-    "tailwindcss": "^3.2.4",
+    "tailwindcss": "^3.2.7",
     "tinro": "^0.6.12",
-    "tslib": "^2.4.1",
+    "tslib": "^2.5.0",
-    "typescript": "^4.9.4",
+    "typescript": "^5.0.2",
-    "vite": "^4.0.3"
+    "vite": "^4.2.1"
   },
   "packageManager": "pnpm@7.9.3"
 }

pnpm-lock.yaml

@@ -26,7 +26,7 @@ specifiers:
   prettier: ^2.8.1
   prettier-plugin-svelte: ^2.9.0
   svelte: ^3.55.0
-  svelte-check: ^2.10.3
+  svelte-check: ^3.0.1
   svelte-fa: ^3.0.3
   svelte-preprocess: ^5.0.0
   tailwindcss: ^3.2.4
@@ -61,7 +61,7 @@ devDependencies:
   prettier: 2.8.1
   prettier-plugin-svelte: 2.9.0_ajxj753sv7dbwexjherrch25ta
   svelte: 3.55.0
-  svelte-check: 2.10.3_7tgmgw23w4ankk7vtabgm5xtbu
+  svelte-check: 3.0.3_7tgmgw23w4ankk7vtabgm5xtbu
   svelte-fa: 3.0.3
   svelte-preprocess: 5.0.0_4pbnl6cqae4gmabfifuvcfaifu
   tailwindcss: 3.2.4_postcss@8.4.20
@@ -1643,12 +1643,6 @@ packages:
       yallist: 4.0.0
     dev: true
 
-  /magic-string/0.25.9:
-    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
-    dependencies:
-      sourcemap-codec: 1.4.8
-    dev: true
-
   /magic-string/0.27.0:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
     engines: {node: '>=12'}
@@ -2235,11 +2229,11 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /svelte-check/2.10.3_7tgmgw23w4ankk7vtabgm5xtbu:
+  /svelte-check/3.0.3_7tgmgw23w4ankk7vtabgm5xtbu:
-    resolution: {integrity: sha512-Nt1aWHTOKFReBpmJ1vPug0aGysqPwJh2seM1OvICfM2oeyaA62mOiy5EvkXhltGfhCcIQcq2LoE0l1CwcWPjlw==}
+    resolution: {integrity: sha512-ByBFXo3bfHRGIsYEasHkdMhLkNleVfszX/Ns1oip58tPJlKdo5Ssr8kgVIuo5oq00hss8AIcdesuy0Xt0BcTvg==}
     hasBin: true
     peerDependencies:
-      svelte: ^3.24.0
+      svelte: ^3.55.0
     dependencies:
       '@jridgewell/trace-mapping': 0.3.17
       chokidar: 3.5.3
@@ -2248,13 +2242,12 @@ packages:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 3.55.0
-      svelte-preprocess: 4.10.7_4pbnl6cqae4gmabfifuvcfaifu
+      svelte-preprocess: 5.0.0_4pbnl6cqae4gmabfifuvcfaifu
       typescript: 4.9.4
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
       - less
-      - node-sass
       - postcss
       - postcss-load-config
       - pug
@@ -2276,59 +2269,6 @@ packages:
       svelte: 3.55.0
     dev: true
 
-  /svelte-preprocess/4.10.7_4pbnl6cqae4gmabfifuvcfaifu:
-    resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
-    engines: {node: '>= 9.11.2'}
-    requiresBuild: true
-    peerDependencies:
-      '@babel/core': ^7.10.2
-      coffeescript: ^2.5.1
-      less: ^3.11.3 || ^4.0.0
-      node-sass: '*'
-      postcss: ^7 || ^8
-      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
-      pug: ^3.0.0
-      sass: ^1.26.8
-      stylus: ^0.55.0
-      sugarss: ^2.0.0
-      svelte: ^3.23.0
-      typescript: ^3.9.5 || ^4.0.0
-    peerDependenciesMeta:
-      '@babel/core':
-        optional: true
-      coffeescript:
-        optional: true
-      less:
-        optional: true
-      node-sass:
-        optional: true
-      postcss:
-        optional: true
-      postcss-load-config:
-        optional: true
-      pug:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      typescript:
-        optional: true
-    dependencies:
-      '@types/pug': 2.0.6
-      '@types/sass': 1.43.1
-      detect-indent: 6.1.0
-      magic-string: 0.25.9
-      postcss: 8.4.20
-      postcss-load-config: 4.0.1_postcss@8.4.20
-      sorcery: 0.10.0
-      strip-indent: 3.0.0
-      svelte: 3.55.0
-      typescript: 4.9.4
-    dev: true
-
   /svelte-preprocess/5.0.0_4pbnl6cqae4gmabfifuvcfaifu:
     resolution: {integrity: sha512-q7lpa7i2FBu8Pa+G0MmuQQWETBwCKgsGmuq1Sf6n8q4uaG9ZLcLP0Y+etC6bF4sE6EbLxfiI38zV6RfPe3RSfg==}
     engines: {node: '>= 14.10.0'}

src-tauri/.cargo/config.toml

@@ -0,0 +1,3 @@
+[target.x86_64-unknown-linux-gnu]
+linker = "clang"
+rustflags = ["-C", "link-arg=-fuse-ld=/usr/bin/mold"]

src/lib/components/header/Header.svelte

@@ -8,7 +8,7 @@
   import { navLinks } from '$data/NavLinks';
 </script>
 
-<div
+<header
   data-tauri-drag-region
   class="h-12 bg-base-100 shadow-lg items-center justify-between flex px-2"
 >
@@ -51,4 +51,4 @@
       <Fa icon={faXmark} />
     </button>
   </div>
-</div>
+</header>