Weedo Main — Cannabis Vue.js Template

Weedo Vue channels the power of Vue 3's Composition API into a 20-page cannabis listing platform template that feels intuitive to build and delightful to browse. Every directory listing, comparison view, pricing table, and blog article is a reactive Single File Component — cleanly structured with scoped styles and composable logic. Vue Router 4 orchestrates seamless transitions between pages while Pinia-ready stores manage comparison lists, user sessions, and platform state.

Designed for cannabis directory platforms, dispensary aggregators, and CBD listing services, Weedo Vue provides four shop view configurations, a dynamic comparison table, subscription pricing cards, and six blog layouts. The composable architecture means shared logic like listing filters, comparison selections, and auth checks can be reused across every component without duplication.

Key Features

• Vue 3 + Composition API — Reactive development with setup script, ref, computed, and composables
• 20 Single File Components — Complete listing platform in organized .vue files
• 4 Shop Views — Grid, left sidebar, right sidebar, and full-width catalog components
• Listing Detail Component — Full product/listing view with image gallery and specifications
• Comparison Composable — Reactive comparison logic shared across shop and detail views
• Pricing Table Component — Subscription tier cards with reactive feature highlighting
• Blog Components — Archive, sidebar, and article views covering six layout options
• Auth Composables — Login and signup with v-model validation and navigation guards
• Vue Router 4 — Client-side routing with lazy imports and per-route guards
• Pinia-Ready Architecture — Store-ready patterns for comparison, cart, and user state
• Scoped SCSS — Component-level styles with no global leakage
• Vue Transitions — Smooth page and element animations via the Transition system
• Vite Build — Lightning-fast dev server and optimized production output
• Responsive Bootstrap — Mobile-first grid for cross-device consistency

Who Is This Template For?

• Vue.js Developers — Build cannabis directory platforms with Vue's intuitive component model
• Cannabis Directory Founders — Launch a polished listing platform with minimal custom code
• Digital Agencies — Deliver cannabis listing solutions on Vue's approachable ecosystem
• Nuxt.js Teams — Port components into Nuxt 3 for SSR and SEO advantages
• SaaS Product Teams — Build subscription-based listing platforms on a solid Vue foundation

Pages Included (20)

• index — Platform homepage with featured listings and discovery sections
• about-us — Mission statement and team component
• shop / shop-left / shop-right / shop-full — Four reactive shop views
• shop-details — Listing detail with image gallery and specs
• comparison — Reactive comparison table driven by composable state
• pricing-plans — Subscription pricing cards with feature toggles
• blog-archive — Blog post listing with pagination
• blog-left-sidebar / blog-right-sidebar — Two sidebar blog layouts
• blog-detail-left / blog-detail-right / blog-detail-standard — Three article views
• contact — Contact form with v-model binding and map
• login — Login component with validation
• signup — Registration component
• coming-soon — Countdown with email signup
• 404 — Not-found page component

Template At a Glance

• Category: Cannabis Listing Platform, Directory
• Total Pages: 20
• Framework: Vue 3 with Composition API
• Build Tool: Vite
• Routing: Vue Router 4
• Styling: Scoped SCSS with Bootstrap
• Responsive: Yes — Mobile, Tablet, Desktop
• Browser Support: Chrome, Firefox, Safari, Edge

Icons

• Font Awesome 5/6
• Flaticon (Cannabis Icons)

Fonts Used

• Google Fonts — Primary and secondary typefaces

Image Credit

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

Changelog

Version 1.0 (Initial Release)
- Vue 3 Composition API build with 20 components
- 4 shop layout variations
- Comparison composable and pricing cards
- 6 blog layout components
- Vue Router 4 with navigation guards
- Scoped SCSS styling per component