Repository navigation
Open
Labels
enhancementNew feature or requestNew feature or requesthelp wantedExtra attention is neededExtra attention is needed
Description
Add a Vue 3 + Vite example localized with npx babelize translate. The CLI wraps strings in vue-i18n calls and wires src/i18n into main.
- Folder:
vue-vite - Stack: Vite + Vue 3 + TypeScript (
npm create vue@latest) - Babelize support: beta. Expect rough edges, and say so in the README. Detailed bug reports here are the most useful part of this example.
How every example is built
Follow nextjs-app-router: it's the reference for structure, design and commits.
- Before. Build the Tasklane landing page in this stack with hardcoded English text, the way an app looks before localization. Use the same copy and design as
nextjs-app-router(itsapp/globals.cssand components): header, hero with the product preview, three feature cards, signup panel, footer. Make sure it builds and runs. Commit:<folder>: add the Tasklane app before localization. - Babelize run. From the example's folder, with a clean working tree, run:
Commit the output unedited:
npx babelize translate --to fr,de,ja
<folder>: run npx babelize translate --to fr,de,ja. In the commit body, give the CLI version and the provider: signed in without a key (Babelize hosted), or your own LLM key. If some keys fail, re-run until they're done and say how many runs it took. - Review fixes. Build and run it, then fix what a reviewer would catch. Typically: keep the brand name "Tasklane" untranslated, use one plural message instead of a
count === 1 ? … : …ternary, add a language switcher, and correct the translations. For identical English strings, the corrected ones innextjs-app-router/public/locales/*.jsoncan be reused. Commit:<folder>: review fixes after the Babelize run, with a bullet list of what you fixed. - README. Add
<folder>/README.mdin the style ofnextjs-app-router/README.md: what Babelize changed and what was fixed in review (each linking its commit), and how to run it. Add a row to the table in the root README.
Done when
- The three commits above, in order, and the README
- It builds, and renders in en, fr, de and ja with a working language switcher
- Any CLI bug you hit is reported on the issue (what you ran, what happened)
Metadata
Metadata
Assignees
Labels
enhancementNew feature or requestNew feature or requesthelp wantedExtra attention is neededExtra attention is needed
Activity