i18n: Portuguese (pt) translation about formkit

[justin-schroeder]

Looks like your file is still TypeScript and you dont have a ts interpreter on your project. if you do, then make sure your file ends in a .ts either way, we'll get this in the next release.

[r-martins]

There's no way to use this translation before you approve the PR?!

[justin-schroeder]

@r-martins you can! Just create your own file, and import it to where you register the FormKit plugin with Vue:

import { createApp } from 'vue'
import App from './App.vue'
import { plugin, defaultConfig } from '@formkit/vue'
import br from './br.ts'

createApp(App).use(plugin, defaultConfig({
  locales: { br },
  locale: 'br'
}).mount('#app')

Assuming your project is setup for typescript (otherwise you'll obviously need to strip out the typescript parts to make it JS again), you’ll need to make one code change to your br.ts and that is to change the imports to be from the main package:

import { FormKitValidationMessages } from '@formkit/validation'

/**
 * Here we can import additional helper functions to assist in formatting our
 * language. Feel free to add additional helper methods to libs/formats if it
 * assists in creating good validation messages for your locale.
 */
import { sentence as s, list, date } from '@formkit/i18n'
import { FormKitLocaleMessages } from '@formkit/i18n'

But basically, there is no magic here, you just need to provide your locale to the locales key in the defaultConfig, and then select it with the locale option.

Thanks for providing the translation!

[r-martins]

Hi @justin-schroeder
Thanks for replying.
I don't know if I got it right, but my pt.js is like you mentioned...

import { FormKitValidationMessages } from '@formkit/validation'

/**
 * Here we can import additional helper functions to assist in formatting our
 * language. Feel free to add additional helper methods to libs/formats if it
 * assists in creating good validation messages for your locale.
 */
import { sentence as s, list, date } from '@formkit/i18n'
import { FormKitLocaleMessages } from '@formkit/i18n'

And I've added it to main.js:

import {createApp} from 'vue'
import App from './App.vue'

import {defaultConfig, plugin} from "@formkit/vue"
import br from './pt.ts'

createApp(App).use(plugin, defaultConfig({
    locales: {pt},
    locale: 'pt'
})).mount('#app')

Then I got the following error:

ERROR Failed to compile with 1 error 10:38:56 AM

error in ./src/pt.ts

Module parse failed: Unexpected token (15:15)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| * @public
| */

export const ui: FormKitLocaleMessages = {
| /**
| * Shown when a button to remove items is visible.

@ ./src/main.js 5:0-24
@ multi (webpack)-dev-server/client?http://localhost:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js