Update Qwik to v.0.102.0

robisim74 · Apr 16, 2023 · fba5f86 · fba5f86
1 parent dbb94d2
commit fba5f86
Show file tree

Hide file tree

Showing 12 changed files with 420 additions and 722 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -37,5 +37,6 @@ module.exports = {
     'no-console': 'off',
     '@typescript-eslint/no-unused-vars': ['error'],
     '@typescript-eslint/consistent-type-imports': 'warn',
+    'qwik/use-method-usage': 'off' 
   },
 };
diff --git a/docs/docs/translation-functions.md b/docs/docs/translation-functions.md
diff --git a/docs/quick-start.md b/docs/quick-start.md
@@ -26,13 +26,13 @@ export const config: SpeakConfig = {
 _src/speak-functions.ts_
 ```typescript
 import { server$ } from '@builder.io/qwik-city';
-import type { LoadTranslationFn, TranslationFn } from 'qwik-speak';
+import type { LoadTranslationFn, Translation, TranslationFn } from 'qwik-speak';
 
 /**
  * Translation files are lazy-loaded via dynamic import and will be split into separate chunks during build.
  * Keys must be valid variable names
  */
-const translationData = import.meta.glob('/i18n/**/*.json');
+const translationData = import.meta.glob<Translation>('/i18n/**/*.json');
 
 /**
  * Using server$, translation data is always accessed on the server
@@ -167,7 +167,7 @@ export const ChangeLocale = component$(() => {
     <div>
       <h2>{t('app.changeLocale@@Change locale')}</h2>
       {config.supportedLocales.map(value => (
-        <button onClick$={async () => await changeLocale$(value)}>
+        <button key={value.lang} onClick$={async () => await changeLocale$(value)}>
           {value.lang}
         </button>
       ))}

diff --git a/docs/translation-functions.md b/docs/translation-functions.md
@@ -37,7 +37,7 @@ To improve performance, it is recommended to bundle translation files instead of
  * Translation files are lazy-loaded via dynamic import and will be split into separate chunks during build.
  * Keys must be valid variable names
  */
-const translationData = import.meta.glob('/i18n/**/*.json');
+const translationData = import.meta.glob<Translation>('/i18n/**/*.json');
 
 const loadTranslation$: LoadTranslationFn = server$((lang: string, asset: string) =>
   translationData[`/i18n/${lang}/${asset}.json`]?.()

diff --git a/docs/tutorial-routing.md b/docs/tutorial-routing.md
@@ -29,7 +29,7 @@ _src/speak-functions.ts_
  * Translation files are lazy-loaded via dynamic import and will be split into separate chunks during build.
  * Keys must be valid variable names
  */
-const translationData = import.meta.glob('/i18n/**/*.json');
+const translationData = import.meta.glob<Translation>('/i18n/**/*.json');
 
 /**
  * Using server$, translation data is always accessed on the server
@@ -149,7 +149,7 @@ _src/components/router-head/router-head.tsx_
 <title>{t(head.title)}</title>
 
 {head.meta.map((m) => (
-  <meta name={m.name} content={m.name === 'description' ? t(m.content!) : m.content} />
+  <meta key={m.key} name={m.name} content={m.name === 'description' ? t(m.content!) : m.content} />
 ))}
 ```
 
@@ -200,7 +200,7 @@ export const ChangeLocale = component$(() => {
     <div>
       <h2>{t('app.changeLocale@@Change locale')}</h2>
       {config.supportedLocales.map(value => (
-        <button onClick$={async () => await navigateByLocale$(value)}>
+        <button key={value.lang} onClick$={async () => await navigateByLocale$(value)}>
           {value.lang}
         </button>
       ))}