This page covers a non-latest version of Handsontable.
# Setting up a translation in Vue 2
# Overview
The following example shows a Handsontable instance with translations set up in Vue.
# Example
import Vue from 'vue';
import { HotTable, HotColumn } from '@handsontable/vue';
import 'handsontable/dist/handsontable.min.css';
import numbro from 'numbro';
import languages from 'numbro/dist/languages.min.js';
// register the languages you need
numbro.registerLanguage(languages['ja-JP']);
numbro.registerLanguage(languages['tr-TR']);
new Vue({
el: '#example1',
data() {
return {
formatJP: {
pattern: '0,0.00 $',
culture: 'ja-JP',
},
formatTR: {
pattern: '0,0.00 $',
culture: 'tr-TR',
},
hotData: [
{
productName: 'Product A',
JP_price: 1.32,
TR_price: 100.56,
},
{
productName: 'Product B',
JP_price: 2.22,
TR_price: 453.5,
},
{
productName: 'Product C',
JP_price: 3.1,
TR_price: 678.1,
},
],
settings: {
height: 'auto',
licenseKey: 'non-commercial-and-evaluation'
}
};
},
components: {
HotTable,
HotColumn,
},
});