added v-bind to all labels to show vue-i18n translations

pinry-spa/src/assets/locales/en.json

@@ -64,5 +64,16 @@
     "pinCreateModalImageURLPlaceholder": "where to fetch the image",
     "pinCreateModalImageSourcePlaceholder": "where to find the pin",
     "pinCreateModalImageTagsPlaceholder": "Add a tag",
-    "pinCreateModalImageDescriptionPlaceholder": "idea from this pin"
+    "pinCreateModalImageDescriptionPlaceholder": "idea from this pin",
+    "emailLabel": "Email",
+    "usernameLabel": "Username",
+    "passwordLabel": "Password",
+    "repeatPasswordLabel": "Password repeat",
+    "nameLabel": "name",
+    "privacyOptionLabel": "Privacy Option",
+    "imageUrlLabel": "Image URL",
+    "imageSourceLabel": "Image Source",
+    "tagsLabel": "Tags",
+    "descriptionLabel": "Descripton",
+    "selectBoardLabel": "Select Board"
 }

pinry-spa/src/components/BoardEdit.vue

@@ -7,7 +7,7 @@
         </header>
         <section class="modal-card-body">
           <div v-if="!isEdit">
-            <b-field label="Name"
+            <b-field v-bind:label="$t('nameLabel')"
                        :type="createModel.form.name.type"
                        :message="createModel.form.name.error">
                 <b-input
@@ -18,7 +18,7 @@
                   >
                 </b-input>
             </b-field>
-            <b-field label="Privacy Option"
+            <b-field v-bind:label="$t('privacyOptionLabel')"
                        :type="createModel.form.private.type"
                        :message="createModel.form.private.error">
                 <b-checkbox v-model="createModel.form.private.value">
@@ -27,7 +27,7 @@
               </b-field>
           </div>
           <div v-if="isEdit">
-            <b-field label="Name"
+            <b-field v-bind:label="$t('nameLabel')"
                        :type="editModel.form.name.type"
                        :message="editModel.form.name.error">
                 <b-input
@@ -38,7 +38,7 @@
                   >
                 </b-input>
             </b-field>
-            <b-field label="Privacy Option"
+            <b-field v-bind:label="$t('privacyOptionLabel')"
                        :type="editModel.form.private.type"
                        :message="editModel.form.private.error">
                 <b-checkbox v-model="editModel.form.private.value">

pinry-spa/src/components/LoginForm.vue

@@ -6,7 +6,7 @@
           <p class="modal-card-title">{{ $t("loginTitle") }}</p>
         </header>
         <section class="modal-card-body">
-          <b-field label="Username"
+          <b-field v-bind:label="$t('usernameLabel')"
                    :type="form.username.type"
                    :message="form.username.error">
             <b-input
@@ -19,7 +19,7 @@
             </b-input>
           </b-field>
 
-          <b-field label="Password"
+          <b-field v-bind:label="$t('passwordLabel')"
                    :type="form.password.type"
                    :message="form.password.error">
             <b-input

pinry-spa/src/components/SignUpForm.vue

@@ -6,7 +6,7 @@
           <p class="modal-card-title">{{ $t("signUpTitle") }}</p>
         </header>
         <section class="modal-card-body">
-          <b-field label="Username"
+          <b-field v-bind:label="$t('usernameLabel')"
                    :type="form.username.type"
                    :message="form.username.error">
             <b-input
@@ -18,7 +18,7 @@
             </b-input>
           </b-field>
 
-          <b-field label="Email"
+          <b-field v-bind:label="$t('emailLabel')"
                    :type="form.email.type"
                    :message="form.email.error">
             <b-input
@@ -29,7 +29,7 @@
               required>
             </b-input>
           </b-field>
-          <b-field label="Password"
+          <b-field v-bind:label="$t('passwordLabel')"
                    :type="form.password.type"
                    :message="form.password.error">
             <b-input
@@ -40,7 +40,7 @@
               required>
             </b-input>
           </b-field>
-          <b-field label="Password repeat"
+          <b-field v-bind:label="$t('repeatPasswordLabel')"
                    :type="form.password_repeat.type"
                    :message="form.password_repeat.error">
             <b-input

pinry-spa/src/components/pin_edit/FilterSelect.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="filter-select">
-    <b-field label="Select Board"
+    <b-field v-bind:label="$t('selectBoardLabel')"
              :type="form.name.type"
              :message="form.name.error">
       <b-input

pinry-spa/src/components/pin_edit/PinCreateModal.vue

@@ -16,7 +16,7 @@
               <div class="description" v-show="pinModel.form.description.value" v-html="niceLinks(pinModel.form.description.value)"></div>
             </div>
             <div class="column">
-              <b-field label="Image URL"
+              <b-field v-bind:label="$t('imageUrlLabel')"
                        v-show="!disableUrlField && !isEdit"
                        :type="pinModel.form.url.type"
                        :message="pinModel.form.url.error">
@@ -28,14 +28,14 @@
                 >
                 </b-input>
               </b-field>
-              <b-field label="Privacy Option"
+              <b-field v-bind:label="$t('privacyOptionLabel')"
                        :type="pinModel.form.private.type"
                        :message="pinModel.form.private.error">
                 <b-checkbox v-model="pinModel.form.private.value">
                     {{ $t("isPrivateCheckbox") }}
                 </b-checkbox>
               </b-field>
-              <b-field label="Image Source"
+              <b-field v-bind:label="$t('imageSourceLabel')"
                        :type="pinModel.form.referer.type"
                        :message="pinModel.form.referer.error">
                 <b-input
@@ -46,7 +46,7 @@
                 >
                 </b-input>
               </b-field>
-              <b-field label="Tags">
+              <b-field v-bind:label="$t('tagsLabel')">
                 <b-taginput
                     v-model="pinModel.form.tags.value"
                     :data="editorMeta.filteredTagOptions"
@@ -64,7 +64,7 @@
                   </template>
                 </b-taginput>
               </b-field>
-              <b-field label="Descripton"
+              <b-field v-bind:label="$t('descriptionLabel')"
                        :type="pinModel.form.description.type"
                        :message="pinModel.form.description.error">
                 <b-input