Adding global validation messages overrides all default messages

[joneath]

Describe the bug
When following the docs at https://docs.formkit.com/essentials/validation under the headline "Global validation message" to add a custom validation message for a built in or custom validation it will override all the default validation messages for the en locale. This is because the locales.en object is being fully overridden and is not merging with the default ui or validation objects. The current workaround is to import the en locale and extend when defining custom validation messages

import { en } from '@formkit/i18n'

const app = createApp(App).use(
    FormKitPlugin,
    defaultFormKitConfig({
      locales: {
        en: {
          ...en,
          validation: {
            ...en.validation,
            ...customFormKitValidationMessages,
          },
        },
      },
    })
  )

Reproduction

1. Have a <FormKit /> input with required validation.
2. Trigger validation and message should read as: ${input.name} is required.
3. In FormKitPlugin setup include the defaultFormKitConfig and define the following object:

locales: {
  en: {
    validation: {
      foo() { return 'bar' }
    }
  }
}

4. Reload browser and trigger validation. You will see the following message: This field is not valid.

Desktop (please complete the following information):

• OS: macOS Monterey 12.1
• Browser: Chrome
• Version 97

[justin-schroeder]

Mmmmm. Correct you are @joneath — definitely need to fix this for beta.1

Appreciate the bug solid bug report 👍