anomaily-components

frontend-components

Create a Vue.js project

Used bun

$ bun create vue@latest
✔ Add TypeScript? No
✔ Add JSX Support? No
✔ Add Vue Router for Single Page Application development? Yes
✔ Add Pinia for state management? Yes
✔ Add Vitest for Unit testing? Yes
✔ Add an End-to-End Testing Solution? Playwright
✔ Add ESLint for code quality? Yes
✔ Add Prettier for code formatting? Yes

Install Tailwind

$ bun install -D tailwindcss postcss autoprefixer
$ bun run tailwindcss init -p

Then, follow Tailwind with Vue.

Dark mode

Toggled by adding/removing class="dark" to/from <html> in the index.html

Install Iconify

$ bun install --save-dev @iconify/vue

Render

$ bun install
$ bun run dev