# TypeWords | Zyronon | Knowledge Base | Instagit

Practice English, one strike, one step forward; 练习英语，一次敲击，一点进步；

GitHub Stars: 9.6k

Repository: https://github.com/zyronon/TypeWords

---

## Articles

### [TypeWords Practice Step Types and Actions: Complete Developer Guide](/zyronon/TypeWords/practice-step-types-actions-typewords)

Explore TypeWords practice step types followWrite spell listen dictation and identify. Learn their actions like wordAdvance shuffleOnEnter and onEnd for effective practice flows.

- Tags: deep-dive
- Published: 2026-09-03

### [How to Manage Practice Flow Configurations and Transitions in TypeWords](/zyronon/TypeWords/manage-practice-flow-configurations-transitions-typewords)

Learn to manage practice flow configurations and transitions in TypeWords. Explore declarative flow systems, runtime execution, and state transitions for effective practice sessions.

- Tags: how-to-guide
- Published: 2026-09-03

### [How to Add Words to Favorites Using the TypeWords Pinia Store](/zyronon/TypeWords/add-words-favorites-typewords-pinia-store)

Learn how to add words to favorites using the TypeWords Pinia store. Import the composable and use addFavorite or toggleFavorite actions to easily manage your favorite words.

- Tags: how-to-guide
- Published: 2026-09-03

### [How to Mark a Word as Wrong and Retrieve the Wrong Words List in TypeWords](/zyronon/TypeWords/mark-word-wrong-retrieve-wrong-words-typewords)

Learn how to mark words as wrong in TypeWords and access the wrong words list from global or session data. Improve your typing accuracy effectively.

- Tags: how-to-guide
- Published: 2026-09-03

### [How to Get Today's Task Words (New and Review) Using the TypeWords Pinia Store](/zyronon/TypeWords/get-todays-task-words-typewords-pinia-store)

Learn to get today's task words for new and review items using the TypeWords Pinia store. Explore the createStudyTask composable or access route data for your vocabulary study.

- Tags: how-to-guide
- Published: 2026-09-03

### [Nuxt.js Route Rules for Client-Side Rendering and Pre-Rendering in TypeWords](/zyronon/TypeWords/nuxt-js-route-rules-client-side-prerendering-typewords)

Discover Nuxt.js route rules for client-side rendering and pre-rendering in TypeWords. Learn how to configure ssr: false and prerender: true for optimal performance.

- Tags: how-to-guide
- Published: 2026-09-03

### [How to Customize FSRS Algorithm Parameters in TypeWords](/zyronon/TypeWords/customize-fsrs-parameters-typewords)

Learn how to customize FSRS algorithm parameters in TypeWords. Edit settings via the UI or programmatically for personalized spaced repetition.

- Tags: how-to-guide
- Published: 2026-09-03

### [How TypeWords Configures User Settings Using a Component-Based Architecture](/zyronon/TypeWords/settings-configuration-typewords-component-structure)

Learn how TypeWords configures user settings with a component based architecture using a centralized Pinia store and reactive two way binding for efficient management.

- Tags: architecture
- Published: 2026-09-03

### [How to Configure the Web Speech API for Text-to-Speech Synthesis in a Vue Application](/zyronon/TypeWords/configure-web-speech-api-tts-vue-application)

Learn to configure Web Speech API text-to-speech in Vue. Use a reactive service, provide/inject, and store preferences for seamless voice synthesis.

- Tags: how-to-guide
- Published: 2026-09-03

### [How to Use the TTS Audio Playback Component in TypeWords for Word Pronunciation](/zyronon/TypeWords/tts-audio-playback-component-typewords-pronunciation)

Learn to use the TTS audio playback component in TypeWords for word pronunciation. This hook converts text to speech with automatic voice selection and configurable settings.

- Tags: how-to-guide
- Published: 2026-09-03

### [How to Integrate Baidu Translate API for Article Translation in a Nuxt App: A Complete Guide](/zyronon/TypeWords/integrate-baidu-translate-api-nuxt-article-translation)

Learn to integrate Baidu Translate API in your Nuxt app. This guide shows how to use the Baidu driver, configure a Nitro dev proxy, and implement translation for your articles.

- Tags: how-to-guide
- Published: 2026-09-03

### [How Article Practice Works in TypeWords: Sentence‑by‑Sentence Typing Architecture Explained](/zyronon/TypeWords/article-practice-typewords-sentence-typing)

Discover how article practice in TypeWords works sentence by sentence. Learn about its hierarchical parsing, word-level typing loop, and timing statistics for efficient language learning.

- Tags: architecture
- Published: 2026-09-03

