Cannabical — Cannabis Vue.js Template

Cannabical Vue adapts the cannabis consulting template into a Vue 3 application that's as elegant to code as it is to browse. The Composition API powers 22 pages of consulting content — from a multi-view strain catalog and team directory to a shopping cart and blog system — all organized as single-file components that Vue developers can read, customize, and extend in minutes.

Reactive data flows make the strain catalog shine: switch between grid, masonry, slider, and detail views without page reloads. Composables encapsulate cart logic, team data fetching, and form validation into reusable functions. Vue Router 4 manages clean navigation with transition animations between consulting service pages, while scoped styles ensure every component looks perfect in isolation and composition.

Key Features

• Vue 3 Composition API — Script setup syntax with reactive refs and computed properties
• Strain Catalog Views — Grid, masonry, slider, and detail components with shared composables
• Vue Router 4 — Smooth page transitions and dynamic route parameters for catalogs
• 3 Homepage Components — Three cannabis consulting designs as slot-based Vue components
• Team Components — Directory cards and individual profile views with prop-driven data
• Shop & Cart — Product listing, filtering, detail, and cart with Pinia-ready state
• Service Components — Consulting services list and detail views with dynamic content
• Composable Library — useCart, useStrains, useTeam composables for reusable logic
• Vite Development — Hot module replacement and optimized production builds
• Free Lifetime Updates — Vue 3 compatibility and feature enhancements at no charge

Who Is This Template For?

• Vue.js Enthusiasts — Apply Vue's elegant patterns to cannabis industry projects
• Cannabis Consulting Startups — Build a polished web presence with minimal framework overhead
• Boutique Web Agencies — Deliver consulting client sites using Vue's productive toolkit
• Hemp Industry Professionals — Showcase strain databases and advisory services
• Independent Consultants — Launch a personal cannabis consulting brand with Vue

Pages Included (22 Pages)

• Homepage — index, index-2, index-3
• About & Trust — about, why-choose-us, faq, contact
• Services — services, service-details
• Team — team, team-details
• Strain Catalog — strain-grid, strain-masonary, strain-slider, strain-details
• Shop — shop, shop-left-sidebar, shop-detail, cart
• Blog — blog-grid, blog-standard, blog-details

Template At a Glance

• Category — Cannabis Consulting / Advisory Services
• Total Pages — 22
• Framework — Vue 3, Composition API, Vue Router 4, Vite
• Responsive — Yes, fully mobile-first
• Retina Ready — Yes
• Browser Support — Chrome, Firefox, Safari, Edge, Opera

Icons

• Font Awesome — Scalable vector icon library

Fonts Used

• Google Fonts — Free, open-source web fonts

Image Credit

• All images used in the preview are for demonstration only and are NOT included in the download package.

Changelog

Version 1.0 (Initial Release)
- Initial release with 22 pages
- Vue 3 Composition API with composables