✨ translation keys

ref #69

src/components/orgs/OrgDetail.svelte

@@ -41,21 +41,21 @@
     )
       .then((resp) => {
         Toastify({
-          text: "Organization deleted",
+          text: $_("organization-deleted"),
           duration: 500,
           backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
         }).showToast();
         location.replace("./");
       })
       .catch((err) => {
-    modal_open = true;
-    delete_org = original;
-    });
+        modal_open = true;
+        delete_org = original;
+      });
   }
   function submit() {
     if (data_loaded === true && save_enabled) {
       Toastify({
-        text: "updating organization",
+        text: $_("updating-organization"),
         duration: 2500,
       }).showToast();
       let postdata = orgdata;
@@ -68,9 +68,8 @@
           Object.assign(original, orgdata);
           original = orgdata;
           Object.assign(original, orgdata);
-          //
           Toastify({
-            text: "updated organization",
+            text: $_("updated-organization"),
             duration: 2500,
             backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
           }).showToast();
@@ -158,7 +157,7 @@
                 <polyline points="9 22 9 12 15 12 15 22" /></svg>
             </li>
             <li class="flex items-center">
-              <a class="mr-2" href="/">Home</a><svg
+              <a class="mr-2" href="/">{$_('home')}</a><svg
                 stroke="currentColor"
                 fill="none"
                 stroke-width="2"
@@ -185,7 +184,7 @@
                   d="M21 20h2v2H1v-2h2V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v17zm-2 0V4H5v16h14zM8 11h3v2H8v-2zm0-4h3v2H8V7zm0 8h3v2H8v-2zm5 0h3v2h-3v-2zm0-4h3v2h-3v-2zm0-4h3v2h-3V7z" /></svg>
             </li>
             <li class="flex items-center">
-              <a class="mr-2" href="./">Orgs</a><svg
+              <a class="mr-2" href="./">{$_('organizations')}</a><svg
                 stroke="currentColor"
                 fill="none"
                 stroke-width="2"
@@ -210,10 +209,10 @@
       </div>
     </div>
     <div class="text-sm w-full">
-      <label for="name" class="font-medium text-gray-700">Name</label>
+      <label for="name" class="font-medium text-gray-700">{$_('name')}</label>
       <input
         autocomplete="off"
-        placeholder="Name"
+        placeholder={$_('name')}
         type="text"
         bind:value={orgdata.name}
         name="name"
@@ -252,7 +251,7 @@
   </section>
 {:else}
   {#await promise}
-    organization detail is being loaded...
+    {$_('organization-detail-is-being-loaded')}
   {:catch error}
     <PromiseError />
   {/await}