first language support

src/App.svelte

@@ -1,7 +1,9 @@
 <script>
   import { addMessages, init, getLocaleFromNavigator } from "svelte-i18n";
   import en from "./locales/en";
+  import de from "./locales/de";
   addMessages("en", en);
+  addMessages("de", de);
   init({
     fallbackLocale: "en",
     initialLocale: getLocaleFromNavigator(),

src/components/Login.svelte

@@ -40,7 +40,7 @@
             class="absolute inset-y-0 right-0 pr-3 flex items-center text-sm">
             <a
               href="https://tailwindui.com/password/reset"
-              class="text-gray-900 underline">Forgot?</a>
+              class="text-gray-900 underline">{$_('forgot_password?')}</a>
           </div>
         </div>
       </div>

src/locales/de.json

@@ -0,0 +1,5 @@
+{
+	"forgot_password?": "Passwort vergessen?",
+	"log_in": "Anmelden",
+	"log_in_to_your_account": "Bitte melde dich an"
+}

src/locales/en.json

@@ -1,7 +1,5 @@
 {
-	"page_title": "Page title",
-	"sign_in": "Sign in",
-	"sign_up": "Sign up",
+	"forgot_password?": "Forgot your password?",
 	"log_in": "Log in",
 	"email_address": "Email address",
 	"log_in_to_your_account": "Log in to your account"