first upload all files

Modules/Translation/Resources/assets/admin/js/TranslationEditor.js

@@ -0,0 +1,29 @@
+import '../../../../node_modules/x-editable/dist/bootstrap3-editable/js/bootstrap-editable';
+
+export default class {
+    constructor() {
+        $('.translation').editable({
+            url: this.update,
+            type: 'text',
+            mode: 'inline',
+            send: 'always',
+        });
+    }
+
+    update(data) {
+        $.ajax({
+            url: route('admin.translations.update', this.dataset.key),
+            type: 'PUT',
+            data: {
+                locale: this.dataset.locale,
+                value: data.value,
+            },
+            success(message) {
+                success(message);
+            },
+            error(xhr) {
+                error(xhr.responseJSON.message);
+            },
+        });
+    }
+}

Modules/Translation/Resources/assets/admin/js/main.js

@@ -0,0 +1,10 @@
+import TranslationEditor from './TranslationEditor';
+
+$('.translations-table').dataTable({
+    pageLength: 20,
+    lengthMenu: [10, 20, 50, 100, 200],
+    drawCallback: () => {
+        new TranslationEditor();
+    },
+});
+