Mocking up web app with Vitesse^(speed)

Live Demo

English | 简体中文

摘要

此 repo 為可複用的vue元件整理筆記，

• SkelotonBox 預載樣式，可作為打api前的預載樣式，優化使用者體驗，特別於須等候的ＳＳＲ網頁。

• Observer 結合intersection observer api，製作一個可複用的頁面監控器，在無限卷軸，或動態錨點都適用。

Features

• ⚡️ Vue 3, Vite 2, pnpm, ESBuild - born with fastness

• 🗂 File based routing

• 📦 Components auto importing

• 🍍 State Management via Pinia

• 📑 Layout system

• 📲 PWA

• 🎨 UnoCSS - the instant on-demand atomic CSS engine

• 😃 Use icons from any icon sets with classes

• 🌍 I18n ready

• 🗒 Markdown Support

• 🔥 Use the new <script setup> syntax

• 🤙🏻 Reactivity Transform enabled

• 📥 APIs auto importing - use Composition API and others directly

• 🖨 Static-site generation (SSG) via vite-ssg

• 🦔 Critical CSS via critters

• 🦾 TypeScript, of course

• ⚙️ Unit Testing with Vitest, E2E Testing with Cypress on GitHub Actions

• ☁️ Deploy on Netlify, zero-config