diff --git a/system/author/js/vue-shared.js b/system/author/js/vue-shared.js
index 7d09441..b63a96f 100644
--- a/system/author/js/vue-shared.js
+++ b/system/author/js/vue-shared.js
@@ -11,13 +11,13 @@ Vue.component('component-image', {
 					'<div class="w-50 ph3 lh-copy f6 relative">' +
 						'<div class="relative dib w-100">' +
 							'<input class="absolute o-0 w-100 top-0 z-1 pointer" type="file" name="image" accept="image/*" @change="onFileChange( $event )" /> ' +
-							'<p class="relative w-100 bn br1 bg-tm-green white pa3 ma0 tc"><svg class="icon icon-upload baseline"><use xlink:href="#icon-upload"></use></svg> upload an image</p>'+
+							'<p class="relative w-100 bn br1 bg-tm-green white pa3 ma0 tc"><svg class="icon icon-upload baseline"><use xlink:href="#icon-upload"></use></svg> {{ \'upload an image\'|translate }}</p>'+
 						'</div>' +
 						'<div class="dib w-100 mt3">' +
-							'<button class="w-100 pointer bn br1 bg-tm-green white pa3 ma0 tc" @click.prevent="openmedialib()"><svg class="icon icon-image baseline"><use xlink:href="#icon-image"></use></svg> select from medialib</button>' +
+							'<button class="w-100 pointer bn br1 bg-tm-green white pa3 ma0 tc" @click.prevent="openmedialib()"><svg class="icon icon-image baseline"><use xlink:href="#icon-image"></use></svg> {{ \'select from medialib\'|translate }}</button>' +
 						'</div>' +
 						'<div class="dib w-100 mt3">' +
-							'<label>Image URL (read only)</label>' +
+							'<label>{{ \'Image URL (read only)\'|translate }}</label>' +
 							'<div class="flex">' +
 								'<button @click.prevent="deleteImage()" class="w-10 bg-tm-gray bn hover-bg-tm-red hover-white">x</button>' +
 								'<input class="w-90" type="text"' +