Documentation
Screens Overview
A complete list of all screens included in the template.
The project includes 28 .vue files in app/pages/.
Entry
| Screen Name | File | Description |
|---|---|---|
| Entry Redirect | index.vue | Root route — redirects straight to Sign In |
Home & Shop
| Screen Name | File | Description |
|---|---|---|
| Home | home.vue | Main screen with carousel and product listings |
| Shop | shop.vue | Full product listing screen |
| Search | search.vue | Search screen with category quick-filter tabs |
| Product | product/[id].vue | Product detail page |
Wishlist
| Screen Name | File | Description |
|---|---|---|
| Wishlist | wishlist.vue | Saved / wishlisted products, with an inline empty state |
Cart & Checkout
| Screen Name | File | Description |
|---|---|---|
| Order (Cart) | order.vue | Items added to cart with quantity controls; redirects to Cart Empty if the cart is empty |
| Cart Empty | cart-empty.vue | Empty state when cart has no items |
| Checkout | checkout.vue | Delivery address and payment method selection |
| Promo Codes | my-promocodes.vue | Apply discount codes at checkout |
| Promo Codes Empty | my-promocodes-empty.vue | Empty state when no promo codes are available |
Order Status
| Screen Name | File | Description |
|---|---|---|
| Order Successful | order-successful.vue | Confirmation screen after a successful order; clears the cart store |
| Order Failed | order-failed.vue | Error screen when order placement fails |
| Order History | order-history.vue | List of all past orders |
Profile
| Screen Name | File | Description |
|---|---|---|
| Profile | profile.vue | User profile overview |
| Edit Profile | edit-profile.vue | Update personal details and avatar |
| FAQ | faq.vue | In-app FAQ accordion |
Authentication
| Screen Name | File | Description |
|---|---|---|
| Sign In | sign-in.vue | Login with email and password |
| Sign Up | sign-up.vue | New account registration |
| Verify Phone | verify-your-phone-number.vue | Phone number verification screen |
| Confirmation Code | confirmation-code.vue | OTP code entry screen |
| Account Created | sign-up-account-created.vue | Confirmation screen after successful registration |
| Forgot Password | forgot-password.vue | Password reset request |
| New Password | new-password.vue | Set a new password form |
| Email Sent | forgot-password-sent-email.vue | Confirmation that the password was reset |
Unfinished / Unwired Screens
These files exist in
app/pages/ but are placeholder stubs not yet linked from any route or navigation flow. Build them out before shipping.| Screen Name | File | Notes |
|---|---|---|
| Cart (stub) | cart.vue | Placeholder text only — the real cart screen is order.vue |
| More (stub) | more.vue | Placeholder text only, though ROUTES.MORE exists |
| Edit Personal Info (stub) | edit-personal-info.vue | Placeholder text only, not linked from any route |