A Wordle Implementation written in Vue 3 called "huxle" based on Vite using Vue.js, Typescript, Tailwind and tested with Vitest.
- Koessl Michael (S2210629009)
- Mayr Simon (S2210455007)
- Wagner Tobias (s2210629023)
The creator of the huxle is able to define a language and a word to guess. The word has to be exactly five characters long and has to be defined in both languages German and English. Then a Link will be created and can be sent to other players, which then are able to play the game. The rules are basically the same as for Wordle: One can make a maximum of six guesses to find the correct word, wheter you find the solution or not, you win or lose. The result can be copied and shared with others. During the game it is also possible to switch the language.
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
TypeScript cannot handle type information for .vue
imports by default, so we replace the tsc
CLI with vue-tsc
for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue
types.
If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:
- Disable the built-in TypeScript Extension
- Run
Extensions: Show Built-in Extensions
from VSCode's command palette - Find
TypeScript and JavaScript Language Features
, right click and selectDisable (Workspace)
- Run
- Reload the VSCode window by running
Developer: Reload Window
from the command palette.
See Vite Configuration Reference.
npm install
npm run dev
npm run build
Run Unit Tests with Vitest
npm run test:unit
Lint with ESLint
npm run lint