Steakhouse Vue Template – Brasara

About This Item

Brasara Vue is a steakhouse Vue template for steakhouses and grill restaurants. It rebuilds the Brasara design in Vue 3 with the Composition API. Pinia holds the shared state, and Vue Router serves all 30 pages.

Because the steakhouse logic lives in reactive stores, every choice updates the page at once. That includes a steak builder priced per 100 g and a dry-ageing guide with the ageing room’s days. Meanwhile, the design stays the same as the Brasara demo.

Layouts And Home Pages

Brasara Vue ships with three home page layouts: Steakhouse, Fire Kitchen and Butcher & Bar. Each one is a view built from single-file components, so sections move between pages easily.

Steakhouse Views

• Steak Builder – nine cuts, each with its own weight range and step, its days of ageing.
• Dry-Ageing Guide – a day slider from 0 to 90 with flavour notes, tenderness.
• Our Cuts – the butcher’s diagram with all ten primals, and the nine steaks with their weights.
• Book A Table – a five-step wizard: party and date, a time with the tables left.
• Butcher Counter – cuts sold by weight and the pantry, filters, sort and search.
• Our Menu, Wine & Cocktails, Private Dining, Gift Cards – course tabs with dietary filters and search.

Steakhouse Vue Template Features

• Vue 3 single-file components with <script setup>
• Pinia stores for the cart, the theme and the language
• Vue Router with lazy-loaded routes for 30 pages
• Vite build with hot module replacement
• Right-to-left layouts for every page
• Responsive from phones to wide screens
• Documentation for setup, structure and changes

Project Setup

Install Node 18 or newer first. Next, run npm install and npm run dev. Finally, npm run build creates a static site for any host.

Looking for this steakhouse Vue template in another stack? Brasara also comes as HTML5, React, Angular and WordPress. The developer bundle includes every format for 20% less. See more Food & Restaurant Vue templates.

Built with Vue 3, Pinia and Vite.