Releases · robisim74/qwik-speak

BREAKING CHANGES
Due to problems in recent versions of Qwik, the $translate function and other translation/localization functions have been removed in favor of use* functions:

Before

import { $translate as t } from 'qwik-speak';

export default component$(() => {
  return (
      <h1>{t('app.title@@Qwik Speak')}</h1>
  );
});

After

import { useTranslate } from 'qwik-speak';

export default component$(() => {
  const t = useTranslate();
  
  return (
      <h1>{t('app.title@@Qwik Speak')}</h1>
  );
});

Pros

Better DX experience: you should be able to use the t function anywhere in component$ (#50 #53 )
Follows the rules of Qwik (and React) use* methods (https://qwik.builder.io/docs/components/tasks/#use-hook-rules)
Access context only once per component (previously, each $translate function accessed the context)

Cons

More boilerplate code

Other translation/localization functions:

$inlineTranslate => inlineTranslate (only renaming)
$plural => usePlural
formatDate => useFormatDate
formatNumber => useFormatNumber
relativeTime => useRelativeTime
displayName => useDisplayName

The doc is updated.

v0.13.0...v0.14.0

Assets 2

17 May 17:06

robisim74

v0.13.0

8cc08b7

v0.13.0

Fix(Inline): $inlineTranslate params 93609f4
Refactor: remove useTranslate$ 9523857
Refactor: remove origin from loadTranslation$ aed2570

BREAKING CHANGES

Remove useTranslate$ in favor of $inlineTranslate due to better performance
Remove origin parameter from the signature of loadTranslation$: see here for how to achieve the same using server$ if you are fetching json files

v0.12.2...v0.13.0

Assets 2