# i18n in Vanilla JavaScript

In your HTML elements, use the `data-i18n` attribute to apply a translation key:
```html
<p data-i18n="example"></p>
```

You can also use the `i18n.dist.js` file in production, as it's 36% smaller in file size compared to `i18n.js`.