Add a reset button

CHANGELOG.md

@@ -14,6 +14,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+- The main view now includes a reset button
+
 ### Changed
 - Secret keys are now restricted to 128 bits (16 bytes) or 256 bits (32 bytes)
 - The local part cannot contain the separator

src/locales/en.json

@@ -5,7 +5,8 @@
 			"cancel": "Cancel",
 			"close": "Close",
 			"copy": "Copy",
-			"delete": "Delete"
+			"delete": "Delete",
+			"reset": "Reset"
 		}
 	},
 	"navbar": {
@@ -65,7 +66,8 @@
 		"name": "Name",
 		"input": "Dedicated name",
 		"address": "Address",
-		"copy": "@:invariants.controls.copy"
+		"copy": "@:invariants.controls.copy",
+		"reset": "@:invariants.controls.reset"
 	},
 	"manageAccounts": {
 		"title": "Accounts",

src/locales/fr.json

@@ -5,7 +5,8 @@
 			"cancel": "Annuler",
 			"close": "Fermer",
 			"copy": "Copier",
-			"delete": "Supprimer"
+			"delete": "Supprimer",
+			"reset": "Réinitialiser"
 		}
 	},
 	"navbar": {
@@ -65,7 +66,8 @@
 		"name": "Nom",
 		"input": "Nom dédié",
 		"address": "Adresse",
-		"copy": "@:invariants.controls.copy"
+		"copy": "@:invariants.controls.copy",
+		"reset": "@:invariants.controls.reset"
 	},
 	"manageAccounts": {
 		"title": "Comptes",

src/views/MainView.vue

@@ -44,6 +44,9 @@ const generatedAddr = computed(() => {
 const copyAddr = () => {
 	navigator.clipboard.writeText(generatedAddr.value);
 };
+const resetForm = () => {
+	subAddrName.value = '';
+};
 </script>
 
 <template>
@@ -74,6 +77,7 @@ const copyAddr = () => {
 		</div>
 		<div class="buttons is-centered">
 			<button class="button is-primary" @click="copyAddr">{{ $t("main.copy") }}</button>
+			<button class="button is-light" @click="resetForm">{{ $t("main.reset") }}</button>
 		</div>
 	</LayoutComponent>
 </template>