### [How to Use the TypeWords Vocabulary Libraries (CET‑4, IELTS, TOEFL, and More)](/zyronon/TypeWords/use-typewords-vocabulary-libraries)

Master vocabulary for CET-4, IELTS, TOEFL and more with TypeWords. Effortlessly select from over 50 pre-packaged libraries and start practicing immediately. Improve your test scores now.

- Tags: how-to-guide
- Published: 2026-09-03

### [How TypeWords Persists User Input to IndexedDB: Complete Data Flow Explained](/zyronon/TypeWords/data-flow-user-input-indexeddb-typewords)

Discover the complete data flow from user input to IndexedDB persistence in TypeWords. Learn how keystrokes are captured and saved using idb-keyval.

- Tags: deep-dive
- Published: 2026-09-03

### [How to Implement i18n with @nuxtjs/i18n for Multiple Languages in a Nuxt App](/zyronon/TypeWords/implement-i18n-nuxtjs-i18n-multiple-languages-nuxt)

Implement i18n for multiple languages in your Nuxt app using @nuxtjs/i18n. Configure translations, store locales, and use the useI18n composable easily.

- Tags: how-to-guide
- Published: 2026-09-03

### [How to Configure UnoCSS for Utility Classes and Global Styles in a Nuxt 4 Project](/zyronon/TypeWords/configure-unocss-nuxt-4-utility-classes-global-styles)

Learn to configure UnoCSS for utility classes and global styles in Nuxt 4. Explore shortcuts presets and CSS variables inspired by the TypeWords repository for efficient styling.

- Tags: how-to-guide
- Published: 2026-09-03

### [How to Integrate ts-fsrs for Spaced Repetition in a Nuxt Application](/zyronon/TypeWords/integrate-ts-fsrs-nuxt-spaced-repetition)

Integrate ts-fsrs for spaced repetition in your Nuxt 3 app. Learn to manage parameters with Pinia, use composables like useNextCard, and persist card states effectively.

- Tags: how-to-guide
- Published: 2026-09-03

### [How TypeWords Uses IndexedDB for Local Data Persistence: A Technical Deep Dive](/zyronon/TypeWords/local-data-persistence-indexeddb-typewords)

Discover how TypeWords leverages IndexedDB for robust local data persistence. Learn about its `idb-keyval` implementation and automatic migration from localStorage.

- Tags: deep-dive
- Published: 2026-09-03

### [TypeWords Word Practice Modes: Complete List of 10 Study Methods Explained](/zyronon/TypeWords/word-practice-modes-typewords)

Explore 10 unique word practice modes in TypeWords. Discover structured learning, freeform drills, and tests to enhance your typing skills. Find the perfect method for you.

- Tags: how-to-guide
- Published: 2026-09-03

### [How to Implement Custom Practice Flows in TypeWords Using the Runtime API](/zyronon/TypeWords/custom-practice-flows-typewords-runtime-api)

Learn to implement custom practice flows in TypeWords with the runtime API. Define, persist, and execute your own flows using PracticeFlowConfig objects and createPracticeFlowRuntime.

- Tags: how-to-guide
- Published: 2026-09-03

### [Practice Flow Templates in TypeWords: The Complete Guide to Built-in Step Types](/zyronon/TypeWords/practice-flow-templates-typewords)

Discover TypeWords practice flow templates including Follow-Write, Spell, Listen, Dictation, and Identify. Learn how to use these built-in step types for effective word practice.

- Tags: how-to-guide
- Published: 2026-09-03

### [How FSRS Integration Works in the TypeWords Practice Engine: A Deep Dive into Spaced Repetition Scheduling](/zyronon/TypeWords/fsrs-integration-typewords-practice-engine)

Explore the FSRS integration in the TypeWords practice engine. Learn how typing mistake counts become FSRS ratings and optimal review intervals with dedicated React hooks.

- Tags: deep-dive
- Published: 2026-09-03

### [Locating the Pinia Store for Word Practice State Management in TypeWords](/zyronon/TypeWords/pinia-store-word-practice-state-management-typewords)

Find the Pinia store for word practice state management in TypeWords at app/core/stores/practice.ts. This store centralizes practice stages, timers, and word counts for efficient state management.

- Tags: architecture
- Published: 2026-09-03

### [How to Set Up Nuxt 4 with Pinia, UnoCSS, and i18n for TypeWords](/zyronon/TypeWords/nuxt-4-setup-pinia-unocss-i18n-typewords)

Learn to set up Nuxt 4 with Pinia, UnoCSS, and i18n following the TypeWords repository structure. Install packages, configure stores, and streamline your internationalized app development.

- Tags: how-to-guide
- Published: 2026-09-03