Using translation keys

Modules/Media/Assets/js/components/NewFolder.vue

 <template>
     <div>
         <el-button type="success" class="new-folder" @click="dialogFormVisible = true">
-            <i class="el-icon-fa-plus"></i> New Folder
+            <i class="el-icon-fa-plus"></i> {{ trans('folders.create resource') }}
         </el-button>
 
         <el-dialog title="New Folder" :visible.sync="dialogFormVisible" size="tiny">
@@ -13,8 +13,8 @@
                 </el-form-item>
             </el-form>
             <span slot="footer" class="dialog-footer">
-            <el-button @click="closeDialog">Cancel</el-button>
-            <el-button type="primary" @click="onSubmit()">Confirm</el-button>
+            <el-button @click="closeDialog">{{ trans('core.button.cancel') }}</el-button>
+            <el-button type="primary" @click="onSubmit()">{{ trans('core.confirm') }}</el-button>
           </span>
         </el-dialog>
 

Modules/Media/Assets/js/components/RenameFolder.vue

@@ -9,8 +9,8 @@
                 </el-form-item>
             </el-form>
             <span slot="footer" class="dialog-footer">
-            <el-button @click="closeDialog">Cancel</el-button>
-            <el-button type="primary" @click="onSubmit()">Confirm</el-button>
+            <el-button @click="closeDialog">{{ trans('core.button.cancel') }}</el-button>
+            <el-button type="primary" @click="onSubmit()">{{ trans('core.confirm') }}</el-button>
           </span>
         </el-dialog>
     </div>

public/js/app.js

@@ -94530,7 +94530,7 @@ var render = function() {
         },
         [
           _c("i", { staticClass: "el-icon-fa-plus" }),
-          _vm._v(" New Folder\n    ")
+          _vm._v(" " + _vm._s(_vm.trans("folders.create resource")) + "\n    ")
         ]
       ),
       _vm._v(" "),
@@ -94614,7 +94614,7 @@ var render = function() {
             },
             [
               _c("el-button", { on: { click: _vm.closeDialog } }, [
-                _vm._v("Cancel")
+                _vm._v(_vm._s(_vm.trans("core.button.cancel")))
               ]),
               _vm._v(" "),
               _c(
@@ -94627,7 +94627,7 @@ var render = function() {
                     }
                   }
                 },
-                [_vm._v("Confirm")]
+                [_vm._v(_vm._s(_vm.trans("core.confirm")))]
               )
             ],
             1
@@ -95095,7 +95095,7 @@ var render = function() {
             },
             [
               _c("el-button", { on: { click: _vm.closeDialog } }, [
-                _vm._v("Cancel")
+                _vm._v(_vm._s(_vm.trans("core.button.cancel")))
               ]),
               _vm._v(" "),
               _c(
@@ -95108,7 +95108,7 @@ var render = function() {
                     }
                   }
                 },
-                [_vm._v("Confirm")]
+                [_vm._v(_vm._s(_vm.trans("core.confirm")))]
               )
             ],
             1