Replacing hard-coded value

Starting i18n project documentation

docs/advanced/internationalization.md

@@ -0,0 +1,5 @@
+# Internationalization (i18n)
+
+Internationalization allows for the text content of an application to be translated across multiple languages without changing the source code. This is done by extracting each piece of text content into a generic template for each supported language.
+
+## Nuxt i18n

frontend/components/containers/annotation/FilterButton.vue

@@ -52,9 +52,9 @@ export default {
   data() {
     return {
       items: [
-        { title: 'All', param: '' },
-        { title: 'Done', param: 'false' },
-        { title: 'Undone', param: 'true' }
+        { title: this.$t('annotation.filterOption1'), param: '' },
+        { title: this.$t('annotation.filterOption2'), param: 'false' },
+        { title: this.$t('annotation.filterOption3'), param: 'true' }
       ]
     }
   },