i18n 🌍

ref #17

src/components/About.svelte

@@ -62,7 +62,7 @@
             </div>
             <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
               <h3 class="text-lg leading-6 font-medium text-gray-900">
-                Read License
+                {$_('read-license')}
               </h3>
               <div class="mt-2 mb-6">
                 <p class="text-sm text-gray-500">{currentlicense}</p>
@@ -124,11 +124,11 @@
         <table>
           <thead>
             <tr>
-              <th>Name</th>
-              <th>License</th>
-              <th>Link</th>
-              <th>Installed version</th>
-              <th>Author</th>
+              <th>{$_('dependency_name')}</th>
+              <th>{$_('license')}</th>
+              <th>{$_('repo_link')}</th>
+              <th>{$_('installed-version')}</th>
+              <th>{$_('author')}</th>
             </tr>
           </thead>
           <tbody>
@@ -141,8 +141,8 @@
                     on:click={() => {
                       modal_open = true;
                       currentlicense = l.name + '@' + l.version;
-                      licensetext = l.licensetext || 'No license text could be found 😢';
-                    }}>read license</span>
+                      licensetext = l.licensetext || $_('no-license-text-could-be-found');
+                    }}>{$_('read-license')}</span>
                 </td>
                 <td>
                   {(l.repo?.url || l.repo)