Merge branch 'dn2_further'

Author: davidnewhall

frontend/src/About.svelte

@@ -100,18 +100,18 @@
       <h1>{$_("words.About")} {$app.Title}</h1>
       <p><T id="aboutPage.toolbarDescription" url="https://toys-arr.us"/></p>
       <Col md="6">
-        <h3>{$_("words.Development")} </h3>
+        <h3>{$_("words.Development")}</h3>
         <Table dark={$conf.Dark} responsive>
           <tr>
-            <td style="width:180px;"><a-link url="https://github.com/Notifiarr/toolbarr"><Fa icon={faGithub} /> {$app.Title} GitHub</a-link></td>
+            <td style="width:180px;"><open-browser href="https://github.com/Notifiarr/toolbarr"><Fa icon={faGithub} /> {$app.Title} GitHub</open-browser></td>
             <td>{$_("aboutPage.Visitthesausagefactory")}</td>
           </tr>
           <tr>
-            <td><a-link url="https://notifiarr.com/discord"><Fa fw icon={faDiscord} /> Notifiarr Discord</a-link></td>
+            <td><open-browser href="https://notifiarr.com/discord"><Fa fw icon={faDiscord} /> Notifiarr Discord</open-browser></td>
             <td>{$_("aboutPage.Foryournotificationsneeds")}</td>
           </tr>
           <tr>
-            <td><a-link url="https://golift.io/discord"><Fa fw icon={faDiscord} /> Go Lift Discord</a-link></td>
+            <td><open-browser href="https://golift.io/discord"><Fa fw icon={faDiscord} /> Go Lift Discord</open-browser></td>
             <td>{$_("aboutPage.Codecookincollaborators")}</td>
           </tr>
         </Table>

frontend/src/libs/Link.svelte

@@ -1,10 +1,10 @@
-<svelte:options tag="a-link"/>
+<svelte:options tag="open-browser"/>
 
 <!-- This allows us to open an external link in a browser. -->
 <script type="ts">
   import { BrowserOpenURL } from "../../wailsjs/runtime/runtime"
-  export let url
-  const openUrl = (e) => { e.preventDefault(); BrowserOpenURL(url) }
+  export let href
+  const openUrl = (e) => { e.preventDefault(); BrowserOpenURL(href) }
 </script>
 
-<a href="#top" on:click={openUrl}><slot></slot></a>
+<a href="#top" {...$$props} on:click={openUrl}><slot></slot></a>

frontend/src/libs/Translate.svelte

@@ -12,5 +12,5 @@
 </script>
 
 {#if $isReady == true}
-  {@html $_(id,{values:{...$$props}})}
+  {@html $_(id,{values:{...$$props}}).replaceAll(/<([/]?)a([ >])/ig,"<$1open-browser$2") }
 {/if}

frontend/src/libs/locale/en.json

@@ -6,7 +6,7 @@
   "theStarroftheshow": "The Starr of the show.",
   "OtherTools": "Other Tools",
   "TranslationInformation": "Translation Information",
-  "LanguageHelpText": "While this application supports many languages, there are not many translations available. If you can translate text, please help us out at <a-link url=\"{url}\">Notifiarr Translations</a-link>.",
+  "LanguageHelpText": "While this application supports many languages, there are not many translations available. If you can translate text, please help us out at <a href=\"{url}\">Notifiarr Translations</a>.",
   "words": {
     "ERROR": "ERROR",
     "CONFIG": "CONFIG",
@@ -103,9 +103,9 @@
     "Visitthesausagefactory": "Visit the sausage factory.",
     "Foryournotificationsneeds": "For your notifications needs.",
     "Codecookincollaborators": "Code cookin' collaborators.",
-    "toolbarDescription": "Toolbarr fixes problems with Starr apps. It comes with a five starr rating from <a-link url=\"{url}\">Toys Arr Us</a-link>.",
-    "CreatedbyGoLift": "Created by <a-link url=\"{goLiftURL}\">Go Lift</a-link> for <a-link url=\"{notifiarrURL}\">Notifiarr</a-link>.",
-    "Backgroundbyrawpixel": "Backgrounds by <a-link url=\"{rawPixelURL}\">rawpixel.com</a-link> on <a-link url=\"{freepikURL}\">Freepik</a-link>.",
-    "WritteninSvelte": "Written in <a-link url=\"{svelteURL}\">Svelte</a-link> using <a-link url=\"{wailsURL}\">Wails</a-link>."
+    "toolbarDescription": "Toolbarr fixes problems with Starr apps. It comes with a five starr rating from <a href=\"{url}\">Toys Arr Us</a>.",
+    "CreatedbyGoLift": "Created by <a href=\"{goLiftURL}\">Go Lift</a> for <a href=\"{notifiarrURL}\">Notifiarr</a>.",
+    "Backgroundbyrawpixel": "Backgrounds by <a href=\"{rawPixelURL}\">rawpixel.com</a> on <a href=\"{freepikURL}\">Freepik</a>.",
+    "WritteninSvelte": "Written in <a href=\"{svelteURL}\">Svelte</a> using <a href=\"{wailsURL}\">Wails</a>."
   }
 }