diff --git a/CLAUDE.md b/CLAUDE.md
index 8aa4ea8..e1d734b 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -278,4 +278,3 @@ google-chrome --headless=new --disable-gpu --no-sandbox --screenshot=/tmp/screen
 - `GETTING_STARTED.md` — Development setup guide
 - `IDEAS.md` — Future feature ideas
 - `website/CLAUDE.md` — Laravel Boost guidelines (auto-generated, Laravel/Pest/Pint conventions)
-- `SESSION_LOG_2026-03-14.md` — Full frontend redesign session log (design system, bug fixes)
diff --git a/PROVISIONING_FIX_2026-02-10.md b/PROVISIONING_FIX_2026-02-10.md
deleted file mode 100644
index 29b9858..0000000
--- a/PROVISIONING_FIX_2026-02-10.md
+++ /dev/null
@@ -1,102 +0,0 @@
-# Provisioning & Service Termination Fix - 2026-02-10
-
-## Issues Fixed
-
-### Issue #1: VPS Not Being Provisioned
-**Root Cause:** All provisioning services (VirtFusion, Pterodactyl, SynergyCP, Enhance) were reading credentials from `config('services.*')` which pulls from `.env`, but the actual credentials are stored in the **database** via the `settings` table (configured in Admin → Settings → API).
-
-**What Happened:**
-- User configured VirtFusion API URL/token via admin panel settings (stored in DB)
-- VirtFusionService was reading from `.env` (empty values)
-- HTTP client tried to connect to relative hostnames like `sanctum`, `users`, `servers`
-- cURL errors: "Could not resolve host: users"
-
-**Files Updated:**
-- `app/Services/Provisioning/VirtFusionService.php`
-- `app/Services/Provisioning/PterodactylService.php`
-- `app/Services/Provisioning/SynergyCPService.php`
-- `app/Services/Provisioning/EnhanceService.php`
-
-**Change:** All services now use `\App\Models\Setting::get('provider_api_url')` instead of `config('services.provider.url')`
-
-### Issue #2: Services Not Terminated on Subscription Cancellation
-**Root Cause:** `HandleSubscriptionCancelled` listener only sent a notification - it didn't call the provisioning service's `terminate()` method.
-
-**What Happened:**
-- User canceled subscription with "immediate" setting
-- Subscription canceled in Stripe
-- Service remained active on VirtFusion panel
-- No cleanup of provisioned resources
-
-**Files Updated:**
-- `app/Listeners/HandleSubscriptionCancelled.php`
-
-**Changes:**
-- Made listener implement `ShouldQueue` (background job with retries)
-- Added logic to find all active/suspended services for the subscription
-- Call `terminate()` on each service via ProvisioningFactory
-- Proper error handling and logging
-- Service status updated to "terminated" in database
-
-## Current State
-
-### VirtFusion Configuration (Database)
-```
-virtfusion_api_url: https://cp.vps.ezscale.tech/api/v1
-virtfusion_api_token: (encrypted in DB)
-```
-
-### How It Works Now
-
-**Subscription Created:**
-1. HandleSubscriptionCreated listener queued
-2. Reads plan from database
-3. Gets provisioning service (VirtFusionService for VPS)
-4. **VirtFusionService reads URL/token from settings table**
-5. Ensures user exists on VirtFusion panel
-6. Creates server (package ID 43)
-7. Changes package to match plan specs
-8. Updates service record with IP, hostname, etc.
-9. Sends credentials email to customer
-
-**Subscription Canceled:**
-1. HandleSubscriptionCancelled listener queued
-2. Finds all active/suspended services for subscription
-3. Gets provisioning service for each
-4. Calls `terminate()` on VirtFusion (DELETE /servers/{id})
-5. Updates service status to "terminated"
-6. Sends cancellation email to customer
-
-## Testing Needed
-
-1. ✅ Horizon restarted to reload code changes
-2. ⏳ Create a new VPS subscription and verify:
-   - Service is provisioned on VirtFusion
-   - Credentials email is sent
-   - Service appears in customer dashboard
-3. ⏳ Cancel the subscription and verify:
-   - Service is terminated on VirtFusion
-   - Service status updates to "terminated"
-   - Cancellation email is sent
-
-## Environment Variables (No Longer Used)
-
-The following `.env` variables are **no longer used** for provisioning (database settings take precedence):
-- ~~VIRTFUSION_API_URL~~
-- ~~VIRTFUSION_API_TOKEN~~
-- ~~PTERODACTYL_PANEL_URL~~
-- ~~PTERODACTYL_API_KEY~~
-- ~~SYNERGYCP_API_URL~~
-- ~~SYNERGYCP_API_TOKEN~~
-- ~~ENHANCE_API_URL~~
-- ~~ENHANCE_API_TOKEN~~
-
-**Configure all provisioning credentials in:** Admin Panel → Settings → API Integrations
-
-## Migration Notes
-
-If you have provisioning credentials in `.env`, migrate them to the database:
-1. Go to Admin → Settings → API
-2. Enter the URL and token for each provider
-3. Click "Save" to encrypt and store in database
-4. Remove from `.env` (optional, but recommended to avoid confusion)
diff --git a/SESSION_LOG_2026-03-14.md b/SESSION_LOG_2026-03-14.md
deleted file mode 100644
index 53a6d8e..0000000
--- a/SESSION_LOG_2026-03-14.md
+++ /dev/null
@@ -1,133 +0,0 @@
-# Session Log — 2026-03-14
-
-## Overview
-
-Major frontend redesign session replacing the Vuexy-based design system with a custom EZSCALE design system. Also fixed several critical backend bugs related to billing, provisioning, and security. The redesign touched all 4 layouts, created new shared components, replaced the SCSS foundation, updated the color palette from purple (#7367F0) to navy blue (#1d4ed8), and migrated fonts to Plus Jakarta Sans + JetBrains Mono.
-
----
-
-## Frontend Redesign
-
-### Phase 0: Foundation
-
-- Installed `echarts`, `vue-echarts`, `@vueuse/core`; removed `@mdi/font`
-- Replaced Inter/Public Sans fonts with **Plus Jakarta Sans** (UI) + **JetBrains Mono** (code) via Bunny Fonts
-- Deleted all 38 Vuexy `@core` SCSS files
-- Created 8 new SCSS design system files:
-  - `_variables.scss`, `_mixins.scss`, `_animations.scss`, `_typography.scss`
-  - `_component-overrides.scss`, `_marketing.scss`, `_layouts.scss`, `styles.scss`
-- Rewrote Vuetify config: navy blue palette (`#1d4ed8` primary, `#3b82f6` primary-light), pill buttons, subdomain-aware theming (light for marketing, dark for admin/account)
-- Updated `vite.config.ts`: removed `@core-scss` and `@configured-variables` aliases
-- Updated `variables/_vuetify.scss` and `variables/_template.scss`
-
-### Phase 1: Layout Infrastructure
-
-- Deleted 5 old VerticalNav* components and 4 `@layouts/styles` SCSS files
-- Created 8 new shared components:
-  - `AppSidebar` — collapsible sidebar for admin/account layouts
-  - `AppTopNavbar` — top navigation bar with search, theme switcher, notifications
-  - `CommandPalette` — Cmd+K command palette for quick navigation
-  - `ToastStack` — toast notification display (uses Pinia store)
-  - `NotificationPanel` — slide-out notification panel
-  - `SkeletonLoader` — loading placeholder component
-  - `EmptyState` — empty state with icon/message/action
-  - `Breadcrumbs` — breadcrumb navigation component
-- Created Pinia toast store (`stores/toast.ts`)
-- Rebuilt all 4 layouts:
-  - `AdminLayout` — sidebar + navbar + command palette + notifications + toasts
-  - `AccountLayout` — same pattern + impersonation banner
-  - `MarketingLayout` — transparent navbar + mega footer + mobile drawer
-  - `AuthLayout` — split-screen with gradient art panel
-- Updated admin navigation (reorganized groups) and marketing navigation (removed BattlefieldAcp)
-
-### Phase 2: Marketing Components
-
-Created 9 marketing components:
-- `HeroSection` — reusable hero with gradient background and CTA buttons
-- `NetworkHero` — animated SVG network visualization
-- `VpsHero`, `DedicatedHero`, `WebHostingHero`, `GameServerHero` — product-specific animated heroes
-- `GlassCard` — glassmorphism card component
-- `ScrollReveal` — intersection observer scroll animation wrapper
-- `PricingCard` — pricing plan card with feature list and CTA
-
-### Phase 3: Page Migration
-
-- Replaced `AppTextField`/`AppSelect`/`AppTextarea` with native `VTextField`/`VSelect`/`VTextarea` across all 28 pages
-- Updated 5 marketing page heroes to use `HeroSection` + animated SVGs
-- Merged `Products.vue` into `Home.vue`, `BattlefieldAcp.vue` into `GameServers.vue` (with featured section)
-- Added 301 redirects for `/products` -> `/` and `/battlefield-acp` -> `/game-servers`
-- Deleted old wrapper components (`AppTextField`, `AppSelect`, `AppTextarea`, `FlashMessages`, `NotificationBell`)
-
-### Phase 4: Polish
-
-- Theme persistence: `ThemeSwitcher` saves to localStorage (`ezscale-theme` key), Vuetify reads on init
-- Theme-aware styles: navbar/footer use CSS custom properties, hero sections force white text
-- Fixed `About.vue` sections (`bg-surface-variant` -> `section-alt-bg`)
-- Set default VChip size to `small` globally
-- Visual verification via headless Chrome screenshots
-
----
-
-## Critical Bug Fixes
-
-1. **placeOrder() column fixes** — Fixed wrong column names: `payment_method` -> `payment_gateway`, removed non-existent `order_id` on Service/Invoice, removed non-existent `subtotal` on Invoice, added `service_id`/`completed_at` on Order, added `service_type`/`platform` on Service
-
-2. **VirtFusion provisioning_info** — Changed from non-existent column to storing in credentials via `array_merge`
-
-3. **PayPal webhook verification** — Added header verification for `PAYPAL-TRANSMISSION-*` headers
-
-4. **VPS root password exposure** — Moved from success flash to separate `new_password` flash key with secure dialog
-
-5. **ensure_not_suspended middleware** — Applied to account routes, added bypass for impersonation stop, added banned check
-
-6. **User::invoices() override** — Renamed to `billingInvoices()` to avoid conflict with Laravel Cashier's `invoices()` method, updated all 7+ call sites, aliased `withCount`
-
----
-
-## Important Fixes
-
-7. **Impersonation stop** — Added route on account subdomain, fixed AccountLayout link to use account domain
-
-8. **Performance indexes** — Migration adding indexes on `invoices.status`, `orders.status`, `audit_logs.action`, `audit_logs.created_at`
-
-9. **Invoice number collisions** — Replaced `count()+1` and `rand()` with `Str::random(6)`
-
-10. **Dashboard caching** — Wrapped stats in `Cache::remember` with 5-min TTL
-
-11. **last_four -> last4** — Fixed Stripe property name in BillingController
-
-12. **FlashProps type** — Added `info` and `new_password` keys
-
----
-
-## Files Changed Summary
-
-### New Files
-- 8 SCSS design system files (`resources/styles/`)
-- 8 shared Vue components (`resources/ts/Components/`)
-- 9 marketing Vue components (`resources/ts/Components/marketing/`)
-- 1 Pinia store (`resources/ts/stores/toast.ts`)
-- 1 migration (performance indexes)
-
-### Deleted Files
-- 38 Vuexy `@core` SCSS files
-- 5 VerticalNav* components
-- 4 `@layouts/styles` SCSS files
-- 3 app-form-elements wrapper components (`AppTextField`, `AppSelect`, `AppTextarea`)
-- `FlashMessages.vue`, `NotificationBell.vue`
-- `Products.vue`, `BattlefieldAcp.vue` (merged into other pages)
-
-### Modified Files
-- All 4 layouts rebuilt
-- 28+ Vue pages updated (component replacements)
-- Vuetify plugin config rewritten
-- `vite.config.ts` updated
-- Navigation configs updated
-- Multiple PHP controllers/models (bug fixes)
-- `bootstrap/app.php` (middleware changes)
-
----
-
-## Test Results
-
-Tests were not re-run as part of this documentation session. Previous count: 347 tests, 1866 assertions.
diff --git a/Screenshot_10-2-2026_9396_mandmbattlefield.app.ezscale.cloud.jpeg b/Screenshot_10-2-2026_9396_mandmbattlefield.app.ezscale.cloud.jpeg
deleted file mode 100644
index e057674..0000000
Binary files a/Screenshot_10-2-2026_9396_mandmbattlefield.app.ezscale.cloud.jpeg and /dev/null differ
diff --git a/Screenshot_10-2-2026_94012_mandmbattlefield.app.ezscale.cloud.jpeg b/Screenshot_10-2-2026_94012_mandmbattlefield.app.ezscale.cloud.jpeg
deleted file mode 100644
index 50c05ae..0000000
Binary files a/Screenshot_10-2-2026_94012_mandmbattlefield.app.ezscale.cloud.jpeg and /dev/null differ
diff --git a/VIRTFUSION_V6_INTEGRATION.md b/VIRTFUSION_V6_INTEGRATION.md
deleted file mode 100644
index 4b2f919..0000000
--- a/VIRTFUSION_V6_INTEGRATION.md
+++ /dev/null
@@ -1,132 +0,0 @@
-# VirtFusion V6 API Integration
-
-## Overview
-EZSCALE uses VirtFusion V6 for VPS provisioning and management. This document outlines the correct API endpoints and parameters.
-
-## API Reference
-**OpenAPI Spec**: `virtfusion-api-spec.yaml` (8,309 lines)
-**Base URL**: Configured in `.env` as `VIRTFUSION_API_URL`
-**Authentication**: Bearer token (configured as `VIRTFUSION_API_TOKEN`)
-
-## Correct API Endpoints (V6)
-
-### Connection Test
-```http
-GET /connect
-Authorization: Bearer {token}
-```
-**Response**: Returns VirtFusion version and connection status
-
-### Create Server
-```http
-POST /servers
-Content-Type: application/json
-Authorization: Bearer {token}
-
-{
-  "packageId": 1,        // Required: VirtFusion package ID
-  "userId": 1,           // Required: VirtFusion user ID (not email!)
-  "hypervisorId": 1      // Required: Hypervisor group ID
-}
-```
-**Response**: Returns server object with ID, UUID, state, IP addresses, etc.
-
-### Get Server Details
-```http
-GET /servers/{serverId}
-Authorization: Bearer {token}
-```
-**Response**: Full server details including state, suspended status, traffic, etc.
-
-### Suspend Server
-```http
-POST /servers/{serverId}/suspend
-Authorization: Bearer {token}
-```
-**Response**: 204 No Content on success
-
-### Unsuspend Server
-```http
-POST /servers/{serverId}/unsuspend
-Authorization: Bearer {token}
-```
-**Response**: 204 No Content on success
-
-### Delete Server
-```http
-DELETE /servers/{serverId}?delay=0
-Authorization: Bearer {token}
-```
-**Query Parameters**:
-- `delay`: Minutes to wait before deletion (0-43800), optional
-
-**Response**: 204 No Content on success
-
-## Plan Configuration
-
-VPS plans in the database need these feature keys:
-
-```json
-{
-  "virtfusion_package_id": 1,      // Required: VirtFusion package ID
-  "virtfusion_user_id": 1,         // Required: VirtFusion user ID for server owner
-  "virtfusion_hypervisor_id": 1    // Required: Hypervisor group ID
-}
-```
-
-## Key Differences from Other Versions
-
-1. **No `/api/v1` prefix** - V6 endpoints start directly with resource names
-2. **camelCase parameters** - Use `packageId` not `package_id`
-3. **userId not email** - Must provide VirtFusion user ID, not email address
-4. **Suspend returns 204** - No response body, check for 204 status code
-
-## Implementation Files
-
-- **Service**: `app/Services/Provisioning/VirtFusionService.php`
-- **Settings Controller**: `app/Http/Controllers/Admin/SettingsController.php` (testVirtFusion method)
-- **Config**: `config/services.php` (virtfusion section)
-
-## Testing
-
-Test connection via Admin Settings page:
-1. Navigate to Admin → Settings → API Credentials
-2. Enter VirtFusion API URL and Token
-3. Click "Test Connection"
-4. Should return: "VirtFusion connection successful. Version: X.X.X"
-
-## API Restrictions
-
-According to deployment notes, the VirtFusion API token is restricted to:
-- ✅ Create server
-- ✅ Create user
-- ✅ Authenticate user
-
-Ensure the token has appropriate permissions for these operations.
-
-## Troubleshooting
-
-### 404 Errors
-- ❌ Using `/api/v1/servers` (old format)
-- ✅ Use `/servers` (V6 format)
-
-### 400 Bad Request
-- Check parameter names are camelCase (`packageId` not `package_id`)
-- Ensure `userId` is an integer, not an email
-- Verify `packageId` and `hypervisorId` exist in VirtFusion
-
-### 401 Unauthorized
-- Verify `VIRTFUSION_API_TOKEN` is correct
-- Check token has required permissions
-- Ensure `Authorization: Bearer` header is included
-
-### Server Creation Fails
-- Verify plan features include `virtfusion_package_id`, `virtfusion_user_id`, and `virtfusion_hypervisor_id`
-- Check VirtFusion has available resources (RAM, storage, IP addresses)
-- Review `provisioning_logs` table for detailed error messages
-
-## Related Documentation
-
-- VirtFusion Official Docs: https://docs.virtfusion.com/api/
-- OpenAPI Spec: `/virtfusion-api-spec.yaml`
-- Project Integration: `CLAUDE.md` → Provisioning Services section
diff --git a/VPS_CHECKOUT_ENHANCEMENT_2026-02-10.md b/VPS_CHECKOUT_ENHANCEMENT_2026-02-10.md
deleted file mode 100644
index e6d24c2..0000000
--- a/VPS_CHECKOUT_ENHANCEMENT_2026-02-10.md
+++ /dev/null
@@ -1,211 +0,0 @@
-# VPS Checkout Enhancement - 2026-02-10
-
-## Overview
-Enhanced the VPS checkout flow with OS selection, SSH key configuration, and automatic server building. Created a premium ordering experience matching modern cloud platforms.
-
-## Frontend Changes
-
-### Enhanced Checkout Page (`resources/ts/Pages/Checkout/Show.vue`)
-
-**New Features:**
-1. **Server Configuration Card** (VPS only)
-   - Operating System selection dropdown with 9 options:
-     - Ubuntu 24.04 LTS, 22.04 LTS, 20.04 LTS
-     - Debian 12, 11
-     - AlmaLinux 9
-     - Rocky Linux 9
-     - CentOS Stream 9
-     - Fedora 39
-   - Each OS has an icon (Ubuntu, Debian, RedHat, Fedora)
-
-2. **Authentication Method Toggle**
-   - **Auto-Generated Password** (default): VirtFusion generates and emails password
-   - **SSH Key**: User pastes their SSH public key
-   - Smooth transitions between modes
-   - Helpful tooltips and documentation links
-
-3. **Configuration Preview** (Sidebar)
-   - Shows selected OS and auth method
-   - Updates in real-time
-   - Compact, professional display
-
-4. **Visual Enhancements**
-   - Premium card design with hover effects
-   - Purple theme gradient on primary button
-   - Smooth expand/collapse animations
-   - Professional icons throughout
-   - Enhanced spacing and typography
-   - Secure checkout badge at bottom
-
-## Backend Changes
-
-### 1. Checkout Controller (`app/Http/Controllers/Account/CheckoutController.php`)
-```php
-// Added validation for configuration
-'configuration' => ['nullable', 'array'],
-'configuration.os_template_id' => ['nullable', 'integer'],
-'configuration.auth_method' => ['nullable', 'in:password,ssh'],
-'configuration.ssh_key' => ['nullable', 'string', 'max:4096'],
-
-// Store configuration in session for provisioning
-if ($request->has('configuration')) {
-    session(['subscription_config_'.$subscription->id => $request->input('configuration')]);
-}
-```
-
-### 2. VirtFusion Service (`app/Services/Provisioning/VirtFusionService.php`)
-
-**New Build Step:**
-After creating server and changing package, now automatically builds with:
-- Selected OS template
-- SSH key (if provided)
-- Stores provisioning info in service record
-
-```php
-// Build server with OS template and SSH key
-$config = session('subscription_config_'.$subscription->id, []);
-$templateId = $config['os_template_id'] ?? 1; // Default to Ubuntu 24.04
-$sshKey = $config['auth_method'] === 'ssh' && !empty($config['ssh_key']) ? $config['ssh_key'] : null;
-
-$buildPayload = ['templateId' => $templateId];
-if ($sshKey) {
-    $buildPayload['sshKeys'] = [$sshKey];
-}
-
-$buildResponse = $this->client()->post("/servers/{$serverId}/build", $buildPayload);
-```
-
-**Complete Provisioning Flow:**
-1. Create server (package 43)
-2. Change package to match plan specs
-3. **Build server with selected OS + SSH key**
-4. Send credentials email
-
-### 3. Subscription Cancellation (`app/Listeners/HandleSubscriptionCancelled.php`)
-
-**Added 5-Minute Grace Period:**
-```php
-// Wait 5 minutes before terminating services (grace period)
-sleep(300);
-```
-
-This prevents accidental immediate termination and gives users time to reconsider.
-
-## User Experience Flow
-
-### Ordering VPS
-
-1. **Select Plan** → Navigate to checkout
-2. **Configure Server**:
-   - Choose operating system from dropdown
-   - Select authentication method (password or SSH key)
-   - If SSH: paste public key with helpful instructions
-   - See live preview in sidebar
-3. **Choose Payment Method**
-   - Stripe (saved cards) or PayPal
-   - Apply coupon if available
-4. **Complete Order**
-   - Premium gradient button with security badge
-   - Processing state with loading indicator
-5. **Provisioning** (background):
-   - Create VirtFusion user (if needed)
-   - Create server
-   - Change to correct package specs
-   - **Build with selected OS and SSH key**
-   - Email credentials to customer
-
-### Canceling Subscription
-
-1. Cancel subscription via dashboard
-2. **5-minute grace period** before termination
-3. Service terminated on VirtFusion
-4. Service status updated to "terminated"
-5. Cancellation notification sent
-
-## Configuration Storage
-
-- **Frontend → Backend**: Passed in `configuration` object
-- **Backend → Session**: Stored temporarily during checkout
-- **Session → Provisioning**: Read during VirtFusion provisioning
-- **Service Record**: Final config saved to `provisioning_info` JSON field
-
-## VirtFusion API Calls
-
-### Complete Provisioning Sequence:
-```
-POST /sanctum/csrf-cookie           # Get CSRF token
-GET  /users?email={email}           # Check if user exists
-POST /users                         # Create user (if needed)
-POST /servers                       # Create server (package 43)
-POST /servers/{id}/changePackage    # Change to plan specs
-POST /servers/{id}/build            # Build with OS + SSH key ← NEW
-```
-
-### Build Payload:
-```json
-{
-  "templateId": 1,
-  "sshKeys": ["ssh-rsa AAAAB3NzaC1yc2E..."]  // optional
-}
-```
-
-## Database Schema
-
-### Services Table
-- `provisioning_info` (JSON): Stores OS template ID and auth method
-```json
-{
-  "os_template_id": 1,
-  "auth_method": "ssh"
-}
-```
-
-### Provisioning Logs
-New entries for `build` action:
-- `provision` → `change_package` → **`build`** → complete
-
-## Testing
-
-1. ✅ Frontend builds without errors
-2. ✅ Horizon restarted to reload code
-3. ⏳ Create VPS subscription with:
-   - Ubuntu 24.04 + Password
-   - Debian 12 + SSH Key
-4. ⏳ Verify VirtFusion server is actually built and installed
-5. ⏳ Cancel subscription and verify 5-minute delay
-
-## Default Values
-
-- **Default OS**: Ubuntu 24.04 LTS (template ID 1)
-- **Default Auth**: Auto-generated password
-- **Grace Period**: 5 minutes (300 seconds)
-
-## Visual Design
-
-**Aesthetic**: Refined, professional cloud platform
-- Clean card layout with subtle shadows
-- Purple accent color (#7367F0)
-- Smooth transitions and hover effects
-- Professional icons (Material Design Icons)
-- Monospace font for SSH key input
-- Security badges and trust indicators
-- Responsive layout (mobile-friendly)
-
-**Key Design Elements:**
-- Server config card has purple top border
-- OS dropdown with icons for each option
-- Toggle button for auth method selection
-- Expandable SSH key textarea
-- Live configuration preview in sidebar
-- Gradient on checkout button
-- Secure checkout badge
-
-## Future Enhancements
-
-1. **Fetch Templates from VirtFusion API** (currently hardcoded)
-2. **Show available templates per hypervisor**
-3. **SSH key validation** (format checking)
-4. **Multiple SSH keys** support
-5. **Save SSH keys** to user profile for reuse
-6. **OS logos** instead of generic icons
-7. **Template descriptions** with tooltips
diff --git a/VPS_PLAN_REBUILD_2026.md b/VPS_PLAN_REBUILD_2026.md
deleted file mode 100644
index 5fe5beb..0000000
--- a/VPS_PLAN_REBUILD_2026.md
+++ /dev/null
@@ -1,2001 +0,0 @@
-# EZSCALE VPS PLAN REBUILD STRATEGY - 2026
-
-**Strategic Analysis & Recommendations**
-
-*Prepared by: Senior Hosting Industry Strategist (20+ years VPS market experience)*
-*Date: February 9, 2026*
-
----
-
-## EXECUTIVE SUMMARY
-
-After analyzing the 2026 budget VPS market, I'm recommending a **strategic pivot** for EZSCALE from a 9-tier "something for everyone" approach to a **focused 6-tier value lineup** that plays to our strengths: older but paid-off hardware, generous bandwidth, and competitive pricing in the $4-18 range.
-
-**Key Strategic Decisions:**
-
-1. **We CANNOT win on raw specs vs. Hetzner/Contabo** - they have newer hardware and economies of scale
-2. **We CAN win on**: US presence (if applicable), better support, VirtFusion control panel, transparent bandwidth policies, and **relationship-driven service**
-3. **Target market shift**: From "cheapest specs" to "best value for reliability-focused developers and small businesses"
-4. **Profit margin target**: 35-40% (achievable with paid-off hardware)
-
----
-
-## TABLE OF CONTENTS
-
-1. [Market Research Findings](#market-research-findings)
-2. [New VPS Plan Lineup](#new-vps-plan-lineup)
-3. [Grandfathering Strategy](#grandfathering-strategy)
-4. [Competitive Moat Strategy](#competitive-moat-strategy)
-5. [Revenue Impact Analysis](#revenue-impact-analysis)
-6. [Launch Strategy](#launch-strategy)
-7. [Operational Considerations](#operational-considerations)
-8. [Risks & Mitigation](#risks--mitigation)
-9. [Next Steps](#next-steps)
-
----
-
-## MARKET RESEARCH FINDINGS
-
-### Budget VPS Market Overview (ServerHunter/LowEndBox)
-
-**Key Price Point Expectations (2026):**
-
-- **$2-3 range:** 1 vCore, 512MB-1GB RAM, 10-25GB storage, 500GB-1TB bandwidth
-- **$4-5 range (SWEET SPOT):** 1-4 vCores, 2-8GB RAM, 25-75GB NVMe, 1-4TB bandwidth
-- **$6-10 range:** 2-4 vCores, 4-16GB RAM, 40-200GB NVMe, 4-20TB bandwidth
-- **$10-15 range:** 4-8 vCores, 16-32GB RAM, 200-400GB NVMe, 8-16TB bandwidth
-
-**Major Market Trends:**
-- ✅ **NVMe is now standard** at $4+ price points in 2026
-- ✅ **RAM has become generous** - 8GB+ plans under $5/month are common
-- ✅ **Bandwidth constraints loosening** - Many providers offer unlimited or very high allocations
-- ✅ **European providers dominating value segment** - Hetzner, Netcup, Contabo, AlphaVPS offering best price/performance
-
-### Top Budget VPS Competitors (Detailed)
-
-#### Ultra-Budget Tier ($2-4/month)
-
-| Provider | Price | CPU | RAM | Storage | Bandwidth | Notes |
-|----------|-------|-----|-----|---------|-----------|-------|
-| **IONOS VPS XS** | $2/mo | 1 vCore | 1GB | 10GB NVMe | Unlimited | 1 Gbit/s, 99.99% uptime |
-| **BuyVM Slice 512** | $2/mo | 1 vCore @ 3.5GHz+ | 512MB | 10GB SSD | Unmetered | KVM, block storage available |
-| **Vultr Basic** | $2.50/mo | 1 vCPU | 1GB | 25GB SSD | 1TB | DDoS protection |
-| **Vultr Regular** | $3.50/mo | 1 vCPU | 512MB | 10GB SSD | 500GB | Previous gen hardware |
-| **AlphaVPS** | €2.99/mo (~$3.20) | 4 vCores | 2GB | 15GB SSD | 1TB | Dual Xeon E5, DDoS protection |
-
-#### Entry-Level Tier ($4-6/month)
-
-| Provider | Price | CPU | RAM | Storage | Bandwidth | Notes |
-|----------|-------|-----|-----|---------|-----------|-------|
-| **Hetzner CX22** | €3.79/mo (~$4) | 2 vCPUs | 4GB | 40GB SSD | 20TB (EU) / 1TB (US) | **BEST VALUE IN MARKET** |
-| **IONOS VPS S** | $4/mo | 2 vCores | 2GB | 80GB NVMe | Unlimited | Dell Enterprise servers |
-| **OVHcloud VPS 2026** | $4.20/mo | 4 vCores | 8GB | 75GB NVMe | 400Mbps guaranteed | Daily backups, anti-DDoS |
-| **DigitalOcean Basic** | $4/mo | 1 vCore | 512MB | 10GB SSD | 500GB | Per-second billing |
-| **Contabo VPS** | $4.95/mo | 4 Cores | 8GB | 50GB NVMe or 150GB SSD | Unlimited | **AGGRESSIVE PRICING** |
-| **Vultr Regular** | $5/mo | 1 vCPU | 1GB | 25GB SSD | 1TB | Upgradeable to NVMe |
-| **Linode/Akamai Shared** | $5/mo | 1 vCPU | 1GB | 25GB SSD | 1TB | 40 Gbps inbound |
-
-#### Mid-Budget Tier ($6-10/month)
-
-| Provider | Price | CPU | RAM | Storage | Bandwidth | Notes |
-|----------|-------|-----|-----|---------|-----------|-------|
-| **IONOS VPS M** | $6/mo | 2 vCores | 4GB | 80GB NVMe | Unlimited | 1 Gbit/s connection |
-| **DigitalOcean Regular** | $6/mo | 1 vCore | 1GB | 25GB SSD | 1TB | Dedicated threads |
-| **Hostinger KVM 2** | $6.99/mo | 2 vCPU | 8GB | 100GB NVMe | 8TB | Weekly backups |
-| **Hetzner CPX21** | €9.49/mo (~$10) | 3 vCPUs | 4GB | 80GB NVMe | 2TB | AMD EPYC processors |
-| **Hostinger KVM 4** | $9.99/mo | 4 vCPU | 16GB | 200GB NVMe | 16TB | Business-grade |
-
-### Major Provider Analysis
-
-#### Vultr
-- **Entry:** $3.50-5 (1 vCPU, 0.5-1GB RAM, 10-25GB SSD, 0.5-1TB)
-- **High Performance:** $6-12 (1 vCPU, 1-2GB RAM, 25-50GB NVMe, 2-3TB)
-- **High Frequency:** $6-24 (1-2 vCPU, 1-4GB RAM, 32-128GB NVMe, 1-3TB, 3GHz+ CPUs)
-- **Pricing Strategy:** Three tiers allow customers to choose between legacy pricing, modern hardware, or high-frequency CPUs
-
-#### DigitalOcean
-- **Entry:** $4-8 (1 vCPU, 512MB-1GB RAM, 10-35GB, 500GB-1TB)
-- **Mid-Range:** $12-24 (1-2 vCPU, 2-4GB RAM, 50-80GB, 2-4TB)
-- **Dedicated CPU:** $36+ (2+ dedicated vCPUs, 4GB+ RAM)
-- **Key Features:** Per-second billing (as of Jan 2026), excellent documentation, premium pricing
-- **Cost per GB RAM:** $6-8 (expensive but reliable)
-
-#### Hetzner (VALUE KING)
-- **CX22:** €3.79/$4 (2 vCPU, 4GB RAM, 40GB SSD, 20TB) - **Best overall value**
-- **CPX21:** €9.49/$10 (3 vCPU, 4GB RAM, 80GB NVMe, 2TB) - **$2.51/GB RAM**
-- **CCX13:** €12.49/$13.25 (2 dedicated vCPU, 8GB RAM, 80GB NVMe) - **Dedicated CPUs**
-- **CX42:** €16.40/$17.40 (8 vCPU, 16GB RAM, 160GB SSD, 20TB)
-- **Key Advantages:** Unbeatable price-to-performance, 10 Gbit networking, generous bandwidth (20TB in EU)
-- **Limitations:** EU-centric (120ms+ latency from US), email-only support (24-48 hour response)
-
-#### Linode/Akamai
-- **Shared CPU Entry:** $5 (Nanode: 1 vCPU, 1GB RAM, 25GB SSD, 1TB, 40 Gbps inbound)
-- **Shared CPU Mid:** $12-24 (1-2 vCPU, 2-4GB RAM, 50-80GB, 2-4TB)
-- **Dedicated CPU:** $36+ (2+ dedicated vCPUs, 4GB+ RAM, 80GB+, 4TB+)
-- **Key Features:** Excellent network (40 Gbps inbound), proven stability, premium pricing
-- **Best For:** Production workloads requiring reliable performance
-
-#### OVHcloud
-- **VPS 2026 Entry:** $4.20 (4 vCores, 8GB RAM, 75GB NVMe, 400 Mbps guaranteed, unlimited bandwidth)
-- **Key Advantages:** Most aggressive entry-level specs, unlimited traffic, daily backups included, anti-DDoS
-- **Limitations:** Complex enterprise-focused panel, slower support
-
-### Competitive Analysis Summary
-
-**Best Overall Value:**
-- 🥇 **Hetzner** - Unbeatable price-to-performance across all tiers, especially for European customers
-- 🥈 **Contabo** - $4.95 for 8GB RAM is exceptional (but support complaints on LowEndBox)
-- 🥉 **OVHcloud** - $4.20 for 4 vCores/8GB RAM with unlimited bandwidth
-
-**Best for Simplicity:**
-- **DigitalOcean** - Clean pricing, excellent documentation, per-second billing
-
-**Best for Bandwidth:**
-- **Hetzner** - 20TB on shared plans in EU
-- **OVHcloud** - Truly unlimited bandwidth on all VPS 2026 plans
-- **IONOS** - Unlimited bandwidth across all tiers
-
-**Best for Single-Core Performance:**
-- **Vultr High Frequency** - 3GHz+ CPUs, 40% faster per vCPU
-
-**Best for Network Speed:**
-- **Linode** - 40 Gbps inbound across all plans
-- **DigitalOcean CPU-Optimized Premium** - Up to 10 Gbps outbound
-
----
-
-## MARKET POSITIONING ANALYSIS
-
-### The Brutal Truth About 2026 Budget VPS Market
-
-**Dominant Players We Cannot Beat on Specs:**
-- **Hetzner**: €3.79 for 2vCPU/4GB RAM/40GB SSD/20TB - *impossible to beat on raw specs*
-- **Contabo**: $4.95 for 4 cores/8GB RAM/50GB NVMe/unlimited BW - *loss-leader pricing*
-- **OVHcloud**: $4.20 for 4vCores/8GB RAM/75GB NVMe - *vertically integrated, owns datacenters*
-
-These providers have:
-- ✅ Newer hardware (AMD EPYC 9004 Genoa, Intel Xeon Scalable Sapphire Rapids)
-- ✅ NVMe Gen5 storage
-- ✅ Economies of scale (10,000+ servers)
-- ✅ Vertical integration (own datacenters, network infrastructure)
-- ✅ DDR5 RAM with higher bandwidth
-
-### Why EZSCALE Can Still Win
-
-**1. Geographic Advantage (if US-based)**
-- Hetzner/OVH are EU-centric, latency matters for US customers
-- Sub-50ms latency for US East/West Coast vs. 120ms+ to EU
-- US timezone support (same business hours as customers)
-- No GDPR complexity for US-only businesses
-
-**2. Support Quality**
-- Budget providers have terrible support (LowEndBox forum is full of complaints)
-- Hetzner: Email-only, 24-48 hour response times
-- Contabo: Notorious for slow support, automated responses
-- OVHcloud: Complex enterprise ticketing system, hard to reach humans
-- **EZSCALE opportunity:** <2 hour average response time
-
-**3. VirtFusion Control Panel**
-- Superior to custom panels used by budget providers
-- Modern UI vs. clunky Hetzner/OVH panels
-- One-click OS reinstalls, ISO mounting, built-in graphs
-- API access for automation
-
-**4. Transparent Policies**
-- No "fair use" unlimited bandwidth tricks
-- Clear overage pricing vs. surprise suspensions
-- No hidden traffic shaping
-
-**5. Relationship-Driven Service**
-- We know our customers, we respond to tickets
-- We're not a faceless corporation
-- Active community engagement (Discord, LowEndBox, Reddit)
-
-### EZSCALE's Competitive Moat
-
-> **"Premium support and US infrastructure at budget prices - for developers who can't afford downtime"**
-
-**Target Customer Profile:**
-- US-based developers and small businesses
-- Value reliability over absolute cheapest price
-- Need responsive support (can't wait 48 hours for ticket responses)
-- Running production workloads (not just hobbyist projects)
-- Willing to pay 10-20% premium for better service
-
-**What We're NOT:**
-- Not the absolute cheapest (Hetzner will always win on price)
-- Not enterprise-grade infrastructure (DigitalOcean/Linode win here)
-- Not cutting-edge hardware (we have older but paid-off servers)
-
-**What We ARE:**
-- Best VALUE in the US market (specs + support + price combined)
-- Most responsive support in budget VPS segment
-- Transparent and customer-friendly policies
-- Relationship-driven hosting provider
-
----
-
-## NEW VPS PLAN LINEUP
-
-### Architecture Assumptions
-
-**Hardware:**
-- Dell R620/R630 servers with E5-2670v2/E5-2680v4 CPUs (paid off)
-- DDR3/DDR4 ECC RAM (cheap to max out older servers)
-- SATA SSD (Samsung 860 EVO tier - $0.10/GB cost)
-- 1Gbps uplinks, $2.50/TB bandwidth cost
-- 25 VPS per server average (conservative, not oversold)
-- Server cost: $125/month (amortized: power $40, cooling $15, DC space $50, network $20)
-
-**Cost Structure Per VPS:**
-- Base cost: $125 / 25 = $5/VPS
-- Bandwidth: Variable ($0.50-$3 depending on tier)
-- Support overhead: $2/VPS (amortized across customer base)
-- **Break-even**: ~$7.50/VPS average
-
-### THE NEW 6-TIER LINEUP
-
-| Plan | vCPU | RAM | Storage | Bandwidth | Price/Mo | Price/Yr | Margin | Hero |
-|------|------|-----|---------|-----------|----------|----------|--------|------|
-| **Starter** | 1 | 1GB | 20GB SSD | 2TB | **$3.95** | $42 (12% off) | 37% | ⭐ Ultra-Budget |
-| **Value** | 2 | 2GB | 40GB SSD | 4TB | **$6.95** | $75 (10% off) | 48% | ⭐⭐ MAIN HERO |
-| **Power** | 2 | 4GB | 60GB SSD | 6TB | **$10.95** | $120 (9% off) | 56% | - |
-| **Performance** | 4 | 8GB | 100GB SSD | 8TB | **$16.95** | $185 (9% off) | 62% | ⭐ Power Users |
-| **Ultimate** | 6 | 12GB | 160GB SSD | 10TB | **$24.95** | $275 (8% off) | 66% | - |
-| **Enterprise** | 8 | 16GB | 240GB SSD | 12TB | **$34.95** | $385 (8% off) | 70% | - |
-
-### Detailed Plan Breakdown
-
----
-
-#### 🏆 STARTER - Ultra-Budget Entry ($3.95/mo)
-
-**Target Customer:** Developers, hobbyists, testing environments, single-site blogs
-
-**Specs:**
-- 1 vCPU (E5-2670v2 core @ 2.5GHz)
-- 1 GB RAM
-- 20 GB SATA SSD
-- 2 TB bandwidth @ 1Gbps
-- 1 IPv4 + /64 IPv6
-- VirtFusion control panel
-- KVM virtualization
-
-**Cost Structure:**
-- Server share: $1.00 (1/25th of $25)
-- Bandwidth: $0.50 (2TB × $0.25/TB)
-- Storage: $0.20 (20GB × $0.01/GB)
-- Support/overhead: $0.80
-- **Total cost: $2.50 → Margin: 37%**
-
-**Competitive Comparison:**
-| Provider | Price | vCPU | RAM | Storage | Bandwidth |
-|----------|-------|------|-----|---------|-----------|
-| **EZSCALE Starter** | $3.95 | 1 | 1GB | 20GB SSD | 2TB |
-| Vultr Regular | $3.50 | 1 | 512MB | 10GB SSD | 500GB |
-| Hetzner CX11 | €4.15 (~$4.40) | 1 | 2GB | 20GB NVMe | 20TB |
-| DigitalOcean | $4.00 | 1 | 512MB | 10GB SSD | 500GB |
-
-**Our Positioning:**
-- vs. **Vultr $3.50**: We're $0.45 more but give DOUBLE the RAM (1GB vs 512MB) and 4x bandwidth
-- vs. **Hetzner CX11**: We're cheaper but they have 2GB RAM and NVMe (we have SATA)
-- vs. **DigitalOcean $4**: Nearly same price, we give 2GB more storage and 4x bandwidth
-- **Our angle:** "Cheapest US-based VPS with real support and generous bandwidth"
-
-**Use Cases:**
-- Personal blogs (WordPress, Ghost)
-- Development/staging environments
-- Learning Linux/Docker
-- Discord/IRC bots
-- Personal VPN
-- Small Node.js/Python apps
-
----
-
-#### 🏆🏆 VALUE - Sweet Spot Plan ($6.95/mo) ⭐ PRIMARY HERO
-
-**Target Customer:** Small businesses, freelancers, production web apps, API servers
-
-**Specs:**
-- 2 vCPU (E5-2670v2 cores @ 2.5GHz)
-- 2 GB RAM
-- 40 GB SATA SSD
-- 4 TB bandwidth @ 1Gbps
-- 1 IPv4 + /64 IPv6
-- VirtFusion control panel
-- KVM virtualization
-
-**Cost Structure:**
-- Server share: $1.00
-- Bandwidth: $1.00
-- Storage: $0.40
-- Support/overhead: $1.20
-- **Total cost: $3.60 → Margin: 48%** (intentionally high - this is our profit engine)
-
-**Competitive Comparison:**
-| Provider | Price | vCPU | RAM | Storage | Bandwidth |
-|----------|-------|------|-----|---------|-----------|
-| **EZSCALE Value** | $6.95 | 2 | 2GB | 40GB SSD | 4TB |
-| Hetzner CX22 | €3.79 (~$4) | 2 | 4GB | 40GB SSD | 20TB (EU) / 1TB (US) |
-| DigitalOcean | $12.00 | 1 | 2GB | 50GB SSD | 2TB |
-| Vultr High Perf | $6.00 | 1 | 1GB | 25GB NVMe | 2TB |
-| Linode | $12.00 | 1 | 2GB | 50GB SSD | 2TB |
-
-**Our Positioning:**
-- vs. **Hetzner CX22** ($4): They win on RAM (4GB vs 2GB) and EU bandwidth (20TB) BUT:
-  - We're US-based (lower latency for US customers)
-  - We have better support (<2hr vs 24-48hr)
-  - For US customers, Hetzner only gives 1TB bandwidth (we give 4TB)
-- vs. **DigitalOcean $12**: We're HALF the price for similar specs
-- vs. **Vultr $6**: Nearly identical price, but we include +1TB bandwidth and +1 vCPU
-- **Our angle:** "Best value for US-based production workloads under $10"
-
-**Why This Is THE Hero Plan:**
-1. **Price psychology**: Under $7 feels like a steal, over $10 feels expensive
-2. **Sweet spot specs**: 2GB RAM runs most web apps (Node, PHP, Python, small databases)
-3. **High margin**: This plan subsidizes Starter and funds support quality
-4. **Upsell ready**: Easy to push to $10.95 Power plan when they hit RAM limits
-5. **LowEndBox appeal**: Hits the perfect "value seeker" demographic
-
-**Use Cases:**
-- Production websites (Laravel, Django, Rails apps)
-- Small SaaS applications (under 1000 users)
-- Database servers (MySQL, PostgreSQL, Redis)
-- CI/CD runners (GitHub Actions, GitLab CI)
-- VPN/proxy servers
-- WordPress sites (5-10 sites with caching)
-- API servers
-
----
-
-#### POWER - RAM Upgrade ($10.95/mo)
-
-**Target Customer:** Growing apps, multi-site hosting, heavier databases
-
-**Specs:**
-- 2 vCPU (E5-2670v2 cores @ 2.5GHz)
-- 4 GB RAM (← key upgrade from Value)
-- 60 GB SATA SSD
-- 6 TB bandwidth @ 1Gbps
-- 1 IPv4 + /64 IPv6
-- VirtFusion control panel
-- KVM virtualization
-
-**Cost Structure:**
-- Server share: $1.20
-- Bandwidth: $1.50
-- Storage: $0.60
-- Support/overhead: $1.45
-- **Total cost: $4.75 → Margin: 56%** (excellent margin on older RAM)
-
-**Competitive Comparison:**
-| Provider | Price | vCPU | RAM | Storage | Bandwidth |
-|----------|-------|------|-----|---------|-----------|
-| **EZSCALE Power** | $10.95 | 2 | 4GB | 60GB SSD | 6TB |
-| Hetzner CX22 | €3.79 (~$4) | 2 | 4GB | 40GB SSD | 20TB (EU) / 1TB (US) |
-| DigitalOcean | $12.00 | 1 | 2GB | 50GB SSD | 2TB |
-| Linode | $12.00 | 1 | 2GB | 50GB SSD | 2TB |
-| Hetzner CPX21 | €9.49 (~$10) | 3 | 4GB | 80GB NVMe | 2TB |
-
-**Our Positioning:**
-- vs. **Hetzner CX22** ($4): They have same RAM for much less BUT we're US-based with better support
-- vs. **DigitalOcean/Linode $12**: We're cheaper with DOUBLE the RAM (4GB vs 2GB) and better bandwidth
-- vs. **Hetzner CPX21** ($10): Nearly identical price, they have NVMe and +1 vCPU, we have +4TB bandwidth
-- **Our angle:** "When you need 4GB but don't want to pay $12+"
-
-**Strategic Note:** This plan competes with Hetzner's CX22 by offering US location + better support. We'll lose EU customers here but win US customers who value latency and support.
-
-**Use Cases:**
-- Medium WordPress sites (10-20 sites)
-- E-commerce stores (WooCommerce, Magento small)
-- Node.js apps with higher memory needs
-- Multiple Docker containers
-- PostgreSQL/MySQL with larger datasets
-
----
-
-#### 🏆 PERFORMANCE - Power User Plan ($16.95/mo) ⭐ SECONDARY HERO
-
-**Target Customer:** SaaS platforms, busy ecommerce, multi-tenant apps, agencies
-
-**Specs:**
-- 4 vCPU (E5-2670v2 cores @ 2.5GHz)
-- 8 GB RAM
-- 100 GB SATA SSD
-- 8 TB bandwidth @ 1Gbps
-- 1 IPv4 + /64 IPv6
-- VirtFusion control panel
-- KVM virtualization
-
-**Cost Structure:**
-- Server share: $1.50
-- Bandwidth: $2.00
-- Storage: $1.00
-- Support/overhead: $2.00
-- **Total cost: $6.50 → Margin: 62%** (premium margin justified by support needs)
-
-**Competitive Comparison:**
-| Provider | Price | vCPU | RAM | Storage | Bandwidth |
-|----------|-------|------|-----|---------|-----------|
-| **EZSCALE Performance** | $16.95 | 4 | 8GB | 100GB SSD | 8TB |
-| Hetzner CPX31 | €16.49 (~$17.50) | 4 | 8GB | 160GB NVMe | 3TB |
-| DigitalOcean | $24.00 | 2 | 4GB | 80GB SSD | 4TB |
-| Vultr High Perf | $24.00 | 2 | 4GB | 100GB NVMe | 5TB |
-| Linode | $24.00 | 2 | 4GB | 80GB SSD | 4TB |
-
-**Our Positioning:**
-- vs. **Hetzner CPX31** ($17.50): Nearly identical specs, they have NVMe and +60GB storage, we have +5TB bandwidth
-- vs. **DigitalOcean/Vultr/Linode $24**: We're 30% cheaper for nearly identical or better specs
-- **Our angle:** "Production-grade power without the $24/mo price tag"
-
-**Why This Is Secondary Hero:**
-1. **High-value customers**: $17/mo customers stay longer, open fewer tickets per dollar
-2. **Future upsells**: These customers buy multiple VPS, dedicated servers later
-3. **Reference accounts**: Happy customers at this tier leave great reviews
-4. **Margin**: 62% margin funds 24/7 support and infrastructure improvements
-5. **LTV**: Average customer lifetime at this tier is 24+ months
-
-**Use Cases:**
-- WooCommerce/Magento stores (high traffic)
-- Multi-tenant SaaS (small scale, <5000 users)
-- Game server control panels
-- Media streaming (Plex, Jellyfin)
-- Busy WordPress agencies (10+ sites)
-- Kubernetes worker nodes
-- Analytics platforms
-
----
-
-#### ULTIMATE - High-Density ($24.95/mo)
-
-**Target Customer:** Resource-intensive apps, small clusters, multi-service deployments
-
-**Specs:**
-- 6 vCPU (E5-2670v2 cores @ 2.5GHz)
-- 12 GB RAM
-- 160 GB SATA SSD
-- 10 TB bandwidth @ 1Gbps
-- 1 IPv4 + /64 IPv6
-- VirtFusion control panel
-- KVM virtualization
-
-**Cost Structure:**
-- Server share: $2.00
-- Bandwidth: $2.50
-- Storage: $1.60
-- Support/overhead: $2.40
-- **Total cost: $8.50 → Margin: 66%**
-
-**Competitive Comparison:**
-| Provider | Price | vCPU | RAM | Storage | Bandwidth |
-|----------|-------|------|-----|---------|-----------|
-| **EZSCALE Ultimate** | $24.95 | 6 | 12GB | 160GB SSD | 10TB |
-| Hetzner CPX41 | €23.49 (~$24.75) | 8 | 16GB | 240GB NVMe | 4TB |
-| DigitalOcean | $48.00 | 2 | 8GB | 160GB SSD | 5TB |
-| Vultr | $48.00 | 4 | 8GB | 200GB NVMe | 6TB |
-
-**Our Positioning:**
-- vs. **Hetzner CPX41** ($24.75): Nearly identical price, they have more RAM/CPU/storage, we have 2.5x bandwidth
-- vs. **DigitalOcean/Vultr $48**: We're HALF PRICE for comparable or better specs
-- **Our angle:** "Professional resources at prosumer prices"
-
-**Use Cases:**
-- Large SaaS applications
-- Multi-tenant platforms
-- Data analytics workloads
-- Multiple containerized services
-- Development environments for teams
-
----
-
-#### ENTERPRISE - Maximum Power ($34.95/mo)
-
-**Target Customer:** Agencies, large databases, compute-heavy workloads
-
-**Specs:**
-- 8 vCPU (E5-2670v2 cores @ 2.5GHz)
-- 16 GB RAM
-- 240 GB SATA SSD
-- 12 TB bandwidth @ 1Gbps
-- 1 IPv4 + /64 IPv6
-- VirtFusion control panel
-- KVM virtualization
-- Priority support
-
-**Cost Structure:**
-- Server share: $2.50
-- Bandwidth: $3.00
-- Storage: $2.40
-- Support/overhead: $2.60
-- **Total cost: $10.50 → Margin: 70%**
-
-**Competitive Comparison:**
-| Provider | Price | vCPU | RAM | Storage | Bandwidth |
-|----------|-------|------|-----|---------|-----------|
-| **EZSCALE Enterprise** | $34.95 | 8 | 16GB | 240GB SSD | 12TB |
-| Hetzner CCX23 | €24.49 (~$25.95) | 4 ded. | 16GB | 160GB NVMe | - |
-| Hetzner CPX51 | €37.49 (~$39.50) | 16 | 32GB | 360GB NVMe | 6TB |
-| DigitalOcean | $96.00 | 4 | 16GB | 320GB SSD | 6TB |
-
-**Our Positioning:**
-- vs. **Hetzner CCX23** ($25.95): We're more expensive but give double the vCPUs (8 vs 4 dedicated)
-- vs. **Hetzner CPX51** ($39.50): We're cheaper but they have double RAM/CPU
-- vs. **DigitalOcean $96**: We're 64% cheaper for same RAM, double vCPU, double bandwidth
-- **Our angle:** "Enterprise specs without enterprise prices - gateway to dedicated servers"
-
-**Strategic Note:** This plan is designed to KEEP customers from leaving for dedicated servers too early. It's our "one more year on VPS" retention tool.
-
-**Use Cases:**
-- Large agency hosting (50+ sites)
-- Enterprise SaaS (small companies)
-- High-traffic ecommerce
-- Big data processing
-- Machine learning training (CPU-based)
-- Multi-service production environments
-
----
-
-## GRANDFATHERING STRATEGY & CUSTOMER MIGRATION
-
-### Philosophy: "Never Make a Customer Worse Off"
-
-The LowEndBox community has a LONG memory. Customers who feel screwed by a migration will:
-1. Post on LowEndBox/WebHostingTalk (reputation damage for years)
-2. File PayPal disputes
-3. Churn immediately
-4. Leave negative reviews on Trustpilot, Reddit, etc.
-
-**Our Approach:** Generous grandfathering + free upgrades where possible + 90-day transition period
-
----
-
-### Migration Matrix (Old Plans → New Plans)
-
-| Old Plan | Old Price | Old Specs | New Plan | New Price | Migration Type | Customer Impact |
-|----------|-----------|-----------|----------|-----------|----------------|-----------------|
-| **Micro VPS** | $4.20 | 1vCPU/1GB/25GB/2TB | **Starter** | $3.95 | **Price Cut + Storage Bonus** | Save $0.25/mo, KEEP 25GB (5GB bonus) ✅ |
-| **Mini VPS** | $6.00 | 1vCPU/2GB/50GB/4TB | **Value** | $6.95 | **Grandfather at $6.00** | Same specs, locked at old price forever ✅ |
-| **Dev Starter** | $8.00 | 2vCPU/2GB/60GB/4TB | **Value** | $6.95 | **Price Cut + Upgrade** | Save $1.05/mo, -20GB storage but same CPU/RAM ✅ |
-| **Basic VPS** | $12.00 | 2vCPU/4GB/80GB/6TB | **Power** | $10.95 | **Price Cut + Upgrade** | Save $1.05/mo, -20GB storage, same bandwidth ⚠️ |
-| **Storage Box** | $15.00 | 2vCPU/2GB/500GB/8TB | **CUSTOM** | $15.00 | **Grandfather (no new plan)** | Keep exact specs, no new signups for this plan 🔒 |
-| **Standard VPS** | $15.60 | 4vCPU/8GB/160GB/8TB | **Performance** | $16.95 | **Grandfather at $15.60** | Same specs, locked price forever ✅ |
-| **RAM Optimized** | $19.00 | 4vCPU/16GB/240GB/10TB | **CUSTOM** | $19.00 | **Grandfather (no new plan)** | Keep exact specs, considered for dedicated upgrade 🔒 |
-| **Advanced VPS** | $21.60 | 6vCPU/16GB/320GB/10TB | **Ultimate** + Storage | $24.95 | **Grandfather at $21.60 OR Dedicated** | Locked price, or offer dedicated upgrade ✅ |
-| **Pro VPS** | $30.00 | 8vCPU/32GB/640GB/16TB | **DEDICATED UPGRADE** | $44.39 | **Migrate to Dell R330 Dedicated** | Offer dedicated server at $44.39 (+$14 for real hardware) 🚀 |
-
-### Migration Categories
-
-#### ✅ Category A: Free Upgrades (40% of customers estimated)
-**Plans:** Micro, Dev Starter, Basic VPS
-
-**Customer Impact:** POSITIVE - They get better value at same or lower price
-
-**Action:**
-- Email: "Good news! We're upgrading your plan at no cost"
-- Automatically migrate to new plan after 30 days notice
-- Highlight: "You're now on our new infrastructure with better performance"
-- Allow opt-out if they prefer (but why would they?)
-
-**Timeline:** 30 days notice, auto-migrate
-
-**Email Template:**
-```
-Subject: You're Getting a Free Upgrade! 🎉
-
-Hi [Name],
-
-Great news! We're rebuilding our VPS lineup with better value,
-and your [Old Plan] is getting a FREE upgrade to our new [New Plan].
-
-What's changing:
-✅ Same or better specs
-✅ Lower price: $[New Price]/mo (was $[Old Price])
-✅ Improved infrastructure
-✅ No action needed - we'll migrate you automatically on [Date]
-
-Your new plan: [New Plan Name]
-- [vCPU] vCPU cores
-- [RAM]GB RAM
-- [Storage]GB SATA SSD storage
-- [Bandwidth]TB bandwidth
-- VirtFusion control panel
-
-Migration date: [30 days from now]
-Downtime: <5 minutes (we'll notify you 24 hours in advance)
-
-Don't want the upgrade? Reply to this email and we'll keep you on your current plan.
-
-Questions? Reply to this email or open a ticket.
-
-Thanks for being an EZSCALE customer!
-
--- The EZSCALE Team
-```
-
----
-
-#### ✅ Category B: Grandfathered Pricing (35% of customers estimated)
-**Plans:** Mini VPS, Standard VPS, Advanced VPS
-
-**Customer Impact:** PROTECTED - They keep same specs at same price forever
-
-**Action:**
-- Keep exact same specs
-- Lock pricing at old rate forever (or until they voluntarily cancel/change plans)
-- Add "Grandfathered" tag in VirtFusion billing system
-- Never auto-migrate - these customers keep their plan indefinitely
-- If they cancel, they CANNOT return to this plan (it's retired)
-
-**Communication:**
-```
-Subject: Your Plan is Now "Grandfathered" - Pricing Locked Forever
-
-Hi [Name],
-
-We're updating our VPS plans, but don't worry - your pricing is
-LOCKED IN at your current rate forever.
-
-Your plan: [Plan Name] - $[Price]/mo
-Status: Grandfathered (pricing protected)
-
-What this means:
-✅ Same specs, same price
-✅ Price will NEVER increase (as long as you stay on this plan)
-✅ You can upgrade to new plans anytime (see options below)
-⚠️ If you cancel or downgrade, you CANNOT return to this plan
-
-No action needed. Your service continues uninterrupted.
-
-New plan options (if you want to upgrade):
-- [List new plans with brief descriptions]
-
-Questions? Reply to this email.
-
-Thanks for being a loyal EZSCALE customer!
-
--- The EZSCALE Team
-```
-
----
-
-#### 🔒 Category C: Custom/Legacy Plans (15% of customers estimated)
-**Plans:** Storage Box (500GB), RAM Optimized (16GB)
-
-**Customer Impact:** PROTECTED - Keep exact specs, plan retired for new signups
-
-**Action:**
-- These are specialty plans with no direct equivalent in new lineup
-- Keep them active, grandfather ALL customers on these plans
-- Mark as "Legacy - No New Signups" in VirtFusion
-- Monitor for dedicated server upgrade opportunities (especially RAM Optimized customers)
-
-**Reasoning:** Storage Box (500GB SSD) and RAM Optimized (16GB at 4 vCPU) customers have specialized needs. Don't force them into plans that don't fit. These are profitable plans anyway (high margins on older hardware).
-
-**Communication:**
-```
-Subject: Your Specialized Plan is Protected (No Changes)
-
-Hi [Name],
-
-We're updating our VPS lineup, but your specialized plan is staying exactly as-is.
-
-Your plan: [Plan Name] - $[Price]/mo
-Status: Legacy (protected, no new signups)
-
-What this means:
-✅ Zero changes to your service
-✅ Same specs, same price
-✅ Plan is retired for new customers (you're protected)
-✅ You can upgrade to new plans anytime if your needs change
-
-We're also offering dedicated servers now. If you're interested in
-upgrading to dedicated hardware (full server, no neighbors), reply
-and we'll send you options.
-
-No action needed. Your service continues uninterrupted.
-
--- The EZSCALE Team
-```
-
----
-
-#### 🚀 Category D: Dedicated Server Upgrade Path (10% of customers estimated)
-**Plans:** Pro VPS ($30/mo with 8vCPU/32GB RAM/640GB)
-
-**Customer Impact:** UPSELL OPPORTUNITY - They've outgrown VPS
-
-**Action:**
-- These customers are outgrowing VPS (need 32GB RAM, 640GB storage)
-- Offer Dell R330 dedicated server at $44.39/mo (only $14.39 more per month)
-- Highlight: "Real hardware, no neighbors, full control, 4 drive bays, IPMI access"
-- Incentive: First month 50% off ($22.20) to try dedicated with no risk
-- Alternative: Can grandfather them on Pro VPS if they want to stay
-
-**Email Template:**
-```
-Subject: You've Outgrown VPS - Ready for Dedicated Hardware?
-
-Hi [Name],
-
-You're on our highest-tier VPS ($30/mo), which means you're
-running serious workloads. Have you considered dedicated servers?
-
-Your current VPS: 8 vCPU, 32GB RAM, 640GB storage (shared hardware)
-
-Dedicated upgrade: Dell R330
-- 4 physical cores (E3-1230v6 @ 3.5GHz)
-- 16GB DDR4 ECC RAM (upgradable to 64GB)
-- 4x drive bays (we can match your 640GB or give you more)
-- 1Gbps dedicated port
-- IPMI remote management
-- NO NEIGHBORS - all resources are yours
-
-Price: $44.39/mo (only $14 more than your current VPS)
-
-🎁 Limited offer: 50% off first month ($22.20) - try it risk-free
-
-Why upgrade to dedicated?
-✅ Guaranteed performance (no noisy neighbors)
-✅ Full hardware control (custom kernel, direct hardware access)
-✅ Room to grow (upgrade RAM/storage anytime)
-✅ Better for databases, high-traffic sites, resource-intensive apps
-
-Interested? Reply and we'll help you migrate (we handle everything).
-
-Not ready yet? No problem - we can keep you on Pro VPS as a
-grandfathered plan (same specs, same price, locked in forever).
-
--- The EZSCALE Team
-```
-
----
-
-### Migration Timeline
-
-| Day | Action | Affected Customers |
-|-----|--------|-------------------|
-| **Day 0 (Today)** | Announce new plans publicly; Launch new plans for new signups | All |
-| **Day 1** | Send Category A emails (free upgrades) | 40% |
-| **Day 2** | Send Category B emails (grandfathering) | 35% |
-| **Day 7** | Send Category C emails (custom plans) | 15% |
-| **Day 14** | Follow-up email to Category A (reminder of upcoming migration) | 40% |
-| **Day 30** | Auto-migrate Category A customers (free upgrades) | 40% |
-| **Day 30** | Send Category D emails (dedicated upgrade offers) | 10% |
-| **Day 60** | Follow up with Category D non-responders | 10% |
-| **Day 90** | Final migration complete; All new signups on new 6-tier system | All |
-| **Day 90+** | Legacy plans marked "No new signups" in system | N/A |
-
----
-
-## COMPETITIVE MOAT STRATEGY
-
-### The Harsh Reality
-
-**We cannot out-spec Hetzner, Contabo, or OVHcloud.** They have:
-- Newer hardware (AMD EPYC, Intel Xeon Scalable)
-- NVMe Gen5 storage (6-10x faster than our SATA SSDs)
-- Economies of scale (10,000+ servers vs. our 6-10)
-- Vertical integration (own datacenters, network)
-- Lower costs per GB RAM, per TB storage
-
-**If we compete on specs alone, we will lose.**
-
-### What We CAN Do Better
-
----
-
-#### 1️⃣ SUPPORT QUALITY (Primary Moat)
-
-**Budget provider support is TERRIBLE** (verified on LowEndBox forums):
-
-| Provider | Avg Response Time | Support Channels | Customer Complaints |
-|----------|-------------------|------------------|---------------------|
-| Hetzner | 24-48 hours | Email only | "Slow, generic responses" |
-| Contabo | 48-72 hours | Email only | "Worst support in industry" |
-| OVHcloud | 24+ hours | Ticketing system | "Complex, hard to reach humans" |
-| DigitalOcean | 4-12 hours | Email, chat (paid) | "Good but expensive" |
-| **EZSCALE (Target)** | **<2 hours** | **Email, tickets, phone (Performance+)** | **Goal: "Best in budget segment"** |
-
-**EZSCALE's Support Promise:**
-
-- ✅ **Average ticket response: <2 hours** (vs. 24-48 hours for competitors)
-  - Measure: 90th percentile response time < 4 hours
-  - Track in ticket system dashboard
-  - Monthly reports to customers
-
-- ✅ **Phone support available** (US business hours for Performance+ plans)
-  - Dedicated phone line: (XXX) XXX-XXXX
-  - Voicemail with <4 hour callback guarantee
-  - Escalation path for emergencies
-
-- ✅ **Discord community** (customers can help each other, we're active)
-  - Create EZSCALE Discord server
-  - Channels: #general, #support, #status, #announcements
-  - Staff presence: Check every 2-4 hours during business hours
-  - Peer-to-peer support reduces ticket volume
-
-- ✅ **Migration assistance** (we help you move from competitors - white glove service)
-  - Free migration from any competitor
-  - We handle: data transfer, DNS updates, testing
-  - Dedicated migration specialist
-  - 30-day money-back if not satisfied
-
-- ✅ **Proactive monitoring** (we notify you before you notice issues)
-  - Monitor: CPU, RAM, disk, network every 5 minutes
-  - Alert thresholds: CPU >80% for 15min, RAM >90%, disk >85%
-  - Email + SMS alerts (opt-in)
-  - "Your MySQL is using 85% RAM - need an upgrade?" emails
-
-**Marketing Angle:**
-> "When your site is down at 2am, you don't want to wait 48 hours for an email response. EZSCALE averages <2 hour ticket responses, every day."
-
-**Implementation:**
-- Hire first support tech at 150 customers ($3,500/month)
-- Use ticket system with SLA tracking
-- Monthly "Support Report Card" emails to customers
-- Public status page (status.ezscale.cloud)
-
----
-
-#### 2️⃣ US PRESENCE (Geographic Moat)
-
-**If EZSCALE is US-based**, this is a MASSIVE advantage:
-
-**Competitor Locations:**
-- Hetzner: Germany (Falkenstein, Nuremberg), Finland (Helsinki), USA (Ashburn, VA + Hillsboro, OR)
-  - US locations available BUT 20% price premium + only 1TB bandwidth vs 20TB in EU
-- OVHcloud: France, Canada, some US (but EU-focused)
-- Contabo: Germany, USA (St. Louis, Seattle, New York)
-- DigitalOcean/Vultr: US-based but expensive
-
-**Latency Comparison (from New York City):**
-
-| Provider | Location | Latency (ms) | Impact |
-|----------|----------|--------------|--------|
-| EZSCALE (US East) | Virginia | 5-15ms | Excellent for US customers |
-| Hetzner US | Ashburn, VA | 10-20ms | Good, but expensive (+20% price) |
-| Hetzner EU | Germany | 80-120ms | Poor for real-time apps |
-| OVHcloud US | Virginia | 10-20ms | Good |
-| OVHcloud EU | France | 75-100ms | Poor for US customers |
-| Contabo US | St. Louis | 30-50ms | Moderate |
-
-**Value Proposition for US Customers:**
-- **Sub-50ms latency** for US East/West Coast customers
-- **US-based support team** (same timezone, understands US business hours)
-- **GDPR-free** (no EU data privacy complexity for US-only businesses)
-- **Payment options**: ACH, US credit cards, PayPal (easier than SEPA for US customers)
-- **US data residency** (some industries require US-based data)
-
-**Marketing Angle:**
-> "Hetzner's €3.79 plan looks great until you see 120ms latency from New York. EZSCALE gives you US-based VPS at European prices."
-
-**Implementation:**
-- Emphasize US location in all marketing
-- Show latency comparison charts on website
-- Offer latency test tool (ping.ezscale.cloud)
-- Target US-focused forums/communities
-
----
-
-#### 3️⃣ VIRTFUSION CONTROL PANEL (UX Moat)
-
-**Budget providers use inferior control panels:**
-
-| Provider | Control Panel | User Experience |
-|----------|---------------|-----------------|
-| Hetzner | Custom "Hetzner Cloud Console" | Basic, clunky, missing features |
-| Contabo | VNC-only access + basic panel | Minimal controls, frustrating |
-| OVHcloud | Custom "OVH Manager" | Complex, enterprise-focused, overwhelming |
-| **EZSCALE** | **VirtFusion** | **Modern, intuitive, feature-rich** |
-
-**VirtFusion Advantages:**
-- ✅ Modern UI (better UX than cPanel/Plesk for VPS management)
-- ✅ One-click OS reinstalls (Ubuntu, Debian, CentOS, Rocky, Arch, etc.)
-- ✅ ISO mounting for custom OSs
-- ✅ Built-in graphs (bandwidth, CPU, RAM usage - real-time)
-- ✅ API access for automation (create/delete/resize VPS programmatically)
-- ✅ Firewall management (GUI-based)
-- ✅ Snapshot management
-- ✅ Reverse DNS (PTR) management
-- ✅ Network graphs and diagnostics
-- ✅ Serial console access (when SSH fails)
-
-**Marketing Angle:**
-> "Manage your VPS like a pro with VirtFusion - the control panel budget providers wish they had."
-
-**Screenshots for Website:**
-- VirtFusion dashboard (clean, modern UI)
-- One-click OS reinstall screen
-- Real-time resource graphs
-- Compare side-by-side with Hetzner's basic panel
-
----
-
-#### 4️⃣ TRANSPARENT BANDWIDTH POLICIES (Trust Moat)
-
-**Budget provider tricks** (documented on LowEndBox):
-
-| Provider | Advertised | Reality (Fine Print) |
-|----------|-----------|---------------------|
-| Contabo | "Unlimited" bandwidth | Fair-use policy, traffic shaping after heavy usage |
-| OVHcloud | "Unlimited" | Throttles to 10 Mbps after 1TB (on some plans) |
-| Hetzner | 20TB in EU, 1TB in US | Traffic shaping during peak hours reported by users |
-
-**EZSCALE's Policy (100% Transparent):**
-
-1. **No traffic shaping**:
-   - 1Gbps port, use it all month at full speed
-   - No "peak hour" throttling
-   - No "fair use" policies
-
-2. **Clear overages**:
-   - After included bandwidth: $2.50/TB (billed per GB)
-   - Email alerts at 75%, 90%, 100% usage
-   - Dashboard shows usage in real-time
-   - Never surprise suspensions
-
-3. **No "fair use" BS**:
-   - If we say 4TB, we mean 4TB at full 1Gbps speed
-   - Publicly document: "You can use your full allocation 24/7"
-   - No asterisks, no fine print
-
-4. **Bandwidth rollover** (Loyalty Perk):
-   - Unused bandwidth rolls over for 1 month
-   - Example: Use 2TB out of 4TB? Bank 2TB for next month (total 6TB available)
-   - Builds loyalty, encourages annual payments
-
-**Marketing Angle:**
-> "No hidden 'fair use' policies. No traffic shaping. No surprise suspensions. Your bandwidth is YOURS."
-
-**Implementation:**
-- Document bandwidth policy in TOS (plain English)
-- Add bandwidth FAQ page
-- Monthly "Bandwidth Report" emails showing usage
-- Rollover clearly shown in VirtFusion dashboard
-
----
-
-#### 5️⃣ RELATIONSHIP-DRIVEN SERVICE (Loyalty Moat)
-
-**LowEndBox customers are cynical** - they've been burned by:
-- Bait-and-switch pricing (cheap first year, then price hikes)
-- Sudden TOS changes (unlimited → limited overnight)
-- Providers going bankrupt (ColoCrossing drama, ChicagoVPS, etc.)
-- Oversold servers (512MB VPS getting 100MB usable RAM)
-
-**EZSCALE's Trust Builders:**
-
-1. **Founder visibility**:
-   - Active on LowEndBox (respond to comments on our offers)
-   - Monthly AMA on Reddit r/selfhosted
-   - Transparent about who we are (not hiding behind LLC)
-
-2. **Transparent financials**:
-   - "We're profitable and not going anywhere" messaging
-   - Annual transparency report (# of servers, customers, uptime stats)
-   - No VC funding = no pressure to over-promise
-
-3. **No overselling**:
-   - Cap VPS density at 25/server (vs. 50-100 for competitors)
-   - Publicly commit: "We limit to 25 VPS per server for guaranteed performance"
-   - Show server load averages in monthly transparency report
-
-4. **Grandfathering respect**:
-   - Never force customers off old plans (see migration strategy above)
-   - Honor lifetime/grandfathered pricing forever
-   - "We've never raised prices on existing customers" badge
-
-5. **Community engagement**:
-   - Monthly "office hours" on Discord (1st Friday of month, 2-4pm ET)
-   - Founder answers questions live
-   - Feature voting (customers vote on next features to build)
-   - Beta testing program (opt-in for early access to new features)
-
-**Marketing Angle:**
-> "We're not a faceless corporation. We're hosting nerds who actually care about uptime."
-
-**Implementation:**
-- Create Discord server with active staff presence
-- Monthly blog posts with transparency updates
-- Feature roadmap publicly visible (Trello board?)
-- Customer advisory board (invite top 10 customers to quarterly calls)
-
----
-
-## REVENUE IMPACT ANALYSIS
-
-### Assumptions
-
-**Current State:**
-- 100 customers spread across 9 old plans
-- Estimated current MRR: $1,254.80 (weighted average across old plans)
-- Average customer lifetime: 18 months
-- Churn rate: ~5% per month (industry standard for budget VPS)
-
-**Future State:**
-- Same 100 existing customers (migrated to new plans)
-- New customer acquisition: 20 new signups/month (conservative)
-- Improved retention: 3% churn (better support → lower churn)
-
-### Customer Distribution Estimate
-
-Based on typical budget VPS customer distribution patterns:
-
-| Old Plan | Est. Customers | Current MRR | New Plan | New MRR | Delta MRR |
-|----------|----------------|-------------|----------|---------|-----------|
-| Micro ($4.20) | 15 | $63.00 | Starter ($3.95) | $59.25 | -$3.75 |
-| Mini ($6) | 10 | $60.00 | Value ($6 GF) | $60.00 | $0.00 |
-| Dev Starter ($8) | 12 | $96.00 | Value ($6.95) | $83.40 | -$12.60 |
-| Basic ($12) | 18 | $216.00 | Power ($10.95) | $197.10 | -$18.90 |
-| Storage Box ($15) | 8 | $120.00 | Legacy (GF) | $120.00 | $0.00 |
-| Standard ($15.60) | 20 | $312.00 | Performance ($15.60 GF) | $312.00 | $0.00 |
-| RAM Optimized ($19) | 5 | $95.00 | Legacy (GF) | $95.00 | $0.00 |
-| Advanced ($21.60) | 8 | $172.80 | Ultimate ($21.60 GF) | $172.80 | $0.00 |
-| Pro ($30) | 4 | $120.00 | Dedicated ($44.39) | $177.56 | +$57.56 |
-| **TOTAL** | **100** | **$1,254.80** | - | **$1,277.11** | **+$22.31** |
-
-**Analysis:**
-- Net MRR change: **+$22.31/month (+1.8%)**
-- Customer satisfaction: **HIGH** (40% get free upgrades, 35% get price protection)
-- Churn risk: **LOW** (only Pro VPS customers face pressure, but dedicated upgrade is compelling)
-- Revenue-neutral migration proves we're customer-first
-
-### New Customer Revenue Projection
-
-**Expected Distribution** (based on market research + hero plan positioning):
-
-| Plan | % of New Signups | Signups/Month | MRR per Signup | Monthly MRR | Annual ARR |
-|------|------------------|---------------|----------------|-------------|------------|
-| Starter ($3.95) | 30% | 6 | $3.95 | $23.70 | $284.40 |
-| **Value ($6.95)** | **40%** | **8** | **$6.95** | **$55.60** | **$667.20** |
-| Power ($10.95) | 15% | 3 | $10.95 | $32.85 | $394.20 |
-| **Performance ($16.95)** | **10%** | **2** | **$16.95** | **$33.90** | **$406.80** |
-| Ultimate ($24.95) | 3% | 0.6 | $24.95 | $14.97 | $179.64 |
-| Enterprise ($34.95) | 2% | 0.4 | $34.95 | $13.98 | $167.76 |
-| **TOTAL** | **100%** | **20** | **Avg: $8.75** | **$175.00** | **$2,100.00** |
-
-**Key Insights:**
-- 70% of new customers choose our 2 hero plans (Value + Performance) ← **This is the goal**
-- Average revenue per new customer: $8.75/month
-- New customer MRR: $175/month
-- New customer ARR: $2,100/year
-
-### 12-Month Revenue Projection
-
-**Month-by-Month Growth:**
-
-| Month | Existing Customers MRR | New Customers Added | New Customer MRR | Total MRR | Cumulative ARR |
-|-------|------------------------|---------------------|------------------|-----------|----------------|
-| 1 | $1,277 | 20 | $175 | $1,452 | $17,424 |
-| 2 | $1,277 | 20 | $350 | $1,627 | $19,524 |
-| 3 | $1,277 | 20 | $525 | $1,802 | $21,624 |
-| 6 | $1,277 | 20 | $1,050 | $2,327 | $27,924 |
-| 12 | $1,277 | 20 | $2,100 | $3,377 | $40,524 |
-
-**Assumptions:**
-- 3% monthly churn on new customers (offset by 20 new signups)
-- Existing customers: 1% churn (grandfathering creates loyalty)
-- No upsells included (conservative)
-
-**Year 1 Summary:**
-
-| Metric | Current | Year 1 End | Growth |
-|--------|---------|------------|--------|
-| Total Customers | 100 | 306 | +206 (+206%) |
-| MRR | $1,255 | $3,377 | +$2,122 (+169%) |
-| ARR | $15,060 | $40,524 | +$25,464 (+169%) |
-
-**Key Insight:** Revenue growth comes from NEW CUSTOMER ACQUISITION with optimized plans, not from squeezing existing customers. This is sustainable growth.
-
-### Upsell Opportunities (Not Included in Base Projection)
-
-**Additional revenue streams:**
-
-1. **Plan upgrades** (10% of customers per year):
-   - Starter → Value: $3/month × 10 customers = $30/month
-   - Value → Power: $4/month × 10 customers = $40/month
-   - Power → Performance: $6/month × 15 customers = $90/month
-   - **Total upsell MRR: ~$160/month = $1,920/year**
-
-2. **Add-ons** (future):
-   - Additional IP addresses: $3/month
-   - Automated backups: $5/month
-   - cPanel/Plesk license: $15/month
-   - DDoS protection: $10/month
-   - **Potential: $5-10/customer/month**
-
-3. **Dedicated server conversions**:
-   - 5% of Performance customers upgrade to dedicated per year
-   - 306 customers × 10% on Performance tier = 30 customers
-   - 30 × 5% = 1.5 dedicated sales/year
-   - Dedicated at $44.39/month = $66/month = $800/year
-
-**Total Potential Year 1 ARR with Upsells:** $40,524 + $1,920 + $800 = **$43,244**
-
----
-
-## LAUNCH STRATEGY & PROMOTIONAL PRICING
-
-### Phase 1: Soft Launch (Week 1-2)
-
-**Goal:** Validate pricing, get feedback from existing customers, test infrastructure
-
-**Tactics:**
-1. **Announce new plans via email** to existing customers
-   - Subject: "New EZSCALE VPS Plans - Better Value, Same Great Service"
-   - Include: Plan comparison table, migration timeline, FAQ
-   - CTA: "Try our new plans with 20% off first month"
-
-2. **Offer early access** to new plans with 20% discount
-   - Existing customers only
-   - Code: `EARLYBIRD20`
-   - Valid for 14 days
-   - Applies to first month only
-
-3. **Monitor signup distribution**
-   - Are people choosing our hero plans? (Value + Performance)
-   - Which plans are underperforming?
-   - Adjust pricing if needed before public launch
-
-4. **Collect feedback via survey**
-   - Email survey to all customers who try new plans
-   - Questions: "What made you choose this plan?", "How do we compare to competitors?", "What features matter most?"
-   - Incentive: $5 account credit for completing survey
-
-**Success Metrics:**
-- ✅ 30%+ of existing customers try new plans (engagement)
-- ✅ 50%+ of new signups choose Value or Performance (hero plan validation)
-- ✅ <5% churn from migration announcements (customer satisfaction)
-- ✅ No infrastructure issues (can handle load)
-
----
-
-### Phase 2: LowEndBox Launch (Week 3-4)
-
-**Goal:** Acquire 100-300 new customers from LowEndBox community, establish market presence
-
-**Tactics:**
-
-1. **Post on LowEndBox with limited-time offer**
-
-**Promo Pricing** (Code: `LEB2026`):
-- Starter: **$2.95/mo** for first 3 months (vs. $3.95 regular)
-- Value: **$4.95/mo** for first 3 months (vs. $6.95 regular)
-- Performance: **$12.95/mo** for first 3 months (vs. $16.95 regular)
-
-**LowEndBox Post Template:**
-
-```markdown
-[EZSCALE] US-Based VPS with Premium Support at Budget Prices | Starting $2.95/mo
-──────────────────────────────────────────────────────────────────────────────
-
-Tired of waiting 48 hours for support responses? EZSCALE delivers
-budget VPS specs with <2 hour ticket responses and VirtFusion control panel.
-
-🎯 LIMITED LAUNCH OFFER (Code: LEB2026)
-├─ Starter: $2.95/mo for first 3 months (1 vCPU, 1GB RAM, 20GB SSD, 2TB BW)
-├─ Value: $4.95/mo for first 3 months (2 vCPU, 2GB RAM, 40GB SSD, 4TB BW)
-└─ Performance: $12.95/mo for first 3 months (4 vCPU, 8GB RAM, 100GB SSD, 8TB BW)
-
-After 3 months: $3.95, $6.95, $16.95 respectively
-
-✅ VirtFusion control panel (modern UI, one-click OS reinstalls, API access)
-✅ <2 hour average ticket response time (we track this publicly)
-✅ No traffic shaping or "fair use" caps - your bandwidth is yours
-✅ US-based infrastructure (Virginia datacenter, <15ms from NYC)
-✅ KVM virtualization (full virtualization, custom kernels supported)
-✅ 30-day money-back guarantee (no questions asked)
-
-📍 Location: Ashburn, Virginia (US East)
-🔧 Network: 1Gbps ports, Premium Tier 1 bandwidth
-💳 Payment: PayPal, Stripe (Visa/MC/Amex), Bitcoin accepted
-📊 Uptime: 99.9% SLA with public status page
-
-FULL PLAN LINEUP:
-┌─────────────┬──────┬─────┬─────────┬──────────┬──────────┐
-│ Plan        │ vCPU │ RAM │ Storage │ Bandwidth│ Price/Mo │
-├─────────────┼──────┼─────┼─────────┼──────────┼──────────┤
-│ Starter     │ 1    │ 1GB │ 20GB    │ 2TB      │ $3.95    │
-│ Value       │ 2    │ 2GB │ 40GB    │ 4TB      │ $6.95    │
-│ Power       │ 2    │ 4GB │ 60GB    │ 6TB      │ $10.95   │
-│ Performance │ 4    │ 8GB │ 100GB   │ 8TB      │ $16.95   │
-│ Ultimate    │ 6    │12GB │ 160GB   │ 10TB     │ $24.95   │
-│ Enterprise  │ 8    │16GB │ 240GB   │ 12TB     │ $34.95   │
-└─────────────┴──────┴─────┴─────────┴──────────┴──────────┘
-
-🆚 WHY EZSCALE OVER HETZNER/CONTABO?
-• Hetzner CX22 is €3.79 for 4GB BUT: 120ms latency from US, 24-48hr support
-• Contabo is $4.95 for 8GB BUT: Notorious support quality, traffic shaping
-• We're US-based with responsive support - choose reliability over cheapest specs
-
-[ORDER NOW] → https://ezscale.cloud/vps?promo=LEB2026
-
-🎁 BONUS: Free migration assistance from any competitor (we handle everything)
-
-──────────────────────────────────────────────────────────────────────────────
-ABOUT US:
-We're a small team of hosting nerds who got tired of terrible support in the
-budget VPS market. We run older but paid-off hardware (Dell R620s with E5-2670v2
-CPUs and SATA SSDs), which lets us offer US-based hosting at competitive prices
-while actually responding to tickets in under 2 hours.
-
-We're not going to beat Hetzner on raw specs. But when your site goes down at
-2am and you need help NOW, we'll be there.
-
-AMA below - I'll answer questions about infrastructure, support, network, etc.
-
-Offer valid through [2 weeks from post date]. Limited to first 200 signups.
-```
-
-2. **Founder AMA on LowEndBox thread**
-   - Answer ALL questions within 2 hours (prove our support claim)
-   - Be transparent about hardware (older servers, SATA SSDs)
-   - Highlight moats (support, US location, VirtFusion, bandwidth)
-   - Engage with competitors' customers (offer migration)
-
-3. **Track with unique promo code**
-   - `LEB2026` tracks conversions from LowEndBox
-   - Measure: signup rate, plan distribution, churn after 3 months
-
-**Expected Results:**
-- 150-300 signups in first month (conservative estimate)
-- 40-60% choose Value plan (our highest-margin hero)
-- 100+ comments on LowEndBox thread (community engagement)
-- 5-10 comparison posts on Reddit/forums (word-of-mouth)
-
-**Budget:**
-- LowEndBox post: FREE (organic)
-- Promotional discount cost: $2-4/customer for 3 months = $600-1200 total
-- Expected revenue: 200 customers × $8 avg × 12 months = $19,200 ARR
-- **ROI: 15-30x**
-
----
-
-### Phase 3: Sustained Growth (Month 2+)
-
-**Goal:** Build sustainable acquisition channels beyond LowEndBox
-
-**Marketing Channels:**
-
-1. **SEO (Organic Search)**
-   - Target keywords: "cheap VPS USA", "budget VPS hosting", "VirtFusion VPS", "Hetzner alternative US"
-   - Content: Comparison pages (EZSCALE vs Hetzner, vs DigitalOcean, vs Vultr)
-   - Blog: "How to Choose a VPS Provider", "VPS vs Shared Hosting", "Why US-based VPS Matters"
-   - Timeline: 3-6 months to rank
-   - Cost: $0 (DIY) or $500-1000/month (agency)
-
-2. **Reddit (Community Engagement)**
-   - Subreddits: r/selfhosted (500k members), r/homelab (800k), r/webhosting (100k)
-   - Strategy: Helpful content, not spam (answer questions, share tutorials)
-   - Monthly AMA: "I run a budget VPS company, AMA about hosting"
-   - Cost: FREE (time investment)
-
-3. **Referral Program**
-   - Give existing customers $5 credit for referrals
-   - Referred customer gets $5 credit too (double-sided incentive)
-   - Track with unique referral codes per customer
-   - Expected: 10% of customers refer 1+ friend = 30 referrals/month after 6 months
-   - Cost: $10/referral, ROI: 10-20x
-
-4. **Review Sites**
-   - Get listed on: VPSBenchmarks, ServerHunter, HostAdvice, Trustpilot
-   - Incentivize reviews: $5 credit for honest review (must mention in email)
-   - Target: 50+ reviews with 4.5+ star average
-   - Cost: $250 in credits
-
-5. **YouTube Sponsorships**
-   - Budget tech YouTubers (50-200k subs): NetworkChuck, TechHut, LearnLinuxTV
-   - Offer: $500-1000/video for 60-second sponsor spot + affiliate link
-   - Expected: 20-50 signups per video
-   - Cost: $2,000/month, ROI: 5-10x
-
-6. **Affiliate Program**
-   - 20% commission on first 3 months (e.g., $4.17 for Value plan customer)
-   - Target: Tech bloggers, YouTubers, tutorial sites
-   - Provide: Banners, copy, comparison tables
-   - Platform: Post Affiliate Pro or similar
-   - Expected: 50-100 affiliates, 20% active = $1,000-2,000/month in affiliate revenue
-
-**Sustained Growth Target:**
-- Month 1-3: 20 signups/month (organic)
-- Month 4-6: 40 signups/month (SEO kicking in)
-- Month 7-12: 60-80 signups/month (multiple channels)
-
-**Annual Marketing Budget:** $10,000-15,000
-- YouTube: $6,000
-- Affiliate commissions: $3,000
-- SEO/content: $2,000
-- Review incentives: $1,000
-- Misc (ads, tools): $3,000
-
-**Expected ROI:** 10-15x (industry standard for B2C SaaS/hosting)
-
----
-
-## OPERATIONAL CONSIDERATIONS
-
-### Inventory Management (Critical)
-
-**Current Capacity:**
-- Assume 6 servers currently
-- 25 VPS per server = 150 total capacity
-- Current: 100 customers = 67% utilization
-
-**Problem:** What if we get 200 signups in month 1 from LowEndBox launch?
-- We'd hit 300 customers = need 12 servers (double current capacity)
-- Hardware procurement takes 2-4 weeks
-- Out-of-stock = lost revenue + angry customers + bad reviews
-
-**Solution: Hardware Expansion Plan**
-
-| Trigger | Action | Timeline | Cost | Servers Needed |
-|---------|--------|----------|------|----------------|
-| 70% capacity (105 VPS) | Order 2 servers (emergency) | 1 week | $3,000 | +2 (total: 8) |
-| 85% capacity (128 VPS) | Order 4 servers (pre-emptive) | 2 weeks | $6,000 | +4 (total: 10) |
-| 95% capacity (143 VPS) | PAUSE new signups, rush order 4 servers | 1 week expedited | $10,000 | +4 (total: 10) |
-
-**Recommendations:**
-1. **Have $10k line of credit ready** for rapid hardware expansion
-   - Business credit card with $10k limit
-   - Or cash reserve earmarked for hardware
-
-2. **Monitor daily** during LowEndBox launch
-   - Dashboard: Current VPS count, % of capacity, trending signups/day
-   - Alert at 60% capacity: "Prepare to order hardware"
-
-3. **Have vendor relationships** pre-established
-   - Pre-approved account with server vendor (e.g., ServerMonkey, Orange Computers)
-   - Know lead times for different urgency levels
-   - Pre-negotiate bulk pricing (10+ servers)
-
-4. **Tiered launch strategy** (if concerned about capacity):
-   - Week 1: LowEndBox post, cap at 50 new signups
-   - Week 2: Open to 100 signups (order hardware if needed)
-   - Week 3+: Unlimited (hardware arrived)
-
----
-
-### Support Scaling (Critical for Moat)
-
-**Current Support Model:**
-- Assume solo admin or 2-person team currently
-- Can handle ~10-15 tickets/day with <2 hour response time
-
-**Problem:** As customer count grows, ticket volume grows proportionally
-- 100 customers = 5-10 tickets/day (manageable)
-- 300 customers = 15-25 tickets/day (stretched thin)
-- 500 customers = 30-50 tickets/day (need more staff)
-
-**Recommended Staffing** (based on customer count):
-
-| Customers | Tickets/Day | Support Staff | Cost/Month | When to Hire |
-|-----------|-------------|---------------|------------|--------------|
-| 0-100 | 5-10 | 1 person (founder) | $0 | Current state |
-| 100-300 | 15-25 | 1 FT support tech | $3,500 | **CRITICAL: Hire at 150 customers** |
-| 300-500 | 30-50 | 2 FT support techs | $7,000 | Hire 2nd at 350 customers |
-| 500-1000 | 50-100 | 2 FT + 1 PT (nights/weekends) | $10,000 | Add PT at 550 customers |
-| 1000+ | 100-200 | 3 FT + 1 PT + 1 manager | $15,000+ | Scale as needed |
-
-**Key Hire Timing: When you hit 150 customers, hire first support tech BEFORE quality degrades**
-
-**Why 150 is the Critical Number:**
-- 150 customers = ~20 tickets/day
-- 20 tickets/day = 8 hours/day at 24min per ticket (including email, research, testing)
-- No time for proactive work, monitoring, improvements
-- Response time starts creeping from 2hr → 4hr → 8hr
-- Customer satisfaction drops
-- **OUR MOAT (support quality) COLLAPSES**
-
-**First Support Tech Hire Profile:**
-- **Skills:** Linux sysadmin experience (3+ years), customer service skills, ticket triage
-- **Salary:** $40-45k/year ($3,500/month) for entry-level remote tech
-- **Location:** Remote (US-based for timezone alignment)
-- **Tools:** VirtFusion admin access, ticket system, documentation wiki
-- **Training:** 2-week onboarding with founder shadowing
-
-**Support Tech Job Description Template:**
-
-```
-EZSCALE - VPS Support Technician (Remote, US-based)
-
-We're a small budget VPS provider competing on support quality. While
-Hetzner/Contabo make customers wait 48 hours, we respond in <2 hours.
-We need help maintaining this as we grow.
-
-Responsibilities:
-• Respond to customer tickets (<2 hour SLA)
-• Troubleshoot VPS issues (networking, OS, performance)
-• Manage VirtFusion control panel (provision, resize, migrate VPS)
-• Document common issues in knowledge base
-• Escalate complex issues to senior team
-
-Requirements:
-• 3+ years Linux sysadmin experience (MUST)
-• Customer service mindset (we're not a "RTFM" company)
-• Experience with KVM/virtualization
-• Comfortable with networking (DNS, firewalls, routing)
-• US-based (for timezone coverage)
-
-Nice to Have:
-• VirtFusion experience
-• Experience with budget hosting providers
-• Active on LowEndBox/hosting communities
-
-Salary: $40-45k/year + benefits
-Hours: Full-time, 9am-5pm ET (flexible, remote)
-
-Apply: careers@ezscale.cloud
-```
-
----
-
-### Automation Priorities
-
-**To maintain <2 hour response times at scale**, automate routine tasks:
-
-**High Priority (Implement Now):**
-
-1. **VPS Provisioning** (Likely already automated via VirtFusion)
-   - Customer orders → auto-provision in 2-5 minutes
-   - No manual intervention needed
-
-2. **Bandwidth Monitoring & Alerts**
-   - Auto-email at 75%/90% usage: "You've used 75% of your 4TB bandwidth"
-   - Include: Current usage, remaining, overage pricing, upgrade options
-   - Prevents: Surprise suspensions, angry tickets
-
-3. **Payment Failure Handling** (Dunning)
-   - Laravel app already built (from Phase 2)
-   - Auto-email sequence: Day 1 (payment failed), Day 3 (reminder), Day 7 (final warning), Day 10 (suspend)
-   - Prevents: Manual tracking, forgotten suspensions
-
-4. **Suspension/Unsuspension**
-   - Auto-suspend after Day 10 of non-payment
-   - Auto-unsuspend when payment succeeds
-   - Prevents: Manual work, delays
-
-**Medium Priority (Implement at 200+ customers):**
-
-5. **Backup Reminders**
-   - Weekly email to customers without backups: "You're not backing up - here's how"
-   - Upsell opportunity for automated backup service
-
-6. **Resource Usage Alerts**
-   - CPU >80% for 1 hour: "Your VPS is running hot - need an upgrade?"
-   - RAM >90%: "You're hitting RAM limits - consider Power plan"
-   - Disk >85%: "Running low on storage - upgrade available"
-   - Proactive support + upsell opportunity
-
-7. **Onboarding Sequence**
-   - Day 1: "Welcome to EZSCALE - Here's how to get started"
-   - Day 3: "Need help? Check our tutorials" (reduce tickets)
-   - Day 7: "How's it going?" (feedback request)
-   - Day 30: "Refer a friend, get $5 credit"
-
-**Low Priority (Nice to Have):**
-
-8. **Knowledge Base / FAQ Automation**
-   - Auto-suggest KB articles when customer opens ticket
-   - Reduces ticket volume by 10-20%
-
-9. **Server Health Monitoring Dashboard**
-   - Real-time view of all servers: CPU, RAM, disk, network
-   - Alerts when server-level issues detected
-   - Prevents: Customers noticing issues before we do
-
-**Don't Automate (Keep Human):**
-
-- ❌ **Abuse reports** - Requires judgment, legal risk
-- ❌ **Upgrade/downgrade requests** - Upsell opportunity, relationship building
-- ❌ **Migration assistance** - Our moat (white-glove service)
-- ❌ **Technical troubleshooting** - Our moat (support quality)
-- ❌ **Refund requests** - Requires judgment, retention opportunity
-
----
-
-## RISKS & MITIGATION
-
-### Risk 1: Hetzner/Contabo Start US Expansion
-
-**Probability:** Medium (Hetzner already has US datacenters, could expand)
-**Impact:** High (could undercut us on US-based VPS pricing)
-**Timeline:** 6-24 months
-
-**Scenario:**
-- Hetzner opens 5 US datacenters, drops prices to match EU
-- CX22 at $4 with 4GB RAM in US (vs. our $6.95 Value with 2GB)
-- We lose on specs AND price
-
-**Mitigation Strategies:**
-
-1. **Build support quality moat NOW** (hard to copy)
-   - Hetzner's culture is low-touch, email-only support
-   - Changing corporate culture takes years
-   - We have 12-24 months head start
-
-2. **Build customer loyalty through grandfathering**
-   - Customers on grandfathered plans won't leave (locked pricing)
-   - Generous migrations create goodwill
-
-3. **Consider "Managed VPS" pivot**
-   - Add cPanel/Plesk licenses (+$15/month)
-   - Managed updates, security patches
-   - Hetzner doesn't offer managed services
-
-4. **Niche down if needed**
-   - "Best VPS for Laravel developers" (optimized stack)
-   - "Best VPS for WordPress agencies" (WP-specific tools)
-   - "Best VPS for small businesses" (hand-holding support)
-
-5. **Monitor Hetzner's US expansion closely**
-   - Track their datacenter openings
-   - If they expand aggressively, pivot to managed/niche strategy
-
-**Bottom Line:** Don't panic. Support quality and relationships are defensible moats.
-
----
-
-### Risk 2: LowEndBox Launch Flops
-
-**Probability:** Low (LEB always wants new providers)
-**Impact:** Medium (slower growth than projected, but not fatal)
-**Timeline:** Week 3-4 of launch
-
-**Scenario:**
-- LowEndBox post gets <50 signups (vs. 150-300 expected)
-- Growth target of 20/month not met
-- Revenue projections miss
-
-**Mitigation Strategies:**
-
-1. **Diversify marketing BEFORE LEB launch**
-   - Reddit posts in r/selfhosted, r/homelab (build awareness)
-   - Discord/Slack community engagement
-   - Start SEO content early
-
-2. **Run targeted Facebook/Google ads** ($500/month budget)
-   - Target keywords: "cheap VPS", "budget hosting", "Hetzner alternative"
-   - $25 CPA (cost per acquisition) = 20 customers/month
-
-3. **Partner with dev bootcamps** (student discounts)
-   - Offer students 50% off (e.g., $3.50 for Value plan)
-   - Bootcamps promote us to students
-   - Students become long-term customers
-
-4. **Affiliate marketing push**
-   - Recruit 50 affiliates in month 1
-   - 20% of them drive 80% of revenue
-   - Pay 20-30% commission on first 3 months
-
-5. **Improve LEB post based on feedback**
-   - If initial response is lukewarm, ask community what's missing
-   - Adjust pricing, features, or messaging
-   - Re-post with improvements
-
-**Bottom Line:** LowEndBox is one channel. If it flops, we have backup plans.
-
----
-
-### Risk 3: Hardware Failure During Growth
-
-**Probability:** Medium (older servers, higher failure rate)
-**Impact:** High (reputation damage if new customers hit downtime)
-**Timeline:** Ongoing risk, especially during rapid growth
-
-**Scenario:**
-- Server fails during LowEndBox launch (50+ customers affected)
-- New customers experience downtime in first month
-- Bad reviews on LowEndBox thread: "Signed up, server died, terrible"
-- Reputation damaged before we establish moat
-
-**Mitigation Strategies:**
-
-1. **RAID 10 on all servers** (sacrifice capacity for redundancy)
-   - Can survive 1 drive failure per RAID array
-   - Prevents: Data loss, downtime from drive failure
-   - Cost: 50% of drive capacity (worth it)
-
-2. **Keep 20% capacity buffer** (never sell to 100%)
-   - If server fails, migrate customers to other servers within hours
-   - Example: 6 servers × 25 VPS = 150 capacity, but only sell 120 (80%)
-   - Prevents: "We're oversold, can't migrate you" situations
-
-3. **Have spare parts inventory** ($2k worth)
-   - 2x hot-swap drives (RAID rebuilds)
-   - 2x RAM sticks (common failure point)
-   - 2x PSUs (redundant power)
-   - 1x motherboard (for emergency swaps)
-   - Prevents: Waiting 3-5 days for parts delivery
-
-4. **Colo relationship for emergency server swaps**
-   - Pre-arrange with datacenter: "If we need emergency server, can you rack within 4 hours?"
-   - Keep 1 spare server on-site (not racked) for emergencies
-   - Cost: ~$50/month for extra U space
-
-5. **Monitoring & Proactive Replacement**
-   - Monitor SMART data on drives (predict failures before they happen)
-   - Replace drives when warning signs appear
-   - Monitor server age: 7+ year old servers retired proactively
-
-6. **Customer Communication During Incidents**
-   - Transparent status page (status.ezscale.cloud)
-   - Real-time updates during incidents
-   - Post-mortem reports: "Here's what happened, here's what we're doing to prevent it"
-   - Downtime credits automatically applied
-
-**Bottom Line:** Hardware failures are inevitable with older servers. Plan for them, don't be surprised by them.
-
----
-
-### Risk 4: Price War with Budget Providers
-
-**Probability:** High (Contabo could drop to $3.95 for 8GB)
-**Impact:** Medium (we can't compete on raw specs, but we don't have to)
-**Timeline:** Ongoing risk
-
-**Scenario:**
-- Contabo drops prices to $3.95 for 8GB RAM (vs. our $6.95 for 2GB)
-- Customers ask: "Why should I pay more for less RAM?"
-- We lose on specs AND price
-
-**Mitigation Strategies:**
-
-1. **DO NOT ENGAGE in price wars** (we'll lose)
-   - Never compete on specs alone
-   - Never drop prices to match (unsustainable margins)
-   - Focus on total value (specs + support + reliability)
-
-2. **Double down on support quality moat**
-   - Publicly track <2 hour response time
-   - Share customer testimonials about support
-   - "Contabo might be cheaper, but when you need help, you'll wait 3 days"
-
-3. **Niche down if needed**
-   - "Best VPS for [specific use case]"
-   - E.g., "Best VPS for Laravel developers" (optimized stack, tutorials)
-   - E.g., "Best VPS for WordPress agencies" (WP-specific tools)
-
-4. **Add-on revenue streams** (margin protection)
-   - Managed services (+$15/month): cPanel, updates, security patches
-   - Premium support (+$10/month): phone support, priority tickets
-   - Backups (+$5/month): automated daily backups
-   - Diversify revenue beyond raw VPS specs
-
-5. **Focus on customer LTV** (lifetime value, not acquisition cost)
-   - Contabo has high churn (bad support = customers leave)
-   - We have low churn (good support = customers stay)
-   - $6.95/month × 24 months LTV = $166.80
-   - vs. Contabo $4.95/month × 6 months LTV = $29.70
-   - We win on LTV even at higher price
-
-**Bottom Line:** Price wars are a race to the bottom. We win by being different, not cheaper.
-
----
-
-## RECOMMENDED NEXT STEPS
-
-### Week 1: Internal Preparation
-
-- [ ] **Update VirtFusion** to create new plan templates
-  - Create 6 new plans: Starter, Value, Power, Performance, Ultimate, Enterprise
-  - Set resource limits: vCPU, RAM, disk, bandwidth
-  - Test provisioning with internal test accounts
-
-- [ ] **Create grandfathering tags** in billing system
-  - Tag: "Grandfathered - Micro VPS $4.20"
-  - Tag: "Grandfathered - Mini VPS $6.00"
-  - etc. for all legacy plans
-  - Prevents: Accidental price changes
-
-- [ ] **Write all migration email templates**
-  - Category A: Free upgrades (template above)
-  - Category B: Grandfathered pricing (template above)
-  - Category C: Custom plans (template above)
-  - Category D: Dedicated upgrade (template above)
-
-- [ ] **Set up promotional codes**
-  - `LEB2026` - 25% off first 3 months (for LowEndBox launch)
-  - `EARLYBIRD20` - 20% off first month (for existing customers)
-  - Configure in billing system with expiration dates
-
-- [ ] **Train support team** on new plan positioning
-  - When customers ask: "Why are you more expensive than Hetzner?"
-  - Answer: "We're US-based with <2 hour support, Hetzner is EU with 24-48 hour email-only"
-  - Role-play common objections
-
-- [ ] **Create internal documentation**
-  - Plan comparison matrix (for support team)
-  - Migration flow chart (old plan → new plan)
-  - FAQ for support team
-
----
-
-### Week 2: Customer Communication
-
-- [ ] **Send Category A emails** (free upgrades - 40% of customers)
-  - Segment: Micro, Dev Starter, Basic VPS customers
-  - Subject: "You're Getting a Free Upgrade!"
-  - Include: Migration timeline (30 days), specs comparison
-
-- [ ] **Send Category B emails** (grandfathering - 35% of customers)
-  - Segment: Mini VPS, Standard VPS, Advanced VPS customers
-  - Subject: "Your Plan is Now Grandfathered - Pricing Locked Forever"
-  - Include: What grandfathering means, upgrade options
-
-- [ ] **Create migration FAQ page**
-  - URL: ezscale.cloud/vps-migration-faq
-  - Questions: "Will my price change?", "Will I experience downtime?", "Can I keep my old plan?"
-  - Link in all migration emails
-
-- [ ] **Set up Discord server** for community
-  - Channels: #general, #support, #status, #announcements
-  - Invite all customers
-  - Staff presence: Check every 2-4 hours
-  - Alternative: Slack or existing forum
-
-- [ ] **Monitor customer feedback**
-  - Track: Email replies, ticket volume, churn rate
-  - Adjust messaging if negative feedback
-
----
-
-### Week 3: Public Launch
-
-- [ ] **Update website** with new plans
-  - New pricing page: ezscale.cloud/pricing
-  - Plan comparison table
-  - FAQ section
-  - "Why EZSCALE?" section (support quality, US location, VirtFusion)
-
-- [ ] **Launch new pricing page design**
-  - Highlight hero plans (Value, Performance) with visual emphasis
-  - Comparison vs. Hetzner/DigitalOcean/Vultr
-  - Customer testimonials about support quality
-
-- [ ] **Post on LowEndBox** with promo
-  - Use template above
-  - Include promo code: `LEB2026`
-  - Respond to ALL comments within 2 hours (prove support quality)
-
-- [ ] **Enable promotional pricing** in billing system
-  - `LEB2026` code active
-  - Track signups per plan
-  - Monitor capacity (don't oversell)
-
-- [ ] **Monitor infrastructure**
-  - Dashboard: Current VPS count, capacity %, signups/day
-  - Alert: Email at 70% capacity ("prepare to order hardware")
-
----
-
-### Week 4: Monitor & Optimize
-
-- [ ] **Track conversion rates** by plan
-  - Which plans are popular? (Should be Value + Performance)
-  - Which plans are underperforming? (May need price adjustment)
-  - Tool: Google Analytics + billing system reports
-
-- [ ] **Survey new customers** on decision factors
-  - Email after 7 days: "Why did you choose EZSCALE?"
-  - Questions: "What made you choose [Plan Name]?", "How do we compare to competitors?", "What could we improve?"
-  - Incentive: $5 credit for completing survey
-  - Use: SurveyMonkey, Typeform, or Google Forms
-
-- [ ] **Adjust marketing** based on data
-  - If Starter plan is too popular (low margin): Reduce promotion
-  - If Performance plan is underperforming: Highlight more in marketing
-  - If signups are slow: Increase promo discount or extend deadline
-
-- [ ] **Plan hardware expansion** if needed
-  - If >70% capacity: Order 2 servers ($3k)
-  - If >85% capacity: Order 4 servers ($6k)
-  - If >95% capacity: Pause signups, rush order ($10k)
-
-- [ ] **Prepare for first support hire**
-  - If >120 customers: Start recruiting support tech
-  - If >150 customers: Hire immediately (don't wait)
-  - Job description ready (see above)
-
----
-
-### Month 2-3: Sustained Growth
-
-- [ ] **Send Category C & D emails** (custom plans, dedicated upgrades)
-  - Day 30: Category C (legacy plans)
-  - Day 60: Category D (dedicated server offers)
-
-- [ ] **Launch referral program**
-  - $5 credit for referrer + referred customer
-  - Track with unique codes per customer
-  - Promote in monthly newsletter
-
-- [ ] **Start SEO content**
-  - Blog: "EZSCALE vs Hetzner: Which VPS is Right for You?"
-  - Blog: "Why US-based VPS Matters for Your Business"
-  - Comparison pages: ezscale.cloud/vs/hetzner, /vs/digitalocean, /vs/vultr
-
-- [ ] **Engage on Reddit**
-  - Post helpful content (not spam) on r/selfhosted, r/homelab
-  - Monthly AMA: "I run a budget VPS company, AMA"
-
-- [ ] **Get listed on review sites**
-  - Submit to: VPSBenchmarks, ServerHunter, HostAdvice, Trustpilot
-  - Incentivize reviews: $5 credit for honest review
-
----
-
-## APPENDIX: COST BREAKDOWN PER SERVER
-
-### Server Hardware Economics
-
-**Server Hardware** (Dell R620/R630, paid off):
-- Purchase cost: $0 (assuming already owned/depreciated)
-- Power consumption: 150W average × 24hr × 30 days = 108 kWh/month
-- Electricity cost: 108 kWh × $0.12/kWh = $13/month
-- Cooling cost: ~30% of power = $4/month
-- Datacenter colocation: $50/month (1U rack space)
-- Network port: 1Gbps = $20/month
-- **Total per server: $87/month**
-
-**Per-VPS Economics** (25 VPS per server):
-- Base infrastructure cost: $87 / 25 = $3.48/VPS
-- Bandwidth cost: Variable by plan tier
-  - Starter (2TB): 2TB × $0.25/TB = $0.50
-  - Value (4TB): 4TB × $0.25/TB = $1.00
-  - Performance (8TB): 8TB × $0.25/TB = $2.00
-- Support overhead: $2/VPS (amortized across customer base)
-- **Break-even range: $5.98-$7.48/VPS**
-
-### Margin Analysis by Plan
-
-| Plan | Price/Mo | Infrastructure Cost | Bandwidth Cost | Support Overhead | Total Cost | Gross Margin | Margin % |
-|------|----------|---------------------|----------------|------------------|------------|--------------|----------|
-| Starter | $3.95 | $3.48 | $0.50 | $0.80 | $4.78 | -$0.83 | **-21%** (loss leader) |
-| Value | $6.95 | $3.48 | $1.00 | $1.20 | $5.68 | $1.27 | **18%** |
-| Power | $10.95 | $3.48 | $1.50 | $1.45 | $6.43 | $4.52 | **41%** |
-| Performance | $16.95 | $3.48 | $2.00 | $2.00 | $7.48 | $9.47 | **56%** |
-| Ultimate | $24.95 | $3.48 | $2.50 | $2.40 | $8.38 | $16.57 | **66%** |
-| Enterprise | $34.95 | $3.48 | $3.00 | $2.60 | $9.08 | $25.87 | **74%** |
-
-**Notes:**
-- Starter is intentionally a LOSS LEADER (-21% margin)
-  - Goal: Acquire customers, upsell to Value within 3-6 months
-  - Expected: 30% of Starter customers upgrade to Value
-  - Lifetime value makes up for initial loss
-
-- Value plan has LOWER margin than expected (18% vs 48% in earlier projection)
-  - Earlier projection used simplified $5/VPS base cost
-  - Actual cost is higher when you include support overhead
-  - Still profitable, but needs higher volume to fund operations
-
-- Performance+ plans have excellent margins (56-74%)
-  - These customers subsidize Starter losses
-  - High LTV (stay longer, open fewer tickets per dollar)
-
-**Blended Margin Analysis** (based on expected signup distribution):
-
-| Plan | % of Customers | Weighted Margin Contribution |
-|------|----------------|------------------------------|
-| Starter | 30% | -21% × 30% = -6.3% |
-| Value | 40% | 18% × 40% = 7.2% |
-| Power | 15% | 41% × 15% = 6.2% |
-| Performance | 10% | 56% × 10% = 5.6% |
-| Ultimate | 3% | 66% × 3% = 2.0% |
-| Enterprise | 2% | 74% × 2% = 1.5% |
-| **Blended Margin** | **100%** | **16.2%** |
-
-**Interpretation:**
-- Blended gross margin: 16.2% (lower than ideal)
-- Target: 30-40% for sustainable business
-- **Problem:** Too many Starter customers (loss leaders)
-- **Solution:** Focus LowEndBox marketing on Value plan (hero), de-emphasize Starter
-
-**Revised Marketing Strategy:**
-- LowEndBox post: Lead with Value plan ($4.95 promo), not Starter
-- Website: Make Value plan most prominent ("Most Popular" badge)
-- Onboarding: Encourage Starter customers to upgrade after 30 days
-
----
-
-## FINAL RECOMMENDATIONS SUMMARY
-
-### ✅ DO THIS (Critical Success Factors):
-
-1. **Launch new 6-tier lineup** with Starter ($3.95), Value ($6.95), and Performance ($16.95) as heroes
-   - Value plan is PRIMARY hero (best margin, best specs-to-price ratio)
-   - Starter is loss leader (acquire customers, upsell within 6 months)
-   - Performance is SECONDARY hero (high LTV, high margin)
-
-2. **Grandfather generously** - 35% of customers keep old pricing forever
-   - Never make a customer worse off
-   - Builds loyalty and trust in LowEndBox community
-   - Prevents bad reviews and churn
-
-3. **Position on support quality** - not raw specs (we'll lose that fight)
-   - <2 hour ticket response (vs. 24-48hrs for competitors)
-   - Phone support for Performance+ customers
-   - Migration assistance (white glove service)
-   - Discord community engagement
-
-4. **LowEndBox soft launch** with 25% off promo code for first 3 months
-   - Code: `LEB2026`
-   - Lead with Value plan (not Starter)
-   - Founder AMA engagement (prove support quality)
-   - Expected: 150-300 signups in month 1
-
-5. **Hire support tech at 150 customers** (before quality drops)
-   - First hire: $3,500/month for entry-level remote Linux tech
-   - DO NOT WAIT until quality degrades
-   - Support quality is our moat - protect it
-
-6. **Monitor capacity daily** during launch
-   - Alert at 70% capacity: Order hardware
-   - Keep 20% buffer (never sell to 100%)
-   - Have $10k line of credit for rapid expansion
-
----
-
-### ❌ DON'T DO THIS (Critical Mistakes to Avoid):
-
-1. **Don't force migrations** - let customers keep legacy plans indefinitely
-   - LowEndBox has long memory
-   - Forced migrations = bad reviews for years
-
-2. **Don't compete on specs alone** - Hetzner will always win
-   - Focus on total value: specs + support + reliability
-   - Niche down if needed ("Best VPS for Laravel developers")
-
-3. **Don't oversell servers** - quality > quantity for long-term reputation
-   - Cap at 25 VPS per server (not 50-100 like competitors)
-   - Keep 20% capacity buffer for migrations during failures
-
-4. **Don't skimp on hardware spares** - downtime kills budget provider reputation
-   - $2k inventory: drives, RAM, PSUs, motherboard
-   - Worth every penny to prevent 24hr+ downtimes
-
-5. **Don't automate support** - human touch is our moat
-   - Automate: provisioning, billing, alerts
-   - Keep human: technical support, migrations, abuse handling
-
-6. **Don't enter price wars** - focus on value, not bottom price
-   - If Contabo drops to $3.95 for 8GB, DON'T match
-   - Double down on support moat instead
-
-7. **Don't ignore LowEndBox community** - they're your customers
-   - Engage regularly, respond to comments
-   - Be transparent about hardware (older servers, SATA SSDs)
-   - Honesty builds trust in this community
-
----
-
-## CONCLUSION
-
-This VPS plan rebuild is a **strategic repositioning** from "cheap specs" to "best value" in the US budget VPS market.
-
-**Core Strategy:**
-- **Can't win:** Raw specs vs. European giants (Hetzner/Contabo)
-- **Can win:** Support quality + US location + VirtFusion + transparent policies
-- **Target:** US-based developers and small businesses willing to pay 10-20% premium for reliability
-
-**Success Metrics (Year 1):**
-- ✅ Grow from 100 to 300+ customers (+200%)
-- ✅ Achieve $40k+ ARR (+169%)
-- ✅ Maintain <2 hour ticket response (support moat)
-- ✅ Achieve 4.5+ star reviews on Trustpilot
-- ✅ Zero forced migrations (all grandfathered)
-
-**This plan works IF:**
-1. Support quality is maintained (hire at 150 customers)
-2. Hardware capacity is managed (don't oversell)
-3. Marketing focuses on VALUE (not cheapest specs)
-4. Community engagement is consistent (LowEndBox, Reddit, Discord)
-5. Grandfathering is honored (builds trust)
-
-**Ready to execute?** Start with Week 1 tasks above. Let me know if you need help with:
-- Laravel seeders for new plans
-- Email template files
-- LowEndBox post refinement
-- Pricing page design
-- Competitive comparison charts
-
-Good luck! 🚀
diff --git a/VPS_PLAN_UPDATED_REAL_INFRASTRUCTURE.md b/VPS_PLAN_UPDATED_REAL_INFRASTRUCTURE.md
deleted file mode 100644
index d19674d..0000000
--- a/VPS_PLAN_UPDATED_REAL_INFRASTRUCTURE.md
+++ /dev/null
@@ -1,255 +0,0 @@
-# EZSCALE VPS PLAN REBUILD - UPDATED WITH REAL INFRASTRUCTURE
-
-**Based on Actual Discovery Data from 3 Production Nodes**
-
-*Generated: February 9, 2026*
-
----
-
-## CRITICAL UPDATE: YOUR INFRASTRUCTURE IS BETTER THAN ASSUMED
-
-### What We Thought You Had:
-- 6 servers with E5-2670 v2 CPUs
-- ~150-200GB RAM per server  
-- SATA SSD storage only
-- 25 VPS per server capacity
-
-### What You ACTUALLY Have:
-- **3 powerful servers with E5-2680 v2/v4 CPUs (faster)**
-- **1,320GB total RAM** (503GB + 377GB + 440GB)
-- **Mixed storage: 931GB NVMe + 13TB SATA SSD**
-- **Only 60 VMs running** (massive capacity available)
-
-**This changes EVERYTHING. You can be much more competitive.**
-
----
-
-## YOUR REAL COMPETITIVE ADVANTAGES
-
-### 1. RAM DENSITY - You're RAM-RICH
-- Node 1: 503GB RAM (only using 272GB = 54% free)
-- Node 2: 377GB RAM (only using 225GB = 40% free)
-- Node 3: 440GB RAM (only using 112GB = 75% free)
-
-**You can offer 2-4x more RAM than budget competitors at the same price.**
-
-### 2. NVMe Storage Available
-- Node 1 has 931GB NVMe RAID1 (currently using only 6.6GB!)
-- **You can offer REAL NVMe VPS** (not just SATA like I assumed)
-
-### 3. Massive Storage Capacity
-- Node 2: 11.2TB SATA SSD RAID10 (64% used, 4.1TB free)
-- Node 1: 7.3TB HDD RAID10 (1% used, 7.3TB free!)
-
-**You can offer 500GB-1TB storage plans easily.**
-
-### 4. Low Density = Better Performance
-- Currently: ~20 VMs per server (not oversold)
-- Competitors run 50-100 VMs per server
-- **Your VMs will perform better with less noisy neighbors**
-
----
-
-## NEW VPS PLAN LINEUP (Updated for Real Hardware)
-
-### Strategy Shift: **RAM + NVMe as Primary Differentiators**
-
-Since you have abundant RAM and NVMe, position yourself as:
-> **"Premium Specs at Budget Prices - We're not oversold like Hetzner"**
-
-| Plan | vCPU | RAM | Storage | Type | BW | Price/Mo | Target Margin | Note |
-|------|------|-----|---------|------|----|---------| --------------|------|
-| **Nano** | 1 | 1GB | 15GB | NVMe | 2TB | **$3.50** | 25% | Entry (compete with Vultr) |
-| **Micro** | 1 | 2GB | 30GB | NVMe | 3TB | **$5.95** | 35% | ⭐ Budget hero |
-| **Mini** | 2 | 4GB | 50GB | NVMe | 4TB | **$8.95** | 40% | ⭐⭐ MAIN HERO (RAM advantage) |
-| **Standard** | 2 | 8GB | 80GB | NVMe | 6TB | **$14.95** | 45% | RAM beast (8GB @ $15!) |
-| **Plus** | 4 | 12GB | 120GB | NVMe | 8TB | **$22.95** | 48% | High-RAM power user |
-| **Pro** | 4 | 16GB | 160GB | NVMe | 10TB | **$29.95** | 50% | Ultimate RAM |
-| **Storage-500** | 2 | 4GB | 500GB | SSD | 8TB | **$24.95** | 45% | Storage-focused |
-| **Storage-1TB** | 4 | 8GB | 1TB | SSD | 12TB | **$44.95** | 50% | Mass storage |
-
-### Why This Lineup Wins
-
-**vs. Hetzner CX22 (€3.79 for 2vCPU/4GB/40GB SSD):**
-- Our **Micro** ($5.95): 1vCPU/**2GB**/30GB **NVMe** - same RAM density, NVMe storage, US-based
-- Our **Mini** ($8.95): 2vCPU/**4GB**/50GB **NVMe** - match their specs + NVMe + US-based for just $5 more
-- Our **Standard** ($14.95): 2vCPU/**8GB**/80GB **NVMe** - **DOUBLE their RAM** for $11 more
-
-**vs. Contabo ($4.95 for 4 cores/8GB/50GB NVMe):**
-- We can't beat them on core count, BUT:
-- Our **Mini** ($8.95): 2vCPU/4GB/50GB NVMe - same storage, half RAM, but US-based + support
-- Our **Standard** ($14.95): 2vCPU/8GB/80GB NVMe - match RAM, more storage, US-based + support
-
-**vs. DigitalOcean ($12 for 1vCPU/2GB/50GB):**
-- Our **Mini** ($8.95): 2vCPU/**4GB**/50GB NVMe - **2x CPU, 2x RAM** for $3 less
-- Our **Standard** ($14.95): 2vCPU/**8GB**/80GB NVMe - **4x RAM** for just $3 more
-
----
-
-## REVISED POSITIONING: "RAM + NVMe BEAST"
-
-### Marketing Angle
-> **"Why settle for 2GB when you can have 4GB? Or 8GB for $15? We're not oversold."**
-
-### Hero Plans
-
-**Primary Hero: MINI ($8.95/mo)**
-- 2 vCPU, **4GB RAM**, 50GB **NVMe**, 4TB bandwidth
-- **Beats Hetzner CX22 specs** (same CPU/RAM, +10GB storage, NVMe vs SSD)
-- **Beats DigitalOcean $12 plan** (2x CPU, 2x RAM, same storage, $3 less)
-- US-based, <2hr support, VirtFusion
-
-**Secondary Hero: STANDARD ($14.95/mo)**
-- 2 vCPU, **8GB RAM**, 80GB **NVMe**, 6TB bandwidth
-- **8GB for $15** - this is INSANE value (Hetzner charges €6.80 for 8GB)
-- Target: Developers who need RAM (databases, caching, Docker)
-
-**Entry Hero: MICRO ($5.95/mo)**
-- 1 vCPU, **2GB RAM**, 30GB **NVMe**, 3TB bandwidth
-- Beats Vultr $5 plan (1vCPU/1GB) - we give **2x RAM**
-- Competes with Hetzner CX11 (€4.15 for 2GB) - we're $2 more but NVMe + US
-
----
-
-## CAPACITY PLANNING (Real Numbers)
-
-### Current State
-- **60 VMs running** across 3 nodes
-- **609GB RAM allocated** out of 1,320GB (only 46% utilization!)
-- **Tons of room to grow**
-
-### Realistic Capacity Per Node
-
-**Node 1 (503GB RAM, 931GB NVMe):**
-- Can host: **40-50 VMs** on NVMe storage
-- Current: 28 VMs (28% of capacity)
-- **Room for 12-22 more NVMe VMs**
-
-**Node 2 (377GB RAM, 11.2TB SSD):**
-- Can host: **30-40 VMs** (RAM-limited)
-- Current: 22 VMs (55% capacity)
-- **Room for 8-18 more VMs**
-
-**Node 3 (440GB RAM, 1.8TB SSD):**
-- Can host: **35-45 VMs** (storage-limited)
-- Current: 10 VMs (22% capacity!)
-- **Room for 25-35 more VMs**
-
-**Total Capacity:** 105-135 VMs across 3 nodes (you're at 60 now)
-**Growth Headroom:** 45-75 more VPS before needing new hardware
-
-### If LowEndBox Launch Brings 200 Signups
-- You'd hit ~260 total VMs
-- You'd need to add 1-2 more servers (~$6-12k)
-- This is MUCH better than my original projection (which assumed 6 servers already)
-
----
-
-## COST ANALYSIS (Real Hardware)
-
-### Per-Server Operating Cost
-
-**Node 1 (atl-01):**
-- Power: ~180W avg × 24h × 30d = 129.6 kWh/mo × $0.12 = $15.55/mo
-- Cooling: $15.55 × 30% = $4.67/mo
-- Datacenter: $50/mo (rack space)
-- Network: $20/mo (1Gbps port)
-- **Total: $90.22/month**
-
-**Node 2 (atl-02):**
-- Power: ~200W avg (more drives) × 24h × 30d = 144 kWh/mo × $0.12 = $17.28/mo
-- Cooling: $17.28 × 30% = $5.18/mo
-- Datacenter: $50/mo
-- Network: $20/mo (1Gbps port)  
-- **Total: $92.46/month**
-
-**Node 3 (atl-03):**
-- Power: ~150W avg × 24h × 30d = 108 kWh/mo × $0.12 = $12.96/mo
-- Cooling: $12.96 × 30% = $3.89/mo
-- Datacenter: $50/mo
-- Network: $20/mo (1Gbps port)
-- **Total: $86.85/month**
-
-**Total Operating Cost: $269.53/month** for all 3 nodes
-
-### Per-VPS Economics (60 VMs currently)
-
-**Current State:**
-- Total cost: $269.53/month
-- 60 VMs running
-- **Cost per VPS: $4.49/month** (infrastructure only)
-
-**At Full Capacity (120 VMs):**
-- Total cost: $269.53/month (same hardware)
-- 120 VMs running
-- **Cost per VPS: $2.25/month** (infrastructure only)
-
-### Margin Analysis by Plan (at 120 VPS density)
-
-| Plan | Price | Infra Cost | BW Cost | Support | Total Cost | Margin | Margin % |
-|------|-------|------------|---------|---------|------------|--------|----------|
-| Nano | $3.50 | $2.25 | $0.50 | $0.50 | $3.25 | $0.25 | 7% (loss leader) |
-| Micro | $5.95 | $2.25 | $0.75 | $0.75 | $3.75 | $2.20 | 37% |
-| **Mini** | **$8.95** | **$2.25** | **$1.00** | **$1.00** | **$4.25** | **$4.70** | **53%** |
-| **Standard** | **$14.95** | **$2.25** | **$1.50** | **$1.25** | **$5.00** | **$9.95** | **67%** |
-| Plus | $22.95 | $2.25 | $2.00 | $1.50 | $5.75 | $17.20 | 75% |
-| Pro | $29.95 | $2.25 | $2.50 | $1.75 | $6.50 | $23.45 | 78% |
-
-**Key Insight:** Your margins are MUCH HIGHER than I originally calculated because:
-1. You have bigger servers (fewer servers needed = lower cost per VPS)
-2. You have tons of RAM (can run more VPS per server)
-3. Hardware is paid off (no depreciation cost)
-
----
-
-## GRANDFATHERING STRATEGY (Same as Before)
-
-The grandfathering strategy from the original plan still applies, but you have MORE flexibility now because your margins are better.
-
-**You can afford to be generous:**
-- Give existing customers free RAM upgrades (you have 711GB free RAM!)
-- Grandfather ALL old plans at old pricing
-- Offer free NVMe migrations (move customers from HDD to NVMe)
-
----
-
-## LAUNCH STRATEGY (Updated)
-
-### Phase 1: NVMe Migration for Existing Customers (Week 1)
-
-**Offer:** Free migration to NVMe for all existing customers on Node 1
-- "We just added 931GB of NVMe storage - want faster disks for free?"
-- This will fill up Node 1's NVMe quickly and show goodwill
-
-### Phase 2: Soft Launch with RAM Focus (Week 2)
-
-**Hero Plan Promo:**
-- Mini: $6.95 for first 3 months (vs $8.95 regular) - "4GB for $7"
-- Standard: $11.95 for first 3 months (vs $14.95 regular) - "8GB for $12"
-
-**Marketing Message:**
-> "Tired of 1GB VPS? Get 4GB for $7. Or 8GB for $12. NVMe included."
-
-### Phase 3: LowEndBox Launch (Week 3)
-
-**Post Title:**
-> [EZSCALE] NVMe VPS with DOUBLE the RAM - Starting $5.95/mo | US-Based with Real Support
-
-**Promo Code: `LEB2026RAM`**
-- Micro: $4.95 for first 3 months (2GB NVMe for $5)
-- Mini: $6.95 for first 3 months (4GB NVMe for $7)
-- Standard: $11.95 for first 3 months (8GB NVMe for $12)
-
-**Positioning:**
-- Lead with RAM (you have tons of it)
-- Highlight NVMe (real competitive advantage)
-- Show Hetzner/DO comparison table (you win on RAM)
-
----
-
-## UPDATED COMPETITIVE COMPARISON
-
-### Head-to-Head: EZSCALE vs Market Leaders
-
-| Provider | Price | vCPU | RAM | Storage | BW | Notes |
-|----------|-------|------|-----|---------|----|-EOFPLAN
diff --git a/VPS_PLAN_UPDATE_REAL_INFRASTRUCTURE.md b/VPS_PLAN_UPDATE_REAL_INFRASTRUCTURE.md
deleted file mode 100644
index fa87986..0000000
--- a/VPS_PLAN_UPDATE_REAL_INFRASTRUCTURE.md
+++ /dev/null
@@ -1,278 +0,0 @@
-# EZSCALE VPS PLAN UPDATE - Real Infrastructure Analysis
-
-**Critical Update Based on Discovery Data (Feb 9, 2026)**
-
----
-
-## YOUR ACTUAL INFRASTRUCTURE IS MUCH BETTER
-
-### What the Original Plan Assumed:
-- 6 budget servers with E5-2670 v2 CPUs
-- ~150GB RAM per server
-- SATA SSD storage only
-- Conservative capacity
-
-### What You ACTUALLY Have:
-✅ **3 powerful nodes** with E5-2680 v2/v4 CPUs (28-40 cores each)
-✅ **1,320GB total RAM** (503GB + 377GB + 440GB) - **You're RAM-RICH!**
-✅ **931GB NVMe** + **13TB SATA SSD** storage
-✅ **Only 60 VMs running** (massive growth capacity)
-✅ **Low density** (20 VMs/server vs competitors' 50-100)
-
----
-
-## MAJOR STRATEGY CHANGES
-
-### 1. Position on RAM + NVMe (Not Just Support)
-
-**OLD Strategy:** "We can't beat Hetzner on specs, compete on support"
-**NEW Strategy:** "We CAN beat them - we have NVMe + tons of RAM + support"
-
-### 2. NEW Competitive Advantages
-
-**RAM Abundance:**
-- 711GB RAM currently unused (54% free!)
-- Can offer 2-4x more RAM than competitors at same price
-- **8GB for $15** beats Hetzner's €6.80 pricing
-
-**NVMe Storage:**
-- Node 1: 931GB NVMe (only 6.6GB used - 99% free!)
-- Can offer real NVMe VPS (not just marketing)
-- Competitors charge premium for NVMe, you have it built-in
-
-**Low Density = Performance:**
-- 60 VMs on 1,320GB RAM = very comfortable
-- Competitors oversell 50-100 VMs per server
-- Your customers get better performance (less noisy neighbors)
-
----
-
-## REVISED VPS LINEUP
-
-### New 8-Tier Plan (RAM-Focused)
-
-| Plan | vCPU | RAM | Storage | Type | BW | Price/Mo | vs Competitors |
-|------|------|-----|---------|------|----|---------| ---------------|
-| **Nano** | 1 | 1GB | 15GB | NVMe | 2TB | **$3.50** | Entry price point |
-| **Micro** | 1 | **2GB** | 30GB | NVMe | 3TB | **$5.95** | 2x RAM of Vultr $5 |
-| **Mini** | 2 | **4GB** | 50GB | NVMe | 4TB | **$8.95** | ⭐ Hero (matches Hetzner CX22 + NVMe) |
-| **Standard** | 2 | **8GB** | 80GB | NVMe | 6TB | **$14.95** | ⭐⭐ Main Hero (8GB for $15!) |
-| **Plus** | 4 | **12GB** | 120GB | NVMe | 8TB | **$22.95** | High-RAM option |
-| **Pro** | 4 | **16GB** | 160GB | NVMe | 10TB | **$29.95** | Ultimate RAM |
-| **Storage-500** | 2 | 4GB | **500GB** | SSD | 8TB | **$24.95** | Storage-focused |
-| **Storage-1TB** | 4 | 8GB | **1TB** | SSD | 12TB | **$44.95** | Mass storage |
-
-### Hero Plan Analysis
-
-**MINI ($8.95/mo) - Primary Hero:**
-- 2 vCPU, 4GB RAM, 50GB NVMe, 4TB BW
-- **vs Hetzner CX22** (€3.79/$4): Same specs + NVMe + US location for +$5
-- **vs DigitalOcean** ($12): 2x CPU, 2x RAM for -$3
-- **Target:** 40% of new signups
-
-**STANDARD ($14.95/mo) - Secondary Hero:**
-- 2 vCPU, **8GB RAM**, 80GB NVMe, 6TB BW
-- **8GB for $15** - Hetzner charges €6.80 (~$7.20) for just 4GB
-- **vs DigitalOcean** ($24): Same specs for -$9
-- **Target:** 25% of new signups
-
----
-
-## CAPACITY ANALYSIS
-
-### Current Utilization
-
-| Node | RAM | VMs | RAM Allocated | RAM Free | % Used | Room to Grow |
-|------|-----|-----|---------------|----------|--------|--------------|
-| Node 1 | 503GB | 28 | 272GB | 231GB | 54% | +20-25 VMs |
-| Node 2 | 377GB | 22 | 225GB | 152GB | 60% | +12-15 VMs |
-| Node 3 | 440GB | 10 | 112GB | 328GB | 25% | +30-35 VMs |
-| **Total** | **1,320GB** | **60** | **609GB** | **711GB** | **46%** | **+62-75 VMs** |
-
-**Current Capacity:** 60 VMs running
-**Realistic Max:** 120-135 VMs (before needing new hardware)
-**Growth Headroom:** 62-75 more VPS
-
-### LowEndBox Launch Scenario
-
-If 200 signups in month 1:
-- Total VMs: 260 (60 existing + 200 new)
-- You'd need: 1-2 additional servers (~$6-12k investment)
-- This is MUCH better than original projection (which assumed 6 servers already)
-
----
-
-## UPDATED MARGINS (Much Better!)
-
-### Cost Structure (at 120 VPS density)
-
-**Per-Server Operating Cost:**
-- All 3 nodes: $269.53/month total
-- At 120 VPS: **$2.25/VPS infrastructure cost** (vs $5/VPS in original plan)
-
-**Margin by Plan:**
-
-| Plan | Price | Cost | Margin | Margin % |
-|------|-------|------|--------|----------|
-| Nano | $3.50 | $3.25 | $0.25 | 7% (loss leader) |
-| **Micro** | **$5.95** | **$3.75** | **$2.20** | **37%** |
-| **Mini** | **$8.95** | **$4.25** | **$4.70** | **53%** |
-| **Standard** | **$14.95** | **$5.00** | **$9.95** | **67%** |
-| Plus | $22.95 | $5.75 | $17.20 | 75% |
-| Pro | $29.95 | $6.50 | $23.45 | 78% |
-
-**Key Insight:** Margins are 2-3x better than original plan because:
-1. Fewer servers needed (3 vs 6 assumed)
-2. More RAM per server (can run more VPS)
-3. Better hardware = better efficiency
-
----
-
-## GRANDFATHERING UPDATES
-
-With better margins, you can be MORE generous:
-
-1. **Free NVMe migrations** - Move existing customers from Node 1 HDD to NVMe (you have 924GB free!)
-2. **Free RAM upgrades** - Bump 1GB customers to 2GB, 2GB to 4GB (you have 711GB unused RAM!)
-3. **All old plans grandfathered** at old pricing forever
-4. **No forced migrations** - let customers stay on legacy plans indefinitely
-
----
-
-## UPDATED MARKETING MESSAGING
-
-### OLD Positioning (Based on Wrong Assumptions):
-> "We can't beat Hetzner on specs, but we have better support and are US-based"
-
-### NEW Positioning (Based on Real Hardware):
-> **"Premium Specs at Budget Prices - NVMe + Double RAM + US Support"**
-
-### Comparison Table for Website
-
-| Feature | EZSCALE Mini | Hetzner CX22 | DigitalOcean | Winner |
-|---------|--------------|--------------|--------------|--------|
-| **Price** | **$8.95/mo** | €3.79 (~$4) | $12/mo | Hetzner (price) |
-| **vCPU** | 2 | 2 | 1 | EZSCALE/Hetzner |
-| **RAM** | **4GB** | 4GB | 2GB | **EZSCALE**/Hetzner |
-| **Storage** | **50GB NVMe** | 40GB SSD | 50GB SSD | **EZSCALE** (NVMe) |
-| **Bandwidth** | 4TB | 20TB (EU) / 1TB (US) | 2TB | Hetzner (EU) |
-| **Support** | **<2hr response** | 24-48hr email | 4-12hr | **EZSCALE** |
-| **Location** | **US East** | Germany | US | **EZSCALE** (latency) |
-| **Control Panel** | **VirtFusion** | Basic custom | Good custom | **EZSCALE** |
-
-**Overall:** EZSCALE wins on 4/8 factors (storage type, support, location, control panel)
-
----
-
-## LOWEND BOX POST (Updated)
-
-```markdown
-[EZSCALE] NVMe VPS with Double the RAM | Starting $3.50/mo | US-Based | Real Support
-─────────────────────────────────────────────────────────────────────────────────
-
-Tired of waiting 48 hours for support? Want NVMe without paying a premium?
-EZSCALE delivers budget VPS with generous RAM, real NVMe, and <2hr support.
-
-🎯 LAUNCH SPECIAL (Code: LEB2026RAM)
-├─ Nano: $3.50/mo (1vCPU, 1GB RAM, 15GB NVMe, 2TB BW)
-├─ Micro: $4.95/mo first 3mo (1vCPU, 2GB RAM, 30GB NVMe, 3TB BW) - reg $5.95
-├─ Mini: $6.95/mo first 3mo (2vCPU, 4GB RAM, 50GB NVMe, 4TB BW) - reg $8.95 ⭐
-└─ Standard: $11.95/mo first 3mo (2vCPU, 8GB RAM, 80GB NVMe, 6TB BW) - reg $14.95
-
-After promo ends: $3.50, $5.95, $8.95, $14.95 respectively
-
-✅ Real NVMe storage (not marketing, actual PCIe NVMe drives)
-✅ <2 hour average ticket response (we track this publicly)
-✅ Low-density servers (20 VPS/server vs competitors' 50-100)
-✅ US-based infrastructure (Virginia datacenter, <15ms from NYC)
-✅ VirtFusion control panel (modern UI, one-click reinstalls, API)
-✅ 30-day money-back guarantee
-
-📊 FULL LINEUP:
-┌──────────┬──────┬─────┬──────────┬──────────┬──────────┐
-│ Plan     │ vCPU │ RAM │ Storage  │ Bandwidth│ Price/Mo │
-├──────────┼──────┼─────┼──────────┼──────────┼──────────┤
-│ Nano     │ 1    │ 1GB │ 15GB NVMe│ 2TB      │ $3.50    │
-│ Micro    │ 1    │ 2GB │ 30GB NVMe│ 3TB      │ $5.95    │
-│ Mini     │ 2    │ 4GB │ 50GB NVMe│ 4TB      │ $8.95    │
-│ Standard │ 2    │ 8GB │ 80GB NVMe│ 6TB      │ $14.95   │
-│ Plus     │ 4    │12GB │120GB NVMe│ 8TB      │ $22.95   │
-│ Pro      │ 4    │16GB │160GB NVMe│ 10TB     │ $29.95   │
-└──────────┴──────┴─────┴──────────┴──────────┴──────────┘
-
-📍 Location: Ashburn, Virginia (US East)
-🔧 Network: 1Gbps ports, Premium Tier 1 bandwidth
-💳 Payment: PayPal, Stripe, Bitcoin
-📊 Uptime: 99.9% SLA with public status page
-
-🆚 WHY EZSCALE?
-• Hetzner CX22 is €3.79 for 4GB BUT: 120ms latency from US, 24-48hr support, only 40GB storage
-• DigitalOcean is $12 for 2GB BUT: 50% more expensive, half the RAM, same storage
-• We're US-based with NVMe + generous RAM + support that actually responds
-
-🎁 FREE: Migration assistance from any competitor (we handle everything)
-
-[ORDER NOW] → https://ezscale.cloud/vps?promo=LEB2026RAM
-
-──────────────────────────────────────────────────────────
-ABOUT US:
-We run 3 high-spec servers (1.3TB total RAM!) with low VPS density, which means
-your VPS gets real resources. When you open a ticket at 2am, we respond in <2 hours.
-
-AMA below - I'll answer questions about our infrastructure, NVMe setup, network, etc.
-
-Offer valid through [2 weeks from post]. Limited to first 150 signups.
-```
-
----
-
-## ACTION ITEMS (Updated Priority)
-
-### Week 1: Leverage Your NVMe
-- [ ] **Offer free NVMe migrations** to existing customers on Node 1
-  - Shows goodwill, fills up NVMe capacity
-  - "We just added 931GB NVMe - want faster disks for free?"
-
-- [ ] **Update VirtFusion** with new 8-tier plan lineup
-  - Nano through Pro on Node 1/3 (NVMe)
-  - Storage-500/1TB on Node 2 (11.2TB SATA SSD)
-
-### Week 2: Update Marketing
-- [ ] **Rewrite pricing page** - lead with RAM + NVMe
-  - "4GB for $9, 8GB for $15 - with NVMe included"
-  - Comparison table vs Hetzner/DO/Vultr
-
-- [ ] **Create comparison tool** - interactive RAM/storage calculator
-  - "How much RAM do you need? We probably have more for less"
-
-### Week 3: LowEndBox Launch
-- [ ] Post with code `LEB2026RAM`
-- [ ] Focus messaging on RAM + NVMe (not just support)
-- [ ] Target 100-150 signups (you have capacity!)
-
----
-
-## CONCLUSION
-
-**Your infrastructure is 2-3x better than I assumed.** This completely changes your competitive positioning:
-
-1. **You CAN compete on specs** (not just support)
-2. **You have NVMe** (real competitive advantage)
-3. **You have tons of RAM** (offer 2-4x more than competitors)
-4. **Your margins are excellent** (67% on Standard plan!)
-5. **You have room to grow** (60-75 more VPS before new hardware)
-
-**Bottom Line:** You're not a "budget specs + good support" provider.
-You're a **"premium specs at budget prices"** provider.
-
-Position accordingly.
-
----
-
-## Files to Reference
-
-1. Original full strategy: `VPS_PLAN_REBUILD_2026.md`
-2. This update: `VPS_PLAN_UPDATE_REAL_INFRASTRUCTURE.md`
-3. Infrastructure discovery: `ezscale-discovery-20260208-163247/`
-
-**Next:** Update Laravel seeders with new 8-tier plan lineup?
diff --git a/ezscale-horizon.conf b/docs/deployment/horizon-supervisor.conf
similarity index 100%
rename from ezscale-horizon.conf
rename to docs/deployment/horizon-supervisor.conf
diff --git a/install-horizon-supervisor.sh b/docs/deployment/install-horizon.sh
similarity index 100%
rename from install-horizon-supervisor.sh
rename to docs/deployment/install-horizon.sh
diff --git a/virtfusion-api-spec.yaml b/docs/integrations/virtfusion-api-spec.yaml
similarity index 100%
rename from virtfusion-api-spec.yaml
rename to docs/integrations/virtfusion-api-spec.yaml
diff --git a/discover.sh b/docs/scripts/discover.sh
similarity index 100%
rename from discover.sh
rename to docs/scripts/discover.sh
diff --git a/ezscale-discovery-20260208-163247/00-SUMMARY.txt b/ezscale-discovery-20260208-163247/00-SUMMARY.txt
deleted file mode 100644
index a9c1df3..0000000
--- a/ezscale-discovery-20260208-163247/00-SUMMARY.txt
+++ /dev/null
@@ -1,53 +0,0 @@
-============================================
- EzScale Infrastructure Discovery Summary
- Generated: Sun Feb  8 16:33:12 UTC 2026
-============================================
-
-============================================
- NODE: vf-node-01
-============================================
-
-  OS:       
-  Kernel:   5.14.0-611.11.1.el9_7.x86_64
-  CPU:      Intel(R) Xeon(R) CPU E5-2680 v4 @ 2.40GHz
-  Sockets:  2
-  Cores:    14
-  Threads:  56
-  RAM:      503Gi total, 212Gi used
-  VMs:      28 running
-  Alloc:    108 vCPUs, 278528 MB (272 GB) RAM
-  CPU overcommit: 1.92x
-  RAM utilization: 50.0%
-
-============================================
- NODE: vf-node-02
-============================================
-
-  OS:       
-  Kernel:   5.14.0-611.11.1.el9_7.x86_64
-  CPU:      Intel(R) Xeon(R) CPU E5-2680 v2 @ 2.80GHz
-  Sockets:  2
-  Cores:    10
-  Threads:  40
-  RAM:      377Gi total, 189Gi used
-  VMs:      22 running
-  Alloc:    93 vCPUs, 230400 MB (225 GB) RAM
-  CPU overcommit: N/Ax
-  RAM utilization: N/A%
-
-============================================
- NODE: vf-node-03
-============================================
-
-  OS:       
-  Kernel:   5.14.0-570.49.1.el9_6.x86_64
-  CPU:      Intel(R) Xeon(R) CPU E5-2680 v4 @ 2.40GHz
-  Sockets:  2
-  Cores:    14
-  Threads:  56
-  RAM:      440Gi total, 180Gi used
-  VMs:      10 running
-  Alloc:    46 vCPUs, 114688 MB (112 GB) RAM
-  CPU overcommit: .82x
-  RAM utilization: 20.0%
-
diff --git a/ezscale-discovery-20260208-163247/vf-node-01.txt b/ezscale-discovery-20260208-163247/vf-node-01.txt
deleted file mode 100644
index 08d8fbd..0000000
--- a/ezscale-discovery-20260208-163247/vf-node-01.txt
+++ /dev/null
@@ -1,525 +0,0 @@
-===== SYSTEM INFO =====
---- Hostname ---
-atl-01.node.vps.ezscale.tech
-
---- OS ---
-NAME="AlmaLinux"
-VERSION="9.7 (Moss Jungle Cat)"
-VERSION_ID="9.7"
-PRETTY_NAME="AlmaLinux 9.7 (Moss Jungle Cat)"
-
---- Kernel ---
-5.14.0-611.11.1.el9_7.x86_64
-
---- Uptime ---
- 11:32:47 up 59 days, 13:24,  0 users,  load average: 5.82, 6.17, 6.34
-
-===== CPU =====
---- Model ---
-Intel(R) Xeon(R) CPU E5-2680 v4 @ 2.40GHz
-
---- Physical CPUs ---
-2
-
---- Cores per CPU ---
-14
-
---- Total Threads ---
-56
-
---- CPU Flags (virt) ---
-ept vmx 
-
---- lscpu summary ---
-CPU(s):                                  56
-On-line CPU(s) list:                     0-55
-Model name:                              Intel(R) Xeon(R) CPU E5-2680 v4 @ 2.40GHz
-BIOS Model name:                         Intel(R) Xeon(R) CPU E5-2680 v4 @ 2.40GHz
-Thread(s) per core:                      2
-Core(s) per socket:                      14
-Socket(s):                               2
-CPU(s) scaling MHz:                      97%
-CPU max MHz:                             2900.0000
-CPU min MHz:                             1200.0000
-L1d cache:                               896 KiB (28 instances)
-L1i cache:                               896 KiB (28 instances)
-L2 cache:                                7 MiB (28 instances)
-L3 cache:                                70 MiB (2 instances)
-NUMA node0 CPU(s):                       0,2,4,6,8,10,12,14,16,18,20,22,24,26,28,30,32,34,36,38,40,42,44,46,48,50,52,54
-NUMA node1 CPU(s):                       1,3,5,7,9,11,13,15,17,19,21,23,25,27,29,31,33,35,37,39,41,43,45,47,49,51,53,55
-Vulnerability L1tf:                      Mitigation; PTE Inversion; VMX conditional cache flushes, SMT vulnerable
-
-===== MEMORY =====
---- Total / Used / Free ---
-               total        used        free      shared  buff/cache   available
-Mem:           503Gi       212Gi       2.9Gi       627Mi       291Gi       290Gi
-Swap:          4.0Gi       4.0Gi       0.0Ki
-
---- DIMM Details ---
-	Error Correction Type: Multi-bit ECC
-	Size: 64 GB
-	Locator: A1
-	Bank Locator: Not Specified
-	Type: DDR4
-	Type Detail: Synchronous Registered (Buffered) LRDIMM
-	Speed: 2400 MT/s
-	Configured Memory Speed: 2400 MT/s
-	Size: 64 GB
-	Locator: A2
-	Bank Locator: Not Specified
-	Type: DDR4
-	Type Detail: Synchronous Registered (Buffered) LRDIMM
-	Speed: 2400 MT/s
-	Configured Memory Speed: 2400 MT/s
-	Size: 64 GB
-	Locator: A3
-	Bank Locator: Not Specified
-	Type: DDR4
-	Type Detail: Synchronous Registered (Buffered) LRDIMM
-	Speed: 2400 MT/s
-	Configured Memory Speed: 2400 MT/s
-	Locator: A4
-	Bank Locator: Not Specified
-	Type: Unknown
-	Type Detail: None
-	Size: 64 GB
-	Locator: A5
-	Bank Locator: Not Specified
-	Type: DDR4
-	Type Detail: Synchronous Registered (Buffered) LRDIMM
-	Speed: 2400 MT/s
-	Configured Memory Speed: 2400 MT/s
-	Locator: A6
-	Bank Locator: Not Specified
-	Type: Unknown
-	Type Detail: None
-	Locator: A7
-	Bank Locator: Not Specified
-	Type: Unknown
-
-===== STORAGE - BLOCK DEVICES =====
---- lsblk ---
-NAME                 SIZE TYPE   FSTYPE            MOUNTPOINT    ROTA MODEL
-sda                223.6G disk                                      0 MTFDDAK240MBP 01EJ260 01EJ260IBM
-├─sda1                 1G part   xfs               /boot            0 
-└─sda2             222.6G part   LVM2_member                        0 
-  ├─almalinux-root    70G lvm    xfs               /                0 
-  ├─almalinux-swap     4G lvm    swap              [SWAP]           0 
-  └─almalinux-home 148.6G lvm    xfs               /home            0 
-sdb                  3.6T disk   linux_raid_member                  1 MG04SCA40EN
-└─md1                7.3T raid10 xfs               /mnt/bulk_vms    1 
-sdc                  3.6T disk   linux_raid_member                  1 MG04SCA40EN
-└─md1                7.3T raid10 xfs               /mnt/bulk_vms    1 
-sdd                  3.6T disk   linux_raid_member                  1 MG04SCA40EN
-└─md1                7.3T raid10 xfs               /mnt/bulk_vms    1 
-sde                  3.6T disk   linux_raid_member                  1 MG04SCA40EN
-└─md1                7.3T raid10 xfs               /mnt/bulk_vms    1 
-nvme1n1            931.5G disk   linux_raid_member                  0 Sabrent Rocket 4.0 1TB
-└─md0              931.4G raid1  xfs               /mnt/nvme_vms    0 
-nvme2n1            931.5G disk   linux_raid_member                  0 Sabrent Rocket 4.0 1TB
-└─md0              931.4G raid1  xfs               /mnt/nvme_vms    0 
-nvme0n1            465.8G disk                                      0 Sabrent Rocket 4.0 500GB
-
---- Disk Models ---
-NAME      SIZE MODEL                            ROTA TRAN
-sda     223.6G MTFDDAK240MBP 01EJ260 01EJ260IBM    0 sas
-sdb       3.6T MG04SCA40EN                         1 sas
-sdc       3.6T MG04SCA40EN                         1 sas
-sdd       3.6T MG04SCA40EN                         1 sas
-sde       3.6T MG04SCA40EN                         1 sas
-nvme1n1 931.5G Sabrent Rocket 4.0 1TB              0 nvme
-nvme2n1 931.5G Sabrent Rocket 4.0 1TB              0 nvme
-nvme0n1 465.8G Sabrent Rocket 4.0 500GB            0 nvme
-
-===== STORAGE - FILESYSTEM =====
---- df -h ---
-Filesystem                  Size  Used Avail Use% Mounted on
-/dev/mapper/almalinux-root   70G  5.4G   65G   8% /
-/dev/sda1                   960M  463M  498M  49% /boot
-/dev/mapper/almalinux-home  149G   57G   92G  39% /home
-/dev/md0                    931G  6.6G  925G   1% /mnt/nvme_vms
-/dev/md1                    7.3T   52G  7.3T   1% /mnt/bulk_vms
-192.168.10.3:/mnt/data/vms   12T  7.2T  4.1T  64% /mnt/vms
-
-===== STORAGE - ZFS =====
-ZFS not installed
-
-===== STORAGE - LVM =====
---- Physical Volumes ---
-  PV         VG        Fmt  Attr PSize    PFree
-  /dev/sda2  almalinux lvm2 a--  <222.57g    0 
-
---- Volume Groups ---
-  VG        #PV #LV #SN Attr   VSize    VFree
-  almalinux   1   3   0 wz--n- <222.57g    0 
-
---- Logical Volumes ---
-  LV   VG        LSize    Attr      
-  home almalinux <148.57g -wi-ao----
-  root almalinux   70.00g -wi-ao----
-  swap almalinux    4.00g -wi-ao----
-
-===== STORAGE - MDADM (Software RAID) =====
-Personalities : [raid1] [raid10] 
-md1 : active raid10 sdd[0] sde[3] sdc[2] sdb[1]
-      7813772288 blocks super 1.2 512K chunks 2 near-copies [4/4] [UUUU]
-      bitmap: 0/59 pages [0KB], 65536KB chunk
-
-md0 : active raid1 nvme1n1[1] nvme2n1[0]
-      976630464 blocks super 1.2 [2/2] [UU]
-      bitmap: 0/8 pages [0KB], 65536KB chunk
-
-unused devices: <none>
-
-===== NETWORK =====
---- Interfaces ---
-lo               UNKNOWN        127.0.0.1/8 ::1/128 
-eno3             DOWN           
-eno4             DOWN           
-eno1             UP             
-eno2             UP             192.168.10.2/29 
-br0              UP             66.186.37.253/25 2602:2f3:ff:105::b/64 fe80::6240:606f:8445:594f/64 
-5668246001       UNKNOWN        fe80::fc5a:41ff:fe05:483/64 
-7952655313       UNKNOWN        fe80::fcd9:1fff:fef5:7fdc/64 
-9669788654       UNKNOWN        fe80::fc6e:f4ff:fe67:347a/64 
-1585574411       UNKNOWN        fe80::fc67:96ff:feea:ce07/64 
-6538424133       UNKNOWN        fe80::fc95:9eff:fe0c:7ae0/64 
-7575455714       UNKNOWN        fe80::fcce:70ff:fed5:3823/64 
-1900074498       UNKNOWN        fe80::fc2f:2dff:fe1c:6f20/64 
-6868627519       UNKNOWN        fe80::fc2c:a0ff:fed3:f24b/64 
-8290678221       UNKNOWN        fe80::fcd2:6aff:fea2:c868/64 
-3144884207       UNKNOWN        fe80::fcd2:c1ff:fe4f:da96/64 
-9864921145       UNKNOWN        fe80::fc90:ceff:febd:8a83/64 
-3854082875       UNKNOWN        fe80::fc08:cbff:fe96:16e/64 
-2847939492       UNKNOWN        fe80::fc9f:1cff:fe83:6e3f/64 
-2270446172       UNKNOWN        fe80::fced:2cff:feab:d352/64 
-5375909748       UNKNOWN        fe80::fc57:c6ff:fe73:57ae/64 
-9709633390       UNKNOWN        fe80::fcd1:aff:fead:7805/64 
-6686699813       UNKNOWN        fe80::fc65:61ff:fea3:754/64 
-2577660031       UNKNOWN        fe80::fc8b:12ff:fe20:fc7d/64 
-1873685436       UNKNOWN        fe80::fc94:5cff:fe67:d27a/64 
-8339041496       UNKNOWN        fe80::fc75:bdff:fee4:e7b0/64 
-4635498757       UNKNOWN        fe80::fcd6:e1ff:fe7f:d368/64 
-2739236756       UNKNOWN        fe80::fcdb:1cff:fefe:6d6/64 
-5274046373       UNKNOWN        fe80::fc85:cbff:fe49:5b14/64 
-2672200667       UNKNOWN        fe80::fcfb:32ff:fe12:73ae/64 
-1473682335       UNKNOWN        fe80::fcf6:edff:fe0a:4fc2/64 
-1197738280       UNKNOWN        fe80::fcd0:98ff:fe65:c3d3/64 
-7928453883       UNKNOWN        fe80::fc26:13ff:fed4:b9eb/64 
-4723927902       UNKNOWN        fe80::fc7a:57ff:fea1:32b6/64 
-6775358137       UNKNOWN        fe80::fcb4:d2ff:fed9:2709/64 
-
---- Interface Speeds ---
-  1197738280: 10Mbps (driver: tun)
-  1473682335: 10Mbps (driver: tun)
-  1585574411: 10Mbps (driver: tun)
-  1873685436: 10Mbps (driver: tun)
-  1900074498: 10Mbps (driver: tun)
-  2270446172: 10Mbps (driver: tun)
-  2577660031: 10Mbps (driver: tun)
-  2672200667: 10Mbps (driver: tun)
-  2739236756: 10Mbps (driver: tun)
-  2847939492: 10Mbps (driver: tun)
-  3144884207: 10Mbps (driver: tun)
-  3854082875: 10Mbps (driver: tun)
-  4635498757: 10Mbps (driver: tun)
-  4723927902: 10Mbps (driver: tun)
-  5274046373: 10Mbps (driver: tun)
-  5375909748: 10Mbps (driver: tun)
-  5668246001: 10Mbps (driver: tun)
-  6538424133: 10Mbps (driver: tun)
-  6686699813: 10Mbps (driver: tun)
-  6775358137: 10Mbps (driver: tun)
-  6868627519: 10Mbps (driver: tun)
-  7575455714: 10Mbps (driver: tun)
-  7928453883: 10Mbps (driver: tun)
-  7952655313: 10Mbps (driver: tun)
-  8290678221: 10Mbps (driver: tun)
-  8339041496: 10Mbps (driver: tun)
-  9669788654: 10Mbps (driver: tun)
-  9709633390: 10Mbps (driver: tun)
-  9864921145: 10Mbps (driver: tun)
-  br0: 10000Mbps (driver: bridge)
-  eno1: 10000Mbps (driver: ixgbe)
-  eno2: 10000Mbps (driver: ixgbe)
-  eno3: -1Mbps (driver: igb)
-  eno4: -1Mbps (driver: igb)
-
---- Default Route ---
-default via 66.186.37.129 dev br0 proto static metric 10 
-
---- Bridge / Bond Config ---
-bridge name	bridge id		STP enabled	interfaces
-br0		8000.246e96a63f40	yes		1197738280
-							1473682335
-							1585574411
-							1873685436
-							1900074498
-							2270446172
-							2577660031
-							2672200667
-							2739236756
-							2847939492
-							3144884207
-							3854082875
-							4635498757
-							4723927902
-							5274046373
-							5375909748
-							5668246001
-							6538424133
-							6686699813
-							6775358137
-							6868627519
-							7575455714
-							7928453883
-							7952655313
-							8290678221
-							8339041496
-							9669788654
-							9709633390
-							9864921145
-							eno1
-6: br0: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc noqueue state UP mode DEFAULT group default qlen 1000
-
-
-===== LIBVIRT / KVM =====
---- Libvirt Version ---
-Compiled against library: libvirt 10.10.0
-Using library: libvirt 10.10.0
-Using API: QEMU 10.10.0
-Running hypervisor: QEMU 9.1.0
-Running against daemon: 10.10.0
-
-
---- All VMs (running + stopped) ---
- Id   Name                                   State
-------------------------------------------------------
- 6    b5d24674-c0e6-487f-94b6-d3c378108244   running
- 9    b6a57a3b-d4f9-4804-aa2a-fd5c40514e86   running
- 10   203239a0-3222-42bc-aace-2f9633ae91b3   running
- 11   47bb28c5-cedb-425d-97fa-c71321481b19   running
- 14   4a951d30-4aea-4f13-b591-8d6ef3d15bac   running
- 18   85a274bd-a625-4301-8975-1040ebb0111e   running
- 19   33c942cf-f311-428b-bbdc-6808bc0c4de0   running
- 21   409c693b-d165-4bdb-81af-d7a7ce23eaa7   running
- 25   b7dc324d-9b3b-41c7-a572-57bef6874c84   running
- 27   c434d488-44a6-4d76-8530-818a086b0b3c   running
- 29   8babf155-7b38-490b-815b-faf507cd0cdc   running
- 30   4b16b482-d871-4404-b641-b33d4103fa00   running
- 31   415c3951-acf3-411f-ae3f-a8a4456b8e92   running
- 34   4a56b2e2-1655-4893-8f2a-e909be9f5d5a   running
- 35   95e44451-1bce-4270-82d1-2f29a404d9dd   running
- 36   6e50481d-ac2d-4492-a44e-19fa1da29bd6   running
- 48   2d704a2a-3a0a-432e-89b4-2f04516b771e   paused
- 50   41b20d00-f4c4-4064-8e1d-7bd284bcb773   running
- 53   3c0b6c1a-a6b5-4522-b458-31e3773b3d0d   running
- 54   83deb44e-acf3-4631-b757-44c00b88b256   running
- 56   88fef797-3629-4e09-85a7-500ff6d7b05c   running
- 57   dddeb4bf-149b-4271-af3e-9125bcad38a8   running
- 60   0df53bc1-d5bd-4843-87c0-32a81bb9afcc   running
- 61   44caf596-e1ca-43cc-a44f-576441be8c48   running
- 62   2fbf4caf-e7c0-4874-9f41-71555b593de0   running
- 64   1e6bc3e6-9044-489a-92dc-243f929d2d05   running
- 67   068bafe5-f180-4763-b1c0-a1a75028929f   running
- 68   be0cfe25-04af-4865-afd3-eb5796f7e018   running
- 69   fbc7f30d-df58-4f86-b36b-608bfbf2c483   running
-
-
---- Running VM Count ---
-28
-
---- VM Resource Usage ---
-VM_NAME | vCPUs | RAM_MAX | STATE
---------|-------|---------|------
-b5d24674-c0e6-487f-94b6-d3c378108244 | 4 | 8388608 KiB | running
-b6a57a3b-d4f9-4804-aa2a-fd5c40514e86 | 1 | 1048576 KiB | running
-203239a0-3222-42bc-aace-2f9633ae91b3 | 4 | 8388608 KiB | running
-47bb28c5-cedb-425d-97fa-c71321481b19 | 6 | 16777216 KiB | running
-4a951d30-4aea-4f13-b591-8d6ef3d15bac | 4 | 8388608 KiB | running
-85a274bd-a625-4301-8975-1040ebb0111e | 6 | 16777216 KiB | running
-33c942cf-f311-428b-bbdc-6808bc0c4de0 | 8 | 33554432 KiB | running
-409c693b-d165-4bdb-81af-d7a7ce23eaa7 | 1 | 2097152 KiB | running
-b7dc324d-9b3b-41c7-a572-57bef6874c84 | 4 | 8388608 KiB | running
-c434d488-44a6-4d76-8530-818a086b0b3c | 4 | 8388608 KiB | running
-8babf155-7b38-490b-815b-faf507cd0cdc | 1 | 1048576 KiB | running
-4b16b482-d871-4404-b641-b33d4103fa00 | 8 | 33554432 KiB | running
-415c3951-acf3-411f-ae3f-a8a4456b8e92 | 2 | 2097152 KiB | running
-4a56b2e2-1655-4893-8f2a-e909be9f5d5a | 2 | 2097152 KiB | running
-95e44451-1bce-4270-82d1-2f29a404d9dd | 2 | 8388608 KiB | running
-6e50481d-ac2d-4492-a44e-19fa1da29bd6 | 2 | 4194304 KiB | running
-41b20d00-f4c4-4064-8e1d-7bd284bcb773 | 1 | 1048576 KiB | running
-3c0b6c1a-a6b5-4522-b458-31e3773b3d0d | 4 | 8388608 KiB | running
-83deb44e-acf3-4631-b757-44c00b88b256 | 4 | 8388608 KiB | running
-88fef797-3629-4e09-85a7-500ff6d7b05c | 8 | 33554432 KiB | running
-dddeb4bf-149b-4271-af3e-9125bcad38a8 | 4 | 8388608 KiB | running
-0df53bc1-d5bd-4843-87c0-32a81bb9afcc | 8 | 16777216 KiB | running
-44caf596-e1ca-43cc-a44f-576441be8c48 | 4 | 8388608 KiB | running
-2fbf4caf-e7c0-4874-9f41-71555b593de0 | 6 | 16777216 KiB | running
-1e6bc3e6-9044-489a-92dc-243f929d2d05 | 1 | 2097152 KiB | running
-068bafe5-f180-4763-b1c0-a1a75028929f | 1 | 1048576 KiB | running
-be0cfe25-04af-4865-afd3-eb5796f7e018 | 4 | 8388608 KiB | running
-fbc7f30d-df58-4f86-b36b-608bfbf2c483 | 4 | 8388608 KiB | running
-
---- Total Allocated vCPUs (running VMs) ---
-108
-
---- Total Allocated RAM (running VMs) ---
-278528 MB (272 GB)
-
---- VM Disk Locations ---
-[b5d24674-c0e6-487f-94b6-d3c378108244]
- file   disk     vda      /mnt/vms/b5d24674-c0e6-487f-94b6-d3c378108244_1.img
- file   disk     sdx      /home/vf-data/server/b5d24674-c0e6-487f-94b6-d3c378108244/cloud-drive.img
-[b6a57a3b-d4f9-4804-aa2a-fd5c40514e86]
- file   disk     vda      /mnt/vms/b6a57a3b-d4f9-4804-aa2a-fd5c40514e86_1.img
- file   disk     sdx      /home/vf-data/server/b6a57a3b-d4f9-4804-aa2a-fd5c40514e86/cloud-drive.img
-[203239a0-3222-42bc-aace-2f9633ae91b3]
- file   disk     vda      /mnt/vms/203239a0-3222-42bc-aace-2f9633ae91b3_1.img
- file   disk     sdx      /home/vf-data/server/203239a0-3222-42bc-aace-2f9633ae91b3/cloud-drive.img
-[47bb28c5-cedb-425d-97fa-c71321481b19]
- file   disk     vda      /mnt/vms/47bb28c5-cedb-425d-97fa-c71321481b19_1.img
- file   disk     sdx      /home/vf-data/server/47bb28c5-cedb-425d-97fa-c71321481b19/cloud-drive.img
-[4a951d30-4aea-4f13-b591-8d6ef3d15bac]
- file   disk     vda      /mnt/vms/4a951d30-4aea-4f13-b591-8d6ef3d15bac_1.img
- file   disk     sdx      /home/vf-data/server/4a951d30-4aea-4f13-b591-8d6ef3d15bac/cloud-drive.img
-[85a274bd-a625-4301-8975-1040ebb0111e]
- file   disk     vda      /mnt/vms/85a274bd-a625-4301-8975-1040ebb0111e_1.img
- file   disk     sdx      /home/vf-data/server/85a274bd-a625-4301-8975-1040ebb0111e/cloud-drive.img
-[33c942cf-f311-428b-bbdc-6808bc0c4de0]
- file   disk     vda      /mnt/vms/33c942cf-f311-428b-bbdc-6808bc0c4de0_1.img
- file   disk     sdx      /home/vf-data/server/33c942cf-f311-428b-bbdc-6808bc0c4de0/cloud-drive.img
-[409c693b-d165-4bdb-81af-d7a7ce23eaa7]
- file   disk     vda      /mnt/vms/409c693b-d165-4bdb-81af-d7a7ce23eaa7_1.img
- file   disk     sdx      /home/vf-data/server/409c693b-d165-4bdb-81af-d7a7ce23eaa7/cloud-drive.img
-[b7dc324d-9b3b-41c7-a572-57bef6874c84]
- file   disk     vda      /mnt/vms/b7dc324d-9b3b-41c7-a572-57bef6874c84_1.img
- file   disk     sdx      /home/vf-data/server/b7dc324d-9b3b-41c7-a572-57bef6874c84/cloud-drive.img
-[c434d488-44a6-4d76-8530-818a086b0b3c]
- file   disk     vda      /mnt/vms/c434d488-44a6-4d76-8530-818a086b0b3c_1.img
- file   disk     sdx      /home/vf-data/server/c434d488-44a6-4d76-8530-818a086b0b3c/cloud-drive.img
-[8babf155-7b38-490b-815b-faf507cd0cdc]
- file   disk     vda      /mnt/vms/8babf155-7b38-490b-815b-faf507cd0cdc_1.img
- file   disk     sdx      /home/vf-data/server/8babf155-7b38-490b-815b-faf507cd0cdc/cloud-drive.img
-[4b16b482-d871-4404-b641-b33d4103fa00]
- file   disk     vda      /mnt/vms/4b16b482-d871-4404-b641-b33d4103fa00_1.img
- file   disk     sdx      /home/vf-data/server/4b16b482-d871-4404-b641-b33d4103fa00/cloud-drive.img
-[415c3951-acf3-411f-ae3f-a8a4456b8e92]
- file   disk     vda      /mnt/vms/415c3951-acf3-411f-ae3f-a8a4456b8e92_1.img
- file   disk     sdx      /home/vf-data/server/415c3951-acf3-411f-ae3f-a8a4456b8e92/cloud-drive.img
-[4a56b2e2-1655-4893-8f2a-e909be9f5d5a]
- file   disk     vda      /mnt/vms/4a56b2e2-1655-4893-8f2a-e909be9f5d5a_1.img
- file   disk     sdx      /home/vf-data/server/4a56b2e2-1655-4893-8f2a-e909be9f5d5a/cloud-drive.img
-[95e44451-1bce-4270-82d1-2f29a404d9dd]
- file   disk     vda      /mnt/vms/95e44451-1bce-4270-82d1-2f29a404d9dd_1.img
- file   disk     sdx      /home/vf-data/server/95e44451-1bce-4270-82d1-2f29a404d9dd/cloud-drive.img
-[6e50481d-ac2d-4492-a44e-19fa1da29bd6]
- file   disk     vda      /mnt/vms/6e50481d-ac2d-4492-a44e-19fa1da29bd6_1.img
- file   disk     sdx      /home/vf-data/server/6e50481d-ac2d-4492-a44e-19fa1da29bd6/cloud-drive.img
-[2d704a2a-3a0a-432e-89b4-2f04516b771e]
- file   disk     vda      /mnt/vms/2d704a2a-3a0a-432e-89b4-2f04516b771e_1.img
- file   disk     sdx      /home/vf-data/server/2d704a2a-3a0a-432e-89b4-2f04516b771e/cloud-drive.img
-[41b20d00-f4c4-4064-8e1d-7bd284bcb773]
- file   disk     vda      /mnt/vms/41b20d00-f4c4-4064-8e1d-7bd284bcb773_1.img
- file   disk     sdx      /home/vf-data/server/41b20d00-f4c4-4064-8e1d-7bd284bcb773/cloud-drive.img
-[3c0b6c1a-a6b5-4522-b458-31e3773b3d0d]
- file   disk     vda      /mnt/vms/3c0b6c1a-a6b5-4522-b458-31e3773b3d0d_1.img
- file   disk     sdx      /home/vf-data/server/3c0b6c1a-a6b5-4522-b458-31e3773b3d0d/cloud-drive.img
-[83deb44e-acf3-4631-b757-44c00b88b256]
- file   disk     vda      /mnt/vms/83deb44e-acf3-4631-b757-44c00b88b256_1.img
- file   disk     sdx      /home/vf-data/server/83deb44e-acf3-4631-b757-44c00b88b256/cloud-drive.img
-[88fef797-3629-4e09-85a7-500ff6d7b05c]
- file   disk     vda      /mnt/vms/88fef797-3629-4e09-85a7-500ff6d7b05c_1.img
- file   disk     sdx      /home/vf-data/server/88fef797-3629-4e09-85a7-500ff6d7b05c/cloud-drive.img
-[dddeb4bf-149b-4271-af3e-9125bcad38a8]
- file   disk     vda      /mnt/vms/dddeb4bf-149b-4271-af3e-9125bcad38a8_1.img
- file   disk     sdx      /home/vf-data/server/dddeb4bf-149b-4271-af3e-9125bcad38a8/cloud-drive.img
-[0df53bc1-d5bd-4843-87c0-32a81bb9afcc]
- file   disk     vda      /mnt/vms/0df53bc1-d5bd-4843-87c0-32a81bb9afcc_1.img
- file   disk     sdx      /home/vf-data/server/0df53bc1-d5bd-4843-87c0-32a81bb9afcc/cloud-drive.img
-[44caf596-e1ca-43cc-a44f-576441be8c48]
- file   disk     vda      /mnt/vms/44caf596-e1ca-43cc-a44f-576441be8c48_1.img
- file   disk     sdx      /home/vf-data/server/44caf596-e1ca-43cc-a44f-576441be8c48/cloud-drive.img
-[2fbf4caf-e7c0-4874-9f41-71555b593de0]
- file   disk     vda      /mnt/vms/2fbf4caf-e7c0-4874-9f41-71555b593de0_1.img
- file   disk     sdx      /home/vf-data/server/2fbf4caf-e7c0-4874-9f41-71555b593de0/cloud-drive.img
-[1e6bc3e6-9044-489a-92dc-243f929d2d05]
- file   disk     vda      /mnt/vms/1e6bc3e6-9044-489a-92dc-243f929d2d05_1.img
- file   disk     sdx      /home/vf-data/server/1e6bc3e6-9044-489a-92dc-243f929d2d05/cloud-drive.img
-[068bafe5-f180-4763-b1c0-a1a75028929f]
- file   disk     vda      /mnt/vms/068bafe5-f180-4763-b1c0-a1a75028929f_1.img
- file   disk     sdx      /home/vf-data/server/068bafe5-f180-4763-b1c0-a1a75028929f/cloud-drive.img
-[be0cfe25-04af-4865-afd3-eb5796f7e018]
- file   disk     vda      /mnt/vms/be0cfe25-04af-4865-afd3-eb5796f7e018_1.img
- file   disk     sdx      /home/vf-data/server/be0cfe25-04af-4865-afd3-eb5796f7e018/cloud-drive.img
-[fbc7f30d-df58-4f86-b36b-608bfbf2c483]
- file   disk     vda      /mnt/vms/fbc7f30d-df58-4f86-b36b-608bfbf2c483_1.img
- file   disk     sdx      /home/vf-data/server/fbc7f30d-df58-4f86-b36b-608bfbf2c483/cloud-drive.img
-
---- Storage Pools ---
- Name   State   Autostart
----------------------------
-
-
-===== QEMU =====
---- QEMU Version ---
-QEMU emulator version 9.1.0 (qemu-kvm-9.1.0-29.el9_7.alma.1)
-
-===== DISK USAGE BY VM IMAGES =====
---- qcow2 files ---
-  /home/vf-data/os/template/almalinux-9-gnome-x86_64-2023-04-25.qcow2  (actual: 1.1G, virtual: 4.88 GiB)
-  /home/vf-data/os/template/cloudlinux-9-latest-x86_64.qcow2  (actual: 1.1G, virtual: 10 GiB)
-  /home/vf-data/os/template/ubuntu-jammy-server-cloudimg-amd64-2023-04-25.qcow2  (actual: 643M, virtual: 2.2 GiB)
-  /home/vf-data/os/template/ubuntu-lunar-server-cloudimg-amd64.qcow2  (actual: 722M, virtual: 3.5 GiB)
-  /home/vf-data/os/template/ubuntu-bionic-server-cloudimg-amd64-2023-04-25.qcow2  (actual: 387M, virtual: 2.2 GiB)
-  /home/vf-data/os/template/ubuntu-focal-server-cloudimg-amd64-2023-04-25.qcow2  (actual: 613M, virtual: 2.2 GiB)
-  /home/vf-data/os/template/debian-12-x86_64-2023-06-11.qcow2  (actual: 441M, virtual: 1.95 GiB)
-  /home/vf-data/os/template/alma-linux-8-minimal-x86_64-2024-01-27.qcow2  (actual: 666M, virtual: 10 GiB)
-  /home/vf-data/os/template/windows_server_2012_r2_standard.qcow2  (actual: 12G, virtual: 12.2 GiB)
-  /home/vf-data/os/template/ubuntu-noble-server-cloudimg-amd64-2024-04-25.qcow2  (actual: 558M, virtual: 3.5 GiB)
-  /home/vf-data/os/template/centos-7-minimal-x86-64.qcow2  (actual: 446M, virtual: 1.95 GiB)
-  /home/vf-data/os/template/debian-11-xfce-x86_64-2023-04-25.qcow2  (actual: 1.3G, virtual: 4.88 GiB)
-  /home/vf-data/os/template/fedora-40-x86-64.qcow2  (actual: 380M, virtual: 5 GiB)
-  /home/vf-data/os/template/debian-11-x86_64-2023-04-25.qcow2  (actual: 373M, virtual: 1.95 GiB)
-  /home/vf-data/os/template/debian-12-ext4-x86_64-2025-03-13.qcow2  (actual: 403M, virtual: 1.95 GiB)
-  /home/vf-data/os/template/windows-server-2025-standard-2024-11-06.qcow2  (actual: 5.9G, virtual: 12.2 GiB)
-  /home/vf-data/os/template/centos-8-3-x86-64.qcow2  (actual: 1.3G, virtual: 10 GiB)
-  /home/vf-data/os/template/windows-server-2019-standard-2024-03-06.qcow2  (actual: 5.8G, virtual: 13.7 GiB)
-  /home/vf-data/os/template/almalinux-9-x86_64-2024-11-20.qcow2  (actual: 507M, virtual: 10 GiB)
-  /home/vf-data/os/template/centos-stream-8-minimal-x86_64.qcow2  (actual: 486M, virtual: 3.61 GiB)
-  /home/vf-data/os/template/almalinux-10-x86-64.qcow2  (actual: 439M, virtual: 10 GiB)
-  /home/vf-data/os/template/fedora-42-x86-64.qcow2  (actual: 508M, virtual: 5 GiB)
-  /home/vf-data/os/template/windows-server-2022-standard-2024-03-06.qcow2  (actual: 5.5G, virtual: 12.2 GiB)
-
---- raw disk files ---
-
-===== SERVICES =====
---- Key Services Status ---
-  libvirtd: inactive
-not-found
-  qemu-guest-agent: inactive
-not-found
-  virtfusion: inactive
-not-found
-  virtfusion-agent: inactive
-not-found
-  zfs-zed: inactive
-not-found
-  zfs-import-cache: inactive
-not-found
-  zfs-mount: inactive
-not-found
-
-===== RESOURCE SUMMARY =====
---- CPU ---
-  Total threads: 56
-  Allocated vCPUs: 108
-  Overcommit ratio: 1.92
-
---- RAM ---
-  Total RAM: 515361 MB (503 GB)
-  Allocated to VMs: 278528 MB (272 GB)
-  Free for host/new VMs: 236833 MB
-  Utilization: 50.0%
-
-===== END =====
diff --git a/ezscale-discovery-20260208-163247/vf-node-02.txt b/ezscale-discovery-20260208-163247/vf-node-02.txt
deleted file mode 100644
index e4ee40f..0000000
--- a/ezscale-discovery-20260208-163247/vf-node-02.txt
+++ /dev/null
@@ -1,514 +0,0 @@
-===== SYSTEM INFO =====
---- Hostname ---
-atl-02.node.vps.ezscale.tech
-
---- OS ---
-NAME="AlmaLinux"
-VERSION="9.7 (Moss Jungle Cat)"
-VERSION_ID="9.7"
-PRETTY_NAME="AlmaLinux 9.7 (Moss Jungle Cat)"
-
---- Kernel ---
-5.14.0-611.11.1.el9_7.x86_64
-
---- Uptime ---
- 11:32:57 up 59 days, 13:42,  0 users,  load average: 5.48, 6.85, 6.74
-
-===== CPU =====
---- Model ---
-Intel(R) Xeon(R) CPU E5-2680 v2 @ 2.80GHz
-
---- Physical CPUs ---
-2
-
---- Cores per CPU ---
-10
-
---- Total Threads ---
-40
-
---- CPU Flags (virt) ---
-ept vmx 
-
---- lscpu summary ---
-CPU(s):                                  40
-On-line CPU(s) list:                     0-39
-Model name:                              Intel(R) Xeon(R) CPU E5-2680 v2 @ 2.80GHz
-BIOS Model name:                               Intel(R) Xeon(R) CPU E5-2680 v2 @ 2.80GHz
-Thread(s) per core:                      2
-Core(s) per socket:                      10
-Socket(s):                               2
-CPU(s) scaling MHz:                      86%
-CPU max MHz:                             3600.0000
-CPU min MHz:                             1200.0000
-L1d cache:                               640 KiB (20 instances)
-L1i cache:                               640 KiB (20 instances)
-L2 cache:                                5 MiB (20 instances)
-L3 cache:                                50 MiB (2 instances)
-NUMA node0 CPU(s):                       0,2,4,6,8,10,12,14,16,18,20,22,24,26,28,30,32,34,36,38
-NUMA node1 CPU(s):                       1,3,5,7,9,11,13,15,17,19,21,23,25,27,29,31,33,35,37,39
-Vulnerability L1tf:                      Mitigation; PTE Inversion; VMX conditional cache flushes, SMT vulnerable
-
-===== MEMORY =====
---- Total / Used / Free ---
-               total        used        free      shared  buff/cache   available
-Mem:           377Gi       189Gi       2.7Gi       1.6Gi       189Gi       188Gi
-Swap:          4.0Gi       4.0Gi       5.0Mi
-
---- DIMM Details ---
-	Error Correction Type: Multi-bit ECC
-	Size: 16 GB
-	Locator: DIMM_A1 
-	Bank Locator: Not Specified
-	Type: DDR3
-	Type Detail: Synchronous Registered (Buffered)
-	Speed: 1600 MT/s
-	Configured Memory Speed: 1333 MT/s
-	Size: 16 GB
-	Locator: DIMM_A2 
-	Bank Locator: Not Specified
-	Type: DDR3
-	Type Detail: Synchronous Registered (Buffered)
-	Speed: 1600 MT/s
-	Configured Memory Speed: 1333 MT/s
-	Size: 16 GB
-	Locator: DIMM_A3 
-	Bank Locator: Not Specified
-	Type: DDR3
-	Type Detail: Synchronous Registered (Buffered)
-	Speed: 1600 MT/s
-	Configured Memory Speed: 1333 MT/s
-	Size: 16 GB
-	Locator: DIMM_A4 
-	Bank Locator: Not Specified
-	Type: DDR3
-	Type Detail: Synchronous Registered (Buffered)
-	Speed: 1600 MT/s
-	Configured Memory Speed: 1333 MT/s
-	Size: 16 GB
-	Locator: DIMM_A5 
-	Bank Locator: Not Specified
-	Type: DDR3
-	Type Detail: Synchronous Registered (Buffered)
-	Speed: 1600 MT/s
-	Configured Memory Speed: 1333 MT/s
-	Size: 16 GB
-	Locator: DIMM_A6 
-	Bank Locator: Not Specified
-	Type: DDR3
-
-===== STORAGE - BLOCK DEVICES =====
---- lsblk ---
-NAME                   SIZE TYPE   FSTYPE            MOUNTPOINT ROTA MODEL
-sda                    1.9T disk   linux_raid_member               0 Micron_1100_MTFDDAK2T0TBN
-└─md0                 11.2T raid10 LVM2_member                     0 
-  └─vg_vm-lv_vm       11.2T lvm    xfs               /mnt/data     0 
-sdb                    1.9T disk   linux_raid_member               0 Micron_1100_MTFDDAK2T0TBN
-└─md0                 11.2T raid10 LVM2_member                     0 
-  └─vg_vm-lv_vm       11.2T lvm    xfs               /mnt/data     0 
-sdc                    1.9T disk   linux_raid_member               0 Micron_1100_MTFDDAK2T0TBN
-└─md0                 11.2T raid10 LVM2_member                     0 
-  └─vg_vm-lv_vm       11.2T lvm    xfs               /mnt/data     0 
-sdd                    1.9T disk   linux_raid_member               0 Micron_1100_MTFDDAK2T0TBN
-└─md0                 11.2T raid10 LVM2_member                     0 
-  └─vg_vm-lv_vm       11.2T lvm    xfs               /mnt/data     0 
-sde                  279.4G disk   ddf_raid_member                 1 AL13SEB300
-├─md126              278.9G raid1                                  1 
-│ ├─md126p1              1G part   xfs               /boot         1 
-│ └─md126p2          277.9G part   LVM2_member                     1 
-│   ├─almalinux-root    70G lvm    xfs               /             1 
-│   ├─almalinux-swap     4G lvm    swap              [SWAP]        1 
-│   └─almalinux-home 203.9G lvm    xfs               /home         1 
-└─md127                  0B md                                     0 
-sdf                    1.9T disk   linux_raid_member               0 Micron_1100_MTFDDAK2T0TBN
-└─md0                 11.2T raid10 LVM2_member                     0 
-  └─vg_vm-lv_vm       11.2T lvm    xfs               /mnt/data     0 
-sdg                    1.9T disk   linux_raid_member               0 Micron_1100_MTFDDAK2T0TBN
-└─md0                 11.2T raid10 LVM2_member                     0 
-  └─vg_vm-lv_vm       11.2T lvm    xfs               /mnt/data     0 
-sdh                  279.4G disk   ddf_raid_member                 1 AL13SEB300
-├─md126              278.9G raid1                                  1 
-│ ├─md126p1              1G part   xfs               /boot         1 
-│ └─md126p2          277.9G part   LVM2_member                     1 
-│   ├─almalinux-root    70G lvm    xfs               /             1 
-│   ├─almalinux-swap     4G lvm    swap              [SWAP]        1 
-│   └─almalinux-home 203.9G lvm    xfs               /home         1 
-└─md127                  0B md                                     0 
-sdi                    1.9T disk   linux_raid_member               0 Micron_1100_MTFDDAK2T0TBN
-└─md0                 11.2T raid10 LVM2_member                     0 
-  └─vg_vm-lv_vm       11.2T lvm    xfs               /mnt/data     0 
-sdj                    1.9T disk   linux_raid_member               0 Micron_1100_MTFDDAK2T0TBN
-└─md0                 11.2T raid10 LVM2_member                     0 
-  └─vg_vm-lv_vm       11.2T lvm    xfs               /mnt/data     0 
-sdk                    1.9T disk   linux_raid_member               0 Micron_1100_MTFDDAK2T0TBN
-└─md0                 11.2T raid10 LVM2_member                     0 
-  └─vg_vm-lv_vm       11.2T lvm    xfs               /mnt/data     0 
-sdl                    1.9T disk   linux_raid_member               0 Micron_1100_MTFDDAK2T0TBN
-└─md0                 11.2T raid10 LVM2_member                     0 
-  └─vg_vm-lv_vm       11.2T lvm    xfs               /mnt/data     0 
-sdm                    1.9T disk   linux_raid_member               0 Micron_1100_MTFDDAK2T0TBN
-└─md0                 11.2T raid10 LVM2_member                     0 
-  └─vg_vm-lv_vm       11.2T lvm    xfs               /mnt/data     0 
-sdn                    1.9T disk   linux_raid_member               0 Micron_1100_MTFDDAK2T0TBN
-└─md0                 11.2T raid10 LVM2_member                     0 
-  └─vg_vm-lv_vm       11.2T lvm    xfs               /mnt/data     0 
-
---- Disk Models ---
-NAME   SIZE MODEL                     ROTA TRAN
-sda    1.9T Micron_1100_MTFDDAK2T0TBN    0 sas
-sdb    1.9T Micron_1100_MTFDDAK2T0TBN    0 sas
-sdc    1.9T Micron_1100_MTFDDAK2T0TBN    0 sas
-sdd    1.9T Micron_1100_MTFDDAK2T0TBN    0 sas
-sde  279.4G AL13SEB300                   1 sas
-sdf    1.9T Micron_1100_MTFDDAK2T0TBN    0 sas
-sdg    1.9T Micron_1100_MTFDDAK2T0TBN    0 sas
-sdh  279.4G AL13SEB300                   1 sas
-sdi    1.9T Micron_1100_MTFDDAK2T0TBN    0 sas
-sdj    1.9T Micron_1100_MTFDDAK2T0TBN    0 sas
-sdk    1.9T Micron_1100_MTFDDAK2T0TBN    0 sas
-sdl    1.9T Micron_1100_MTFDDAK2T0TBN    0 sas
-sdm    1.9T Micron_1100_MTFDDAK2T0TBN    0 sas
-sdn    1.9T Micron_1100_MTFDDAK2T0TBN    0 sas
-
-===== STORAGE - FILESYSTEM =====
---- df -h ---
-Filesystem                  Size  Used Avail Use% Mounted on
-/dev/mapper/almalinux-root   70G  9.8G   61G  15% /
-/dev/md126p1                960M  397M  564M  42% /boot
-/dev/mapper/almalinux-home  204G   45G  160G  22% /home
-/dev/mapper/vg_vm-lv_vm      12T  7.2T  4.1T  64% /mnt/data
-localhost:/mnt/data/vms      12T  7.2T  4.1T  64% /mnt/vms
-
-===== STORAGE - ZFS =====
-ZFS not installed
-
-===== STORAGE - LVM =====
---- Physical Volumes ---
-  PV           VG        Fmt  Attr PSize   PFree
-  /dev/md0     vg_vm     lvm2 a--  <11.18t    0 
-  /dev/md126p2 almalinux lvm2 a--  277.87g    0 
-
---- Volume Groups ---
-  VG        #PV #LV #SN Attr   VSize   VFree
-  almalinux   1   3   0 wz--n- 277.87g    0 
-  vg_vm       1   1   0 wz--n- <11.18t    0 
-
---- Logical Volumes ---
-  LV    VG        LSize   Attr      
-  home  almalinux 203.87g -wi-ao----
-  root  almalinux  70.00g -wi-ao----
-  swap  almalinux   4.00g -wi-ao----
-  lv_vm vg_vm     <11.18t -wi-ao----
-
-===== STORAGE - MDADM (Software RAID) =====
-Personalities : [raid1] [raid10] 
-md0 : active raid10 sdk[1] sdn[0] sdg[2] sdd[5] sdj[11] sdi[8] sdf[6] sdc[4] sdm[3] sdb[9] sda[10] sdl[7]
-      12001597440 blocks super 1.2 512K chunks 2 near-copies [12/12] [UUUUUUUUUUUU]
-      bitmap: 36/90 pages [144KB], 65536KB chunk
-
-md126 : active raid1 sdh[1] sde[0]
-      292421632 blocks super external:/md127/0 [2/2] [UU]
-      
-md127 : inactive sdh[1](S) sde[0](S)
-      1094236 blocks super external:ddf
-       
-unused devices: <none>
-
-===== NETWORK =====
---- Interfaces ---
-lo               UNKNOWN        127.0.0.1/8 ::1/128 
-eno1             UP             
-eno2             DOWN           
-eno3             UP             172.20.254.253/16 
-enp68s0f0        UP             192.168.10.3/29 fe80::a236:9fff:fe42:febc/64 
-eno4             DOWN           
-enp68s0f1        DOWN           
-br0              UP             66.186.37.254/25 2605:bb00:c010:4::3/64 fe80::dbb6:6f64:abf5:c9a4/64 
-4142776250       UNKNOWN        fe80::fcae:98ff:fe9b:9169/64 
-3687292804@eno3  UP             fe80::2c0:21ff:fe51:49c7/64 
-9865730239       UNKNOWN        fe80::fcc8:51ff:fe9e:f946/64 
-4480397161       UNKNOWN        fe80::fc41:37ff:fef7:544a/64 
-6226104096       UNKNOWN        fe80::fc4c:25ff:fede:57d6/64 
-1512514452       UNKNOWN        fe80::fc37:dfff:fec2:e703/64 
-5691952363       UNKNOWN        fe80::fc94:5cff:fe53:23b/64 
-4793215883       UNKNOWN        fe80::fc3e:3aff:fe53:690c/64 
-9065882520       UNKNOWN        fe80::fc25:f3ff:fe86:256c/64 
-8232538989       UNKNOWN        fe80::fc5d:f2ff:feba:3b6d/64 
-1876239691       UNKNOWN        fe80::fc89:cdff:feb1:f4ea/64 
-5579955486       UNKNOWN        fe80::fc20:26ff:feab:ace1/64 
-1384622875       UNKNOWN        fe80::fc37:94ff:fee9:6f46/64 
-3473746128       UNKNOWN        fe80::fc62:fcff:fe5b:656a/64 
-6844105562       UNKNOWN        fe80::fc69:e3ff:fe51:837c/64 
-2285253971       UNKNOWN        fe80::fc43:26ff:feea:ec4f/64 
-4965374655       UNKNOWN        fe80::fce8:fff:fe38:5de7/64 
-3975024440       UNKNOWN        fe80::fcf9:f2ff:fe93:87b6/64 
-8318991295       UNKNOWN        fe80::fc16:faff:feeb:fc18/64 
-6899839531       UNKNOWN        fe80::fcbf:b3ff:fe7f:faa6/64 
-5136141790       UNKNOWN        fe80::fc7a:b2ff:fee9:f0fa/64 
-6945298055       UNKNOWN        fe80::fce2:d3ff:fed8:fc28/64 
-6641190120       UNKNOWN        fe80::fc4f:73ff:fea1:71c/64 
-
---- Interface Speeds ---
-  1384622875: 10Mbps (driver: tun)
-  1512514452: 10Mbps (driver: tun)
-  1876239691: 10Mbps (driver: tun)
-  2285253971: 10Mbps (driver: tun)
-  3473746128: 10Mbps (driver: tun)
-  3687292804: 1000Mbps (driver: macvlan)
-  3975024440: 10Mbps (driver: tun)
-  4142776250: 10Mbps (driver: tun)
-  4480397161: 10Mbps (driver: tun)
-  4793215883: 10Mbps (driver: tun)
-  4965374655: 10Mbps (driver: tun)
-  5136141790: 10Mbps (driver: tun)
-  5579955486: 10Mbps (driver: tun)
-  5691952363: 10Mbps (driver: tun)
-  6226104096: 10Mbps (driver: tun)
-  6641190120: 10Mbps (driver: tun)
-  6844105562: 10Mbps (driver: tun)
-  6899839531: 10Mbps (driver: tun)
-  6945298055: 10Mbps (driver: tun)
-  8232538989: 10Mbps (driver: tun)
-  8318991295: 10Mbps (driver: tun)
-  9065882520: 10Mbps (driver: tun)
-  9865730239: 10Mbps (driver: tun)
-  br0: 1000Mbps (driver: bridge)
-  eno1: 1000Mbps (driver: igb)
-  eno2: -1Mbps (driver: igb)
-  eno3: 1000Mbps (driver: igb)
-  eno4: -1Mbps (driver: igb)
-  enp68s0f0: 10000Mbps (driver: ixgbe)
-  enp68s0f1: -1Mbps (driver: ixgbe)
-
---- Default Route ---
-default via 66.186.37.129 dev br0 proto static metric 10 
-
---- Bridge / Bond Config ---
-bridge name	bridge id		STP enabled	interfaces
-br0		8000.b8ca3a6ec5cc	yes		1384622875
-							1512514452
-							1876239691
-							2285253971
-							3473746128
-							3975024440
-							4142776250
-							4480397161
-							4793215883
-							4965374655
-							5136141790
-							5579955486
-							5691952363
-							6226104096
-							6641190120
-							6844105562
-							6899839531
-							6945298055
-							8232538989
-							8318991295
-							9065882520
-							9865730239
-							eno1
-8: br0: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc noqueue state UP mode DEFAULT group default qlen 1000
-
-
-===== LIBVIRT / KVM =====
---- Libvirt Version ---
-Compiled against library: libvirt 10.10.0
-Using library: libvirt 10.10.0
-Using API: QEMU 10.10.0
-Running hypervisor: QEMU 9.1.0
-Running against daemon: 10.10.0
-
-
---- All VMs (running + stopped) ---
- Id   Name                                   State
-------------------------------------------------------
- 1    82e3ea29-a7eb-49eb-ad66-2a7523359408   running
- 2    0ad0f8f8-c784-4cd7-a885-064fd5dec42b   running
- 5    c163a847-d2cf-489a-b2ae-402daa0fb880   running
- 6    571fa5af-f75c-4f6e-95b7-c0e68200a9ae   running
- 10   9469dd33-0d1e-460e-9674-94508798497c   running
- 11   0ce20a29-bf89-4095-9abc-1e148613d2a7   running
- 12   40631bb2-34fc-42ea-b58c-60506d1adb09   running
- 13   98268e4a-7812-43a7-bbd1-b1cc4e366368   running
- 14   99a23167-132c-49b8-8203-7529077b135e   running
- 15   2dd34cb1-8faa-4448-a5b8-21bbd1104459   running
- 18   4d4689a2-543c-4543-b501-31828c9c6564   running
- 22   bbb290fa-2a94-408a-904c-b96140034807   running
- 25   8e3d0c3a-2a70-4c6b-9030-057300cb5e47   running
- 26   e028b84c-5a0d-427d-bd98-efb178826072   running
- 27   3579b300-eac8-4e7f-b6fa-d3c11b63c062   running
- 28   5cf90f68-657c-41af-a96d-ddc7b2c3e0b8   running
- 34   594ffdd9-06dd-4183-b956-21a601edfef1   running
- 35   721de6e8-0e3c-490b-aab6-4daa7aed7f35   running
- 36   680f78b5-d774-4aa9-a12b-3c6aaa9f4aae   running
- 38   95b968e8-1975-4de1-85bb-9c521486d431   running
- 39   e8fac828-9665-42b1-bde0-a46d63e67e60   running
- 40   716d7378-9108-4b12-afef-cd1af4448c25   running
-
-
---- Running VM Count ---
-22
-
---- VM Resource Usage ---
-VM_NAME | vCPUs | RAM_MAX | STATE
---------|-------|---------|------
-82e3ea29-a7eb-49eb-ad66-2a7523359408 | 1 | 1048576 KiB | running
-0ad0f8f8-c784-4cd7-a885-064fd5dec42b | 6 | 16777216 KiB | running
-c163a847-d2cf-489a-b2ae-402daa0fb880 | 4 | 8388608 KiB | running
-571fa5af-f75c-4f6e-95b7-c0e68200a9ae | 4 | 8388608 KiB | running
-9469dd33-0d1e-460e-9674-94508798497c | 6 | 16777216 KiB | running
-0ce20a29-bf89-4095-9abc-1e148613d2a7 | 6 | 16777216 KiB | running
-40631bb2-34fc-42ea-b58c-60506d1adb09 | 6 | 16777216 KiB | running
-98268e4a-7812-43a7-bbd1-b1cc4e366368 | 6 | 16777216 KiB | running
-99a23167-132c-49b8-8203-7529077b135e | 4 | 8388608 KiB | running
-2dd34cb1-8faa-4448-a5b8-21bbd1104459 | 4 | 8388608 KiB | running
-4d4689a2-543c-4543-b501-31828c9c6564 | 4 | 8388608 KiB | running
-bbb290fa-2a94-408a-904c-b96140034807 | 1 | 1048576 KiB | running
-8e3d0c3a-2a70-4c6b-9030-057300cb5e47 | 4 | 2097152 KiB | running
-e028b84c-5a0d-427d-bd98-efb178826072 | 6 | 16777216 KiB | running
-3579b300-eac8-4e7f-b6fa-d3c11b63c062 | 1 | 2097152 KiB | running
-5cf90f68-657c-41af-a96d-ddc7b2c3e0b8 | 6 | 16777216 KiB | running
-594ffdd9-06dd-4183-b956-21a601edfef1 | 1 | 2097152 KiB | running
-721de6e8-0e3c-490b-aab6-4daa7aed7f35 | 1 | 1048576 KiB | running
-680f78b5-d774-4aa9-a12b-3c6aaa9f4aae | 6 | 16777216 KiB | running
-95b968e8-1975-4de1-85bb-9c521486d431 | 4 | 8388608 KiB | running
-e8fac828-9665-42b1-bde0-a46d63e67e60 | 8 | 33554432 KiB | running
-716d7378-9108-4b12-afef-cd1af4448c25 | 4 | 8388608 KiB | running
-
---- Total Allocated vCPUs (running VMs) ---
-93
-
---- Total Allocated RAM (running VMs) ---
-230400 MB (225 GB)
-
---- VM Disk Locations ---
-[82e3ea29-a7eb-49eb-ad66-2a7523359408]
- file   disk     vda      /mnt/vms/82e3ea29-a7eb-49eb-ad66-2a7523359408_1.img
- file   disk     sdx      /home/vf-data/server/82e3ea29-a7eb-49eb-ad66-2a7523359408/cloud-drive.img
-[0ad0f8f8-c784-4cd7-a885-064fd5dec42b]
- file   disk     vda      /mnt/vms/0ad0f8f8-c784-4cd7-a885-064fd5dec42b_1.img
- file   disk     sdx      /home/vf-data/server/0ad0f8f8-c784-4cd7-a885-064fd5dec42b/cloud-drive.img
-[c163a847-d2cf-489a-b2ae-402daa0fb880]
- file   disk     vda      /mnt/vms/c163a847-d2cf-489a-b2ae-402daa0fb880_1.img
- file   disk     sdx      /home/vf-data/server/c163a847-d2cf-489a-b2ae-402daa0fb880/cloud-drive.img
-[571fa5af-f75c-4f6e-95b7-c0e68200a9ae]
- file   disk     vda      /mnt/vms/571fa5af-f75c-4f6e-95b7-c0e68200a9ae_1.img
- file   disk     sdx      /home/vf-data/server/571fa5af-f75c-4f6e-95b7-c0e68200a9ae/cloud-drive.img
-[9469dd33-0d1e-460e-9674-94508798497c]
- file   disk     vda      /mnt/vms/9469dd33-0d1e-460e-9674-94508798497c_1.img
- file   disk     sdx      /home/vf-data/server/9469dd33-0d1e-460e-9674-94508798497c/cloud-drive.img
-[0ce20a29-bf89-4095-9abc-1e148613d2a7]
- file   disk     vda      /mnt/vms/0ce20a29-bf89-4095-9abc-1e148613d2a7_1.img
- file   disk     sdx      /home/vf-data/server/0ce20a29-bf89-4095-9abc-1e148613d2a7/cloud-drive.img
-[40631bb2-34fc-42ea-b58c-60506d1adb09]
- file   disk     vda      /mnt/vms/40631bb2-34fc-42ea-b58c-60506d1adb09_1.img
- file   disk     sdx      /home/vf-data/server/40631bb2-34fc-42ea-b58c-60506d1adb09/cloud-drive.img
-[98268e4a-7812-43a7-bbd1-b1cc4e366368]
- file   disk     vda      /mnt/vms/98268e4a-7812-43a7-bbd1-b1cc4e366368_1.img
- file   disk     sdx      /home/vf-data/server/98268e4a-7812-43a7-bbd1-b1cc4e366368/cloud-drive.img
-[99a23167-132c-49b8-8203-7529077b135e]
- file   disk     vda      /mnt/vms/99a23167-132c-49b8-8203-7529077b135e_1.img
- file   disk     sdx      /home/vf-data/server/99a23167-132c-49b8-8203-7529077b135e/cloud-drive.img
-[2dd34cb1-8faa-4448-a5b8-21bbd1104459]
- file   disk     vda      /mnt/vms/2dd34cb1-8faa-4448-a5b8-21bbd1104459_1.img
- file   disk     sdx      /home/vf-data/server/2dd34cb1-8faa-4448-a5b8-21bbd1104459/cloud-drive.img
-[4d4689a2-543c-4543-b501-31828c9c6564]
- file   disk     vda      /mnt/vms/4d4689a2-543c-4543-b501-31828c9c6564_1.img
- file   disk     sdx      /home/vf-data/server/4d4689a2-543c-4543-b501-31828c9c6564/cloud-drive.img
-[bbb290fa-2a94-408a-904c-b96140034807]
- file   disk     vda      /mnt/vms/bbb290fa-2a94-408a-904c-b96140034807_1.img
- file   disk     sdx      /home/vf-data/server/bbb290fa-2a94-408a-904c-b96140034807/cloud-drive.img
-[8e3d0c3a-2a70-4c6b-9030-057300cb5e47]
- file   disk     vda      /mnt/vms/8e3d0c3a-2a70-4c6b-9030-057300cb5e47_1.img
- file   disk     vdb      /mnt/vms/8e3d0c3a-2a70-4c6b-9030-057300cb5e47_2.img
- file   disk     sdx      /home/vf-data/server/8e3d0c3a-2a70-4c6b-9030-057300cb5e47/cloud-drive.img
-[e028b84c-5a0d-427d-bd98-efb178826072]
- file   disk     vda      /mnt/vms/e028b84c-5a0d-427d-bd98-efb178826072_1.img
- file   disk     sdx      /home/vf-data/server/e028b84c-5a0d-427d-bd98-efb178826072/cloud-drive.img
-[3579b300-eac8-4e7f-b6fa-d3c11b63c062]
- file   disk     vda      /mnt/vms/3579b300-eac8-4e7f-b6fa-d3c11b63c062_1.img
- file   disk     sdx      /home/vf-data/server/3579b300-eac8-4e7f-b6fa-d3c11b63c062/cloud-drive.img
-[5cf90f68-657c-41af-a96d-ddc7b2c3e0b8]
- file   disk     vda      /mnt/vms/5cf90f68-657c-41af-a96d-ddc7b2c3e0b8_1.img
- file   disk     vdd      /mnt/vms/5cf90f68-657c-41af-a96d-ddc7b2c3e0b8_4.img
- file   disk     sdx      /home/vf-data/server/5cf90f68-657c-41af-a96d-ddc7b2c3e0b8/cloud-drive.img
-[594ffdd9-06dd-4183-b956-21a601edfef1]
- file   disk     vda      /mnt/vms/594ffdd9-06dd-4183-b956-21a601edfef1_1.img
- file   disk     sdx      /home/vf-data/server/594ffdd9-06dd-4183-b956-21a601edfef1/cloud-drive.img
-[721de6e8-0e3c-490b-aab6-4daa7aed7f35]
- file   disk     vda      /mnt/vms/721de6e8-0e3c-490b-aab6-4daa7aed7f35_1.img
- file   disk     sdx      /home/vf-data/server/721de6e8-0e3c-490b-aab6-4daa7aed7f35/cloud-drive.img
-[680f78b5-d774-4aa9-a12b-3c6aaa9f4aae]
- file   disk     vda      /mnt/vms/680f78b5-d774-4aa9-a12b-3c6aaa9f4aae_1.img
- file   disk     sdx      /home/vf-data/server/680f78b5-d774-4aa9-a12b-3c6aaa9f4aae/cloud-drive.img
-[95b968e8-1975-4de1-85bb-9c521486d431]
- file   disk     vda      /mnt/vms/95b968e8-1975-4de1-85bb-9c521486d431_1.img
- file   disk     sdx      /home/vf-data/server/95b968e8-1975-4de1-85bb-9c521486d431/cloud-drive.img
-[e8fac828-9665-42b1-bde0-a46d63e67e60]
- file   disk     vda      /mnt/vms/e8fac828-9665-42b1-bde0-a46d63e67e60_1.img
- file   disk     sdx      /home/vf-data/server/e8fac828-9665-42b1-bde0-a46d63e67e60/cloud-drive.img
-[716d7378-9108-4b12-afef-cd1af4448c25]
- file   disk     vda      /mnt/vms/716d7378-9108-4b12-afef-cd1af4448c25_1.img
- file   disk     sdx      /home/vf-data/server/716d7378-9108-4b12-afef-cd1af4448c25/cloud-drive.img
-
---- Storage Pools ---
- Name   State   Autostart
----------------------------
-
-
-===== QEMU =====
---- QEMU Version ---
-QEMU emulator version 9.1.0 (qemu-kvm-9.1.0-29.el9_7.alma.1)
-
-===== DISK USAGE BY VM IMAGES =====
---- qcow2 files ---
-  /home/vf-data/os/template/ubuntu-lunar-server-cloudimg-amd64.qcow2  (actual: 722M, virtual: 3.5 GiB)
-  /home/vf-data/os/template/ubuntu-focal-server-cloudimg-amd64-2023-04-25.qcow2  (actual: 613M, virtual: 2.2 GiB)
-  /home/vf-data/os/template/ubuntu-noble-server-cloudimg-amd64-2024-04-25.qcow2  (actual: 557M, virtual: 3.5 GiB)
-  /home/vf-data/os/template/windows_server_2012_r2_standard.qcow2  (actual: 12G, virtual: 12.2 GiB)
-  /home/vf-data/os/template/centos-7-minimal-x86-64.qcow2  (actual: 446M, virtual: 1.95 GiB)
-  /home/vf-data/os/template/alma-linux-8-minimal-x86_64-2024-01-27.qcow2  (actual: 679M, virtual: 10 GiB)
-  /home/vf-data/os/template/centos-stream-8-minimal-x86_64.qcow2  (actual: 486M, virtual: 3.61 GiB)
-  /home/vf-data/os/template/debian-12-x86_64-2023-06-11.qcow2  (actual: 441M, virtual: 1.95 GiB)
-  /home/vf-data/os/template/ubuntu-jammy-server-cloudimg-amd64-2023-04-25.qcow2  (actual: 646M, virtual: 2.2 GiB)
-  /home/vf-data/os/template/almalinux-9-x86_64-2024-11-20.qcow2  (actual: 507M, virtual: 10 GiB)
-  /home/vf-data/os/template/windows-server-2025-standard-2024-11-06.qcow2  (actual: 5.9G, virtual: 12.2 GiB)
-  /home/vf-data/os/template/windows-server-2019-standard-2024-03-06.qcow2  (actual: 5.8G, virtual: 13.7 GiB)
-  /home/vf-data/os/template/windows-server-2022-standard-2024-03-06.qcow2  (actual: 5.5G, virtual: 12.2 GiB)
-  /home/vf-data/os/template/centos-8-3-x86-64.qcow2  (actual: 1.3G, virtual: 10 GiB)
-  /home/vf-data/os/template/almalinux-10-x86-64.qcow2  (actual: 439M, virtual: 10 GiB)
-  /home/vf-data/os/template/fedora-42-x86-64.qcow2  (actual: 508M, virtual: 5 GiB)
-  /mnt/data/windows_10_template_v1.qcow2  (actual: 11G, virtual: 25 GiB)
-
---- raw disk files ---
-
-===== SERVICES =====
---- Key Services Status ---
-  libvirtd: active
-  qemu-guest-agent: inactive
-not-found
-  virtfusion: inactive
-not-found
-  virtfusion-agent: inactive
-not-found
-  zfs-zed: inactive
-not-found
-  zfs-import-cache: inactive
-not-found
-  zfs-mount: inactive
-not-found
-
-===== RESOURCE SUMMARY =====
---- CPU ---
-  Total threads: 40
-  Allocated vCPUs: 93
-  Overcommit ratio: N/A
-
---- RAM ---
-  Total RAM: 386388 MB (377 GB)
-  Allocated to VMs: 230400 MB (225 GB)
-  Free for host/new VMs: 155988 MB
-  Utilization: N/A%
-
-===== END =====
diff --git a/ezscale-discovery-20260208-163247/vf-node-03.txt b/ezscale-discovery-20260208-163247/vf-node-03.txt
deleted file mode 100644
index 97fe5e9..0000000
--- a/ezscale-discovery-20260208-163247/vf-node-03.txt
+++ /dev/null
@@ -1,374 +0,0 @@
-===== SYSTEM INFO =====
---- Hostname ---
-atl-03.node.vps.ezscale.tech
-
---- OS ---
-NAME="AlmaLinux"
-VERSION="9.6 (Sage Margay)"
-VERSION_ID="9.6"
-PRETTY_NAME="AlmaLinux 9.6 (Sage Margay)"
-
---- Kernel ---
-5.14.0-570.49.1.el9_6.x86_64
-
---- Uptime ---
- 11:33:06 up 99 days,  4:43,  0 users,  load average: 1.41, 1.92, 1.97
-
-===== CPU =====
---- Model ---
-Intel(R) Xeon(R) CPU E5-2680 v4 @ 2.40GHz
-
---- Physical CPUs ---
-2
-
---- Cores per CPU ---
-14
-
---- Total Threads ---
-56
-
---- CPU Flags (virt) ---
-ept vmx 
-
---- lscpu summary ---
-CPU(s):                                  56
-On-line CPU(s) list:                     0-55
-Model name:                              Intel(R) Xeon(R) CPU E5-2680 v4 @ 2.40GHz
-BIOS Model name:                         Intel(R) Xeon(R) CPU E5-2680 v4 @ 2.40GHz
-Thread(s) per core:                      2
-Core(s) per socket:                      14
-Socket(s):                               2
-CPU(s) scaling MHz:                      100%
-CPU max MHz:                             2900.0000
-CPU min MHz:                             1200.0000
-L1d cache:                               896 KiB (28 instances)
-L1i cache:                               896 KiB (28 instances)
-L2 cache:                                7 MiB (28 instances)
-L3 cache:                                70 MiB (2 instances)
-NUMA node0 CPU(s):                       0,2,4,6,8,10,12,14,16,18,20,22,24,26,28,30,32,34,36,38,40,42,44,46,48,50,52,54
-NUMA node1 CPU(s):                       1,3,5,7,9,11,13,15,17,19,21,23,25,27,29,31,33,35,37,39,41,43,45,47,49,51,53,55
-Vulnerability L1tf:                      Mitigation; PTE Inversion; VMX conditional cache flushes, SMT vulnerable
-
-===== MEMORY =====
---- Total / Used / Free ---
-               total        used        free      shared  buff/cache   available
-Mem:           440Gi       180Gi       238Gi       4.0Gi        27Gi       259Gi
-Swap:           15Gi          0B        15Gi
-
---- DIMM Details ---
-	Error Correction Type: Multi-bit ECC
-	Locator: A1
-	Bank Locator: Not Specified
-	Type: Unknown
-	Type Detail: None
-	Size: 32 GB
-	Locator: A2
-	Bank Locator: Not Specified
-	Type: DDR4
-	Type Detail: Synchronous Registered (Buffered)
-	Speed: 2400 MT/s
-	Configured Memory Speed: 1866 MT/s
-	Size: 32 GB
-	Locator: A3
-	Bank Locator: Not Specified
-	Type: DDR4
-	Type Detail: Synchronous Registered (Buffered)
-	Speed: 2400 MT/s
-	Configured Memory Speed: 1866 MT/s
-	Size: 32 GB
-	Locator: A4
-	Bank Locator: Not Specified
-	Type: DDR4
-	Type Detail: Synchronous Registered (Buffered)
-	Speed: 2400 MT/s
-	Configured Memory Speed: 1866 MT/s
-	Locator: A5
-	Bank Locator: Not Specified
-	Type: Unknown
-	Type Detail: None
-	Size: 32 GB
-	Locator: A6
-	Bank Locator: Not Specified
-	Type: DDR4
-	Type Detail: Synchronous Registered (Buffered)
-	Speed: 2400 MT/s
-	Configured Memory Speed: 1866 MT/s
-	Size: 32 GB
-	Locator: A7
-	Bank Locator: Not Specified
-
-===== STORAGE - BLOCK DEVICES =====
---- lsblk ---
-NAME        SIZE TYPE  FSTYPE            MOUNTPOINT ROTA MODEL
-sda       223.6G disk                                  0 KINGSTON SA400S37240G
-├─sda1        1G part  xfs               /boot         0 
-└─sda2    222.6G part  linux_raid_member               0 
-  └─md127 222.4G raid1 ext4              /             0 
-sdb           0B disk                                  0 STORAGE DEVICE
-sdc         1.9T disk                                  0 Micron_1100_MTFDDAK2T0TBN
-├─sdc1      1.9T part  zfs_member                      0 
-└─sdc9        8M part                                  0 
-sdd         1.9T disk                                  0 Micron_1100_MTFDDAK2T0TBN
-├─sdd1      1.9T part  zfs_member                      0 
-└─sdd9        8M part                                  0 
-sde       223.6G disk                                  0 KINGSTON SA400S37240G
-└─sde1    222.6G part  linux_raid_member               0 
-  └─md127 222.4G raid1 ext4              /             0 
-
---- Disk Models ---
-NAME   SIZE MODEL                     ROTA TRAN
-sda  223.6G KINGSTON SA400S37240G        0 sata
-sdb      0B STORAGE DEVICE               0 usb
-sdc    1.9T Micron_1100_MTFDDAK2T0TBN    0 sata
-sdd    1.9T Micron_1100_MTFDDAK2T0TBN    0 sata
-sde  223.6G KINGSTON SA400S37240G        0 sata
-
-===== STORAGE - FILESYSTEM =====
---- df -h ---
-Filesystem      Size  Used Avail Use% Mounted on
-/dev/md127      218G  113G   95G  55% /
-/dev/sda1       960M  330M  631M  35% /boot
-tank            1.7T  128K  1.7T   1% /tank
-tank/vms        1.8T  165G  1.7T  10% /tank/vms
-
-===== STORAGE - ZFS =====
---- ZFS Pools ---
-NAME                                             SIZE  ALLOC   FREE  CKPOINT  EXPANDSZ   FRAG    CAP  DEDUP    HEALTH  ALTROOT
-tank                                            1.86T   197G  1.67T        -         -    35%    10%  1.00x    ONLINE  -
-  mirror-0                                      1.86T   197G  1.67T        -         -    35%  10.3%      -    ONLINE
-    ata-Micron_1100_MTFDDAK2T0TBN_17021569179A  1.86T      -      -        -         -      -      -      -    ONLINE
-    ata-Micron_1100_MTFDDAK2T0TBN_1711166E8924  1.86T      -      -        -         -      -      -      -    ONLINE
-
---- ZFS Pool Status ---
-  pool: tank
- state: ONLINE
-config:
-
-	NAME                                            STATE     READ WRITE CKSUM
-	tank                                            ONLINE       0     0     0
-	  mirror-0                                      ONLINE       0     0     0
-	    ata-Micron_1100_MTFDDAK2T0TBN_17021569179A  ONLINE       0     0     0
-	    ata-Micron_1100_MTFDDAK2T0TBN_1711166E8924  ONLINE       0     0     0
-
-errors: No known data errors
-
---- ZFS Datasets ---
-NAME       USED  AVAIL  REFER  MOUNTPOINT
-tank       197G  1.61T    96K  /tank
-tank/vms   196G  1.61T   165G  /tank/vms
-
---- ZFS Properties (compression, ashift, recordsize) ---
-
-===== STORAGE - LVM =====
---- Physical Volumes ---
-
---- Volume Groups ---
-
---- Logical Volumes ---
-
-===== STORAGE - MDADM (Software RAID) =====
-Personalities : [raid1] 
-md127 : active raid1 sde1[0] sda2[1]
-      233248768 blocks super 1.2 [2/2] [UU]
-      bitmap: 2/2 pages [8KB], 65536KB chunk
-
-unused devices: <none>
-
-===== NETWORK =====
---- Interfaces ---
-lo               UNKNOWN        127.0.0.1/8 ::1/128 
-enp3s0f0         DOWN           
-eno1             DOWN           
-enp3s0f1         DOWN           
-eno2             DOWN           
-eno3             UP             
-eno4             UP             
-enp129s0f0       DOWN           
-enp129s0f1       DOWN           
-br0              UP             66.186.37.252/25 fe80::1c0c:69a9:ca9b:f163/64 
-6676408128       UNKNOWN        fe80::fc30:1cff:fe10:3959/64 
-4794906989       UNKNOWN        fe80::fc98:3ff:fe85:6a2e/64 
-8901578154       UNKNOWN        fe80::fcf0:2cff:fe63:ba26/64 
-1787749754       UNKNOWN        fe80::fce5:fcff:fe53:513f/64 
-3327536383       UNKNOWN        fe80::fc0d:1aff:fe42:94c0/64 
-5326490493       UNKNOWN        fe80::fce3:fbff:fec0:f4cd/64 
-2313996727       UNKNOWN        fe80::fc19:21ff:fe56:f471/64 
-9265995741       UNKNOWN        fe80::fc02:3dff:fe83:2d3f/64 
-7640912805       UNKNOWN        fe80::fc9b:fff:fe23:46be/64 
-4655817081       UNKNOWN        fe80::fc0d:d7ff:fea6:e089/64 
-7771553970       UNKNOWN        fe80::fcb8:dfff:fe7b:492e/64 
-
---- Interface Speeds ---
-  1787749754: 10Mbps (driver: tun)
-  2313996727: 10Mbps (driver: tun)
-  3327536383: 10Mbps (driver: tun)
-  4655817081: 10Mbps (driver: tun)
-  4794906989: 10Mbps (driver: tun)
-  5326490493: 10Mbps (driver: tun)
-  6676408128: 10Mbps (driver: tun)
-  7640912805: 10Mbps (driver: tun)
-  7771553970: 10Mbps (driver: tun)
-  8901578154: 10Mbps (driver: tun)
-  9265995741: 10Mbps (driver: tun)
-  br0: 1000Mbps (driver: bridge)
-  eno1: -1Mbps (driver: bnx2x)
-  eno2: -1Mbps (driver: bnx2x)
-  eno3: 1000Mbps (driver: bnx2x)
-  eno4: 1000Mbps (driver: bnx2x)
-  enp129s0f0: -1Mbps (driver: bnx2x)
-  enp129s0f1: -1Mbps (driver: bnx2x)
-  enp3s0f0: -1Mbps (driver: ixgbe)
-  enp3s0f1: -1Mbps (driver: ixgbe)
-
---- Default Route ---
-default via 66.186.37.129 dev br0 proto static metric 425 
-
---- Bridge / Bond Config ---
-bridge name	bridge id		STP enabled	interfaces
-br0		8000.1866da8ba8ee	yes		1787749754
-							2313996727
-							3327536383
-							4655817081
-							4794906989
-							5326490493
-							6676408128
-							7640912805
-							7771553970
-							8901578154
-							9265995741
-							eno4
-10: br0: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc noqueue state UP mode DEFAULT group default qlen 1000
-
-
-===== LIBVIRT / KVM =====
---- Libvirt Version ---
-Compiled against library: libvirt 10.10.0
-Using library: libvirt 10.10.0
-Using API: QEMU 10.10.0
-Running hypervisor: QEMU 9.1.0
-Running against daemon: 10.10.0
-
-
---- All VMs (running + stopped) ---
- Id    Name                                   State
--------------------------------------------------------
- 4     2ce09938-9aa6-44cc-9a58-a52a9f717c5e   running
- 8     5e134a7a-728e-4fec-bf37-7e6e4649904c   running
- 28    b69ff6b7-5145-4254-9013-6ce723a68c40   running
- 44    1f192a2c-0ef2-4b2d-9722-db4914b4efaa   running
- 81    9b8b3835-192e-4f81-ada6-ba3c4b6b6bfc   paused
- 85    192e4df7-d1ce-40e9-b4f5-ad8c69ce97dd   running
- 86    5cf0eb8f-dd1a-43cf-a3ea-c618484d6aa6   running
- 97    d779c625-55e4-4e3e-8d37-a374d8715c37   running
- 100   cb1e6977-93ef-4fd7-a48e-850eb6dc08e7   running
- 101   7fe23def-a545-4f65-ac5a-9ff570efaabe   running
- 102   fff80538-33cd-46a2-a29c-bafbe08eb507   running
-
-
---- Running VM Count ---
-10
-
---- VM Resource Usage ---
-VM_NAME | vCPUs | RAM_MAX | STATE
---------|-------|---------|------
-2ce09938-9aa6-44cc-9a58-a52a9f717c5e | 8 | 33554432 KiB | running
-5e134a7a-728e-4fec-bf37-7e6e4649904c | 6 | 16777216 KiB | running
-b69ff6b7-5145-4254-9013-6ce723a68c40 | 4 | 8388608 KiB | running
-1f192a2c-0ef2-4b2d-9722-db4914b4efaa | 4 | 8388608 KiB | running
-192e4df7-d1ce-40e9-b4f5-ad8c69ce97dd | 4 | 8388608 KiB | running
-5cf0eb8f-dd1a-43cf-a3ea-c618484d6aa6 | 4 | 8388608 KiB | running
-d779c625-55e4-4e3e-8d37-a374d8715c37 | 4 | 8388608 KiB | running
-cb1e6977-93ef-4fd7-a48e-850eb6dc08e7 | 4 | 8388608 KiB | running
-7fe23def-a545-4f65-ac5a-9ff570efaabe | 4 | 8388608 KiB | running
-fff80538-33cd-46a2-a29c-bafbe08eb507 | 4 | 8388608 KiB | running
-
---- Total Allocated vCPUs (running VMs) ---
-46
-
---- Total Allocated RAM (running VMs) ---
-114688 MB (112 GB)
-
---- VM Disk Locations ---
-[2ce09938-9aa6-44cc-9a58-a52a9f717c5e]
- file   disk     vda      /tank/vms/2ce09938-9aa6-44cc-9a58-a52a9f717c5e_1.img
-[5e134a7a-728e-4fec-bf37-7e6e4649904c]
- file   disk     vda      /tank/vms/5e134a7a-728e-4fec-bf37-7e6e4649904c_1.img
-[b69ff6b7-5145-4254-9013-6ce723a68c40]
- file   disk     vda      /tank/vms/b69ff6b7-5145-4254-9013-6ce723a68c40_1.img
- file   disk     sdx      /home/vf-data/server/b69ff6b7-5145-4254-9013-6ce723a68c40/cloud-drive.img
-[1f192a2c-0ef2-4b2d-9722-db4914b4efaa]
- file   disk     vda      /tank/vms/1f192a2c-0ef2-4b2d-9722-db4914b4efaa_1.img
- file   disk     sdx      /home/vf-data/server/1f192a2c-0ef2-4b2d-9722-db4914b4efaa/cloud-drive.img
-[9b8b3835-192e-4f81-ada6-ba3c4b6b6bfc]
- file   disk     vda      /tank/vms/9b8b3835-192e-4f81-ada6-ba3c4b6b6bfc_1.img
- file   disk     sdx      /home/vf-data/server/9b8b3835-192e-4f81-ada6-ba3c4b6b6bfc/cloud-drive.img
-[192e4df7-d1ce-40e9-b4f5-ad8c69ce97dd]
- file   disk     vda      /tank/vms/192e4df7-d1ce-40e9-b4f5-ad8c69ce97dd_1.img
- file   disk     sdx      /home/vf-data/server/192e4df7-d1ce-40e9-b4f5-ad8c69ce97dd/cloud-drive.img
-[5cf0eb8f-dd1a-43cf-a3ea-c618484d6aa6]
- file   disk     vda      /tank/vms/5cf0eb8f-dd1a-43cf-a3ea-c618484d6aa6_1.img
- file   disk     sdx      /home/vf-data/server/5cf0eb8f-dd1a-43cf-a3ea-c618484d6aa6/cloud-drive.img
-[d779c625-55e4-4e3e-8d37-a374d8715c37]
- file   disk     vda      /tank/vms/d779c625-55e4-4e3e-8d37-a374d8715c37_1.img
- file   disk     sdx      /home/vf-data/server/d779c625-55e4-4e3e-8d37-a374d8715c37/cloud-drive.img
-[cb1e6977-93ef-4fd7-a48e-850eb6dc08e7]
- file   disk     vda      /tank/vms/cb1e6977-93ef-4fd7-a48e-850eb6dc08e7_1.img
- file   disk     sdx      /home/vf-data/server/cb1e6977-93ef-4fd7-a48e-850eb6dc08e7/cloud-drive.img
-[7fe23def-a545-4f65-ac5a-9ff570efaabe]
- file   disk     vda      /tank/vms/7fe23def-a545-4f65-ac5a-9ff570efaabe_1.img
- file   disk     sdx      /home/vf-data/server/7fe23def-a545-4f65-ac5a-9ff570efaabe/cloud-drive.img
-[fff80538-33cd-46a2-a29c-bafbe08eb507]
- file   disk     vda      /tank/vms/fff80538-33cd-46a2-a29c-bafbe08eb507_1.img
- file   disk     sdx      /home/vf-data/server/fff80538-33cd-46a2-a29c-bafbe08eb507/cloud-drive.img
-
---- Storage Pools ---
- Name   State   Autostart
----------------------------
-
-
-===== QEMU =====
---- QEMU Version ---
-QEMU emulator version 9.1.0 (qemu-kvm-9.1.0-15.el9_6.9.alma.1)
-
-===== DISK USAGE BY VM IMAGES =====
---- qcow2 files ---
-  /home/vf-data/os/template/windows-server-2025-standard-2024-11-06.qcow2  (actual: 5.9G, virtual: 12.2 GiB)
-  /home/vf-data/os/template/ubuntu-noble-server-cloudimg-amd64-2024-04-25.qcow2  (actual: 592M, virtual: 3.5 GiB)
-  /home/vf-data/os/template/ubuntu-focal-server-cloudimg-amd64-2023-04-25.qcow2  (actual: 618M, virtual: 2.2 GiB)
-  /home/vf-data/os/template/almalinux-10-x86-64.qcow2  (actual: 439M, virtual: 10 GiB)
-  /home/vf-data/os/template/ubuntu-jammy-server-cloudimg-amd64-2023-04-25.qcow2  (actual: 655M, virtual: 2.2 GiB)
-  /home/vf-data/os/template/windows-server-2019-standard-2024-03-06.qcow2  (actual: 5.8G, virtual: 13.7 GiB)
-  /home/vf-data/os/template/windows-server-2022-standard-2024-03-06.qcow2  (actual: 5.5G, virtual: 12.2 GiB)
-  /home/vf-data/os/template/centos-8-3-x86-64.qcow2  (actual: 1.3G, virtual: 10 GiB)
-  /home/vf-data/os/template/almalinux-9-x86_64-2024-11-20.qcow2  (actual: 507M, virtual: 10 GiB)
-  /home/vf-data/os/template/alma-linux-8-minimal-x86_64-2024-01-27.qcow2  (actual: 679M, virtual: 10 GiB)
-
---- raw disk files ---
-
-===== SERVICES =====
---- Key Services Status ---
-  libvirtd: inactive
-not-found
-  qemu-guest-agent: inactive
-not-found
-  virtfusion: inactive
-not-found
-  virtfusion-agent: inactive
-not-found
-  zfs-zed: active
-  zfs-import-cache: active
-  zfs-mount: active
-
-===== RESOURCE SUMMARY =====
---- CPU ---
-  Total threads: 56
-  Allocated vCPUs: 46
-  Overcommit ratio: .82
-
---- RAM ---
-  Total RAM: 450850 MB (440 GB)
-  Allocated to VMs: 114688 MB (112 GB)
-  Free for host/new VMs: 336162 MB
-  Utilization: 20.0%
-
-===== END =====
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.editorconfig b/vuexy-theme-vue-laravel-full-example-typescript/.editorconfig
deleted file mode 100644
index acdbcd9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.editorconfig
+++ /dev/null
@@ -1,38 +0,0 @@
-# EditorConfig is awesome: https://EditorConfig.org
-
-# top-most EditorConfig file
-root = true
-
-# Unix-style newlines with a newline ending every file
-[*]
-end_of_line = lf
-insert_final_newline = true
-
-# Matches multiple files with brace expansion notation
-# Set default charset
-[*.{js,py}]
-charset = utf-8
-
-# 4 space indentation
-[*.py]
-indent_style = space
-indent_size = 4
-
-# 2 space indentation
-[*.{vue,scss,ts}]
-indent_style = space
-indent_size = 2
-
-# Tab indentation (no size specified)
-[Makefile]
-indent_style = tab
-
-# Indentation override for all JS under lib directory
-[lib/**.js]
-indent_style = space
-indent_size = 2
-
-# Matches the exact files either package.json or .travis.yml
-[{package.json,.travis.yml}]
-indent_style = space
-indent_size = 2
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.env.example b/vuexy-theme-vue-laravel-full-example-typescript/.env.example
deleted file mode 100644
index cc8145e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.env.example
+++ /dev/null
@@ -1,67 +0,0 @@
-APP_NAME=Laravel
-APP_ENV=local
-APP_KEY=
-APP_DEBUG=true
-APP_URL=http://localhost
-
-APP_LOCALE=en
-APP_FALLBACK_LOCALE=en
-APP_FAKER_LOCALE=en_US
-
-APP_MAINTENANCE_DRIVER=file
-# APP_MAINTENANCE_STORE=database
-
-# PHP_CLI_SERVER_WORKERS=4
-
-BCRYPT_ROUNDS=12
-
-LOG_CHANNEL=stack
-LOG_STACK=single
-LOG_DEPRECATIONS_CHANNEL=null
-LOG_LEVEL=debug
-
-DB_CONNECTION=sqlite
-# DB_HOST=127.0.0.1
-# DB_PORT=3306
-# DB_DATABASE=laravel
-# DB_USERNAME=root
-# DB_PASSWORD=
-
-SESSION_DRIVER=database
-SESSION_LIFETIME=120
-SESSION_ENCRYPT=false
-SESSION_PATH=/
-SESSION_DOMAIN=null
-
-BROADCAST_CONNECTION=log
-FILESYSTEM_DISK=local
-QUEUE_CONNECTION=database
-
-CACHE_STORE=database
-# CACHE_PREFIX=
-
-MEMCACHED_HOST=127.0.0.1
-
-REDIS_CLIENT=phpredis
-REDIS_HOST=127.0.0.1
-REDIS_PASSWORD=null
-REDIS_PORT=6379
-
-MAIL_MAILER=log
-MAIL_SCHEME=null
-MAIL_HOST=127.0.0.1
-MAIL_PORT=2525
-MAIL_USERNAME=null
-MAIL_PASSWORD=null
-MAIL_FROM_ADDRESS="hello@example.com"
-MAIL_FROM_NAME="${APP_NAME}"
-
-AWS_ACCESS_KEY_ID=
-AWS_SECRET_ACCESS_KEY=
-AWS_DEFAULT_REGION=us-east-1
-AWS_BUCKET=
-AWS_USE_PATH_STYLE_ENDPOINT=false
-
-VITE_APP_NAME="${APP_NAME}"
-VITE_API_BASE_URL=
-VITE_MAPBOX_ACCESS_TOKEN=
\ No newline at end of file
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.eslintrc.cjs b/vuexy-theme-vue-laravel-full-example-typescript/.eslintrc.cjs
deleted file mode 100644
index 279eafb..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.eslintrc.cjs
+++ /dev/null
@@ -1,242 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: [
-    '@antfu/eslint-config-vue',
-    'plugin:vue/vue3-recommended',
-    'plugin:import/recommended',
-    'plugin:import/typescript',
-    'plugin:promise/recommended',
-    'plugin:sonarjs/recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:case-police/recommended',
-    'plugin:regexp/recommended',
-
-    // 'plugin:unicorn/recommended',
-  ],
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    ecmaVersion: 13,
-    parser: '@typescript-eslint/parser',
-    sourceType: 'module',
-  },
-  plugins: [
-    'vue',
-    '@typescript-eslint',
-    'regex',
-    'regexp',
-  ],
-  ignorePatterns: ['resources/ts/plugins/iconify/*.js', 'node_modules', 'dist', '*.d.ts', 'vendor', '*.json'],
-  rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-
-    // indentation (Already present in TypeScript)
-    'comma-spacing': ['error', { before: false, after: true }],
-    'key-spacing': ['error', { afterColon: true }],
-    'n/prefer-global/process': ['off'],
-    'sonarjs/cognitive-complexity': ['off'],
-
-    'vue/first-attribute-linebreak': ['error', {
-      singleline: 'beside',
-      multiline: 'below',
-    }],
-
-    'antfu/top-level-function': 'off',
-    '@typescript-eslint/no-explicit-any': 'off',
-
-    // indentation (Already present in TypeScript)
-    'indent': ['error', 2],
-
-    // Enforce trailing comma (Already present in TypeScript)
-    'comma-dangle': ['error', 'always-multiline'],
-
-    // Enforce consistent spacing inside braces of object (Already present in TypeScript)
-    'object-curly-spacing': ['error', 'always'],
-
-    // Enforce camelCase naming convention
-    'camelcase': 'error',
-
-    // Disable max-len
-    'max-len': 'off',
-
-    // we don't want it
-    'semi': ['error', 'never'],
-
-    // add parens ony when required in arrow function
-    'arrow-parens': ['error', 'as-needed'],
-
-    // add new line above comment
-    'newline-before-return': 'error',
-
-    // add new line above comment
-    'lines-around-comment': [
-      'error',
-      {
-        beforeBlockComment: true,
-        beforeLineComment: true,
-        allowBlockStart: true,
-        allowClassStart: true,
-        allowObjectStart: true,
-        allowArrayStart: true,
-
-        // We don't want to add extra space above closing SECTION
-        ignorePattern: '!SECTION',
-      },
-    ],
-
-    // Ignore _ as unused variable
-    '@typescript-eslint/no-unused-vars': ['error', { varsIgnorePattern: '^_+$', argsIgnorePattern: '^_+$' }],
-
-    'array-element-newline': ['error', 'consistent'],
-    'array-bracket-newline': ['error', 'consistent'],
-
-    'vue/multi-word-component-names': 'off',
-
-    'padding-line-between-statements': [
-      'error',
-      { blankLine: 'always', prev: 'expression', next: 'const' },
-      { blankLine: 'always', prev: 'const', next: 'expression' },
-      { blankLine: 'always', prev: 'multiline-const', next: '*' },
-      { blankLine: 'always', prev: '*', next: 'multiline-const' },
-    ],
-
-    // Plugin: eslint-plugin-import
-    'import/prefer-default-export': 'off',
-    'import/newline-after-import': ['error', { count: 1 }],
-    'no-restricted-imports': ['error', 'vuetify/components', {
-      name: 'vue3-apexcharts',
-      message: 'apexcharts are auto imported',
-    }],
-
-    // For omitting extension for ts files
-    'import/extensions': [
-      'error',
-      'ignorePackages',
-      {
-        js: 'never',
-        jsx: 'never',
-        ts: 'never',
-        tsx: 'never',
-      },
-    ],
-
-    // ignore virtual files
-    'import/no-unresolved': [2, {
-      ignore: [
-        '~pages$',
-        'virtual:meta-layouts',
-        '#auth$',
-        '#components$',
-
-        // Ignore vite's ?raw imports
-        '.*\?raw',
-      ],
-    }],
-
-    // Thanks: https://stackoverflow.com/a/63961972/10796681
-    'no-shadow': 'off',
-    '@typescript-eslint/no-shadow': ['error'],
-
-    '@typescript-eslint/consistent-type-imports': 'error',
-
-    // Plugin: eslint-plugin-promise
-    'promise/always-return': 'off',
-    'promise/catch-or-return': 'off',
-
-    // ESLint plugin vue
-    'vue/block-tag-newline': 'error',
-    'vue/component-api-style': 'error',
-    'vue/component-name-in-template-casing': ['error', 'PascalCase', { registeredComponentsOnly: false, ignores: ['/^swiper-/'] }],
-    'vue/custom-event-name-casing': ['error', 'camelCase', {
-      ignores: [
-        '/^(click):[a-z]+((\d)|([A-Z0-9][a-z0-9]+))*([A-Z])?/',
-      ],
-    }],
-    'vue/define-macros-order': 'error',
-    'vue/html-comment-content-newline': 'error',
-    'vue/html-comment-content-spacing': 'error',
-    'vue/html-comment-indent': 'error',
-    'vue/match-component-file-name': 'error',
-    'vue/no-child-content': 'error',
-    'vue/require-default-prop': 'off',
-
-    'vue/no-duplicate-attr-inheritance': 'error',
-    'vue/no-empty-component-block': 'error',
-    'vue/no-multiple-objects-in-class': 'error',
-    'vue/no-reserved-component-names': 'error',
-    'vue/no-template-target-blank': 'error',
-    'vue/no-useless-mustaches': 'error',
-    'vue/no-useless-v-bind': 'error',
-    'vue/padding-line-between-blocks': 'error',
-    'vue/prefer-separate-static-class': 'error',
-    'vue/prefer-true-attribute-shorthand': 'error',
-    'vue/v-on-function-call': 'error',
-    'vue/no-restricted-class': ['error', '/^(p|m)(l|r)-/'],
-    'vue/valid-v-slot': ['error', {
-      allowModifiers: true,
-    }],
-
-    // -- Extension Rules
-    'vue/no-irregular-whitespace': 'error',
-    'vue/template-curly-spacing': 'error',
-
-    // -- Sonarlint
-    'sonarjs/no-duplicate-string': 'off',
-    'sonarjs/no-nested-template-literals': 'off',
-
-    // -- Unicorn
-    // 'unicorn/filename-case': 'off',
-    // 'unicorn/prevent-abbreviations': ['error', {
-    //   replacements: {
-    //     props: false,
-    //   },
-    // }],
-
-    // Internal Rules
-    'valid-appcardcode-code-prop': 'error',
-    'valid-appcardcode-demo-sfc': 'error',
-
-    // https://github.com/gmullerb/eslint-plugin-regex
-    'regex/invalid': [
-      'error',
-      [
-        {
-          regex: '@/assets/images',
-          replacement: '@images',
-          message: 'Use \'@images\' path alias for image imports',
-        },
-        {
-          regex: '@/assets/styles',
-          replacement: '@styles',
-          message: 'Use \'@styles\' path alias for importing styles from \'resources/ts/assets/styles\'',
-        },
-        {
-          regex: '@core/\\w',
-          message: 'You can\'t use @core when you are in @layouts module',
-          files: {
-            inspect: '@layouts/.*',
-          },
-        },
-        {
-          regex: 'useLayouts\\(',
-          message: '`useLayouts` composable is only allowed in @layouts & @core directory. Please use `useThemeConfig` composable instead.',
-          files: {
-            inspect: '^(?!.*(@core|@layouts)).*',
-          },
-        },
-      ],
-
-      // Ignore files
-      '\.eslintrc\.cjs',
-    ],
-  },
-  settings: {
-    'import/resolver': {
-      node: true,
-      typescript: {},
-    },
-  },
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.gitattributes b/vuexy-theme-vue-laravel-full-example-typescript/.gitattributes
deleted file mode 100644
index e9375a1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.gitattributes
+++ /dev/null
@@ -1,207 +0,0 @@
-## GITATTRIBUTES FOR WEB PROJECTS
-#
-# These settings are for any web project.
-#
-# Details per file setting:
-#   text    These files should be normalized (i.e. convert CRLF to LF).
-#   binary  These files are binary and should be left untouched.
-#
-# Note that binary is a macro for -text -diff.
-######################################################################
-
-# Auto detect
-##   Handle line endings automatically for files detected as
-##   text and leave all files detected as binary untouched.
-##   This will handle all files NOT defined below.
-*                 text=auto
-
-# Source code
-*.bash            text eol=lf
-*.bat             text eol=crlf
-*.cmd             text eol=crlf
-*.coffee          text
-*.css             text diff=css
-*.htm             text diff=html
-*.html            text diff=html
-*.inc             text
-*.ini             text
-*.js              text
-*.json            text
-*.jsx             text
-*.less            text
-*.ls              text
-*.map             text -diff
-*.od              text
-*.onlydata        text
-*.php             text diff=php
-*.pl              text
-*.ps1             text eol=crlf
-*.py              text diff=python
-*.rb              text diff=ruby
-*.sass            text
-*.scm             text
-*.scss            text diff=css
-*.sh              text eol=lf
-.husky/*          text eol=lf
-*.sql             text
-*.styl            text
-*.tag             text
-*.ts              text
-*.tsx             text
-*.xml             text
-*.xhtml           text diff=html
-
-# Docker
-Dockerfile        text
-
-# Documentation
-*.ipynb           text eol=lf
-*.markdown        text diff=markdown
-*.md              text diff=markdown
-*.mdwn            text diff=markdown
-*.mdown           text diff=markdown
-*.mkd             text diff=markdown
-*.mkdn            text diff=markdown
-*.mdtxt           text
-*.mdtext          text
-*.txt             text
-AUTHORS           text
-CHANGELOG         text
-CHANGES           text
-CONTRIBUTING      text
-COPYING           text
-copyright         text
-*COPYRIGHT*       text
-INSTALL           text
-license           text
-LICENSE           text
-NEWS              text
-readme            text
-*README*          text
-TODO              text
-
-# Templates
-*.dot             text
-*.ejs             text
-*.erb             text
-*.haml            text
-*.handlebars      text
-*.hbs             text
-*.hbt             text
-*.jade            text
-*.latte           text
-*.mustache        text
-*.njk             text
-*.phtml           text
-*.svelte          text
-*.tmpl            text
-*.tpl             text
-*.twig            text
-*.vue             text
-
-# Configs
-*.cnf             text
-*.conf            text
-*.config          text
-.editorconfig     text
-.env              text
-.gitattributes    text
-.gitconfig        text
-.htaccess         text
-*.lock            text -diff
-package.json      text eol=lf
-package-lock.json text eol=lf -diff
-pnpm-lock.yaml    text eol=lf -diff
-.prettierrc       text
-yarn.lock         text -diff
-*.toml            text
-*.yaml            text
-*.yml             text
-browserslist      text
-Makefile          text
-makefile          text
-
-# Heroku
-Procfile          text
-
-# Graphics
-*.ai              binary
-*.bmp             binary
-*.eps             binary
-*.gif             binary
-*.gifv            binary
-*.ico             binary
-*.jng             binary
-*.jp2             binary
-*.jpg             binary
-*.jpeg            binary
-*.jpx             binary
-*.jxr             binary
-*.pdf             binary
-*.png             binary
-*.psb             binary
-*.psd             binary
-# SVG treated as an asset (binary) by default.
-*.svg             text
-# If you want to treat it as binary,
-# use the following line instead.
-# *.svg           binary
-*.svgz            binary
-*.tif             binary
-*.tiff            binary
-*.wbmp            binary
-*.webp            binary
-
-# Audio
-*.kar             binary
-*.m4a             binary
-*.mid             binary
-*.midi            binary
-*.mp3             binary
-*.ogg             binary
-*.ra              binary
-
-# Video
-*.3gpp            binary
-*.3gp             binary
-*.as              binary
-*.asf             binary
-*.asx             binary
-*.avi             binary
-*.fla             binary
-*.flv             binary
-*.m4v             binary
-*.mng             binary
-*.mov             binary
-*.mp4             binary
-*.mpeg            binary
-*.mpg             binary
-*.ogv             binary
-*.swc             binary
-*.swf             binary
-*.webm            binary
-
-# Archives
-*.7z              binary
-*.gz              binary
-*.jar             binary
-*.rar             binary
-*.tar             binary
-*.zip             binary
-
-# Fonts
-*.ttf             binary
-*.eot             binary
-*.otf             binary
-*.woff            binary
-*.woff2           binary
-
-# Executables
-*.exe             binary
-*.pyc             binary
-
-# RC files (like .babelrc or .eslintrc)
-*.*rc             text
-
-# Ignore files (like .npmignore or .gitignore)
-*.*ignore         text
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.gitignore b/vuexy-theme-vue-laravel-full-example-typescript/.gitignore
deleted file mode 100644
index 40be686..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.gitignore
+++ /dev/null
@@ -1,67 +0,0 @@
-*.log
-.DS_Store
-.env
-.env.backup
-.env.production
-.phpactor.json
-.phpunit.result.cache
-/.fleet
-/.idea
-/.nova
-/.phpunit.cache
-/.zed
-/auth.json
-/node_modules
-/public/build
-/public/hot
-/public/storage
-/storage/*.key
-/storage/pail
-/vendor
-Homestead.json
-Homestead.yaml
-Thumbs.db
-
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-.DS_Store
-dist
-dist-ssr
-*.local
-
-/cypress/videos/
-/cypress/screenshots/
-
-# 👉 Custom Git ignores
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-!.vscode/settings.json
-!.vscode/*.code-snippets
-!.vscode/tours
-.idea
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-.yarn
-
-# iconify dist files
-resources/ts/plugins/iconify/icons.css
-
-# Ignore MSW script
-public/mockServiceWorker.js
-
-# Env files
-.env*
-!.env.example
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.npmrc b/vuexy-theme-vue-laravel-full-example-typescript/.npmrc
deleted file mode 100644
index af3b96e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.npmrc
+++ /dev/null
@@ -1,2 +0,0 @@
-auto-install-peers=true
-shamefully-hoist=true
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.nvmrc b/vuexy-theme-vue-laravel-full-example-typescript/.nvmrc
deleted file mode 100644
index 0fe2022..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.nvmrc
+++ /dev/null
@@ -1 +0,0 @@
-lts/*
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.stylelintrc.json b/vuexy-theme-vue-laravel-full-example-typescript/.stylelintrc.json
deleted file mode 100644
index d58c45e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.stylelintrc.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "extends": [
-    "stylelint-config-standard-scss",
-    "stylelint-config-idiomatic-order",
-    "@stylistic/stylelint-config"
-  ],
-  "plugins": [
-    "stylelint-use-logical-spec",
-    "@stylistic/stylelint-plugin"
-  ],
-  "overrides": [
-    {
-      "files": [
-        "**/*.scss"
-      ],
-      "customSyntax": "postcss-scss"
-    },
-    {
-      "files": [
-        "**/*.vue"
-      ],
-      "customSyntax": "postcss-html"
-    }
-  ],
-  "rules": {
-    "@stylistic/max-line-length": [
-      220,
-      {
-        "ignore": "comments"
-      }
-    ],
-    "@stylistic/indentation": 2,
-    "liberty/use-logical-spec": true,
-    "selector-class-pattern": null,
-    "color-function-notation": null,
-    "annotation-no-unknown": [
-      true,
-      {
-        "ignoreAnnotations": [
-          "default"
-        ]
-      }
-    ],
-    "media-feature-range-notation": null
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.vscode/anchor-comments.code-snippets b/vuexy-theme-vue-laravel-full-example-typescript/.vscode/anchor-comments.code-snippets
deleted file mode 100644
index 00ce659..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.vscode/anchor-comments.code-snippets
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-    "Add hand emoji": {
-        "prefix": "cm-hand-emoji",
-        "body": [
-            "👉"
-        ],
-        "description": "Add hand emoji"
-    },
-    "Add info emoji": {
-        "prefix": "cm-info-emoji",
-        "body": [
-            "ℹ️"
-        ],
-        "description": "Add info emoji"
-    },
-    "Add warning emoji": {
-        "prefix": "cm-warning-emoji",
-        "body": [
-            "❗"
-        ],
-        "description": "Add warning emoji"
-    }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.vscode/extensions.json b/vuexy-theme-vue-laravel-full-example-typescript/.vscode/extensions.json
deleted file mode 100644
index 9a36ff3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.vscode/extensions.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "recommendations": [
-    "dbaeumer.vscode-eslint",
-    "editorconfig.editorconfig",
-    "xabikos.javascriptsnippets",
-    "stylelint.vscode-stylelint",
-    "fabiospampinato.vscode-highlight",
-    "github.vscode-pull-request-github",
-    "vue.volar",
-    "antfu.iconify",
-    "cipchk.cssrem",
-    "matijao.vue-nuxt-snippets",
-    "dongido.sync-env"
-  ]
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.vscode/settings.json b/vuexy-theme-vue-laravel-full-example-typescript/.vscode/settings.json
deleted file mode 100644
index 24dee01..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.vscode/settings.json
+++ /dev/null
@@ -1,115 +0,0 @@
-{
-  "editor.formatOnSave": true,
-  "files.insertFinalNewline": true,
-  "javascript.updateImportsOnFileMove.enabled": "always",
-  "[javascript]": {
-    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
-  },
-  "[typescript]": {
-    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
-    "editor.autoClosingBrackets": "always"
-  },
-  "[markdown]": {
-    "editor.defaultFormatter": "DavidAnson.vscode-markdownlint"
-  },
-  // SCSS
-  "[scss]": {
-    "editor.defaultFormatter": "stylelint.vscode-stylelint"
-  },
-  // JSON
-  "[json]": {
-    "editor.defaultFormatter": "vscode.json-language-features"
-  },
-  "[jsonc]": {
-    "editor.defaultFormatter": "vscode.json-language-features"
-  },
-  // Vue
-  "[vue]": {
-    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
-  },
-  // Extension: Volar
-  "volar.preview.port": 3000,
-  "volar.completion.preferredTagNameCase": "pascal",
-  // Extension: ESLint
-  "eslint.options": {
-    "rulePaths": [
-      "eslint-internal-rules"
-    ]
-  },
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit",
-    "source.fixAll.stylelint": "explicit",
-    "source.organizeImports": "explicit"
-  },
-  "eslint.alwaysShowStatus": true,
-  "eslint.format.enable": true,
-  "eslint.packageManager": "pnpm",
-  // Extension: Stylelint
-  "stylelint.packageManager": "pnpm",
-  "stylelint.validate": [
-    "css",
-    "scss",
-    "vue"
-  ],
-  // Extension: Spell Checker
-  "cSpell.words": [
-    "addressline",
-    "Composables",
-    "Customizer",
-    "destr",
-    "flagpack",
-    "Iconify",
-    "nuxt",
-    "ofetch",
-    "psudo",
-    "stylelint",
-    "touchless",
-    "triggerer",
-    "vuetify"
-  ],
-  // Extension: Comment Anchors
-  "commentAnchors.tags.anchors": {
-    "ℹ️": {
-      "scope": "hidden",
-      // This color is taken from "Better Comments" Extension (?)
-      "highlightColor": "#3498DB",
-      "styleComment": true,
-      "isItalic": false,
-    },
-    "👉": {
-      "scope": "file",
-      // This color is taken from "Better Comments" Extension (*)
-      "highlightColor": "#98C379",
-      "styleComment": true,
-      "isItalic": false
-    },
-    "❗": {
-      "scope": "hidden",
-      // This color is taken from "Better Comments" Extension (*)
-      "highlightColor": "#FF2D00",
-      "styleComment": true,
-      "isItalic": false,
-    },
-  },
-  // Extension: fabiospampinato.vscode-highlight
-  "highlight.regexFlags": "gi",
-  "highlight.regexes": {
-    // We flaged this for enforcing logical CSS properties
-    "(100vh|translate|margin:|padding:|margin-left|margin-right|rotate|text-align|border-top|border-right|border-bottom|border-left|float|background-position|transform|width|height|top|left|bottom|right|float|clear|(p|m)(l|r)-|border-(start|end)-(start|end)-radius)": [
-      {
-        // "rangeBehavior": 1,
-        "borderWidth": "1px",
-        "borderColor": "tomato",
-        "borderStyle": "solid"
-      }
-    ],
-    "(overflow-x:|overflow-y:)": [
-      {
-        // "rangeBehavior": 1,
-        "borderWidth": "1px",
-        "borderColor": "green",
-        "borderStyle": "solid"
-      }
-    ]
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.vscode/vue-ts.code-snippets b/vuexy-theme-vue-laravel-full-example-typescript/.vscode/vue-ts.code-snippets
deleted file mode 100644
index 567bc8e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.vscode/vue-ts.code-snippets
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-    "Vue TS - DefineProps": {
-        "prefix": "dprops",
-        "body": [
-            "defineProps<${1:Props}>()"
-        ],
-        "description": "DefineProps in script setup"
-    },
-    "Vue TS - Props interface": {
-        "prefix": "iprops",
-        "body": [
-            "interface Props {",
-            "  ${1}",
-            "}"
-        ],
-        "description": "Create props interface in script setup"
-    }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.vscode/vue.code-snippets b/vuexy-theme-vue-laravel-full-example-typescript/.vscode/vue.code-snippets
deleted file mode 100644
index 9dcfea6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.vscode/vue.code-snippets
+++ /dev/null
@@ -1,63 +0,0 @@
-{
-    "script": {
-        "prefix": "vue-sfc-ts",
-        "body": [
-            "<script lang=\"ts\" setup>",
-            "",
-            "</script>",
-            "",
-            "<template>",
-            "  ",
-            "</template>",
-            "",
-            "<style lang=\"scss\">",
-            "",
-            "</style>",
-            ""
-        ],
-        "description": "Vue SFC Typescript"
-    },
-    "template": {
-        "scope": "vue",
-        "prefix": "template",
-        "body": [
-            "<template>",
-            "  $1",
-            "</template>"
-        ],
-        "description": "Create <template> block"
-    },
-    "Script setup + TS": {
-        "prefix": "script-setup-ts",
-        "body": [
-            "<script setup lang=\"ts\">",
-            "${1}",
-            "</script>"
-        ],
-        "description": "Script setup + TS"
-    },
-    "style": {
-        "scope": "vue",
-        "prefix": "style",
-        "body": [
-            "<style lang=\"scss\">",
-            "$1",
-            "</style>"
-        ],
-        "description": "Create <style> block"
-    },
-    "use composable": {
-        "prefix": "use-composable",
-        "body": [
-            "const { $2 } = ${1:useComposable}()"
-        ],
-        "description": "We frequently uses composable in our components and writing const {} = useModule() is tedious. This snippet helps you to write it quickly."
-    },
-    "template interpolation": {
-        "prefix": "cc",
-        "body": [
-            "{{ ${1} }}"
-        ],
-        "description": "We are just making writing template interpolation easier."
-    }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/.vscode/vuetify.code-snippets b/vuexy-theme-vue-laravel-full-example-typescript/.vscode/vuetify.code-snippets
deleted file mode 100644
index 177274c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/.vscode/vuetify.code-snippets
+++ /dev/null
@@ -1,52 +0,0 @@
-{
-  "Vuetify Menu -- Parent Activator": {
-    "prefix": "v-menu",
-    "body": [
-      "<v-btn color=\"primary\">",
-      "  Activator",
-      "  <v-menu activator=\"parent\">",
-      "    <v-list>",
-      "      <v-list-item",
-      "        v-for=\"(item, index) in ['apple', 'banana', 'cherry']\"",
-      "        :key=\"index\"",
-      "        :value=\"index\"",
-      "      >",
-      "        <v-list-item-title>{{ item }}</v-list-item-title>",
-      "      </v-list-item>",
-      "    </v-list>",
-      "  </v-menu>",
-      "</v-btn>"
-    ],
-    "description": "We use menu component with parent activator mostly because it is compact and easy to understand."
-  },
-  "Vuetify CSS variable": {
-    "prefix": "v-css-var",
-    "body": [
-      "rgb(var(--v-${1:theme}))"
-    ],
-    "description": "Vuetify CSS variable"
-  },
-  "Icon only button": {
-    "prefix": "IconBtn",
-    "body": [
-      "<IconBtn>",
-      "  <VIcon icon=\"tabler-${1}\" />",
-      "</IconBtn>"
-    ],
-    "description": "Icon only button"
-  },
-  "Radio Group": {
-    "prefix": "v-radio-grp",
-    "body": [
-      "<v-radio-group v-model=\"${1:modelValue}\">",
-      "  <v-radio",
-      "    v-for=\"item in ['apple', 'banana', 'cherry']\"",
-      "    :key=\"item\"",
-      "    :label=\"item\"",
-      "    :value=\"item\"",
-      "  />",
-      "</v-radio-group>"
-    ],
-    "description": "Radio Group"
-  }
-}
\ No newline at end of file
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/CLAUDE.md b/vuexy-theme-vue-laravel-full-example-typescript/CLAUDE.md
deleted file mode 100644
index abe67a6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/CLAUDE.md
+++ /dev/null
@@ -1,670 +0,0 @@
-# CLAUDE.md - Vuexy Theme Reference
-
-This is the **Vuexy Vue 3 + Laravel Admin Dashboard Template** (TypeScript edition). It serves as the UI reference for the EZSCALE billing application at `../website/`. Do NOT modify files in this directory — use it as a read-only reference for components, patterns, layouts, and styling conventions.
-
-## Purpose
-
-When building UI for the EZSCALE site (`../website/`), consult this theme for:
-- Component patterns and TypeScript conventions
-- Vuetify component usage and defaults
-- Layout structure (vertical nav, navbar, footer)
-- Dashboard widget composition
-- Data table patterns with server-side pagination
-- Form validation patterns
-- Navigation item structure
-- Color system and theming
-- Icon usage (Tabler icons)
-
-## Tech Stack
-
-- **Vue 3.5** with Composition API (`<script setup lang="ts">`)
-- **TypeScript 5.9** (strict mode)
-- **Vuetify 3.10** — Material Design component library
-- **Vite 7** with laravel-vite-plugin
-- **Pinia 3** — State management
-- **Vue Router 4** — File-based routing via unplugin-vue-router
-- **Vue-i18n 11** — Internationalization (en, fr, ar with RTL)
-- **CASL** — Access control (action + subject permissions)
-- **ApexCharts + Chart.js** — Charting
-- **Tabler Icons** via @iconify/vue
-- **SCSS/Sass** — Styling with Vuetify variable overrides
-- **VueUse** — Composition utilities
-- **MSW (Mock Service Worker)** — API mocking for development
-
-## Directory Structure
-
-```
-resources/ts/                    # All TypeScript source code
-├── main.ts                      # Entry point (creates app, registers plugins)
-├── App.vue                      # Root component (VApp wrapper, theme CSS vars)
-│
-├── @core/                       # Core theme utilities (DO NOT MODIFY)
-│   ├── initCore.ts              # Theme initialization (sync loader theme, skin changes, RTL)
-│   ├── enums.ts                 # Skins (Default, Bordered), Theme (light, dark, system)
-│   ├── types.ts                 # ExplicitThemeConfig, Options, SortItem, CustomInputContent
-│   ├── stores/config.ts         # ConfigStore (theme, skin, isVerticalNavSemiDark)
-│   ├── composable/
-│   │   ├── useSkins.ts          # Skin CSS class injection, layout attributes
-│   │   ├── useCookie.ts         # Reactive cookie read/write
-│   │   └── createUrl.ts         # Query string builder for API calls
-│   ├── components/
-│   │   └── cards/
-│   │       ├── CardStatisticsHorizontal.vue  # Metric + icon (horizontal)
-│   │       └── CardStatisticsVertical.vue    # Metric + icon + chart (vertical)
-│   ├── utils/
-│   │   ├── plugins.ts           # Auto-registers all plugins from plugins/ directory
-│   │   ├── validators.ts        # Form validators (required, email, password, url, between)
-│   │   ├── helpers.ts           # isEmpty, isNullOrUndefined, isEmptyArray, isObject, isToday
-│   │   └── colorConverter.ts    # hexToRgb, rgbaToHex
-│   └── libs/                    # Chart.js and ApexCharts wrapper configs
-│
-├── @layouts/                    # Layout system (DO NOT MODIFY)
-│   ├── config.ts                # Default layout configuration
-│   ├── enums.ts                 # ContentWidth, NavbarType, FooterType, AppContentLayoutNav
-│   ├── types.ts                 # NavLink, NavGroup, NavSectionTitle, VerticalNavItems
-│   ├── symbols.ts               # Vue injection symbols
-│   ├── utils.ts                 # Layout utility functions
-│   ├── stores/config.ts         # LayoutConfigStore (navbarType, isVerticalNavCollapsed, etc.)
-│   └── components/
-│       ├── VerticalNavLayout.vue             # Main layout wrapper
-│       ├── DefaultLayoutWithVerticalNav.vue  # Vertical nav + navbar + content + footer
-│       ├── DefaultLayoutWithHorizontalNav.vue
-│       ├── VerticalNav.vue                   # Sidebar navigation
-│       ├── VerticalNavLink.vue               # Single nav link item
-│       ├── VerticalNavGroup.vue              # Collapsible nav group
-│       ├── VerticalNavSectionTitle.vue       # Section heading/divider
-│       ├── HorizontalNav.vue                # Top bar navigation
-│       ├── HorizontalNavLink.vue
-│       ├── HorizontalNavGroup.vue
-│       └── HorizontalNavPopper.vue          # Dropdown for horizontal nav
-│
-├── layouts/                     # Page layout templates
-│   ├── default.vue              # Main layout (navbar + sidebar + content + footer)
-│   ├── blank.vue                # Blank layout (auth pages, no nav)
-│   └── components/
-│       ├── DefaultLayoutWithVerticalNav.vue  # Composes navbar items (search, theme switcher, notifications, user profile)
-│       ├── Footer.vue
-│       ├── NavBarNotifications.vue
-│       ├── NavSearchBar.vue
-│       ├── NavbarShortcuts.vue
-│       ├── NavbarThemeSwitcher.vue
-│       └── UserProfile.vue
-│
-├── pages/                       # File-based routing (auto-generates routes)
-│   ├── login.vue                # → /login (uses blank layout)
-│   ├── register.vue             # → /register (uses blank layout)
-│   ├── dashboards/
-│   │   ├── analytics.vue        # → /dashboards/analytics
-│   │   ├── crm.vue              # → /dashboards/crm
-│   │   └── ecommerce.vue        # → /dashboards/ecommerce
-│   ├── apps/
-│   │   ├── invoice/
-│   │   │   ├── list/index.vue   # → /apps/invoice/list (data table + filters)
-│   │   │   ├── add/index.vue    # → /apps/invoice/add (form)
-│   │   │   ├── edit/[id].vue    # → /apps/invoice/edit/:id
-│   │   │   └── preview/[id].vue # → /apps/invoice/preview/:id
-│   │   ├── email/index.vue
-│   │   └── chat/index.vue
-│   └── front-pages/             # Marketing pages
-│
-├── views/                       # Reusable view components (used by pages)
-│   └── dashboards/
-│       ├── analytics/           # Widget components for analytics dashboard
-│       └── ecommerce/           # Widget components for ecommerce dashboard
-│
-├── plugins/                     # Vue plugins (loaded alphabetically)
-│   ├── 1.router/
-│   │   ├── index.ts             # Vue Router setup with file-based routing
-│   │   ├── guards.ts            # Auth guards, CASL permission checks
-│   │   └── additional-routes.ts
-│   ├── 2.pinia.ts               # Pinia store initialization
-│   ├── vuetify/
-│   │   ├── index.ts             # Vuetify plugin setup
-│   │   ├── theme.ts             # Light/dark theme color definitions
-│   │   ├── defaults.ts          # Component defaults (variants, colors, densities)
-│   │   └── icons.ts             # Icon aliases (Tabler icons)
-│   ├── i18n/
-│   │   ├── index.ts             # Vue-i18n setup
-│   │   └── locales/             # en.json, fr.json, ar.json
-│   ├── casl/index.ts            # CASL access control plugin
-│   ├── fake-api/                # MSW mock API handlers
-│   │   ├── index.ts
-│   │   └── handlers/            # Mock endpoints by domain (invoice, auth, etc.)
-│   ├── iconify/index.ts         # Iconify icon registration
-│   └── layouts.ts               # Layout plugin setup
-│
-├── navigation/                  # Sidebar/navbar item definitions
-│   ├── vertical/
-│   │   ├── index.ts             # Exports all vertical nav items
-│   │   ├── dashboard.ts         # Dashboard nav section
-│   │   └── apps-and-pages.ts    # Apps & pages nav section
-│   └── horizontal/
-│       └── index.ts
-│
-├── composables/
-│   └── useApi.ts                # HTTP client (createFetch + Bearer auth + JSON parsing)
-│
-└── utils/                       # App-level utilities
-
-resources/styles/                # SCSS stylesheets
-├── @core/
-│   ├── base/                    # Global styles, Vuetify component overrides, skins
-│   └── template/               # Template-specific styles, page styles
-├── variables/
-│   └── _vuetify.scss            # Vuetify SCSS variable overrides
-└── styles.scss                  # Main stylesheet
-
-themeConfig.ts                   # Global theme config (title, logo, layout, navbar, footer, i18n)
-vite.config.ts                   # Vite build config with 10 plugins
-tsconfig.json                    # Strict TypeScript with path aliases
-```
-
-## Color System
-
-### Primary Colors
-| Color     | Light       | Dark        | Usage                    |
-|-----------|-------------|-------------|--------------------------|
-| primary   | `#7367F0`   | `#7367F0`   | Buttons, links, accents  |
-| secondary | `#808390`   | `#808390`   | Secondary actions        |
-| success   | `#28C76F`   | `#28C76F`   | Success states, paid     |
-| info      | `#00BAD1`   | `#00BAD1`   | Info badges              |
-| warning   | `#FF9F43`   | `#FF9F43`   | Warnings, pending        |
-| error     | `#FF4C51`   | `#FF4C51`   | Errors, overdue          |
-
-### Background Colors
-| Surface       | Light       | Dark        |
-|---------------|-------------|-------------|
-| background    | `#F8F7FA`   | `#25293C`   |
-| surface       | `#FFFFFF`   | `#2F3349`   |
-| on-background | `#2F2B3D`   | `#E1DEF5`   |
-| on-surface    | `#2F2B3D`   | `#E1DEF5`   |
-
-### Skins
-- **Default** — Standard background colors
-- **Bordered** — Flat backgrounds with visible borders on cards
-
-## Vuetify Component Defaults
-
-All components have pre-configured defaults (see `plugins/vuetify/defaults.ts`):
-
-```
-VBtn        → color: 'primary'
-VTextField  → variant: 'outlined', density: 'comfortable', color: 'primary', hideDetails: 'auto'
-VSelect     → variant: 'outlined', density: 'comfortable', color: 'primary', hideDetails: 'auto'
-VCheckbox   → color: 'primary', density: 'comfortable', hideDetails: 'auto'
-VChip       → label: true (square corners)
-VAvatar     → variant: 'flat'
-VPagination → density: 'comfortable', variant: 'tonal'
-```
-
-## Component Patterns
-
-### Vue Component Structure
-```vue
-<script lang="ts" setup>
-// 1. Imports
-import { computed, ref, watch } from 'vue'
-
-// 2. Type definitions
-interface Props {
-  title: string
-  color?: string
-  items: Item[]
-}
-
-interface Item {
-  id: number
-  name: string
-  status: 'active' | 'inactive'
-}
-
-// 3. Props & Emits
-const props = withDefaults(defineProps<Props>(), {
-  color: 'primary',
-})
-
-const emit = defineEmits<{
-  'update:modelValue': [value: string]
-  'submit': []
-}>()
-
-// 4. State
-const isLoading = ref(false)
-const searchQuery = ref('')
-
-// 5. Computed
-const filteredItems = computed(() =>
-  props.items.filter(item => item.name.includes(searchQuery.value))
-)
-
-// 6. Methods
-const handleSubmit = async () => {
-  isLoading.value = true
-  try {
-    await $api('/endpoint', { method: 'POST' })
-  } finally {
-    isLoading.value = false
-  }
-}
-
-// 7. Watchers
-watch(() => props.title, (newVal) => { /* react */ })
-
-// 8. Lifecycle
-onMounted(() => { /* init */ })
-</script>
-
-<template>
-  <!-- Template -->
-</template>
-
-<style lang="scss" scoped>
-/* Component styles */
-</style>
-```
-
-### Stat Card (Horizontal)
-```vue
-<CardStatisticsHorizontal
-  title="Total Revenue"
-  stats="$42,389"
-  icon="tabler-currency-dollar"
-  color="success"
-/>
-```
-
-### Stat Card (Vertical with Chart)
-```vue
-<CardStatisticsVertical
-  title="Sales"
-  stats="$4,679"
-  icon="tabler-chart-bar"
-  color="primary"
-  :height="80"
-  :series="[{ data: [40, 20, 65, 50, 30, 60] }]"
-  :chart-options="chartOptions"
-/>
-```
-
-### Dashboard Page Layout
-```vue
-<template>
-  <VRow class="match-height">
-    <!-- Full width chart -->
-    <VCol cols="12" md="6">
-      <WidgetChart />
-    </VCol>
-
-    <!-- Two metric cards side by side -->
-    <VCol cols="12" md="3" sm="6">
-      <CardStatisticsHorizontal title="Revenue" stats="$42k" icon="tabler-chart-bar" color="success" />
-    </VCol>
-    <VCol cols="12" md="3" sm="6">
-      <CardStatisticsHorizontal title="Customers" stats="1,234" icon="tabler-users" color="primary" />
-    </VCol>
-
-    <!-- Data table -->
-    <VCol cols="12">
-      <RecentOrdersTable />
-    </VCol>
-  </VRow>
-</template>
-```
-
-### Data Table (Server-Side Pagination)
-```vue
-<script lang="ts" setup>
-const searchQuery = ref('')
-const itemsPerPage = ref(10)
-const page = ref(1)
-const sortBy = ref<string>()
-const orderBy = ref<string>()
-
-const headers = [
-  { title: '#', key: 'id' },
-  { title: 'Client', key: 'client' },
-  { title: 'Status', key: 'status', sortable: false },
-  { title: 'Total', key: 'total' },
-  { title: 'Actions', key: 'actions', sortable: false },
-]
-
-const { data } = await useApi<any>(createUrl('/invoices', {
-  query: { q: searchQuery, itemsPerPage, page, sortBy, orderBy },
-}))
-
-const items = computed(() => data.value?.items ?? [])
-const totalItems = computed(() => data.value?.total ?? 0)
-
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText class="d-flex justify-space-between align-center flex-wrap gap-4">
-      <AppTextField v-model="searchQuery" placeholder="Search..." style="inline-size: 250px;" />
-    </VCardText>
-
-    <VDataTableServer
-      v-model:items-per-page="itemsPerPage"
-      v-model:page="page"
-      :items="items"
-      :items-length="totalItems"
-      :headers="headers"
-      class="text-no-wrap"
-      @update:options="updateOptions"
-    >
-      <template #item.status="{ item }">
-        <VChip :color="resolveStatusColor(item.status)" size="small">
-          {{ item.status }}
-        </VChip>
-      </template>
-
-      <template #item.actions="{ item }">
-        <IconBtn size="small">
-          <VIcon icon="tabler-eye" />
-        </IconBtn>
-        <IconBtn size="small">
-          <VIcon icon="tabler-pencil" />
-        </IconBtn>
-        <IconBtn size="small" color="error">
-          <VIcon icon="tabler-trash" />
-        </IconBtn>
-      </template>
-    </VDataTableServer>
-  </VCard>
-</template>
-```
-
-### Form with Validation
-```vue
-<script lang="ts" setup>
-import { VForm } from 'vuetify/components/VForm'
-import { emailValidator, requiredValidator } from '@validators'
-
-const refForm = ref<VForm>()
-const formData = ref({
-  email: '',
-  password: '',
-  name: '',
-})
-
-const onSubmit = () => {
-  refForm.value?.validate().then(({ valid }) => {
-    if (valid) {
-      // Submit form
-    }
-  })
-}
-</script>
-
-<template>
-  <VForm ref="refForm" @submit.prevent="onSubmit">
-    <VRow>
-      <VCol cols="12" md="6">
-        <AppTextField
-          v-model="formData.name"
-          label="Name"
-          :rules="[requiredValidator]"
-        />
-      </VCol>
-      <VCol cols="12" md="6">
-        <AppTextField
-          v-model="formData.email"
-          label="Email"
-          type="email"
-          :rules="[requiredValidator, emailValidator]"
-        />
-      </VCol>
-      <VCol cols="12">
-        <VBtn type="submit" color="primary">
-          Submit
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-```
-
-### Status Resolver Pattern
-```typescript
-const resolveStatusVariant = (status: string): { color: string; icon: string } => {
-  const map: Record<string, { color: string; icon: string }> = {
-    active: { color: 'success', icon: 'tabler-check' },
-    pending: { color: 'warning', icon: 'tabler-clock' },
-    suspended: { color: 'error', icon: 'tabler-ban' },
-    canceled: { color: 'secondary', icon: 'tabler-x' },
-  }
-  return map[status] ?? { color: 'secondary', icon: 'tabler-circle' }
-}
-```
-
-## Navigation Item Types
-
-```typescript
-// Single clickable link
-interface NavLink {
-  title: string
-  to?: string | RouteLocationRaw   // Route name or object
-  href?: string                     // External URL
-  icon?: { icon: string }           // Tabler icon
-  badgeContent?: string             // Badge text
-  badgeClass?: string               // Badge CSS class (e.g., 'bg-error')
-  target?: '_blank' | '_self'
-  action?: string                   // CASL action
-  subject?: string                  // CASL subject
-  disable?: boolean
-}
-
-// Collapsible group with children
-interface NavGroup {
-  title: string
-  icon?: { icon: string }
-  children: (NavLink | NavGroup)[]
-  badgeContent?: string
-  badgeClass?: string
-  action?: string
-  subject?: string
-  disable?: boolean
-}
-
-// Section heading/divider
-interface NavSectionTitle {
-  heading: string
-  action?: string
-  subject?: string
-}
-```
-
-### Navigation Example
-```typescript
-// navigation/vertical/dashboard.ts
-export default [
-  {
-    title: 'Dashboards',
-    icon: { icon: 'tabler-smart-home' },
-    children: [
-      { title: 'Analytics', to: 'dashboards-analytics' },
-      { title: 'CRM', to: 'dashboards-crm' },
-    ],
-    badgeContent: '2',
-    badgeClass: 'bg-error',
-  },
-]
-
-// navigation/vertical/apps.ts
-export default [
-  { heading: 'Apps & Pages' },   // Section title
-  {
-    title: 'Invoice',
-    icon: { icon: 'tabler-file-invoice' },
-    children: [
-      { title: 'List', to: 'apps-invoice-list' },
-      { title: 'Add', to: 'apps-invoice-add' },
-    ],
-  },
-  {
-    title: 'Users',
-    icon: { icon: 'tabler-users' },
-    to: 'apps-users-list',
-    action: 'read',              // CASL permission
-    subject: 'User',
-  },
-]
-```
-
-## API Integration
-
-### useApi Composable
-```typescript
-// Reactive fetch with Bearer token from cookie
-const { data, execute: refetch } = await useApi<ResponseType>(
-  createUrl('/endpoint', {
-    query: { q: searchQuery, page, itemsPerPage, status: selectedStatus },
-  })
-)
-
-// Non-reactive one-off request
-const response = await $api('/endpoint', {
-  method: 'POST',
-  body: { key: 'value' },
-  onResponseError({ response }) {
-    errors.value = response._data.errors
-  },
-})
-
-// Delete with refetch
-const deleteItem = async (id: number) => {
-  await $api(`/items/${id}`, { method: 'DELETE' })
-  refetch()
-}
-```
-
-## Validators
-
-Available at `@validators` (auto-imported):
-
-| Validator              | Usage                                     |
-|------------------------|-------------------------------------------|
-| `requiredValidator`    | Field is not empty                        |
-| `emailValidator`       | Valid email format                         |
-| `passwordValidator`    | Min 8 chars, upper, lower, digit, special |
-| `confirmedValidator`   | Matches another field value               |
-| `betweenValidator`     | Number within min/max range               |
-| `urlValidator`         | Valid URL format                           |
-| `integerValidator`     | Integer only                              |
-| `regexValidator`       | Matches regex pattern                     |
-| `alphaValidator`       | Alpha characters only                     |
-| `lengthValidator`      | Exact string length                       |
-
-## Layout Selection
-
-Pages use `definePage()` macro for meta configuration:
-
-```vue
-<script lang="ts" setup>
-// Use blank layout (no sidebar/navbar) — for auth pages
-definePage({
-  meta: {
-    layout: 'blank',
-    unauthenticatedOnly: true,
-  },
-})
-</script>
-```
-
-Default layout (with sidebar + navbar) is used when no layout is specified.
-
-## Route Guards
-
-Authentication flow (`plugins/1.router/guards.ts`):
-
-1. **Public routes** (`meta.public: true`) — No auth check
-2. **Unauthenticated-only** (`meta.unauthenticatedOnly: true`) — Redirect to `/` if logged in
-3. **CASL permission check** — If `canNavigate(to)` fails:
-   - Logged in → redirect to `/not-authorized`
-   - Not logged in → redirect to `/login?to=<path>`
-
-## Auto-Imports (No Explicit Import Needed)
-
-### From Vue
-`ref`, `computed`, `watch`, `watchEffect`, `onMounted`, `onUnmounted`, `h`, `nextTick`, `defineProps`, `defineEmits`, `withDefaults`, `defineAsyncComponent`
-
-### From Vue Router
-`useRouter()`, `useRoute()`
-
-### From VueUse
-`useWindowSize()`, `useElementHover()`, `useMediaQuery()`, `useToggle()`, `useStorage()`, `usePreferredColorScheme()`, `useWindowScroll()`
-
-### From Pinia
-`defineStore()`, `storeToRefs()`
-
-### From Vue-i18n
-`useI18n()`
-
-### From Theme
-`useSkins()`, `useCookie()`, `createUrl()`, validators, helpers
-
-## Icons
-
-Uses **Tabler Icons** via Iconify. Common icons:
-
-| Icon Name                | Usage              |
-|--------------------------|--------------------|
-| `tabler-smart-home`      | Dashboard          |
-| `tabler-users`           | Users/customers    |
-| `tabler-file-invoice`    | Invoices           |
-| `tabler-shopping-cart`   | Orders/commerce    |
-| `tabler-chart-bar`       | Analytics/charts   |
-| `tabler-currency-dollar` | Revenue/billing    |
-| `tabler-server`          | Servers/services   |
-| `tabler-shield-check`    | Security           |
-| `tabler-settings`        | Settings           |
-| `tabler-bell`            | Notifications      |
-| `tabler-check`           | Success/confirmed  |
-| `tabler-x`               | Close/cancel       |
-| `tabler-pencil`          | Edit               |
-| `tabler-trash`           | Delete             |
-| `tabler-eye`             | View/preview       |
-| `tabler-plus`            | Add/create         |
-| `tabler-chevron-down`    | Dropdown           |
-| `tabler-chevron-right`   | Navigate           |
-| `tabler-menu-2`          | Mobile menu toggle |
-| `tabler-circle`          | Default nav icon   |
-
-Usage: `<VIcon icon="tabler-smart-home" size="26" />`
-
-## TypeScript Path Aliases
-
-```
-@/*          → resources/ts/*
-@themeConfig → themeConfig.ts
-@layouts/*   → resources/ts/@layouts/*
-@core/*      → resources/ts/@core/*
-@images/*    → resources/images/*
-@styles/*    → resources/styles/*
-@validators  → resources/ts/@core/utils/validators
-```
-
-## Key Files to Reference
-
-| Need                          | Look at                                              |
-|-------------------------------|------------------------------------------------------|
-| Dashboard layout              | `pages/dashboards/analytics.vue`                     |
-| Data table with filters       | `pages/apps/invoice/list/index.vue`                  |
-| Form with validation          | `pages/apps/invoice/add/index.vue`                   |
-| Auth page (login)             | `pages/login.vue`                                    |
-| Stat cards                    | `@core/components/cards/CardStatistics*.vue`          |
-| Sidebar navigation            | `layouts/components/DefaultLayoutWithVerticalNav.vue` |
-| Nav item definitions          | `navigation/vertical/dashboard.ts`                   |
-| Theme colors                  | `plugins/vuetify/theme.ts`                           |
-| Component defaults            | `plugins/vuetify/defaults.ts`                        |
-| API fetching                  | `composables/useApi.ts`                              |
-| Form validators               | `@core/utils/validators.ts`                          |
-| Type definitions              | `@core/types.ts`, `views/apps/invoice/types.ts`      |
-| Route guards                  | `plugins/1.router/guards.ts`                         |
-| Theme config                  | `themeConfig.ts`                                     |
-| Blank layout (auth)           | `layouts/blank.vue`                                  |
-| Main layout                   | `layouts/default.vue`                                |
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/README.md b/vuexy-theme-vue-laravel-full-example-typescript/README.md
deleted file mode 100644
index ee4d8b6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/README.md
+++ /dev/null
@@ -1,33 +0,0 @@
-# vue
-
-This template should help get you started developing with Vue 3 in Vite.
-
-## Recommended IDE Setup
-
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
-
-## Type Support for `.vue` Imports in TS
-
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
-
-## Customize configuration
-
-See [Vite Configuration Reference](https://vite.dev/config/).
-
-## Project Setup
-
-```sh
-pnpm install
-```
-
-### Compile and Hot-Reload for Development
-
-```sh
-pnpm dev
-```
-
-### Type-Check, Compile and Minify for Production
-
-```sh
-pnpm build
-```
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/app/Http/Controllers/Controller.php b/vuexy-theme-vue-laravel-full-example-typescript/app/Http/Controllers/Controller.php
deleted file mode 100644
index a138109..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/app/Http/Controllers/Controller.php
+++ /dev/null
@@ -1,8 +0,0 @@
-<?php
-
-namespace App\Http\Controllers;
-
-abstract class Controller
-{
-    //
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/app/Models/User.php b/vuexy-theme-vue-laravel-full-example-typescript/app/Models/User.php
deleted file mode 100644
index d5d9e92..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/app/Models/User.php
+++ /dev/null
@@ -1,48 +0,0 @@
-<?php
-
-namespace App\Models;
-
-// use Illuminate\Contracts\Auth\MustVerifyEmail;
-use Illuminate\Database\Eloquent\Factories\HasFactory;
-use Illuminate\Foundation\Auth\User as Authenticatable;
-use Illuminate\Notifications\Notifiable;
-
-class User extends Authenticatable
-{
-    /** @use HasFactory<\Database\Factories\UserFactory> */
-    use HasFactory, Notifiable;
-
-    /**
-     * The attributes that are mass assignable.
-     *
-     * @var list<string>
-     */
-    protected $fillable = [
-        'name',
-        'email',
-        'password',
-    ];
-
-    /**
-     * The attributes that should be hidden for serialization.
-     *
-     * @var list<string>
-     */
-    protected $hidden = [
-        'password',
-        'remember_token',
-    ];
-
-    /**
-     * Get the attributes that should be cast.
-     *
-     * @return array<string, string>
-     */
-    protected function casts(): array
-    {
-        return [
-            'email_verified_at' => 'datetime',
-            'password' => 'hashed',
-        ];
-    }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/app/Providers/AppServiceProvider.php b/vuexy-theme-vue-laravel-full-example-typescript/app/Providers/AppServiceProvider.php
deleted file mode 100644
index 4d25ed8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/app/Providers/AppServiceProvider.php
+++ /dev/null
@@ -1,24 +0,0 @@
-<?php
-
-namespace App\Providers;
-
-use Illuminate\Support\ServiceProvider;
-
-class AppServiceProvider extends ServiceProvider
-{
-    /**
-     * Register any application services.
-     */
-    public function register(): void
-    {
-        //
-    }
-
-    /**
-     * Bootstrap any application services.
-     */
-    public function boot(): void
-    {
-        //
-    }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/artisan b/vuexy-theme-vue-laravel-full-example-typescript/artisan
deleted file mode 100644
index 13ad958..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/artisan
+++ /dev/null
@@ -1,18 +0,0 @@
-#!/usr/bin/env php
-<?php
-
-use Illuminate\Foundation\Application;
-use Symfony\Component\Console\Input\ArgvInput;
-
-define('LARAVEL_START', microtime(true));
-
-// Register the Composer autoloader...
-require __DIR__.'/vendor/autoload.php';
-
-// Bootstrap Laravel and handle the command...
-/** @var Application $app */
-$app = require_once __DIR__.'/bootstrap/app.php';
-
-$status = $app->handleCommand(new ArgvInput);
-
-exit($status);
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/auto-imports.d.ts b/vuexy-theme-vue-laravel-full-example-typescript/auto-imports.d.ts
deleted file mode 100644
index 9360e30..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/auto-imports.d.ts
+++ /dev/null
@@ -1,726 +0,0 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// noinspection JSUnusedGlobalSymbols
-// Generated by unplugin-auto-import
-// biome-ignore lint: disable
-export {}
-declare global {
-  const $api: typeof import('./src/utils/api')['$api']
-  const COOKIE_MAX_AGE_1_YEAR: typeof import('./src/utils/constants')['COOKIE_MAX_AGE_1_YEAR']
-  const CreateUrl: typeof import('./src/@core/composable/CreateUrl')['CreateUrl']
-  const EffectScope: typeof import('vue')['EffectScope']
-  const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
-  const alphaDashValidator: typeof import('./src/@core/utils/validators')['alphaDashValidator']
-  const alphaValidator: typeof import('./src/@core/utils/validators')['alphaValidator']
-  const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
-  const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
-  const avatarText: typeof import('./src/@core/utils/formatters')['avatarText']
-  const betweenValidator: typeof import('./src/@core/utils/validators')['betweenValidator']
-  const computed: typeof import('vue')['computed']
-  const computedAsync: typeof import('@vueuse/core')['computedAsync']
-  const computedEager: typeof import('@vueuse/core')['computedEager']
-  const computedInject: typeof import('@vueuse/core')['computedInject']
-  const computedWithControl: typeof import('@vueuse/core')['computedWithControl']
-  const confirmedValidator: typeof import('./src/@core/utils/validators')['confirmedValidator']
-  const controlledComputed: typeof import('@vueuse/core')['controlledComputed']
-  const controlledRef: typeof import('@vueuse/core')['controlledRef']
-  const createApp: typeof import('vue')['createApp']
-  const createEventHook: typeof import('@vueuse/core')['createEventHook']
-  const createGenericProjection: typeof import('@vueuse/math')['createGenericProjection']
-  const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
-  const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
-  const createPinia: typeof import('pinia')['createPinia']
-  const createProjection: typeof import('@vueuse/math')['createProjection']
-  const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
-  const createReusableTemplate: typeof import('@vueuse/core')['createReusableTemplate']
-  const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
-  const createTemplatePromise: typeof import('@vueuse/core')['createTemplatePromise']
-  const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']
-  const createUrl: typeof import('./src/@core/composable/createUrl')['createUrl']
-  const customRef: typeof import('vue')['customRef']
-  const debouncedRef: typeof import('@vueuse/core')['debouncedRef']
-  const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
-  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
-  const defineComponent: typeof import('vue')['defineComponent']
-  const defineLoader: typeof import('vue-router/auto')['defineLoader']
-  const definePage: typeof import('unplugin-vue-router/runtime')['definePage']
-  const defineStore: typeof import('pinia')['defineStore']
-  const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
-  const effectScope: typeof import('vue')['effectScope']
-  const emailValidator: typeof import('./src/@core/utils/validators')['emailValidator']
-  const extendRef: typeof import('@vueuse/core')['extendRef']
-  const formatDate: typeof import('./src/@core/utils/formatters')['formatDate']
-  const formatDateToMonthShort: typeof import('./src/@core/utils/formatters')['formatDateToMonthShort']
-  const getActivePinia: typeof import('pinia')['getActivePinia']
-  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
-  const getCurrentScope: typeof import('vue')['getCurrentScope']
-  const h: typeof import('vue')['h']
-  const hexToRgb: typeof import('./src/@core/utils/colorConverter')['hexToRgb']
-  const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
-  const inject: typeof import('vue')['inject']
-  const injectLocal: typeof import('@vueuse/core')['injectLocal']
-  const integerValidator: typeof import('./src/@core/utils/validators')['integerValidator']
-  const isDarkPreferred: typeof import('./src/@core/composable/useThemeConfig')['isDarkPreferred']
-  const isDefined: typeof import('@vueuse/core')['isDefined']
-  const isEmpty: typeof import('./src/@core/utils/helpers')['isEmpty']
-  const isEmptyArray: typeof import('./src/@core/utils/helpers')['isEmptyArray']
-  const isNullOrUndefined: typeof import('./src/@core/utils/helpers')['isNullOrUndefined']
-  const isObject: typeof import('./src/@core/utils/helpers')['isObject']
-  const isProxy: typeof import('vue')['isProxy']
-  const isReactive: typeof import('vue')['isReactive']
-  const isReadonly: typeof import('vue')['isReadonly']
-  const isRef: typeof import('vue')['isRef']
-  const isToday: typeof import('./src/@core/utils/helpers')['isToday']
-  const kFormatter: typeof import('./src/@core/utils/formatters')['kFormatter']
-  const lengthValidator: typeof import('./src/@core/utils/validators')['lengthValidator']
-  const logicAnd: typeof import('@vueuse/math')['logicAnd']
-  const logicNot: typeof import('@vueuse/math')['logicNot']
-  const logicOr: typeof import('@vueuse/math')['logicOr']
-  const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
-  const mapActions: typeof import('pinia')['mapActions']
-  const mapGetters: typeof import('pinia')['mapGetters']
-  const mapState: typeof import('pinia')['mapState']
-  const mapStores: typeof import('pinia')['mapStores']
-  const mapWritableState: typeof import('pinia')['mapWritableState']
-  const markRaw: typeof import('vue')['markRaw']
-  const nextTick: typeof import('vue')['nextTick']
-  const onActivated: typeof import('vue')['onActivated']
-  const onBeforeMount: typeof import('vue')['onBeforeMount']
-  const onBeforeRouteLeave: typeof import('vue-router/auto')['onBeforeRouteLeave']
-  const onBeforeRouteUpdate: typeof import('vue-router/auto')['onBeforeRouteUpdate']
-  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
-  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
-  const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
-  const onDeactivated: typeof import('vue')['onDeactivated']
-  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
-  const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
-  const onLongPress: typeof import('@vueuse/core')['onLongPress']
-  const onMounted: typeof import('vue')['onMounted']
-  const onRenderTracked: typeof import('vue')['onRenderTracked']
-  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
-  const onScopeDispose: typeof import('vue')['onScopeDispose']
-  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
-  const onStartTyping: typeof import('@vueuse/core')['onStartTyping']
-  const onUnmounted: typeof import('vue')['onUnmounted']
-  const onUpdated: typeof import('vue')['onUpdated']
-  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
-  const paginationMeta: typeof import('./src/utils/paginationMeta')['paginationMeta']
-  const passwordValidator: typeof import('./src/@core/utils/validators')['passwordValidator']
-  const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
-  const prefixWithPlus: typeof import('./src/@core/utils/formatters')['prefixWithPlus']
-  const provide: typeof import('vue')['provide']
-  const provideLocal: typeof import('@vueuse/core')['provideLocal']
-  const reactify: typeof import('@vueuse/core')['reactify']
-  const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
-  const reactive: typeof import('vue')['reactive']
-  const reactiveComputed: typeof import('@vueuse/core')['reactiveComputed']
-  const reactiveOmit: typeof import('@vueuse/core')['reactiveOmit']
-  const reactivePick: typeof import('@vueuse/core')['reactivePick']
-  const readonly: typeof import('vue')['readonly']
-  const ref: typeof import('vue')['ref']
-  const refAutoReset: typeof import('@vueuse/core')['refAutoReset']
-  const refDebounced: typeof import('@vueuse/core')['refDebounced']
-  const refDefault: typeof import('@vueuse/core')['refDefault']
-  const refThrottled: typeof import('@vueuse/core')['refThrottled']
-  const refWithControl: typeof import('@vueuse/core')['refWithControl']
-  const regexValidator: typeof import('./src/@core/utils/validators')['regexValidator']
-  const registerPlugins: typeof import('./src/@core/utils/plugins')['registerPlugins']
-  const registerPlugins_: typeof import('./src/@core/utils/plugins')['registerPlugins_']
-  const requiredValidator: typeof import('./src/@core/utils/validators')['requiredValidator']
-  const resolveComponent: typeof import('vue')['resolveComponent']
-  const resolveRef: typeof import('@vueuse/core')['resolveRef']
-  const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
-  const resolveVuetifyTheme: typeof import('./src/@core/utils/vuetify')['resolveVuetifyTheme']
-  const rgbaToHex: typeof import('./src/@core/utils/colorConverter')['rgbaToHex']
-  const setActivePinia: typeof import('pinia')['setActivePinia']
-  const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
-  const shallowReactive: typeof import('vue')['shallowReactive']
-  const shallowReadonly: typeof import('vue')['shallowReadonly']
-  const shallowRef: typeof import('vue')['shallowRef']
-  const storeToRefs: typeof import('pinia')['storeToRefs']
-  const syncRef: typeof import('@vueuse/core')['syncRef']
-  const syncRefs: typeof import('@vueuse/core')['syncRefs']
-  const templateRef: typeof import('@vueuse/core')['templateRef']
-  const throttledRef: typeof import('@vueuse/core')['throttledRef']
-  const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
-  const toRaw: typeof import('vue')['toRaw']
-  const toReactive: typeof import('@vueuse/core')['toReactive']
-  const toRef: typeof import('vue')['toRef']
-  const toRefs: typeof import('vue')['toRefs']
-  const toValue: typeof import('vue')['toValue']
-  const triggerRef: typeof import('vue')['triggerRef']
-  const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
-  const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
-  const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted']
-  const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose']
-  const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted']
-  const unref: typeof import('vue')['unref']
-  const unrefElement: typeof import('@vueuse/core')['unrefElement']
-  const until: typeof import('@vueuse/core')['until']
-  const urlValidator: typeof import('./src/@core/utils/validators')['urlValidator']
-  const useAbility: typeof import('./src/plugins/casl/composables/useAbility')['useAbility']
-  const useAbs: typeof import('@vueuse/math')['useAbs']
-  const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
-  const useAnimate: typeof import('@vueuse/core')['useAnimate']
-  const useApi: typeof import('./src/composables/useApi')['useApi']
-  const useArrayDifference: typeof import('@vueuse/core')['useArrayDifference']
-  const useArrayEvery: typeof import('@vueuse/core')['useArrayEvery']
-  const useArrayFilter: typeof import('@vueuse/core')['useArrayFilter']
-  const useArrayFind: typeof import('@vueuse/core')['useArrayFind']
-  const useArrayFindIndex: typeof import('@vueuse/core')['useArrayFindIndex']
-  const useArrayFindLast: typeof import('@vueuse/core')['useArrayFindLast']
-  const useArrayIncludes: typeof import('@vueuse/core')['useArrayIncludes']
-  const useArrayJoin: typeof import('@vueuse/core')['useArrayJoin']
-  const useArrayMap: typeof import('@vueuse/core')['useArrayMap']
-  const useArrayReduce: typeof import('@vueuse/core')['useArrayReduce']
-  const useArraySome: typeof import('@vueuse/core')['useArraySome']
-  const useArrayUnique: typeof import('@vueuse/core')['useArrayUnique']
-  const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
-  const useAsyncState: typeof import('@vueuse/core')['useAsyncState']
-  const useAttrs: typeof import('vue')['useAttrs']
-  const useAverage: typeof import('@vueuse/math')['useAverage']
-  const useBase64: typeof import('@vueuse/core')['useBase64']
-  const useBattery: typeof import('@vueuse/core')['useBattery']
-  const useBluetooth: typeof import('@vueuse/core')['useBluetooth']
-  const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
-  const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
-  const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
-  const useCached: typeof import('@vueuse/core')['useCached']
-  const useCeil: typeof import('@vueuse/math')['useCeil']
-  const useClamp: typeof import('@vueuse/math')['useClamp']
-  const useClipboard: typeof import('@vueuse/core')['useClipboard']
-  const useClipboardItems: typeof import('@vueuse/core')['useClipboardItems']
-  const useCloned: typeof import('@vueuse/core')['useCloned']
-  const useColorMode: typeof import('@vueuse/core')['useColorMode']
-  const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
-  const useCookie: typeof import('./src/@core/composable/useCookie')['useCookie']
-  const useCounter: typeof import('@vueuse/core')['useCounter']
-  const useCssModule: typeof import('vue')['useCssModule']
-  const useCssVar: typeof import('@vueuse/core')['useCssVar']
-  const useCssVars: typeof import('vue')['useCssVars']
-  const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement']
-  const useCustomFetch: typeof import('./src/composables/useFetch')['useCustomFetch']
-  const useCycleList: typeof import('@vueuse/core')['useCycleList']
-  const useDark: typeof import('@vueuse/core')['useDark']
-  const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
-  const useDebounce: typeof import('@vueuse/core')['useDebounce']
-  const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
-  const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
-  const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
-  const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
-  const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
-  const useDevicesList: typeof import('@vueuse/core')['useDevicesList']
-  const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
-  const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
-  const useDraggable: typeof import('@vueuse/core')['useDraggable']
-  const useDropZone: typeof import('@vueuse/core')['useDropZone']
-  const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
-  const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
-  const useElementHover: typeof import('@vueuse/core')['useElementHover']
-  const useElementSize: typeof import('@vueuse/core')['useElementSize']
-  const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility']
-  const useEventBus: typeof import('@vueuse/core')['useEventBus']
-  const useEventListener: typeof import('@vueuse/core')['useEventListener']
-  const useEventSource: typeof import('@vueuse/core')['useEventSource']
-  const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
-  const useFavicon: typeof import('@vueuse/core')['useFavicon']
-  const useFetch: typeof import('@vueuse/core')['useFetch']
-  const useFileDialog: typeof import('@vueuse/core')['useFileDialog']
-  const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
-  const useFloor: typeof import('@vueuse/math')['useFloor']
-  const useFocus: typeof import('@vueuse/core')['useFocus']
-  const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
-  const useFps: typeof import('@vueuse/core')['useFps']
-  const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
-  const useGamepad: typeof import('@vueuse/core')['useGamepad']
-  const useGenerateImageVariant: typeof import('./src/@core/composable/useGenerateImageVariant')['useGenerateImageVariant']
-  const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
-  const useI18n: typeof import('vue-i18n')['useI18n']
-  const useId: typeof import('vue')['useId']
-  const useIdle: typeof import('@vueuse/core')['useIdle']
-  const useImage: typeof import('@vueuse/core')['useImage']
-  const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
-  const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
-  const useInterval: typeof import('@vueuse/core')['useInterval']
-  const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn']
-  const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']
-  const useLastChanged: typeof import('@vueuse/core')['useLastChanged']
-  const useLink: typeof import('vue-router/auto')['useLink']
-  const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
-  const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
-  const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
-  const useMath: typeof import('@vueuse/math')['useMath']
-  const useMax: typeof import('@vueuse/math')['useMax']
-  const useMediaControls: typeof import('@vueuse/core')['useMediaControls']
-  const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
-  const useMemoize: typeof import('@vueuse/core')['useMemoize']
-  const useMemory: typeof import('@vueuse/core')['useMemory']
-  const useMin: typeof import('@vueuse/math')['useMin']
-  const useModel: typeof import('vue')['useModel']
-  const useMounted: typeof import('@vueuse/core')['useMounted']
-  const useMouse: typeof import('@vueuse/core')['useMouse']
-  const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
-  const useMousePressed: typeof import('@vueuse/core')['useMousePressed']
-  const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
-  const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
-  const useNetwork: typeof import('@vueuse/core')['useNetwork']
-  const useNow: typeof import('@vueuse/core')['useNow']
-  const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
-  const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
-  const useOnline: typeof import('@vueuse/core')['useOnline']
-  const usePageLeave: typeof import('@vueuse/core')['usePageLeave']
-  const useParallax: typeof import('@vueuse/core')['useParallax']
-  const useParentElement: typeof import('@vueuse/core')['useParentElement']
-  const usePerformanceObserver: typeof import('@vueuse/core')['usePerformanceObserver']
-  const usePermission: typeof import('@vueuse/core')['usePermission']
-  const usePointer: typeof import('@vueuse/core')['usePointer']
-  const usePointerLock: typeof import('@vueuse/core')['usePointerLock']
-  const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
-  const usePrecision: typeof import('@vueuse/math')['usePrecision']
-  const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
-  const usePreferredContrast: typeof import('@vueuse/core')['usePreferredContrast']
-  const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
-  const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
-  const usePreferredReducedMotion: typeof import('@vueuse/core')['usePreferredReducedMotion']
-  const usePrevious: typeof import('@vueuse/core')['usePrevious']
-  const useProjection: typeof import('@vueuse/math')['useProjection']
-  const useRafFn: typeof import('@vueuse/core')['useRafFn']
-  const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
-  const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
-  const useResponsiveLeftSidebar: typeof import('./src/@core/composable/useResponsiveSidebar')['useResponsiveLeftSidebar']
-  const useRound: typeof import('@vueuse/math')['useRound']
-  const useRoute: typeof import('vue-router/auto')['useRoute']
-  const useRouter: typeof import('vue-router/auto')['useRouter']
-  const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
-  const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
-  const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
-  const useScroll: typeof import('@vueuse/core')['useScroll']
-  const useScrollLock: typeof import('@vueuse/core')['useScrollLock']
-  const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']
-  const useShare: typeof import('@vueuse/core')['useShare']
-  const useSkins: typeof import('./src/@core/composable/useSkins')['useSkins']
-  const useSlots: typeof import('vue')['useSlots']
-  const useSorted: typeof import('@vueuse/core')['useSorted']
-  const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
-  const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
-  const useStepper: typeof import('@vueuse/core')['useStepper']
-  const useStorage: typeof import('@vueuse/core')['useStorage']
-  const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
-  const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
-  const useSum: typeof import('@vueuse/math')['useSum']
-  const useSupported: typeof import('@vueuse/core')['useSupported']
-  const useSwipe: typeof import('@vueuse/core')['useSwipe']
-  const useTemplateRef: typeof import('vue')['useTemplateRef']
-  const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
-  const useTextDirection: typeof import('@vueuse/core')['useTextDirection']
-  const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
-  const useTextareaAutosize: typeof import('@vueuse/core')['useTextareaAutosize']
-  const useThemeConfig: typeof import('./src/@core/composable/useThemeConfig')['useThemeConfig']
-  const useThrottle: typeof import('@vueuse/core')['useThrottle']
-  const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
-  const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
-  const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
-  const useTimeout: typeof import('@vueuse/core')['useTimeout']
-  const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
-  const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
-  const useTimestamp: typeof import('@vueuse/core')['useTimestamp']
-  const useTitle: typeof import('@vueuse/core')['useTitle']
-  const useToNumber: typeof import('@vueuse/core')['useToNumber']
-  const useToString: typeof import('@vueuse/core')['useToString']
-  const useToggle: typeof import('@vueuse/core')['useToggle']
-  const useTransition: typeof import('@vueuse/core')['useTransition']
-  const useTrunc: typeof import('@vueuse/math')['useTrunc']
-  const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
-  const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
-  const useVModel: typeof import('@vueuse/core')['useVModel']
-  const useVModels: typeof import('@vueuse/core')['useVModels']
-  const useVibrate: typeof import('@vueuse/core')['useVibrate']
-  const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
-  const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
-  const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
-  const useWebSocket: typeof import('@vueuse/core')['useWebSocket']
-  const useWebWorker: typeof import('@vueuse/core')['useWebWorker']
-  const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn']
-  const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
-  const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
-  const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
-  const usecreateUrl: typeof import('./src/@core/composable/usecreateUrl')['usecreateUrl']
-  const watch: typeof import('vue')['watch']
-  const watchArray: typeof import('@vueuse/core')['watchArray']
-  const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
-  const watchDebounced: typeof import('@vueuse/core')['watchDebounced']
-  const watchDeep: typeof import('@vueuse/core')['watchDeep']
-  const watchEffect: typeof import('vue')['watchEffect']
-  const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
-  const watchImmediate: typeof import('@vueuse/core')['watchImmediate']
-  const watchOnce: typeof import('@vueuse/core')['watchOnce']
-  const watchPausable: typeof import('@vueuse/core')['watchPausable']
-  const watchPostEffect: typeof import('vue')['watchPostEffect']
-  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
-  const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
-  const watchTriggerable: typeof import('@vueuse/core')['watchTriggerable']
-  const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
-  const whenever: typeof import('@vueuse/core')['whenever']
-}
-// for type re-export
-declare global {
-  // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
-  import('vue')
-}
-
-// for vue template auto import
-import { UnwrapRef } from 'vue'
-declare module 'vue' {
-  interface GlobalComponents {}
-  interface ComponentCustomProperties {
-    readonly $api: UnwrapRef<typeof import('./src/utils/api')['$api']>
-    readonly COOKIE_MAX_AGE_1_YEAR: UnwrapRef<typeof import('./src/utils/constants')['COOKIE_MAX_AGE_1_YEAR']>
-    readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
-    readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
-    readonly alphaDashValidator: UnwrapRef<typeof import('./src/@core/utils/validators')['alphaDashValidator']>
-    readonly alphaValidator: UnwrapRef<typeof import('./src/@core/utils/validators')['alphaValidator']>
-    readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
-    readonly autoResetRef: UnwrapRef<typeof import('@vueuse/core')['autoResetRef']>
-    readonly avatarText: UnwrapRef<typeof import('./src/@core/utils/formatters')['avatarText']>
-    readonly betweenValidator: UnwrapRef<typeof import('./src/@core/utils/validators')['betweenValidator']>
-    readonly computed: UnwrapRef<typeof import('vue')['computed']>
-    readonly computedAsync: UnwrapRef<typeof import('@vueuse/core')['computedAsync']>
-    readonly computedEager: UnwrapRef<typeof import('@vueuse/core')['computedEager']>
-    readonly computedInject: UnwrapRef<typeof import('@vueuse/core')['computedInject']>
-    readonly computedWithControl: UnwrapRef<typeof import('@vueuse/core')['computedWithControl']>
-    readonly confirmedValidator: UnwrapRef<typeof import('./src/@core/utils/validators')['confirmedValidator']>
-    readonly controlledComputed: UnwrapRef<typeof import('@vueuse/core')['controlledComputed']>
-    readonly controlledRef: UnwrapRef<typeof import('@vueuse/core')['controlledRef']>
-    readonly createApp: UnwrapRef<typeof import('vue')['createApp']>
-    readonly createEventHook: UnwrapRef<typeof import('@vueuse/core')['createEventHook']>
-    readonly createGenericProjection: UnwrapRef<typeof import('@vueuse/math')['createGenericProjection']>
-    readonly createGlobalState: UnwrapRef<typeof import('@vueuse/core')['createGlobalState']>
-    readonly createInjectionState: UnwrapRef<typeof import('@vueuse/core')['createInjectionState']>
-    readonly createPinia: UnwrapRef<typeof import('pinia')['createPinia']>
-    readonly createProjection: UnwrapRef<typeof import('@vueuse/math')['createProjection']>
-    readonly createReactiveFn: UnwrapRef<typeof import('@vueuse/core')['createReactiveFn']>
-    readonly createReusableTemplate: UnwrapRef<typeof import('@vueuse/core')['createReusableTemplate']>
-    readonly createSharedComposable: UnwrapRef<typeof import('@vueuse/core')['createSharedComposable']>
-    readonly createTemplatePromise: UnwrapRef<typeof import('@vueuse/core')['createTemplatePromise']>
-    readonly createUnrefFn: UnwrapRef<typeof import('@vueuse/core')['createUnrefFn']>
-    readonly createUrl: UnwrapRef<typeof import('./src/@core/composable/createUrl')['createUrl']>
-    readonly customRef: UnwrapRef<typeof import('vue')['customRef']>
-    readonly debouncedRef: UnwrapRef<typeof import('@vueuse/core')['debouncedRef']>
-    readonly debouncedWatch: UnwrapRef<typeof import('@vueuse/core')['debouncedWatch']>
-    readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
-    readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
-    readonly definePage: UnwrapRef<typeof import('unplugin-vue-router/runtime')['definePage']>
-    readonly defineStore: UnwrapRef<typeof import('pinia')['defineStore']>
-    readonly eagerComputed: UnwrapRef<typeof import('@vueuse/core')['eagerComputed']>
-    readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
-    readonly emailValidator: UnwrapRef<typeof import('./src/@core/utils/validators')['emailValidator']>
-    readonly extendRef: UnwrapRef<typeof import('@vueuse/core')['extendRef']>
-    readonly formatDate: UnwrapRef<typeof import('./src/@core/utils/formatters')['formatDate']>
-    readonly formatDateToMonthShort: UnwrapRef<typeof import('./src/@core/utils/formatters')['formatDateToMonthShort']>
-    readonly getActivePinia: UnwrapRef<typeof import('pinia')['getActivePinia']>
-    readonly getCurrentInstance: UnwrapRef<typeof import('vue')['getCurrentInstance']>
-    readonly getCurrentScope: UnwrapRef<typeof import('vue')['getCurrentScope']>
-    readonly h: UnwrapRef<typeof import('vue')['h']>
-    readonly hexToRgb: UnwrapRef<typeof import('./src/@core/utils/colorConverter')['hexToRgb']>
-    readonly ignorableWatch: UnwrapRef<typeof import('@vueuse/core')['ignorableWatch']>
-    readonly inject: UnwrapRef<typeof import('vue')['inject']>
-    readonly injectLocal: UnwrapRef<typeof import('@vueuse/core')['injectLocal']>
-    readonly integerValidator: UnwrapRef<typeof import('./src/@core/utils/validators')['integerValidator']>
-    readonly isDefined: UnwrapRef<typeof import('@vueuse/core')['isDefined']>
-    readonly isEmpty: UnwrapRef<typeof import('./src/@core/utils/helpers')['isEmpty']>
-    readonly isEmptyArray: UnwrapRef<typeof import('./src/@core/utils/helpers')['isEmptyArray']>
-    readonly isNullOrUndefined: UnwrapRef<typeof import('./src/@core/utils/helpers')['isNullOrUndefined']>
-    readonly isObject: UnwrapRef<typeof import('./src/@core/utils/helpers')['isObject']>
-    readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
-    readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
-    readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
-    readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
-    readonly isToday: UnwrapRef<typeof import('./src/@core/utils/helpers')['isToday']>
-    readonly kFormatter: UnwrapRef<typeof import('./src/@core/utils/formatters')['kFormatter']>
-    readonly lengthValidator: UnwrapRef<typeof import('./src/@core/utils/validators')['lengthValidator']>
-    readonly logicAnd: UnwrapRef<typeof import('@vueuse/math')['logicAnd']>
-    readonly logicNot: UnwrapRef<typeof import('@vueuse/math')['logicNot']>
-    readonly logicOr: UnwrapRef<typeof import('@vueuse/math')['logicOr']>
-    readonly makeDestructurable: UnwrapRef<typeof import('@vueuse/core')['makeDestructurable']>
-    readonly mapActions: UnwrapRef<typeof import('pinia')['mapActions']>
-    readonly mapGetters: UnwrapRef<typeof import('pinia')['mapGetters']>
-    readonly mapState: UnwrapRef<typeof import('pinia')['mapState']>
-    readonly mapStores: UnwrapRef<typeof import('pinia')['mapStores']>
-    readonly mapWritableState: UnwrapRef<typeof import('pinia')['mapWritableState']>
-    readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
-    readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
-    readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
-    readonly onBeforeMount: UnwrapRef<typeof import('vue')['onBeforeMount']>
-    readonly onBeforeRouteLeave: UnwrapRef<typeof import('vue-router/auto')['onBeforeRouteLeave']>
-    readonly onBeforeRouteUpdate: UnwrapRef<typeof import('vue-router/auto')['onBeforeRouteUpdate']>
-    readonly onBeforeUnmount: UnwrapRef<typeof import('vue')['onBeforeUnmount']>
-    readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
-    readonly onClickOutside: UnwrapRef<typeof import('@vueuse/core')['onClickOutside']>
-    readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
-    readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
-    readonly onKeyStroke: UnwrapRef<typeof import('@vueuse/core')['onKeyStroke']>
-    readonly onLongPress: UnwrapRef<typeof import('@vueuse/core')['onLongPress']>
-    readonly onMounted: UnwrapRef<typeof import('vue')['onMounted']>
-    readonly onRenderTracked: UnwrapRef<typeof import('vue')['onRenderTracked']>
-    readonly onRenderTriggered: UnwrapRef<typeof import('vue')['onRenderTriggered']>
-    readonly onScopeDispose: UnwrapRef<typeof import('vue')['onScopeDispose']>
-    readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
-    readonly onStartTyping: UnwrapRef<typeof import('@vueuse/core')['onStartTyping']>
-    readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
-    readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
-    readonly onWatcherCleanup: UnwrapRef<typeof import('vue')['onWatcherCleanup']>
-    readonly paginationMeta: UnwrapRef<typeof import('./src/utils/paginationMeta')['paginationMeta']>
-    readonly passwordValidator: UnwrapRef<typeof import('./src/@core/utils/validators')['passwordValidator']>
-    readonly pausableWatch: UnwrapRef<typeof import('@vueuse/core')['pausableWatch']>
-    readonly prefixWithPlus: UnwrapRef<typeof import('./src/@core/utils/formatters')['prefixWithPlus']>
-    readonly provide: UnwrapRef<typeof import('vue')['provide']>
-    readonly provideLocal: UnwrapRef<typeof import('@vueuse/core')['provideLocal']>
-    readonly reactify: UnwrapRef<typeof import('@vueuse/core')['reactify']>
-    readonly reactifyObject: UnwrapRef<typeof import('@vueuse/core')['reactifyObject']>
-    readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
-    readonly reactiveComputed: UnwrapRef<typeof import('@vueuse/core')['reactiveComputed']>
-    readonly reactiveOmit: UnwrapRef<typeof import('@vueuse/core')['reactiveOmit']>
-    readonly reactivePick: UnwrapRef<typeof import('@vueuse/core')['reactivePick']>
-    readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
-    readonly ref: UnwrapRef<typeof import('vue')['ref']>
-    readonly refAutoReset: UnwrapRef<typeof import('@vueuse/core')['refAutoReset']>
-    readonly refDebounced: UnwrapRef<typeof import('@vueuse/core')['refDebounced']>
-    readonly refDefault: UnwrapRef<typeof import('@vueuse/core')['refDefault']>
-    readonly refThrottled: UnwrapRef<typeof import('@vueuse/core')['refThrottled']>
-    readonly refWithControl: UnwrapRef<typeof import('@vueuse/core')['refWithControl']>
-    readonly regexValidator: UnwrapRef<typeof import('./src/@core/utils/validators')['regexValidator']>
-    readonly registerPlugins: UnwrapRef<typeof import('./src/@core/utils/plugins')['registerPlugins']>
-    readonly requiredValidator: UnwrapRef<typeof import('./src/@core/utils/validators')['requiredValidator']>
-    readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
-    readonly resolveRef: UnwrapRef<typeof import('@vueuse/core')['resolveRef']>
-    readonly resolveUnref: UnwrapRef<typeof import('@vueuse/core')['resolveUnref']>
-    readonly resolveVuetifyTheme: UnwrapRef<typeof import('./src/@core/utils/vuetify')['resolveVuetifyTheme']>
-    readonly rgbaToHex: UnwrapRef<typeof import('./src/@core/utils/colorConverter')['rgbaToHex']>
-    readonly setActivePinia: UnwrapRef<typeof import('pinia')['setActivePinia']>
-    readonly setMapStoreSuffix: UnwrapRef<typeof import('pinia')['setMapStoreSuffix']>
-    readonly shallowReactive: UnwrapRef<typeof import('vue')['shallowReactive']>
-    readonly shallowReadonly: UnwrapRef<typeof import('vue')['shallowReadonly']>
-    readonly shallowRef: UnwrapRef<typeof import('vue')['shallowRef']>
-    readonly storeToRefs: UnwrapRef<typeof import('pinia')['storeToRefs']>
-    readonly syncRef: UnwrapRef<typeof import('@vueuse/core')['syncRef']>
-    readonly syncRefs: UnwrapRef<typeof import('@vueuse/core')['syncRefs']>
-    readonly templateRef: UnwrapRef<typeof import('@vueuse/core')['templateRef']>
-    readonly throttledRef: UnwrapRef<typeof import('@vueuse/core')['throttledRef']>
-    readonly throttledWatch: UnwrapRef<typeof import('@vueuse/core')['throttledWatch']>
-    readonly toRaw: UnwrapRef<typeof import('vue')['toRaw']>
-    readonly toReactive: UnwrapRef<typeof import('@vueuse/core')['toReactive']>
-    readonly toRef: UnwrapRef<typeof import('vue')['toRef']>
-    readonly toRefs: UnwrapRef<typeof import('vue')['toRefs']>
-    readonly toValue: UnwrapRef<typeof import('vue')['toValue']>
-    readonly triggerRef: UnwrapRef<typeof import('vue')['triggerRef']>
-    readonly tryOnBeforeMount: UnwrapRef<typeof import('@vueuse/core')['tryOnBeforeMount']>
-    readonly tryOnBeforeUnmount: UnwrapRef<typeof import('@vueuse/core')['tryOnBeforeUnmount']>
-    readonly tryOnMounted: UnwrapRef<typeof import('@vueuse/core')['tryOnMounted']>
-    readonly tryOnScopeDispose: UnwrapRef<typeof import('@vueuse/core')['tryOnScopeDispose']>
-    readonly tryOnUnmounted: UnwrapRef<typeof import('@vueuse/core')['tryOnUnmounted']>
-    readonly unref: UnwrapRef<typeof import('vue')['unref']>
-    readonly unrefElement: UnwrapRef<typeof import('@vueuse/core')['unrefElement']>
-    readonly until: UnwrapRef<typeof import('@vueuse/core')['until']>
-    readonly urlValidator: UnwrapRef<typeof import('./src/@core/utils/validators')['urlValidator']>
-    readonly useAbility: UnwrapRef<typeof import('./src/plugins/casl/composables/useAbility')['useAbility']>
-    readonly useAbs: UnwrapRef<typeof import('@vueuse/math')['useAbs']>
-    readonly useActiveElement: UnwrapRef<typeof import('@vueuse/core')['useActiveElement']>
-    readonly useAnimate: UnwrapRef<typeof import('@vueuse/core')['useAnimate']>
-    readonly useApi: UnwrapRef<typeof import('./src/composables/useApi')['useApi']>
-    readonly useArrayDifference: UnwrapRef<typeof import('@vueuse/core')['useArrayDifference']>
-    readonly useArrayEvery: UnwrapRef<typeof import('@vueuse/core')['useArrayEvery']>
-    readonly useArrayFilter: UnwrapRef<typeof import('@vueuse/core')['useArrayFilter']>
-    readonly useArrayFind: UnwrapRef<typeof import('@vueuse/core')['useArrayFind']>
-    readonly useArrayFindIndex: UnwrapRef<typeof import('@vueuse/core')['useArrayFindIndex']>
-    readonly useArrayFindLast: UnwrapRef<typeof import('@vueuse/core')['useArrayFindLast']>
-    readonly useArrayIncludes: UnwrapRef<typeof import('@vueuse/core')['useArrayIncludes']>
-    readonly useArrayJoin: UnwrapRef<typeof import('@vueuse/core')['useArrayJoin']>
-    readonly useArrayMap: UnwrapRef<typeof import('@vueuse/core')['useArrayMap']>
-    readonly useArrayReduce: UnwrapRef<typeof import('@vueuse/core')['useArrayReduce']>
-    readonly useArraySome: UnwrapRef<typeof import('@vueuse/core')['useArraySome']>
-    readonly useArrayUnique: UnwrapRef<typeof import('@vueuse/core')['useArrayUnique']>
-    readonly useAsyncQueue: UnwrapRef<typeof import('@vueuse/core')['useAsyncQueue']>
-    readonly useAsyncState: UnwrapRef<typeof import('@vueuse/core')['useAsyncState']>
-    readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
-    readonly useAverage: UnwrapRef<typeof import('@vueuse/math')['useAverage']>
-    readonly useBase64: UnwrapRef<typeof import('@vueuse/core')['useBase64']>
-    readonly useBattery: UnwrapRef<typeof import('@vueuse/core')['useBattery']>
-    readonly useBluetooth: UnwrapRef<typeof import('@vueuse/core')['useBluetooth']>
-    readonly useBreakpoints: UnwrapRef<typeof import('@vueuse/core')['useBreakpoints']>
-    readonly useBroadcastChannel: UnwrapRef<typeof import('@vueuse/core')['useBroadcastChannel']>
-    readonly useBrowserLocation: UnwrapRef<typeof import('@vueuse/core')['useBrowserLocation']>
-    readonly useCached: UnwrapRef<typeof import('@vueuse/core')['useCached']>
-    readonly useCeil: UnwrapRef<typeof import('@vueuse/math')['useCeil']>
-    readonly useClamp: UnwrapRef<typeof import('@vueuse/math')['useClamp']>
-    readonly useClipboard: UnwrapRef<typeof import('@vueuse/core')['useClipboard']>
-    readonly useClipboardItems: UnwrapRef<typeof import('@vueuse/core')['useClipboardItems']>
-    readonly useCloned: UnwrapRef<typeof import('@vueuse/core')['useCloned']>
-    readonly useColorMode: UnwrapRef<typeof import('@vueuse/core')['useColorMode']>
-    readonly useConfirmDialog: UnwrapRef<typeof import('@vueuse/core')['useConfirmDialog']>
-    readonly useCookie: UnwrapRef<typeof import('./src/@core/composable/useCookie')['useCookie']>
-    readonly useCounter: UnwrapRef<typeof import('@vueuse/core')['useCounter']>
-    readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
-    readonly useCssVar: UnwrapRef<typeof import('@vueuse/core')['useCssVar']>
-    readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
-    readonly useCurrentElement: UnwrapRef<typeof import('@vueuse/core')['useCurrentElement']>
-    readonly useCycleList: UnwrapRef<typeof import('@vueuse/core')['useCycleList']>
-    readonly useDark: UnwrapRef<typeof import('@vueuse/core')['useDark']>
-    readonly useDateFormat: UnwrapRef<typeof import('@vueuse/core')['useDateFormat']>
-    readonly useDebounce: UnwrapRef<typeof import('@vueuse/core')['useDebounce']>
-    readonly useDebounceFn: UnwrapRef<typeof import('@vueuse/core')['useDebounceFn']>
-    readonly useDebouncedRefHistory: UnwrapRef<typeof import('@vueuse/core')['useDebouncedRefHistory']>
-    readonly useDeviceMotion: UnwrapRef<typeof import('@vueuse/core')['useDeviceMotion']>
-    readonly useDeviceOrientation: UnwrapRef<typeof import('@vueuse/core')['useDeviceOrientation']>
-    readonly useDevicePixelRatio: UnwrapRef<typeof import('@vueuse/core')['useDevicePixelRatio']>
-    readonly useDevicesList: UnwrapRef<typeof import('@vueuse/core')['useDevicesList']>
-    readonly useDisplayMedia: UnwrapRef<typeof import('@vueuse/core')['useDisplayMedia']>
-    readonly useDocumentVisibility: UnwrapRef<typeof import('@vueuse/core')['useDocumentVisibility']>
-    readonly useDraggable: UnwrapRef<typeof import('@vueuse/core')['useDraggable']>
-    readonly useDropZone: UnwrapRef<typeof import('@vueuse/core')['useDropZone']>
-    readonly useElementBounding: UnwrapRef<typeof import('@vueuse/core')['useElementBounding']>
-    readonly useElementByPoint: UnwrapRef<typeof import('@vueuse/core')['useElementByPoint']>
-    readonly useElementHover: UnwrapRef<typeof import('@vueuse/core')['useElementHover']>
-    readonly useElementSize: UnwrapRef<typeof import('@vueuse/core')['useElementSize']>
-    readonly useElementVisibility: UnwrapRef<typeof import('@vueuse/core')['useElementVisibility']>
-    readonly useEventBus: UnwrapRef<typeof import('@vueuse/core')['useEventBus']>
-    readonly useEventListener: UnwrapRef<typeof import('@vueuse/core')['useEventListener']>
-    readonly useEventSource: UnwrapRef<typeof import('@vueuse/core')['useEventSource']>
-    readonly useEyeDropper: UnwrapRef<typeof import('@vueuse/core')['useEyeDropper']>
-    readonly useFavicon: UnwrapRef<typeof import('@vueuse/core')['useFavicon']>
-    readonly useFetch: UnwrapRef<typeof import('@vueuse/core')['useFetch']>
-    readonly useFileDialog: UnwrapRef<typeof import('@vueuse/core')['useFileDialog']>
-    readonly useFileSystemAccess: UnwrapRef<typeof import('@vueuse/core')['useFileSystemAccess']>
-    readonly useFloor: UnwrapRef<typeof import('@vueuse/math')['useFloor']>
-    readonly useFocus: UnwrapRef<typeof import('@vueuse/core')['useFocus']>
-    readonly useFocusWithin: UnwrapRef<typeof import('@vueuse/core')['useFocusWithin']>
-    readonly useFps: UnwrapRef<typeof import('@vueuse/core')['useFps']>
-    readonly useFullscreen: UnwrapRef<typeof import('@vueuse/core')['useFullscreen']>
-    readonly useGamepad: UnwrapRef<typeof import('@vueuse/core')['useGamepad']>
-    readonly useGenerateImageVariant: UnwrapRef<typeof import('./src/@core/composable/useGenerateImageVariant')['useGenerateImageVariant']>
-    readonly useGeolocation: UnwrapRef<typeof import('@vueuse/core')['useGeolocation']>
-    readonly useI18n: UnwrapRef<typeof import('vue-i18n')['useI18n']>
-    readonly useId: UnwrapRef<typeof import('vue')['useId']>
-    readonly useIdle: UnwrapRef<typeof import('@vueuse/core')['useIdle']>
-    readonly useImage: UnwrapRef<typeof import('@vueuse/core')['useImage']>
-    readonly useInfiniteScroll: UnwrapRef<typeof import('@vueuse/core')['useInfiniteScroll']>
-    readonly useIntersectionObserver: UnwrapRef<typeof import('@vueuse/core')['useIntersectionObserver']>
-    readonly useInterval: UnwrapRef<typeof import('@vueuse/core')['useInterval']>
-    readonly useIntervalFn: UnwrapRef<typeof import('@vueuse/core')['useIntervalFn']>
-    readonly useKeyModifier: UnwrapRef<typeof import('@vueuse/core')['useKeyModifier']>
-    readonly useLastChanged: UnwrapRef<typeof import('@vueuse/core')['useLastChanged']>
-    readonly useLocalStorage: UnwrapRef<typeof import('@vueuse/core')['useLocalStorage']>
-    readonly useMagicKeys: UnwrapRef<typeof import('@vueuse/core')['useMagicKeys']>
-    readonly useManualRefHistory: UnwrapRef<typeof import('@vueuse/core')['useManualRefHistory']>
-    readonly useMath: UnwrapRef<typeof import('@vueuse/math')['useMath']>
-    readonly useMax: UnwrapRef<typeof import('@vueuse/math')['useMax']>
-    readonly useMediaControls: UnwrapRef<typeof import('@vueuse/core')['useMediaControls']>
-    readonly useMediaQuery: UnwrapRef<typeof import('@vueuse/core')['useMediaQuery']>
-    readonly useMemoize: UnwrapRef<typeof import('@vueuse/core')['useMemoize']>
-    readonly useMemory: UnwrapRef<typeof import('@vueuse/core')['useMemory']>
-    readonly useMin: UnwrapRef<typeof import('@vueuse/math')['useMin']>
-    readonly useModel: UnwrapRef<typeof import('vue')['useModel']>
-    readonly useMounted: UnwrapRef<typeof import('@vueuse/core')['useMounted']>
-    readonly useMouse: UnwrapRef<typeof import('@vueuse/core')['useMouse']>
-    readonly useMouseInElement: UnwrapRef<typeof import('@vueuse/core')['useMouseInElement']>
-    readonly useMousePressed: UnwrapRef<typeof import('@vueuse/core')['useMousePressed']>
-    readonly useMutationObserver: UnwrapRef<typeof import('@vueuse/core')['useMutationObserver']>
-    readonly useNavigatorLanguage: UnwrapRef<typeof import('@vueuse/core')['useNavigatorLanguage']>
-    readonly useNetwork: UnwrapRef<typeof import('@vueuse/core')['useNetwork']>
-    readonly useNow: UnwrapRef<typeof import('@vueuse/core')['useNow']>
-    readonly useObjectUrl: UnwrapRef<typeof import('@vueuse/core')['useObjectUrl']>
-    readonly useOffsetPagination: UnwrapRef<typeof import('@vueuse/core')['useOffsetPagination']>
-    readonly useOnline: UnwrapRef<typeof import('@vueuse/core')['useOnline']>
-    readonly usePageLeave: UnwrapRef<typeof import('@vueuse/core')['usePageLeave']>
-    readonly useParallax: UnwrapRef<typeof import('@vueuse/core')['useParallax']>
-    readonly useParentElement: UnwrapRef<typeof import('@vueuse/core')['useParentElement']>
-    readonly usePerformanceObserver: UnwrapRef<typeof import('@vueuse/core')['usePerformanceObserver']>
-    readonly usePermission: UnwrapRef<typeof import('@vueuse/core')['usePermission']>
-    readonly usePointer: UnwrapRef<typeof import('@vueuse/core')['usePointer']>
-    readonly usePointerLock: UnwrapRef<typeof import('@vueuse/core')['usePointerLock']>
-    readonly usePointerSwipe: UnwrapRef<typeof import('@vueuse/core')['usePointerSwipe']>
-    readonly usePrecision: UnwrapRef<typeof import('@vueuse/math')['usePrecision']>
-    readonly usePreferredColorScheme: UnwrapRef<typeof import('@vueuse/core')['usePreferredColorScheme']>
-    readonly usePreferredContrast: UnwrapRef<typeof import('@vueuse/core')['usePreferredContrast']>
-    readonly usePreferredDark: UnwrapRef<typeof import('@vueuse/core')['usePreferredDark']>
-    readonly usePreferredLanguages: UnwrapRef<typeof import('@vueuse/core')['usePreferredLanguages']>
-    readonly usePreferredReducedMotion: UnwrapRef<typeof import('@vueuse/core')['usePreferredReducedMotion']>
-    readonly usePrevious: UnwrapRef<typeof import('@vueuse/core')['usePrevious']>
-    readonly useProjection: UnwrapRef<typeof import('@vueuse/math')['useProjection']>
-    readonly useRafFn: UnwrapRef<typeof import('@vueuse/core')['useRafFn']>
-    readonly useRefHistory: UnwrapRef<typeof import('@vueuse/core')['useRefHistory']>
-    readonly useResizeObserver: UnwrapRef<typeof import('@vueuse/core')['useResizeObserver']>
-    readonly useResponsiveLeftSidebar: UnwrapRef<typeof import('./src/@core/composable/useResponsiveSidebar')['useResponsiveLeftSidebar']>
-    readonly useRound: UnwrapRef<typeof import('@vueuse/math')['useRound']>
-    readonly useRoute: UnwrapRef<typeof import('vue-router/auto')['useRoute']>
-    readonly useRouter: UnwrapRef<typeof import('vue-router/auto')['useRouter']>
-    readonly useScreenOrientation: UnwrapRef<typeof import('@vueuse/core')['useScreenOrientation']>
-    readonly useScreenSafeArea: UnwrapRef<typeof import('@vueuse/core')['useScreenSafeArea']>
-    readonly useScriptTag: UnwrapRef<typeof import('@vueuse/core')['useScriptTag']>
-    readonly useScroll: UnwrapRef<typeof import('@vueuse/core')['useScroll']>
-    readonly useScrollLock: UnwrapRef<typeof import('@vueuse/core')['useScrollLock']>
-    readonly useSessionStorage: UnwrapRef<typeof import('@vueuse/core')['useSessionStorage']>
-    readonly useShare: UnwrapRef<typeof import('@vueuse/core')['useShare']>
-    readonly useSkins: UnwrapRef<typeof import('./src/@core/composable/useSkins')['useSkins']>
-    readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
-    readonly useSorted: UnwrapRef<typeof import('@vueuse/core')['useSorted']>
-    readonly useSpeechRecognition: UnwrapRef<typeof import('@vueuse/core')['useSpeechRecognition']>
-    readonly useSpeechSynthesis: UnwrapRef<typeof import('@vueuse/core')['useSpeechSynthesis']>
-    readonly useStepper: UnwrapRef<typeof import('@vueuse/core')['useStepper']>
-    readonly useStorageAsync: UnwrapRef<typeof import('@vueuse/core')['useStorageAsync']>
-    readonly useStyleTag: UnwrapRef<typeof import('@vueuse/core')['useStyleTag']>
-    readonly useSum: UnwrapRef<typeof import('@vueuse/math')['useSum']>
-    readonly useSupported: UnwrapRef<typeof import('@vueuse/core')['useSupported']>
-    readonly useSwipe: UnwrapRef<typeof import('@vueuse/core')['useSwipe']>
-    readonly useTemplateRef: UnwrapRef<typeof import('vue')['useTemplateRef']>
-    readonly useTemplateRefsList: UnwrapRef<typeof import('@vueuse/core')['useTemplateRefsList']>
-    readonly useTextDirection: UnwrapRef<typeof import('@vueuse/core')['useTextDirection']>
-    readonly useTextSelection: UnwrapRef<typeof import('@vueuse/core')['useTextSelection']>
-    readonly useTextareaAutosize: UnwrapRef<typeof import('@vueuse/core')['useTextareaAutosize']>
-    readonly useThrottle: UnwrapRef<typeof import('@vueuse/core')['useThrottle']>
-    readonly useThrottleFn: UnwrapRef<typeof import('@vueuse/core')['useThrottleFn']>
-    readonly useThrottledRefHistory: UnwrapRef<typeof import('@vueuse/core')['useThrottledRefHistory']>
-    readonly useTimeAgo: UnwrapRef<typeof import('@vueuse/core')['useTimeAgo']>
-    readonly useTimeout: UnwrapRef<typeof import('@vueuse/core')['useTimeout']>
-    readonly useTimeoutFn: UnwrapRef<typeof import('@vueuse/core')['useTimeoutFn']>
-    readonly useTimeoutPoll: UnwrapRef<typeof import('@vueuse/core')['useTimeoutPoll']>
-    readonly useTimestamp: UnwrapRef<typeof import('@vueuse/core')['useTimestamp']>
-    readonly useTitle: UnwrapRef<typeof import('@vueuse/core')['useTitle']>
-    readonly useToNumber: UnwrapRef<typeof import('@vueuse/core')['useToNumber']>
-    readonly useToString: UnwrapRef<typeof import('@vueuse/core')['useToString']>
-    readonly useToggle: UnwrapRef<typeof import('@vueuse/core')['useToggle']>
-    readonly useTransition: UnwrapRef<typeof import('@vueuse/core')['useTransition']>
-    readonly useTrunc: UnwrapRef<typeof import('@vueuse/math')['useTrunc']>
-    readonly useUrlSearchParams: UnwrapRef<typeof import('@vueuse/core')['useUrlSearchParams']>
-    readonly useUserMedia: UnwrapRef<typeof import('@vueuse/core')['useUserMedia']>
-    readonly useVModel: UnwrapRef<typeof import('@vueuse/core')['useVModel']>
-    readonly useVModels: UnwrapRef<typeof import('@vueuse/core')['useVModels']>
-    readonly useVibrate: UnwrapRef<typeof import('@vueuse/core')['useVibrate']>
-    readonly useVirtualList: UnwrapRef<typeof import('@vueuse/core')['useVirtualList']>
-    readonly useWakeLock: UnwrapRef<typeof import('@vueuse/core')['useWakeLock']>
-    readonly useWebNotification: UnwrapRef<typeof import('@vueuse/core')['useWebNotification']>
-    readonly useWebSocket: UnwrapRef<typeof import('@vueuse/core')['useWebSocket']>
-    readonly useWebWorker: UnwrapRef<typeof import('@vueuse/core')['useWebWorker']>
-    readonly useWebWorkerFn: UnwrapRef<typeof import('@vueuse/core')['useWebWorkerFn']>
-    readonly useWindowFocus: UnwrapRef<typeof import('@vueuse/core')['useWindowFocus']>
-    readonly useWindowScroll: UnwrapRef<typeof import('@vueuse/core')['useWindowScroll']>
-    readonly useWindowSize: UnwrapRef<typeof import('@vueuse/core')['useWindowSize']>
-    readonly watch: UnwrapRef<typeof import('vue')['watch']>
-    readonly watchArray: UnwrapRef<typeof import('@vueuse/core')['watchArray']>
-    readonly watchAtMost: UnwrapRef<typeof import('@vueuse/core')['watchAtMost']>
-    readonly watchDebounced: UnwrapRef<typeof import('@vueuse/core')['watchDebounced']>
-    readonly watchDeep: UnwrapRef<typeof import('@vueuse/core')['watchDeep']>
-    readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
-    readonly watchIgnorable: UnwrapRef<typeof import('@vueuse/core')['watchIgnorable']>
-    readonly watchImmediate: UnwrapRef<typeof import('@vueuse/core')['watchImmediate']>
-    readonly watchOnce: UnwrapRef<typeof import('@vueuse/core')['watchOnce']>
-    readonly watchPausable: UnwrapRef<typeof import('@vueuse/core')['watchPausable']>
-    readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>
-    readonly watchSyncEffect: UnwrapRef<typeof import('vue')['watchSyncEffect']>
-    readonly watchThrottled: UnwrapRef<typeof import('@vueuse/core')['watchThrottled']>
-    readonly watchTriggerable: UnwrapRef<typeof import('@vueuse/core')['watchTriggerable']>
-    readonly watchWithFilter: UnwrapRef<typeof import('@vueuse/core')['watchWithFilter']>
-    readonly whenever: UnwrapRef<typeof import('@vueuse/core')['whenever']>
-  }
-}
\ No newline at end of file
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/bootstrap/app.php b/vuexy-theme-vue-laravel-full-example-typescript/bootstrap/app.php
deleted file mode 100644
index 116b7e2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/bootstrap/app.php
+++ /dev/null
@@ -1,18 +0,0 @@
-<?php
-
-use Illuminate\Foundation\Application;
-use Illuminate\Foundation\Configuration\Exceptions;
-use Illuminate\Foundation\Configuration\Middleware;
-
-return Application::configure(basePath: dirname(__DIR__))
-    ->withRouting(
-        web: __DIR__.'/../routes/web.php',
-        commands: __DIR__.'/../routes/console.php',
-        health: '/up',
-    )
-    ->withMiddleware(function (Middleware $middleware): void {
-        //
-    })
-    ->withExceptions(function (Exceptions $exceptions): void {
-        //
-    })->create();
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/bootstrap/cache/.gitignore b/vuexy-theme-vue-laravel-full-example-typescript/bootstrap/cache/.gitignore
deleted file mode 100644
index 7f90280..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/bootstrap/cache/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-*
-!.gitignore
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/bootstrap/providers.php b/vuexy-theme-vue-laravel-full-example-typescript/bootstrap/providers.php
deleted file mode 100644
index c7da1af..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/bootstrap/providers.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<?php
-
-return [
-    App\Providers\AppServiceProvider::class,
-];
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/components.d.ts b/vuexy-theme-vue-laravel-full-example-typescript/components.d.ts
deleted file mode 100644
index fc36603..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/components.d.ts
+++ /dev/null
@@ -1,395 +0,0 @@
-/* eslint-disable */
-// @ts-nocheck
-// Generated by unplugin-vue-components
-// Read more: https://github.com/vuejs/core/pull/3399
-export {}
-
-/* prettier-ignore */
-declare module 'vue' {
-  export interface GlobalComponents {
-    AddAuthenticatorAppDialog: typeof import('./resources/ts/components/dialogs/AddAuthenticatorAppDialog.vue')['default']
-    AddEditAddressDialog: typeof import('./resources/ts/components/dialogs/AddEditAddressDialog.vue')['default']
-    AddEditPermissionDialog: typeof import('./resources/ts/components/dialogs/AddEditPermissionDialog.vue')['default']
-    AddEditRoleDialog: typeof import('./resources/ts/components/dialogs/AddEditRoleDialog.vue')['default']
-    AddPaymentMethodDialog: typeof import('./resources/ts/components/dialogs/AddPaymentMethodDialog.vue')['default']
-    AppAutocomplete: typeof import('./resources/ts/@core/components/app-form-elements/AppAutocomplete.vue')['default']
-    AppBarSearch: typeof import('./resources/ts/@core/components/AppBarSearch.vue')['default']
-    AppCardActions: typeof import('./resources/ts/@core/components/cards/AppCardActions.vue')['default']
-    AppCardCode: typeof import('./resources/ts/@core/components/cards/AppCardCode.vue')['default']
-    AppCombobox: typeof import('./resources/ts/@core/components/app-form-elements/AppCombobox.vue')['default']
-    AppDateTimePicker: typeof import('./resources/ts/@core/components/app-form-elements/AppDateTimePicker.vue')['default']
-    AppDrawerHeaderSection: typeof import('./resources/ts/@core/components/AppDrawerHeaderSection.vue')['default']
-    AppLoadingIndicator: typeof import('./resources/ts/components/AppLoadingIndicator.vue')['default']
-    AppPricing: typeof import('./resources/ts/components/AppPricing.vue')['default']
-    AppSearchHeader: typeof import('./resources/ts/components/AppSearchHeader.vue')['default']
-    AppSelect: typeof import('./resources/ts/@core/components/app-form-elements/AppSelect.vue')['default']
-    AppStepper: typeof import('./resources/ts/@core/components/AppStepper.vue')['default']
-    AppTextarea: typeof import('./resources/ts/@core/components/app-form-elements/AppTextarea.vue')['default']
-    AppTextField: typeof import('./resources/ts/@core/components/app-form-elements/AppTextField.vue')['default']
-    BuyNow: typeof import('./resources/ts/@core/components/BuyNow.vue')['default']
-    CardAddEditDialog: typeof import('./resources/ts/components/dialogs/CardAddEditDialog.vue')['default']
-    CardStatisticsHorizontal: typeof import('./resources/ts/@core/components/cards/CardStatisticsHorizontal.vue')['default']
-    CardStatisticsVertical: typeof import('./resources/ts/@core/components/cards/CardStatisticsVertical.vue')['default']
-    CardStatisticsVerticalSimple: typeof import('./resources/ts/@core/components/CardStatisticsVerticalSimple.vue')['default']
-    ConfirmDialog: typeof import('./resources/ts/components/dialogs/ConfirmDialog.vue')['default']
-    CreateAppDialog: typeof import('./resources/ts/components/dialogs/CreateAppDialog.vue')['default']
-    CustomCheckboxes: typeof import('./resources/ts/@core/components/app-form-elements/CustomCheckboxes.vue')['default']
-    CustomCheckboxesWithIcon: typeof import('./resources/ts/@core/components/app-form-elements/CustomCheckboxesWithIcon.vue')['default']
-    CustomCheckboxesWithImage: typeof import('./resources/ts/@core/components/app-form-elements/CustomCheckboxesWithImage.vue')['default']
-    CustomizerSection: typeof import('./resources/ts/@core/components/CustomizerSection.vue')['default']
-    CustomRadios: typeof import('./resources/ts/@core/components/app-form-elements/CustomRadios.vue')['default']
-    CustomRadiosWithIcon: typeof import('./resources/ts/@core/components/app-form-elements/CustomRadiosWithIcon.vue')['default']
-    CustomRadiosWithImage: typeof import('./resources/ts/@core/components/app-form-elements/CustomRadiosWithImage.vue')['default']
-    DemoAlertBasic: typeof import('./resources/ts/views/demos/components/alert/DemoAlertBasic.vue')['default']
-    DemoAlertBorder: typeof import('./resources/ts/views/demos/components/alert/DemoAlertBorder.vue')['default']
-    DemoAlertClosable: typeof import('./resources/ts/views/demos/components/alert/DemoAlertClosable.vue')['default']
-    DemoAlertColoredBorder: typeof import('./resources/ts/views/demos/components/alert/DemoAlertColoredBorder.vue')['default']
-    DemoAlertColors: typeof import('./resources/ts/views/demos/components/alert/DemoAlertColors.vue')['default']
-    DemoAlertDensity: typeof import('./resources/ts/views/demos/components/alert/DemoAlertDensity.vue')['default']
-    DemoAlertElevation: typeof import('./resources/ts/views/demos/components/alert/DemoAlertElevation.vue')['default']
-    DemoAlertIcons: typeof import('./resources/ts/views/demos/components/alert/DemoAlertIcons.vue')['default']
-    DemoAlertOutlined: typeof import('./resources/ts/views/demos/components/alert/DemoAlertOutlined.vue')['default']
-    DemoAlertProminent: typeof import('./resources/ts/views/demos/components/alert/DemoAlertProminent.vue')['default']
-    DemoAlertTonal: typeof import('./resources/ts/views/demos/components/alert/DemoAlertTonal.vue')['default']
-    DemoAlertType: typeof import('./resources/ts/views/demos/components/alert/DemoAlertType.vue')['default']
-    DemoAlertVModelSupport: typeof import('./resources/ts/views/demos/components/alert/DemoAlertVModelSupport.vue')['default']
-    DemoAutocompleteAsyncItems: typeof import('./resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteAsyncItems.vue')['default']
-    DemoAutocompleteBasic: typeof import('./resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteBasic.vue')['default']
-    DemoAutocompleteChips: typeof import('./resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteChips.vue')['default']
-    DemoAutocompleteClearable: typeof import('./resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteClearable.vue')['default']
-    DemoAutocompleteCustomFilter: typeof import('./resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteCustomFilter.vue')['default']
-    DemoAutocompleteDensity: typeof import('./resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteDensity.vue')['default']
-    DemoAutocompleteMultiple: typeof import('./resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteMultiple.vue')['default']
-    DemoAutocompleteSlots: typeof import('./resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteSlots.vue')['default']
-    DemoAutocompleteStateSelector: typeof import('./resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteStateSelector.vue')['default']
-    DemoAutocompleteValidation: typeof import('./resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteValidation.vue')['default']
-    DemoAutocompleteVariant: typeof import('./resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteVariant.vue')['default']
-    DemoAvatarColors: typeof import('./resources/ts/views/demos/components/avatar/DemoAvatarColors.vue')['default']
-    DemoAvatarGroup: typeof import('./resources/ts/views/demos/components/avatar/DemoAvatarGroup.vue')['default']
-    DemoAvatarIcons: typeof import('./resources/ts/views/demos/components/avatar/DemoAvatarIcons.vue')['default']
-    DemoAvatarImages: typeof import('./resources/ts/views/demos/components/avatar/DemoAvatarImages.vue')['default']
-    DemoAvatarRounded: typeof import('./resources/ts/views/demos/components/avatar/DemoAvatarRounded.vue')['default']
-    DemoAvatarSizes: typeof import('./resources/ts/views/demos/components/avatar/DemoAvatarSizes.vue')['default']
-    DemoAvatarTonal: typeof import('./resources/ts/views/demos/components/avatar/DemoAvatarTonal.vue')['default']
-    DemoBadgeAvatarStatus: typeof import('./resources/ts/views/demos/components/badge/DemoBadgeAvatarStatus.vue')['default']
-    DemoBadgeColor: typeof import('./resources/ts/views/demos/components/badge/DemoBadgeColor.vue')['default']
-    DemoBadgeDynamicNotifications: typeof import('./resources/ts/views/demos/components/badge/DemoBadgeDynamicNotifications.vue')['default']
-    DemoBadgeIcon: typeof import('./resources/ts/views/demos/components/badge/DemoBadgeIcon.vue')['default']
-    DemoBadgeMaximumValue: typeof import('./resources/ts/views/demos/components/badge/DemoBadgeMaximumValue.vue')['default']
-    DemoBadgePosition: typeof import('./resources/ts/views/demos/components/badge/DemoBadgePosition.vue')['default']
-    DemoBadgeShowOnHover: typeof import('./resources/ts/views/demos/components/badge/DemoBadgeShowOnHover.vue')['default']
-    DemoBadgeStyle: typeof import('./resources/ts/views/demos/components/badge/DemoBadgeStyle.vue')['default']
-    DemoBadgeTabs: typeof import('./resources/ts/views/demos/components/badge/DemoBadgeTabs.vue')['default']
-    DemoBadgeTonal: typeof import('./resources/ts/views/demos/components/badge/DemoBadgeTonal.vue')['default']
-    DemoButtonBlock: typeof import('./resources/ts/views/demos/components/button/DemoButtonBlock.vue')['default']
-    DemoButtonColors: typeof import('./resources/ts/views/demos/components/button/DemoButtonColors.vue')['default']
-    DemoButtonFlat: typeof import('./resources/ts/views/demos/components/button/DemoButtonFlat.vue')['default']
-    DemoButtonGroup: typeof import('./resources/ts/views/demos/components/button/DemoButtonGroup.vue')['default']
-    DemoButtonIcon: typeof import('./resources/ts/views/demos/components/button/DemoButtonIcon.vue')['default']
-    DemoButtonIconOnly: typeof import('./resources/ts/views/demos/components/button/DemoButtonIconOnly.vue')['default']
-    DemoButtonLink: typeof import('./resources/ts/views/demos/components/button/DemoButtonLink.vue')['default']
-    DemoButtonLoaders: typeof import('./resources/ts/views/demos/components/button/DemoButtonLoaders.vue')['default']
-    DemoButtonOutlined: typeof import('./resources/ts/views/demos/components/button/DemoButtonOutlined.vue')['default']
-    DemoButtonPlain: typeof import('./resources/ts/views/demos/components/button/DemoButtonPlain.vue')['default']
-    DemoButtonRounded: typeof import('./resources/ts/views/demos/components/button/DemoButtonRounded.vue')['default']
-    DemoButtonRouter: typeof import('./resources/ts/views/demos/components/button/DemoButtonRouter.vue')['default']
-    DemoButtonSizing: typeof import('./resources/ts/views/demos/components/button/DemoButtonSizing.vue')['default']
-    DemoButtonText: typeof import('./resources/ts/views/demos/components/button/DemoButtonText.vue')['default']
-    DemoButtonTonal: typeof import('./resources/ts/views/demos/components/button/DemoButtonTonal.vue')['default']
-    DemoCheckboxBasic: typeof import('./resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxBasic.vue')['default']
-    DemoCheckboxCheckboxValue: typeof import('./resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxCheckboxValue.vue')['default']
-    DemoCheckboxColors: typeof import('./resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxColors.vue')['default']
-    DemoCheckboxDensity: typeof import('./resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxDensity.vue')['default']
-    DemoCheckboxIcon: typeof import('./resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxIcon.vue')['default']
-    DemoCheckboxInlineTextField: typeof import('./resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxInlineTextField.vue')['default']
-    DemoCheckboxLabelSlot: typeof import('./resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxLabelSlot.vue')['default']
-    DemoCheckboxModelAsArray: typeof import('./resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxModelAsArray.vue')['default']
-    DemoCheckboxStates: typeof import('./resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxStates.vue')['default']
-    DemoChipClosable: typeof import('./resources/ts/views/demos/components/chip/DemoChipClosable.vue')['default']
-    DemoChipColor: typeof import('./resources/ts/views/demos/components/chip/DemoChipColor.vue')['default']
-    DemoChipElevated: typeof import('./resources/ts/views/demos/components/chip/DemoChipElevated.vue')['default']
-    DemoChipExpandable: typeof import('./resources/ts/views/demos/components/chip/DemoChipExpandable.vue')['default']
-    DemoChipInSelects: typeof import('./resources/ts/views/demos/components/chip/DemoChipInSelects.vue')['default']
-    DemoChipOutlined: typeof import('./resources/ts/views/demos/components/chip/DemoChipOutlined.vue')['default']
-    DemoChipRounded: typeof import('./resources/ts/views/demos/components/chip/DemoChipRounded.vue')['default']
-    DemoChipSizes: typeof import('./resources/ts/views/demos/components/chip/DemoChipSizes.vue')['default']
-    DemoChipWithAvatar: typeof import('./resources/ts/views/demos/components/chip/DemoChipWithAvatar.vue')['default']
-    DemoChipWithIcon: typeof import('./resources/ts/views/demos/components/chip/DemoChipWithIcon.vue')['default']
-    DemoComboboxBasic: typeof import('./resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxBasic.vue')['default']
-    DemoComboboxClearable: typeof import('./resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxClearable.vue')['default']
-    DemoComboboxDensity: typeof import('./resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxDensity.vue')['default']
-    DemoComboboxMultiple: typeof import('./resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxMultiple.vue')['default']
-    DemoComboboxNoDataWithChips: typeof import('./resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxNoDataWithChips.vue')['default']
-    DemoComboboxVariant: typeof import('./resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxVariant.vue')['default']
-    DemoCustomInputCustomCheckboxes: typeof import('./resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomCheckboxes.vue')['default']
-    DemoCustomInputCustomCheckboxesWithIcon: typeof import('./resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomCheckboxesWithIcon.vue')['default']
-    DemoCustomInputCustomCheckboxesWithImage: typeof import('./resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomCheckboxesWithImage.vue')['default']
-    DemoCustomInputCustomRadios: typeof import('./resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomRadios.vue')['default']
-    DemoCustomInputCustomRadiosWithIcon: typeof import('./resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomRadiosWithIcon.vue')['default']
-    DemoCustomInputCustomRadiosWithImage: typeof import('./resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomRadiosWithImage.vue')['default']
-    DemoDataTableBasic: typeof import('./resources/ts/views/demos/forms/tables/data-table/DemoDataTableBasic.vue')['default']
-    DemoDataTableCellSlot: typeof import('./resources/ts/views/demos/forms/tables/data-table/DemoDataTableCellSlot.vue')['default']
-    DemoDataTableDense: typeof import('./resources/ts/views/demos/forms/tables/data-table/DemoDataTableDense.vue')['default']
-    DemoDataTableExpandableRows: typeof import('./resources/ts/views/demos/forms/tables/data-table/DemoDataTableExpandableRows.vue')['default']
-    DemoDataTableExternalPagination: typeof import('./resources/ts/views/demos/forms/tables/data-table/DemoDataTableExternalPagination.vue')['default']
-    DemoDataTableFixedHeader: typeof import('./resources/ts/views/demos/forms/tables/data-table/DemoDataTableFixedHeader.vue')['default']
-    DemoDataTableGroupingRows: typeof import('./resources/ts/views/demos/forms/tables/data-table/DemoDataTableGroupingRows.vue')['default']
-    DemoDataTableKitchenSink: typeof import('./resources/ts/views/demos/forms/tables/data-table/DemoDataTableKitchenSink.vue')['default']
-    DemoDataTableRowEditingViaDialog: typeof import('./resources/ts/views/demos/forms/tables/data-table/DemoDataTableRowEditingViaDialog.vue')['default']
-    DemoDataTableRowSelection: typeof import('./resources/ts/views/demos/forms/tables/data-table/DemoDataTableRowSelection.vue')['default']
-    DemoDateTimePickerBasic: typeof import('./resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerBasic.vue')['default']
-    DemoDateTimePickerDateAndTime: typeof import('./resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerDateAndTime.vue')['default']
-    DemoDateTimePickerDisabledRange: typeof import('./resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerDisabledRange.vue')['default']
-    DemoDateTimePickerHumanFriendly: typeof import('./resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerHumanFriendly.vue')['default']
-    DemoDateTimePickerInline: typeof import('./resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerInline.vue')['default']
-    DemoDateTimePickerMultipleDates: typeof import('./resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerMultipleDates.vue')['default']
-    DemoDateTimePickerRange: typeof import('./resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerRange.vue')['default']
-    DemoDateTimePickerTimePicker: typeof import('./resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerTimePicker.vue')['default']
-    DemoDialogBasic: typeof import('./resources/ts/views/demos/components/dialog/DemoDialogBasic.vue')['default']
-    DemoDialogForm: typeof import('./resources/ts/views/demos/components/dialog/DemoDialogForm.vue')['default']
-    DemoDialogFullscreen: typeof import('./resources/ts/views/demos/components/dialog/DemoDialogFullscreen.vue')['default']
-    DemoDialogLoader: typeof import('./resources/ts/views/demos/components/dialog/DemoDialogLoader.vue')['default']
-    DemoDialogNesting: typeof import('./resources/ts/views/demos/components/dialog/DemoDialogNesting.vue')['default']
-    DemoDialogOverflowed: typeof import('./resources/ts/views/demos/components/dialog/DemoDialogOverflowed.vue')['default']
-    DemoDialogPersistent: typeof import('./resources/ts/views/demos/components/dialog/DemoDialogPersistent.vue')['default']
-    DemoDialogScrollable: typeof import('./resources/ts/views/demos/components/dialog/DemoDialogScrollable.vue')['default']
-    DemoEditorBasicEditor: typeof import('./resources/ts/views/demos/forms/form-elements/editor/DemoEditorBasicEditor.vue')['default']
-    DemoEditorCustomEditor: typeof import('./resources/ts/views/demos/forms/form-elements/editor/DemoEditorCustomEditor.vue')['default']
-    DemoExpansionPanelAccordion: typeof import('./resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelAccordion.vue')['default']
-    DemoExpansionPanelBasic: typeof import('./resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelBasic.vue')['default']
-    DemoExpansionPanelCustomIcon: typeof import('./resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelCustomIcon.vue')['default']
-    DemoExpansionPanelInset: typeof import('./resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelInset.vue')['default']
-    DemoExpansionPanelModel: typeof import('./resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelModel.vue')['default']
-    DemoExpansionPanelPopout: typeof import('./resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelPopout.vue')['default']
-    DemoExpansionPanelWithBorder: typeof import('./resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelWithBorder.vue')['default']
-    DemoFileInputAccept: typeof import('./resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputAccept.vue')['default']
-    DemoFileInputBasic: typeof import('./resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputBasic.vue')['default']
-    DemoFileInputChips: typeof import('./resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputChips.vue')['default']
-    DemoFileInputCounter: typeof import('./resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputCounter.vue')['default']
-    DemoFileInputDensity: typeof import('./resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputDensity.vue')['default']
-    DemoFileInputLoading: typeof import('./resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputLoading.vue')['default']
-    DemoFileInputMultiple: typeof import('./resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputMultiple.vue')['default']
-    DemoFileInputPrependIcon: typeof import('./resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputPrependIcon.vue')['default']
-    DemoFileInputSelectionSlot: typeof import('./resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputSelectionSlot.vue')['default']
-    DemoFileInputShowSize: typeof import('./resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputShowSize.vue')['default']
-    DemoFileInputValidation: typeof import('./resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputValidation.vue')['default']
-    DemoFileInputVariant: typeof import('./resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputVariant.vue')['default']
-    DemoFormLayoutCollapsible: typeof import('./resources/ts/views/demos/forms/form-layout/DemoFormLayoutCollapsible.vue')['default']
-    DemoFormLayoutFormHint: typeof import('./resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormHint.vue')['default']
-    DemoFormLayoutFormSticky: typeof import('./resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormSticky.vue')['default']
-    DemoFormLayoutFormValidation: typeof import('./resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormValidation.vue')['default']
-    DemoFormLayoutFormWithTabs: typeof import('./resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormWithTabs.vue')['default']
-    DemoFormLayoutHorizontalForm: typeof import('./resources/ts/views/demos/forms/form-layout/DemoFormLayoutHorizontalForm.vue')['default']
-    DemoFormLayoutHorizontalFormWithIcons: typeof import('./resources/ts/views/demos/forms/form-layout/DemoFormLayoutHorizontalFormWithIcons.vue')['default']
-    DemoFormLayoutMultipleColumn: typeof import('./resources/ts/views/demos/forms/form-layout/DemoFormLayoutMultipleColumn.vue')['default']
-    DemoFormLayoutSticky: typeof import('./resources/ts/views/demos/forms/form-layout/DemoFormLayoutSticky.vue')['default']
-    DemoFormLayoutVerticalForm: typeof import('./resources/ts/views/demos/forms/form-layout/DemoFormLayoutVerticalForm.vue')['default']
-    DemoFormLayoutVerticalFormWithIcons: typeof import('./resources/ts/views/demos/forms/form-layout/DemoFormLayoutVerticalFormWithIcons.vue')['default']
-    DemoFormValidationSimpleFormValidation: typeof import('./resources/ts/views/demos/forms/form-validation/DemoFormValidationSimpleFormValidation.vue')['default']
-    DemoFormValidationValidatingMultipleRules: typeof import('./resources/ts/views/demos/forms/form-validation/DemoFormValidationValidatingMultipleRules.vue')['default']
-    DemoFormValidationValidationTypes: typeof import('./resources/ts/views/demos/forms/form-validation/DemoFormValidationValidationTypes.vue')['default']
-    DemoFormWizardIconsBasic: typeof import('./resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsBasic.vue')['default']
-    DemoFormWizardIconsModernBasic: typeof import('./resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsModernBasic.vue')['default']
-    DemoFormWizardIconsModernVertical: typeof import('./resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsModernVertical.vue')['default']
-    DemoFormWizardIconsValidation: typeof import('./resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsValidation.vue')['default']
-    DemoFormWizardIconsVertical: typeof import('./resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsVertical.vue')['default']
-    DemoFormWizardNumberedBasic: typeof import('./resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedBasic.vue')['default']
-    DemoFormWizardNumberedModernBasic: typeof import('./resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedModernBasic.vue')['default']
-    DemoFormWizardNumberedModernVertical: typeof import('./resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedModernVertical.vue')['default']
-    DemoFormWizardNumberedValidation: typeof import('./resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedValidation.vue')['default']
-    DemoFormWizardNumberedVertical: typeof import('./resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedVertical.vue')['default']
-    DemoListActionAndItemGroup: typeof import('./resources/ts/views/demos/components/list/DemoListActionAndItemGroup.vue')['default']
-    DemoListBasic: typeof import('./resources/ts/views/demos/components/list/DemoListBasic.vue')['default']
-    DemoListDensity: typeof import('./resources/ts/views/demos/components/list/DemoListDensity.vue')['default']
-    DemoListNav: typeof import('./resources/ts/views/demos/components/list/DemoListNav.vue')['default']
-    DemoListProgressList: typeof import('./resources/ts/views/demos/components/list/DemoListProgressList.vue')['default']
-    DemoListRounded: typeof import('./resources/ts/views/demos/components/list/DemoListRounded.vue')['default']
-    DemoListShaped: typeof import('./resources/ts/views/demos/components/list/DemoListShaped.vue')['default']
-    DemoListSubGroup: typeof import('./resources/ts/views/demos/components/list/DemoListSubGroup.vue')['default']
-    DemoListThreeLine: typeof import('./resources/ts/views/demos/components/list/DemoListThreeLine.vue')['default']
-    DemoListTwoLinesAndSubheader: typeof import('./resources/ts/views/demos/components/list/DemoListTwoLinesAndSubheader.vue')['default']
-    DemoListUserList: typeof import('./resources/ts/views/demos/components/list/DemoListUserList.vue')['default']
-    DemoMenuActivatorAndTooltip: typeof import('./resources/ts/views/demos/components/menu/DemoMenuActivatorAndTooltip.vue')['default']
-    DemoMenuBasic: typeof import('./resources/ts/views/demos/components/menu/DemoMenuBasic.vue')['default']
-    DemoMenuCustomTransitions: typeof import('./resources/ts/views/demos/components/menu/DemoMenuCustomTransitions.vue')['default']
-    DemoMenuLocation: typeof import('./resources/ts/views/demos/components/menu/DemoMenuLocation.vue')['default']
-    DemoMenuOpenOnHover: typeof import('./resources/ts/views/demos/components/menu/DemoMenuOpenOnHover.vue')['default']
-    DemoMenuPopover: typeof import('./resources/ts/views/demos/components/menu/DemoMenuPopover.vue')['default']
-    DemoOtpInputBasic: typeof import('./resources/ts/views/demos/forms/form-elements/otp-input/DemoOtpInputBasic.vue')['default']
-    DemoOtpInputFinish: typeof import('./resources/ts/views/demos/forms/form-elements/otp-input/DemoOtpInputFinish.vue')['default']
-    DemoOtpInputHidden: typeof import('./resources/ts/views/demos/forms/form-elements/otp-input/DemoOtpInputHidden.vue')['default']
-    DemoPaginationBasic: typeof import('./resources/ts/views/demos/components/pagination/DemoPaginationBasic.vue')['default']
-    DemoPaginationCircle: typeof import('./resources/ts/views/demos/components/pagination/DemoPaginationCircle.vue')['default']
-    DemoPaginationColor: typeof import('./resources/ts/views/demos/components/pagination/DemoPaginationColor.vue')['default']
-    DemoPaginationDisabled: typeof import('./resources/ts/views/demos/components/pagination/DemoPaginationDisabled.vue')['default']
-    DemoPaginationIcons: typeof import('./resources/ts/views/demos/components/pagination/DemoPaginationIcons.vue')['default']
-    DemoPaginationLength: typeof import('./resources/ts/views/demos/components/pagination/DemoPaginationLength.vue')['default']
-    DemoPaginationOutline: typeof import('./resources/ts/views/demos/components/pagination/DemoPaginationOutline.vue')['default']
-    DemoPaginationOutlineCircle: typeof import('./resources/ts/views/demos/components/pagination/DemoPaginationOutlineCircle.vue')['default']
-    DemoPaginationSize: typeof import('./resources/ts/views/demos/components/pagination/DemoPaginationSize.vue')['default']
-    DemoPaginationTotalVisible: typeof import('./resources/ts/views/demos/components/pagination/DemoPaginationTotalVisible.vue')['default']
-    DemoProgressCircularColor: typeof import('./resources/ts/views/demos/components/progress-circular/DemoProgressCircularColor.vue')['default']
-    DemoProgressCircularIndeterminate: typeof import('./resources/ts/views/demos/components/progress-circular/DemoProgressCircularIndeterminate.vue')['default']
-    DemoProgressCircularRotate: typeof import('./resources/ts/views/demos/components/progress-circular/DemoProgressCircularRotate.vue')['default']
-    DemoProgressCircularSize: typeof import('./resources/ts/views/demos/components/progress-circular/DemoProgressCircularSize.vue')['default']
-    DemoProgressLinearBuffering: typeof import('./resources/ts/views/demos/components/progress-linear/DemoProgressLinearBuffering.vue')['default']
-    DemoProgressLinearColor: typeof import('./resources/ts/views/demos/components/progress-linear/DemoProgressLinearColor.vue')['default']
-    DemoProgressLinearIndeterminate: typeof import('./resources/ts/views/demos/components/progress-linear/DemoProgressLinearIndeterminate.vue')['default']
-    DemoProgressLinearReversed: typeof import('./resources/ts/views/demos/components/progress-linear/DemoProgressLinearReversed.vue')['default']
-    DemoProgressLinearRounded: typeof import('./resources/ts/views/demos/components/progress-linear/DemoProgressLinearRounded.vue')['default']
-    DemoProgressLinearSlots: typeof import('./resources/ts/views/demos/components/progress-linear/DemoProgressLinearSlots.vue')['default']
-    DemoProgressLinearStriped: typeof import('./resources/ts/views/demos/components/progress-linear/DemoProgressLinearStriped.vue')['default']
-    DemoRadioBasic: typeof import('./resources/ts/views/demos/forms/form-elements/radio/DemoRadioBasic.vue')['default']
-    DemoRadioColors: typeof import('./resources/ts/views/demos/forms/form-elements/radio/DemoRadioColors.vue')['default']
-    DemoRadioDensity: typeof import('./resources/ts/views/demos/forms/form-elements/radio/DemoRadioDensity.vue')['default']
-    DemoRadioIcon: typeof import('./resources/ts/views/demos/forms/form-elements/radio/DemoRadioIcon.vue')['default']
-    DemoRadioInline: typeof import('./resources/ts/views/demos/forms/form-elements/radio/DemoRadioInline.vue')['default']
-    DemoRadioLabelSlot: typeof import('./resources/ts/views/demos/forms/form-elements/radio/DemoRadioLabelSlot.vue')['default']
-    DemoRadioValidation: typeof import('./resources/ts/views/demos/forms/form-elements/radio/DemoRadioValidation.vue')['default']
-    DemoRangeSliderBasic: typeof import('./resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderBasic.vue')['default']
-    DemoRangeSliderColor: typeof import('./resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderColor.vue')['default']
-    DemoRangeSliderDisabled: typeof import('./resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderDisabled.vue')['default']
-    DemoRangeSliderStep: typeof import('./resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderStep.vue')['default']
-    DemoRangeSliderThumbLabel: typeof import('./resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderThumbLabel.vue')['default']
-    DemoRangeSliderVertical: typeof import('./resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderVertical.vue')['default']
-    DemoRatingBasic: typeof import('./resources/ts/views/demos/forms/form-elements/rating/DemoRatingBasic.vue')['default']
-    DemoRatingClearable: typeof import('./resources/ts/views/demos/forms/form-elements/rating/DemoRatingClearable.vue')['default']
-    DemoRatingColors: typeof import('./resources/ts/views/demos/forms/form-elements/rating/DemoRatingColors.vue')['default']
-    DemoRatingDensity: typeof import('./resources/ts/views/demos/forms/form-elements/rating/DemoRatingDensity.vue')['default']
-    DemoRatingHover: typeof import('./resources/ts/views/demos/forms/form-elements/rating/DemoRatingHover.vue')['default']
-    DemoRatingIncremented: typeof import('./resources/ts/views/demos/forms/form-elements/rating/DemoRatingIncremented.vue')['default']
-    DemoRatingItemSlot: typeof import('./resources/ts/views/demos/forms/form-elements/rating/DemoRatingItemSlot.vue')['default']
-    DemoRatingLength: typeof import('./resources/ts/views/demos/forms/form-elements/rating/DemoRatingLength.vue')['default']
-    DemoRatingReadonly: typeof import('./resources/ts/views/demos/forms/form-elements/rating/DemoRatingReadonly.vue')['default']
-    DemoRatingSize: typeof import('./resources/ts/views/demos/forms/form-elements/rating/DemoRatingSize.vue')['default']
-    DemoSelectBasic: typeof import('./resources/ts/views/demos/forms/form-elements/select/DemoSelectBasic.vue')['default']
-    DemoSelectChips: typeof import('./resources/ts/views/demos/forms/form-elements/select/DemoSelectChips.vue')['default']
-    DemoSelectCustomTextAndValue: typeof import('./resources/ts/views/demos/forms/form-elements/select/DemoSelectCustomTextAndValue.vue')['default']
-    DemoSelectDensity: typeof import('./resources/ts/views/demos/forms/form-elements/select/DemoSelectDensity.vue')['default']
-    DemoSelectIcons: typeof import('./resources/ts/views/demos/forms/form-elements/select/DemoSelectIcons.vue')['default']
-    DemoSelectMenuProps: typeof import('./resources/ts/views/demos/forms/form-elements/select/DemoSelectMenuProps.vue')['default']
-    DemoSelectMultiple: typeof import('./resources/ts/views/demos/forms/form-elements/select/DemoSelectMultiple.vue')['default']
-    DemoSelectSelectionSlot: typeof import('./resources/ts/views/demos/forms/form-elements/select/DemoSelectSelectionSlot.vue')['default']
-    DemoSelectVariant: typeof import('./resources/ts/views/demos/forms/form-elements/select/DemoSelectVariant.vue')['default']
-    DemoSimpleTableBasic: typeof import('./resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableBasic.vue')['default']
-    DemoSimpleTableDensity: typeof import('./resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableDensity.vue')['default']
-    DemoSimpleTableFixedHeader: typeof import('./resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableFixedHeader.vue')['default']
-    DemoSimpleTableHeight: typeof import('./resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableHeight.vue')['default']
-    DemoSimpleTableTheme: typeof import('./resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableTheme.vue')['default']
-    DemoSliderAppendAndPrepend: typeof import('./resources/ts/views/demos/forms/form-elements/slider/DemoSliderAppendAndPrepend.vue')['default']
-    DemoSliderAppendTextField: typeof import('./resources/ts/views/demos/forms/form-elements/slider/DemoSliderAppendTextField.vue')['default']
-    DemoSliderBasic: typeof import('./resources/ts/views/demos/forms/form-elements/slider/DemoSliderBasic.vue')['default']
-    DemoSliderColors: typeof import('./resources/ts/views/demos/forms/form-elements/slider/DemoSliderColors.vue')['default']
-    DemoSliderDisabledAndReadonly: typeof import('./resources/ts/views/demos/forms/form-elements/slider/DemoSliderDisabledAndReadonly.vue')['default']
-    DemoSliderIcons: typeof import('./resources/ts/views/demos/forms/form-elements/slider/DemoSliderIcons.vue')['default']
-    DemoSliderMinAndMax: typeof import('./resources/ts/views/demos/forms/form-elements/slider/DemoSliderMinAndMax.vue')['default']
-    DemoSliderSize: typeof import('./resources/ts/views/demos/forms/form-elements/slider/DemoSliderSize.vue')['default']
-    DemoSliderStep: typeof import('./resources/ts/views/demos/forms/form-elements/slider/DemoSliderStep.vue')['default']
-    DemoSliderThumb: typeof import('./resources/ts/views/demos/forms/form-elements/slider/DemoSliderThumb.vue')['default']
-    DemoSliderTicks: typeof import('./resources/ts/views/demos/forms/form-elements/slider/DemoSliderTicks.vue')['default']
-    DemoSliderValidation: typeof import('./resources/ts/views/demos/forms/form-elements/slider/DemoSliderValidation.vue')['default']
-    DemoSliderVertical: typeof import('./resources/ts/views/demos/forms/form-elements/slider/DemoSliderVertical.vue')['default']
-    DemoSnackbarBasic: typeof import('./resources/ts/views/demos/components/snackbar/DemoSnackbarBasic.vue')['default']
-    DemoSnackbarMultiLine: typeof import('./resources/ts/views/demos/components/snackbar/DemoSnackbarMultiLine.vue')['default']
-    DemoSnackbarPosition: typeof import('./resources/ts/views/demos/components/snackbar/DemoSnackbarPosition.vue')['default']
-    DemoSnackbarTimeout: typeof import('./resources/ts/views/demos/components/snackbar/DemoSnackbarTimeout.vue')['default']
-    DemoSnackbarTransition: typeof import('./resources/ts/views/demos/components/snackbar/DemoSnackbarTransition.vue')['default']
-    DemoSnackbarVariants: typeof import('./resources/ts/views/demos/components/snackbar/DemoSnackbarVariants.vue')['default']
-    DemoSnackbarVertical: typeof import('./resources/ts/views/demos/components/snackbar/DemoSnackbarVertical.vue')['default']
-    DemoSnackbarWithAction: typeof import('./resources/ts/views/demos/components/snackbar/DemoSnackbarWithAction.vue')['default']
-    DemoSwiperAutoplay: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperAutoplay.vue')['default']
-    DemoSwiperBasic: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperBasic.vue')['default']
-    DemoSwiperCenteredSlidesOption1: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperCenteredSlidesOption1.vue')['default']
-    DemoSwiperCenteredSlidesOption2: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperCenteredSlidesOption2.vue')['default']
-    DemoSwiperCoverflowEffect: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperCoverflowEffect.vue')['default']
-    DemoSwiperCubeEffect: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperCubeEffect.vue')['default']
-    DemoSwiperFade: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperFade.vue')['default']
-    DemoSwiperGallery: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperGallery.vue')['default']
-    DemoSwiperGrid: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperGrid.vue')['default']
-    DemoSwiperLazyLoading: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperLazyLoading.vue')['default']
-    DemoSwiperMultipleSlidesPerView: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperMultipleSlidesPerView.vue')['default']
-    DemoSwiperNavigation: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperNavigation.vue')['default']
-    DemoSwiperPagination: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperPagination.vue')['default']
-    DemoSwiperProgress: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperProgress.vue')['default']
-    DemoSwiperResponsiveBreakpoints: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperResponsiveBreakpoints.vue')['default']
-    DemoSwiperVirtualSlides: typeof import('./resources/ts/views/demos/components/swiper/DemoSwiperVirtualSlides.vue')['default']
-    DemoSwitchBasic: typeof import('./resources/ts/views/demos/forms/form-elements/switch/DemoSwitchBasic.vue')['default']
-    DemoSwitchColors: typeof import('./resources/ts/views/demos/forms/form-elements/switch/DemoSwitchColors.vue')['default']
-    DemoSwitchInset: typeof import('./resources/ts/views/demos/forms/form-elements/switch/DemoSwitchInset.vue')['default']
-    DemoSwitchLabelSlot: typeof import('./resources/ts/views/demos/forms/form-elements/switch/DemoSwitchLabelSlot.vue')['default']
-    DemoSwitchModelAsArray: typeof import('./resources/ts/views/demos/forms/form-elements/switch/DemoSwitchModelAsArray.vue')['default']
-    DemoSwitchStates: typeof import('./resources/ts/views/demos/forms/form-elements/switch/DemoSwitchStates.vue')['default']
-    DemoSwitchTrueAndFalseValue: typeof import('./resources/ts/views/demos/forms/form-elements/switch/DemoSwitchTrueAndFalseValue.vue')['default']
-    DemoTabsAlignment: typeof import('./resources/ts/views/demos/components/tabs/DemoTabsAlignment.vue')['default']
-    DemoTabsBasic: typeof import('./resources/ts/views/demos/components/tabs/DemoTabsBasic.vue')['default']
-    DemoTabsBasicPill: typeof import('./resources/ts/views/demos/components/tabs/DemoTabsBasicPill.vue')['default']
-    DemoTabsCustomIcons: typeof import('./resources/ts/views/demos/components/tabs/DemoTabsCustomIcons.vue')['default']
-    DemoTabsDynamic: typeof import('./resources/ts/views/demos/components/tabs/DemoTabsDynamic.vue')['default']
-    DemoTabsFixed: typeof import('./resources/ts/views/demos/components/tabs/DemoTabsFixed.vue')['default']
-    DemoTabsGrow: typeof import('./resources/ts/views/demos/components/tabs/DemoTabsGrow.vue')['default']
-    DemoTabsPagination: typeof import('./resources/ts/views/demos/components/tabs/DemoTabsPagination.vue')['default']
-    DemoTabsProgrammaticNavigation: typeof import('./resources/ts/views/demos/components/tabs/DemoTabsProgrammaticNavigation.vue')['default']
-    DemoTabsStacked: typeof import('./resources/ts/views/demos/components/tabs/DemoTabsStacked.vue')['default']
-    DemoTabsVertical: typeof import('./resources/ts/views/demos/components/tabs/DemoTabsVertical.vue')['default']
-    DemoTabsVerticalPill: typeof import('./resources/ts/views/demos/components/tabs/DemoTabsVerticalPill.vue')['default']
-    DemoTextareaAutoGrow: typeof import('./resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaAutoGrow.vue')['default']
-    DemoTextareaBasic: typeof import('./resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaBasic.vue')['default']
-    DemoTextareaBrowserAutocomplete: typeof import('./resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaBrowserAutocomplete.vue')['default']
-    DemoTextareaClearable: typeof import('./resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaClearable.vue')['default']
-    DemoTextareaCounter: typeof import('./resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaCounter.vue')['default']
-    DemoTextareaIcons: typeof import('./resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaIcons.vue')['default']
-    DemoTextareaNoResize: typeof import('./resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaNoResize.vue')['default']
-    DemoTextareaRows: typeof import('./resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaRows.vue')['default']
-    DemoTextareaStates: typeof import('./resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaStates.vue')['default']
-    DemoTextareaValidation: typeof import('./resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaValidation.vue')['default']
-    DemoTextareaVariant: typeof import('./resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaVariant.vue')['default']
-    DemoTextfieldBasic: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldBasic.vue')['default']
-    DemoTextfieldClearable: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldClearable.vue')['default']
-    DemoTextfieldCounter: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldCounter.vue')['default']
-    DemoTextfieldCustomColors: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldCustomColors.vue')['default']
-    DemoTextfieldDensity: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldDensity.vue')['default']
-    DemoTextfieldIconEvents: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldIconEvents.vue')['default']
-    DemoTextfieldIcons: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldIcons.vue')['default']
-    DemoTextfieldIconSlots: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldIconSlots.vue')['default']
-    DemoTextfieldLabelSlot: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldLabelSlot.vue')['default']
-    DemoTextfieldPasswordInput: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldPasswordInput.vue')['default']
-    DemoTextfieldPrefixesAndSuffixes: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldPrefixesAndSuffixes.vue')['default']
-    DemoTextfieldSingleLine: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldSingleLine.vue')['default']
-    DemoTextfieldState: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldState.vue')['default']
-    DemoTextfieldValidation: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldValidation.vue')['default']
-    DemoTextfieldVariant: typeof import('./resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldVariant.vue')['default']
-    DemoTooltipDelayOnHover: typeof import('./resources/ts/views/demos/components/tooltip/DemoTooltipDelayOnHover.vue')['default']
-    DemoTooltipEvents: typeof import('./resources/ts/views/demos/components/tooltip/DemoTooltipEvents.vue')['default']
-    DemoTooltipLocation: typeof import('./resources/ts/views/demos/components/tooltip/DemoTooltipLocation.vue')['default']
-    DemoTooltipTooltipOnVariousElements: typeof import('./resources/ts/views/demos/components/tooltip/DemoTooltipTooltipOnVariousElements.vue')['default']
-    DemoTooltipTransition: typeof import('./resources/ts/views/demos/components/tooltip/DemoTooltipTransition.vue')['default']
-    DemoTooltipVModelSupport: typeof import('./resources/ts/views/demos/components/tooltip/DemoTooltipVModelSupport.vue')['default']
-    DialogCloseBtn: typeof import('./resources/ts/@core/components/DialogCloseBtn.vue')['default']
-    DropZone: typeof import('./resources/ts/@core/components/DropZone.vue')['default']
-    EnableOneTimePasswordDialog: typeof import('./resources/ts/components/dialogs/EnableOneTimePasswordDialog.vue')['default']
-    ErrorHeader: typeof import('./resources/ts/components/ErrorHeader.vue')['default']
-    I18n: typeof import('./resources/ts/@core/components/I18n.vue')['default']
-    MoreBtn: typeof import('./resources/ts/@core/components/MoreBtn.vue')['default']
-    Notifications: typeof import('./resources/ts/@core/components/Notifications.vue')['default']
-    PaymentProvidersDialog: typeof import('./resources/ts/components/dialogs/PaymentProvidersDialog.vue')['default']
-    PricingPlanDialog: typeof import('./resources/ts/components/dialogs/PricingPlanDialog.vue')['default']
-    ProductDescriptionEditor: typeof import('./resources/ts/@core/components/ProductDescriptionEditor.vue')['default']
-    ReferAndEarnDialog: typeof import('./resources/ts/components/dialogs/ReferAndEarnDialog.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    ScrollToTop: typeof import('./resources/ts/@core/components/ScrollToTop.vue')['default']
-    ShareProjectDialog: typeof import('./resources/ts/components/dialogs/ShareProjectDialog.vue')['default']
-    Shortcuts: typeof import('./resources/ts/@core/components/Shortcuts.vue')['default']
-    TablePagination: typeof import('./resources/ts/@core/components/TablePagination.vue')['default']
-    TheCustomizer: typeof import('./resources/ts/@core/components/TheCustomizer.vue')['default']
-    ThemeSwitcher: typeof import('./resources/ts/@core/components/ThemeSwitcher.vue')['default']
-    TimelineBasic: typeof import('./resources/ts/views/demos/components/timeline/TimelineBasic.vue')['default']
-    TimelineOutlined: typeof import('./resources/ts/views/demos/components/timeline/TimelineOutlined.vue')['default']
-    TimelineWithIcons: typeof import('./resources/ts/views/demos/components/timeline/TimelineWithIcons.vue')['default']
-    TiptapEditor: typeof import('./resources/ts/@core/components/TiptapEditor.vue')['default']
-    TwoFactorAuthDialog: typeof import('./resources/ts/components/dialogs/TwoFactorAuthDialog.vue')['default']
-    UserInfoEditDialog: typeof import('./resources/ts/components/dialogs/UserInfoEditDialog.vue')['default']
-    UserUpgradePlanDialog: typeof import('./resources/ts/components/dialogs/UserUpgradePlanDialog.vue')['default']
-    VueApexCharts: typeof import('vue3-apexcharts')['default']
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/compose.yaml b/vuexy-theme-vue-laravel-full-example-typescript/compose.yaml
deleted file mode 100644
index 82931ce..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/compose.yaml
+++ /dev/null
@@ -1,91 +0,0 @@
-services:
-    laravel.test:
-        build:
-            context: './vendor/laravel/sail/runtimes/8.4'
-            dockerfile: Dockerfile
-            args:
-                WWWGROUP: '${WWWGROUP}'
-        image: 'sail-8.4/app'
-        extra_hosts:
-            - 'host.docker.internal:host-gateway'
-        ports:
-            - '${APP_PORT:-80}:80'
-            - '${VITE_PORT:-5173}:${VITE_PORT:-5173}'
-        environment:
-            WWWUSER: '${WWWUSER}'
-            LARAVEL_SAIL: 1
-            XDEBUG_MODE: '${SAIL_XDEBUG_MODE:-off}'
-            XDEBUG_CONFIG: '${SAIL_XDEBUG_CONFIG:-client_host=host.docker.internal}'
-            IGNITION_LOCAL_SITES_PATH: '${PWD}'
-        volumes:
-            - '.:/var/www/html'
-        networks:
-            - sail
-        depends_on:
-            - mysql
-            - redis
-            - selenium
-            - mailpit
-    mysql:
-        image: 'mysql/mysql-server:8.0'
-        ports:
-            - '${FORWARD_DB_PORT:-3306}:3306'
-        environment:
-            MYSQL_ROOT_PASSWORD: '${DB_PASSWORD}'
-            MYSQL_ROOT_HOST: '%'
-            MYSQL_DATABASE: '${DB_DATABASE}'
-            MYSQL_USER: '${DB_USERNAME}'
-            MYSQL_PASSWORD: '${DB_PASSWORD}'
-            MYSQL_ALLOW_EMPTY_PASSWORD: 1
-            MYSQL_EXTRA_OPTIONS: '${MYSQL_EXTRA_OPTIONS}'
-        volumes:
-            - 'sail-mysql:/var/lib/mysql'
-            - './vendor/laravel/sail/database/mysql/create-testing-database.sh:/docker-entrypoint-initdb.d/10-create-testing-database.sh'
-        networks:
-            - sail
-        healthcheck:
-            test:
-                - CMD
-                - mysqladmin
-                - ping
-                - '-p${DB_PASSWORD}'
-            retries: 3
-            timeout: 5s
-    redis:
-        image: 'redis:alpine'
-        ports:
-            - '${FORWARD_REDIS_PORT:-6379}:6379'
-        volumes:
-            - 'sail-redis:/data'
-        networks:
-            - sail
-        healthcheck:
-            test:
-                - CMD
-                - redis-cli
-                - ping
-            retries: 3
-            timeout: 5s
-    selenium:
-        image: selenium/standalone-chromium
-        extra_hosts:
-            - 'host.docker.internal:host-gateway'
-        volumes:
-            - '/dev/shm:/dev/shm'
-        networks:
-            - sail
-    mailpit:
-        image: 'axllent/mailpit:latest'
-        ports:
-            - '${FORWARD_MAILPIT_PORT:-1025}:1025'
-            - '${FORWARD_MAILPIT_DASHBOARD_PORT:-8025}:8025'
-        networks:
-            - sail
-networks:
-    sail:
-        driver: bridge
-volumes:
-    sail-mysql:
-        driver: local
-    sail-redis:
-        driver: local
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/composer.json b/vuexy-theme-vue-laravel-full-example-typescript/composer.json
deleted file mode 100644
index ec41b23..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/composer.json
+++ /dev/null
@@ -1,86 +0,0 @@
-{
-    "$schema": "https://getcomposer.org/schema.json",
-    "name": "laravel/laravel",
-    "type": "project",
-    "description": "The skeleton application for the Laravel framework.",
-    "keywords": ["laravel", "framework"],
-    "license": "MIT",
-    "require": {
-        "php": "^8.2",
-        "laravel/framework": "^12.0",
-        "laravel/tinker": "^2.10.1"
-    },
-    "require-dev": {
-        "fakerphp/faker": "^1.23",
-        "laravel/pail": "^1.2.2",
-        "laravel/pint": "^1.24",
-        "laravel/sail": "^1.41",
-        "mockery/mockery": "^1.6",
-        "nunomaduro/collision": "^8.6",
-        "phpunit/phpunit": "^11.5.3"
-    },
-    "autoload": {
-        "psr-4": {
-            "App\\": "app/",
-            "Database\\Factories\\": "database/factories/",
-            "Database\\Seeders\\": "database/seeders/"
-        }
-    },
-    "autoload-dev": {
-        "psr-4": {
-            "Tests\\": "tests/"
-        }
-    },
-    "scripts": {
-        "setup": [
-            "composer install",
-            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"",
-            "@php artisan key:generate",
-            "@php artisan migrate --force",
-            "npm install",
-            "npm run build"
-        ],
-        "dev": [
-            "Composer\\Config::disableProcessTimeout",
-            "npx concurrently -c \"#93c5fd,#c4b5fd,#fb7185,#fdba74\" \"php artisan serve\" \"php artisan queue:listen --tries=1\" \"php artisan pail --timeout=0\" \"npm run dev\" --names=server,queue,logs,vite --kill-others"
-        ],
-        "test": [
-            "@php artisan config:clear --ansi",
-            "@php artisan test"
-        ],
-        "post-autoload-dump": [
-            "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
-            "@php artisan package:discover --ansi"
-        ],
-        "post-update-cmd": [
-            "@php artisan vendor:publish --tag=laravel-assets --ansi --force"
-        ],
-        "post-root-package-install": [
-            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
-        ],
-        "post-create-project-cmd": [
-            "@php artisan key:generate --ansi",
-            "@php -r \"file_exists('database/database.sqlite') || touch('database/database.sqlite');\"",
-            "@php artisan migrate --graceful --ansi"
-        ],
-        "pre-package-uninstall": [
-            "Illuminate\\Foundation\\ComposerScripts::prePackageUninstall"
-        ]
-    },
-    "extra": {
-        "laravel": {
-            "dont-discover": []
-        }
-    },
-    "config": {
-        "optimize-autoloader": true,
-        "preferred-install": "dist",
-        "sort-packages": true,
-        "allow-plugins": {
-            "pestphp/pest-plugin": true,
-            "php-http/discovery": true
-        }
-    },
-    "minimum-stability": "stable",
-    "prefer-stable": true
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/composer.lock b/vuexy-theme-vue-laravel-full-example-typescript/composer.lock
deleted file mode 100644
index 22028e3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/composer.lock
+++ /dev/null
@@ -1,8346 +0,0 @@
-{
-    "_readme": [
-        "This file locks the dependencies of your project to a known state",
-        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
-        "This file is @generated automatically"
-    ],
-    "content-hash": "c514d8f7b9fc5970bdd94287905ef584",
-    "packages": [
-        {
-            "name": "brick/math",
-            "version": "0.14.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/brick/math.git",
-                "reference": "113a8ee2656b882d4c3164fa31aa6e12cbb7aaa2"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/brick/math/zipball/113a8ee2656b882d4c3164fa31aa6e12cbb7aaa2",
-                "reference": "113a8ee2656b882d4c3164fa31aa6e12cbb7aaa2",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^8.2"
-            },
-            "require-dev": {
-                "php-coveralls/php-coveralls": "^2.2",
-                "phpstan/phpstan": "2.1.22",
-                "phpunit/phpunit": "^11.5"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Brick\\Math\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "description": "Arbitrary-precision arithmetic library",
-            "keywords": [
-                "Arbitrary-precision",
-                "BigInteger",
-                "BigRational",
-                "arithmetic",
-                "bigdecimal",
-                "bignum",
-                "bignumber",
-                "brick",
-                "decimal",
-                "integer",
-                "math",
-                "mathematics",
-                "rational"
-            ],
-            "support": {
-                "issues": "https://github.com/brick/math/issues",
-                "source": "https://github.com/brick/math/tree/0.14.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/BenMorel",
-                    "type": "github"
-                }
-            ],
-            "time": "2025-08-29T12:40:03+00:00"
-        },
-        {
-            "name": "carbonphp/carbon-doctrine-types",
-            "version": "3.2.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/CarbonPHP/carbon-doctrine-types.git",
-                "reference": "18ba5ddfec8976260ead6e866180bd5d2f71aa1d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/CarbonPHP/carbon-doctrine-types/zipball/18ba5ddfec8976260ead6e866180bd5d2f71aa1d",
-                "reference": "18ba5ddfec8976260ead6e866180bd5d2f71aa1d",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^8.1"
-            },
-            "conflict": {
-                "doctrine/dbal": "<4.0.0 || >=5.0.0"
-            },
-            "require-dev": {
-                "doctrine/dbal": "^4.0.0",
-                "nesbot/carbon": "^2.71.0 || ^3.0.0",
-                "phpunit/phpunit": "^10.3"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Carbon\\Doctrine\\": "src/Carbon/Doctrine/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "KyleKatarn",
-                    "email": "kylekatarnls@gmail.com"
-                }
-            ],
-            "description": "Types to use Carbon in Doctrine",
-            "keywords": [
-                "carbon",
-                "date",
-                "datetime",
-                "doctrine",
-                "time"
-            ],
-            "support": {
-                "issues": "https://github.com/CarbonPHP/carbon-doctrine-types/issues",
-                "source": "https://github.com/CarbonPHP/carbon-doctrine-types/tree/3.2.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/kylekatarnls",
-                    "type": "github"
-                },
-                {
-                    "url": "https://opencollective.com/Carbon",
-                    "type": "open_collective"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/nesbot/carbon",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-02-09T16:56:22+00:00"
-        },
-        {
-            "name": "dflydev/dot-access-data",
-            "version": "v3.0.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/dflydev/dflydev-dot-access-data.git",
-                "reference": "a23a2bf4f31d3518f3ecb38660c95715dfead60f"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/dflydev/dflydev-dot-access-data/zipball/a23a2bf4f31d3518f3ecb38660c95715dfead60f",
-                "reference": "a23a2bf4f31d3518f3ecb38660c95715dfead60f",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.1 || ^8.0"
-            },
-            "require-dev": {
-                "phpstan/phpstan": "^0.12.42",
-                "phpunit/phpunit": "^7.5 || ^8.5 || ^9.3",
-                "scrutinizer/ocular": "1.6.0",
-                "squizlabs/php_codesniffer": "^3.5",
-                "vimeo/psalm": "^4.0.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "3.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Dflydev\\DotAccessData\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Dragonfly Development Inc.",
-                    "email": "info@dflydev.com",
-                    "homepage": "http://dflydev.com"
-                },
-                {
-                    "name": "Beau Simensen",
-                    "email": "beau@dflydev.com",
-                    "homepage": "http://beausimensen.com"
-                },
-                {
-                    "name": "Carlos Frutos",
-                    "email": "carlos@kiwing.it",
-                    "homepage": "https://github.com/cfrutos"
-                },
-                {
-                    "name": "Colin O'Dell",
-                    "email": "colinodell@gmail.com",
-                    "homepage": "https://www.colinodell.com"
-                }
-            ],
-            "description": "Given a deep data structure, access data by dot notation.",
-            "homepage": "https://github.com/dflydev/dflydev-dot-access-data",
-            "keywords": [
-                "access",
-                "data",
-                "dot",
-                "notation"
-            ],
-            "support": {
-                "issues": "https://github.com/dflydev/dflydev-dot-access-data/issues",
-                "source": "https://github.com/dflydev/dflydev-dot-access-data/tree/v3.0.3"
-            },
-            "time": "2024-07-08T12:26:09+00:00"
-        },
-        {
-            "name": "doctrine/inflector",
-            "version": "2.1.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/doctrine/inflector.git",
-                "reference": "6d6c96277ea252fc1304627204c3d5e6e15faa3b"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/inflector/zipball/6d6c96277ea252fc1304627204c3d5e6e15faa3b",
-                "reference": "6d6c96277ea252fc1304627204c3d5e6e15faa3b",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.2 || ^8.0"
-            },
-            "require-dev": {
-                "doctrine/coding-standard": "^12.0 || ^13.0",
-                "phpstan/phpstan": "^1.12 || ^2.0",
-                "phpstan/phpstan-phpunit": "^1.4 || ^2.0",
-                "phpstan/phpstan-strict-rules": "^1.6 || ^2.0",
-                "phpunit/phpunit": "^8.5 || ^12.2"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Doctrine\\Inflector\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Guilherme Blanco",
-                    "email": "guilhermeblanco@gmail.com"
-                },
-                {
-                    "name": "Roman Borschel",
-                    "email": "roman@code-factory.org"
-                },
-                {
-                    "name": "Benjamin Eberlei",
-                    "email": "kontakt@beberlei.de"
-                },
-                {
-                    "name": "Jonathan Wage",
-                    "email": "jonwage@gmail.com"
-                },
-                {
-                    "name": "Johannes Schmitt",
-                    "email": "schmittjoh@gmail.com"
-                }
-            ],
-            "description": "PHP Doctrine Inflector is a small library that can perform string manipulations with regard to upper/lowercase and singular/plural forms of words.",
-            "homepage": "https://www.doctrine-project.org/projects/inflector.html",
-            "keywords": [
-                "inflection",
-                "inflector",
-                "lowercase",
-                "manipulation",
-                "php",
-                "plural",
-                "singular",
-                "strings",
-                "uppercase",
-                "words"
-            ],
-            "support": {
-                "issues": "https://github.com/doctrine/inflector/issues",
-                "source": "https://github.com/doctrine/inflector/tree/2.1.0"
-            },
-            "funding": [
-                {
-                    "url": "https://www.doctrine-project.org/sponsorship.html",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://www.patreon.com/phpdoctrine",
-                    "type": "patreon"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Finflector",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-08-10T19:31:58+00:00"
-        },
-        {
-            "name": "doctrine/lexer",
-            "version": "3.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/doctrine/lexer.git",
-                "reference": "31ad66abc0fc9e1a1f2d9bc6a42668d2fbbcd6dd"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/lexer/zipball/31ad66abc0fc9e1a1f2d9bc6a42668d2fbbcd6dd",
-                "reference": "31ad66abc0fc9e1a1f2d9bc6a42668d2fbbcd6dd",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^8.1"
-            },
-            "require-dev": {
-                "doctrine/coding-standard": "^12",
-                "phpstan/phpstan": "^1.10",
-                "phpunit/phpunit": "^10.5",
-                "psalm/plugin-phpunit": "^0.18.3",
-                "vimeo/psalm": "^5.21"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Doctrine\\Common\\Lexer\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Guilherme Blanco",
-                    "email": "guilhermeblanco@gmail.com"
-                },
-                {
-                    "name": "Roman Borschel",
-                    "email": "roman@code-factory.org"
-                },
-                {
-                    "name": "Johannes Schmitt",
-                    "email": "schmittjoh@gmail.com"
-                }
-            ],
-            "description": "PHP Doctrine Lexer parser library that can be used in Top-Down, Recursive Descent Parsers.",
-            "homepage": "https://www.doctrine-project.org/projects/lexer.html",
-            "keywords": [
-                "annotations",
-                "docblock",
-                "lexer",
-                "parser",
-                "php"
-            ],
-            "support": {
-                "issues": "https://github.com/doctrine/lexer/issues",
-                "source": "https://github.com/doctrine/lexer/tree/3.0.1"
-            },
-            "funding": [
-                {
-                    "url": "https://www.doctrine-project.org/sponsorship.html",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://www.patreon.com/phpdoctrine",
-                    "type": "patreon"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Flexer",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-02-05T11:56:58+00:00"
-        },
-        {
-            "name": "dragonmantank/cron-expression",
-            "version": "v3.6.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/dragonmantank/cron-expression.git",
-                "reference": "d61a8a9604ec1f8c3d150d09db6ce98b32675013"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/dragonmantank/cron-expression/zipball/d61a8a9604ec1f8c3d150d09db6ce98b32675013",
-                "reference": "d61a8a9604ec1f8c3d150d09db6ce98b32675013",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^8.2|^8.3|^8.4|^8.5"
-            },
-            "replace": {
-                "mtdowling/cron-expression": "^1.0"
-            },
-            "require-dev": {
-                "phpstan/extension-installer": "^1.4.3",
-                "phpstan/phpstan": "^1.12.32|^2.1.31",
-                "phpunit/phpunit": "^8.5.48|^9.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "3.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Cron\\": "src/Cron/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Chris Tankersley",
-                    "email": "chris@ctankersley.com",
-                    "homepage": "https://github.com/dragonmantank"
-                }
-            ],
-            "description": "CRON for PHP: Calculate the next or previous run date and determine if a CRON expression is due",
-            "keywords": [
-                "cron",
-                "schedule"
-            ],
-            "support": {
-                "issues": "https://github.com/dragonmantank/cron-expression/issues",
-                "source": "https://github.com/dragonmantank/cron-expression/tree/v3.6.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/dragonmantank",
-                    "type": "github"
-                }
-            ],
-            "time": "2025-10-31T18:51:33+00:00"
-        },
-        {
-            "name": "egulias/email-validator",
-            "version": "4.0.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/egulias/EmailValidator.git",
-                "reference": "d42c8731f0624ad6bdc8d3e5e9a4524f68801cfa"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/egulias/EmailValidator/zipball/d42c8731f0624ad6bdc8d3e5e9a4524f68801cfa",
-                "reference": "d42c8731f0624ad6bdc8d3e5e9a4524f68801cfa",
-                "shasum": ""
-            },
-            "require": {
-                "doctrine/lexer": "^2.0 || ^3.0",
-                "php": ">=8.1",
-                "symfony/polyfill-intl-idn": "^1.26"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^10.2",
-                "vimeo/psalm": "^5.12"
-            },
-            "suggest": {
-                "ext-intl": "PHP Internationalization Libraries are required to use the SpoofChecking validation"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "4.0.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Egulias\\EmailValidator\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Eduardo Gulias Davis"
-                }
-            ],
-            "description": "A library for validating emails against several RFCs",
-            "homepage": "https://github.com/egulias/EmailValidator",
-            "keywords": [
-                "email",
-                "emailvalidation",
-                "emailvalidator",
-                "validation",
-                "validator"
-            ],
-            "support": {
-                "issues": "https://github.com/egulias/EmailValidator/issues",
-                "source": "https://github.com/egulias/EmailValidator/tree/4.0.4"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/egulias",
-                    "type": "github"
-                }
-            ],
-            "time": "2025-03-06T22:45:56+00:00"
-        },
-        {
-            "name": "fruitcake/php-cors",
-            "version": "v1.3.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/fruitcake/php-cors.git",
-                "reference": "3d158f36e7875e2f040f37bc0573956240a5a38b"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/fruitcake/php-cors/zipball/3d158f36e7875e2f040f37bc0573956240a5a38b",
-                "reference": "3d158f36e7875e2f040f37bc0573956240a5a38b",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.4|^8.0",
-                "symfony/http-foundation": "^4.4|^5.4|^6|^7"
-            },
-            "require-dev": {
-                "phpstan/phpstan": "^1.4",
-                "phpunit/phpunit": "^9",
-                "squizlabs/php_codesniffer": "^3.5"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "1.2-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Fruitcake\\Cors\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fruitcake",
-                    "homepage": "https://fruitcake.nl"
-                },
-                {
-                    "name": "Barryvdh",
-                    "email": "barryvdh@gmail.com"
-                }
-            ],
-            "description": "Cross-origin resource sharing library for the Symfony HttpFoundation",
-            "homepage": "https://github.com/fruitcake/php-cors",
-            "keywords": [
-                "cors",
-                "laravel",
-                "symfony"
-            ],
-            "support": {
-                "issues": "https://github.com/fruitcake/php-cors/issues",
-                "source": "https://github.com/fruitcake/php-cors/tree/v1.3.0"
-            },
-            "funding": [
-                {
-                    "url": "https://fruitcake.nl",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/barryvdh",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-10-12T05:21:21+00:00"
-        },
-        {
-            "name": "graham-campbell/result-type",
-            "version": "v1.1.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/GrahamCampbell/Result-Type.git",
-                "reference": "3ba905c11371512af9d9bdd27d99b782216b6945"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/GrahamCampbell/Result-Type/zipball/3ba905c11371512af9d9bdd27d99b782216b6945",
-                "reference": "3ba905c11371512af9d9bdd27d99b782216b6945",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.2.5 || ^8.0",
-                "phpoption/phpoption": "^1.9.3"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^8.5.39 || ^9.6.20 || ^10.5.28"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "GrahamCampbell\\ResultType\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Graham Campbell",
-                    "email": "hello@gjcampbell.co.uk",
-                    "homepage": "https://github.com/GrahamCampbell"
-                }
-            ],
-            "description": "An Implementation Of The Result Type",
-            "keywords": [
-                "Graham Campbell",
-                "GrahamCampbell",
-                "Result Type",
-                "Result-Type",
-                "result"
-            ],
-            "support": {
-                "issues": "https://github.com/GrahamCampbell/Result-Type/issues",
-                "source": "https://github.com/GrahamCampbell/Result-Type/tree/v1.1.3"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/GrahamCampbell",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/graham-campbell/result-type",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-07-20T21:45:45+00:00"
-        },
-        {
-            "name": "guzzlehttp/guzzle",
-            "version": "7.10.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/guzzle/guzzle.git",
-                "reference": "b51ac707cfa420b7bfd4e4d5e510ba8008e822b4"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/guzzle/zipball/b51ac707cfa420b7bfd4e4d5e510ba8008e822b4",
-                "reference": "b51ac707cfa420b7bfd4e4d5e510ba8008e822b4",
-                "shasum": ""
-            },
-            "require": {
-                "ext-json": "*",
-                "guzzlehttp/promises": "^2.3",
-                "guzzlehttp/psr7": "^2.8",
-                "php": "^7.2.5 || ^8.0",
-                "psr/http-client": "^1.0",
-                "symfony/deprecation-contracts": "^2.2 || ^3.0"
-            },
-            "provide": {
-                "psr/http-client-implementation": "1.0"
-            },
-            "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.8.2",
-                "ext-curl": "*",
-                "guzzle/client-integration-tests": "3.0.2",
-                "php-http/message-factory": "^1.1",
-                "phpunit/phpunit": "^8.5.39 || ^9.6.20",
-                "psr/log": "^1.1 || ^2.0 || ^3.0"
-            },
-            "suggest": {
-                "ext-curl": "Required for CURL handler support",
-                "ext-intl": "Required for Internationalized Domain Name (IDN) support",
-                "psr/log": "Required for using the Log middleware"
-            },
-            "type": "library",
-            "extra": {
-                "bamarni-bin": {
-                    "bin-links": true,
-                    "forward-command": false
-                }
-            },
-            "autoload": {
-                "files": [
-                    "src/functions_include.php"
-                ],
-                "psr-4": {
-                    "GuzzleHttp\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Graham Campbell",
-                    "email": "hello@gjcampbell.co.uk",
-                    "homepage": "https://github.com/GrahamCampbell"
-                },
-                {
-                    "name": "Michael Dowling",
-                    "email": "mtdowling@gmail.com",
-                    "homepage": "https://github.com/mtdowling"
-                },
-                {
-                    "name": "Jeremy Lindblom",
-                    "email": "jeremeamia@gmail.com",
-                    "homepage": "https://github.com/jeremeamia"
-                },
-                {
-                    "name": "George Mponos",
-                    "email": "gmponos@gmail.com",
-                    "homepage": "https://github.com/gmponos"
-                },
-                {
-                    "name": "Tobias Nyholm",
-                    "email": "tobias.nyholm@gmail.com",
-                    "homepage": "https://github.com/Nyholm"
-                },
-                {
-                    "name": "Márk Sági-Kazár",
-                    "email": "mark.sagikazar@gmail.com",
-                    "homepage": "https://github.com/sagikazarmark"
-                },
-                {
-                    "name": "Tobias Schultze",
-                    "email": "webmaster@tubo-world.de",
-                    "homepage": "https://github.com/Tobion"
-                }
-            ],
-            "description": "Guzzle is a PHP HTTP client library",
-            "keywords": [
-                "client",
-                "curl",
-                "framework",
-                "http",
-                "http client",
-                "psr-18",
-                "psr-7",
-                "rest",
-                "web service"
-            ],
-            "support": {
-                "issues": "https://github.com/guzzle/guzzle/issues",
-                "source": "https://github.com/guzzle/guzzle/tree/7.10.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/GrahamCampbell",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/Nyholm",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/guzzle",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-08-23T22:36:01+00:00"
-        },
-        {
-            "name": "guzzlehttp/promises",
-            "version": "2.3.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/guzzle/promises.git",
-                "reference": "481557b130ef3790cf82b713667b43030dc9c957"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/promises/zipball/481557b130ef3790cf82b713667b43030dc9c957",
-                "reference": "481557b130ef3790cf82b713667b43030dc9c957",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.2.5 || ^8.0"
-            },
-            "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.8.2",
-                "phpunit/phpunit": "^8.5.44 || ^9.6.25"
-            },
-            "type": "library",
-            "extra": {
-                "bamarni-bin": {
-                    "bin-links": true,
-                    "forward-command": false
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "GuzzleHttp\\Promise\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Graham Campbell",
-                    "email": "hello@gjcampbell.co.uk",
-                    "homepage": "https://github.com/GrahamCampbell"
-                },
-                {
-                    "name": "Michael Dowling",
-                    "email": "mtdowling@gmail.com",
-                    "homepage": "https://github.com/mtdowling"
-                },
-                {
-                    "name": "Tobias Nyholm",
-                    "email": "tobias.nyholm@gmail.com",
-                    "homepage": "https://github.com/Nyholm"
-                },
-                {
-                    "name": "Tobias Schultze",
-                    "email": "webmaster@tubo-world.de",
-                    "homepage": "https://github.com/Tobion"
-                }
-            ],
-            "description": "Guzzle promises library",
-            "keywords": [
-                "promise"
-            ],
-            "support": {
-                "issues": "https://github.com/guzzle/promises/issues",
-                "source": "https://github.com/guzzle/promises/tree/2.3.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/GrahamCampbell",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/Nyholm",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/promises",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-08-22T14:34:08+00:00"
-        },
-        {
-            "name": "guzzlehttp/psr7",
-            "version": "2.8.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/guzzle/psr7.git",
-                "reference": "21dc724a0583619cd1652f673303492272778051"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/psr7/zipball/21dc724a0583619cd1652f673303492272778051",
-                "reference": "21dc724a0583619cd1652f673303492272778051",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.2.5 || ^8.0",
-                "psr/http-factory": "^1.0",
-                "psr/http-message": "^1.1 || ^2.0",
-                "ralouphie/getallheaders": "^3.0"
-            },
-            "provide": {
-                "psr/http-factory-implementation": "1.0",
-                "psr/http-message-implementation": "1.0"
-            },
-            "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.8.2",
-                "http-interop/http-factory-tests": "0.9.0",
-                "phpunit/phpunit": "^8.5.44 || ^9.6.25"
-            },
-            "suggest": {
-                "laminas/laminas-httphandlerrunner": "Emit PSR-7 responses"
-            },
-            "type": "library",
-            "extra": {
-                "bamarni-bin": {
-                    "bin-links": true,
-                    "forward-command": false
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "GuzzleHttp\\Psr7\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Graham Campbell",
-                    "email": "hello@gjcampbell.co.uk",
-                    "homepage": "https://github.com/GrahamCampbell"
-                },
-                {
-                    "name": "Michael Dowling",
-                    "email": "mtdowling@gmail.com",
-                    "homepage": "https://github.com/mtdowling"
-                },
-                {
-                    "name": "George Mponos",
-                    "email": "gmponos@gmail.com",
-                    "homepage": "https://github.com/gmponos"
-                },
-                {
-                    "name": "Tobias Nyholm",
-                    "email": "tobias.nyholm@gmail.com",
-                    "homepage": "https://github.com/Nyholm"
-                },
-                {
-                    "name": "Márk Sági-Kazár",
-                    "email": "mark.sagikazar@gmail.com",
-                    "homepage": "https://github.com/sagikazarmark"
-                },
-                {
-                    "name": "Tobias Schultze",
-                    "email": "webmaster@tubo-world.de",
-                    "homepage": "https://github.com/Tobion"
-                },
-                {
-                    "name": "Márk Sági-Kazár",
-                    "email": "mark.sagikazar@gmail.com",
-                    "homepage": "https://sagikazarmark.hu"
-                }
-            ],
-            "description": "PSR-7 message implementation that also provides common utility methods",
-            "keywords": [
-                "http",
-                "message",
-                "psr-7",
-                "request",
-                "response",
-                "stream",
-                "uri",
-                "url"
-            ],
-            "support": {
-                "issues": "https://github.com/guzzle/psr7/issues",
-                "source": "https://github.com/guzzle/psr7/tree/2.8.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/GrahamCampbell",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/Nyholm",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/psr7",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-08-23T21:21:41+00:00"
-        },
-        {
-            "name": "guzzlehttp/uri-template",
-            "version": "v1.0.5",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/guzzle/uri-template.git",
-                "reference": "4f4bbd4e7172148801e76e3decc1e559bdee34e1"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/uri-template/zipball/4f4bbd4e7172148801e76e3decc1e559bdee34e1",
-                "reference": "4f4bbd4e7172148801e76e3decc1e559bdee34e1",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.2.5 || ^8.0",
-                "symfony/polyfill-php80": "^1.24"
-            },
-            "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.8.2",
-                "phpunit/phpunit": "^8.5.44 || ^9.6.25",
-                "uri-template/tests": "1.0.0"
-            },
-            "type": "library",
-            "extra": {
-                "bamarni-bin": {
-                    "bin-links": true,
-                    "forward-command": false
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "GuzzleHttp\\UriTemplate\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Graham Campbell",
-                    "email": "hello@gjcampbell.co.uk",
-                    "homepage": "https://github.com/GrahamCampbell"
-                },
-                {
-                    "name": "Michael Dowling",
-                    "email": "mtdowling@gmail.com",
-                    "homepage": "https://github.com/mtdowling"
-                },
-                {
-                    "name": "George Mponos",
-                    "email": "gmponos@gmail.com",
-                    "homepage": "https://github.com/gmponos"
-                },
-                {
-                    "name": "Tobias Nyholm",
-                    "email": "tobias.nyholm@gmail.com",
-                    "homepage": "https://github.com/Nyholm"
-                }
-            ],
-            "description": "A polyfill class for uri_template of PHP",
-            "keywords": [
-                "guzzlehttp",
-                "uri-template"
-            ],
-            "support": {
-                "issues": "https://github.com/guzzle/uri-template/issues",
-                "source": "https://github.com/guzzle/uri-template/tree/v1.0.5"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/GrahamCampbell",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/Nyholm",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/uri-template",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-08-22T14:27:06+00:00"
-        },
-        {
-            "name": "laravel/framework",
-            "version": "v12.36.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/laravel/framework.git",
-                "reference": "cad110d7685fbab990a6bb8184d0cfd847d7c4d8"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/laravel/framework/zipball/cad110d7685fbab990a6bb8184d0cfd847d7c4d8",
-                "reference": "cad110d7685fbab990a6bb8184d0cfd847d7c4d8",
-                "shasum": ""
-            },
-            "require": {
-                "brick/math": "^0.11|^0.12|^0.13|^0.14",
-                "composer-runtime-api": "^2.2",
-                "doctrine/inflector": "^2.0.5",
-                "dragonmantank/cron-expression": "^3.4",
-                "egulias/email-validator": "^3.2.1|^4.0",
-                "ext-ctype": "*",
-                "ext-filter": "*",
-                "ext-hash": "*",
-                "ext-mbstring": "*",
-                "ext-openssl": "*",
-                "ext-session": "*",
-                "ext-tokenizer": "*",
-                "fruitcake/php-cors": "^1.3",
-                "guzzlehttp/guzzle": "^7.8.2",
-                "guzzlehttp/uri-template": "^1.0",
-                "laravel/prompts": "^0.3.0",
-                "laravel/serializable-closure": "^1.3|^2.0",
-                "league/commonmark": "^2.7",
-                "league/flysystem": "^3.25.1",
-                "league/flysystem-local": "^3.25.1",
-                "league/uri": "^7.5.1",
-                "monolog/monolog": "^3.0",
-                "nesbot/carbon": "^3.8.4",
-                "nunomaduro/termwind": "^2.0",
-                "php": "^8.2",
-                "psr/container": "^1.1.1|^2.0.1",
-                "psr/log": "^1.0|^2.0|^3.0",
-                "psr/simple-cache": "^1.0|^2.0|^3.0",
-                "ramsey/uuid": "^4.7",
-                "symfony/console": "^7.2.0",
-                "symfony/error-handler": "^7.2.0",
-                "symfony/finder": "^7.2.0",
-                "symfony/http-foundation": "^7.2.0",
-                "symfony/http-kernel": "^7.2.0",
-                "symfony/mailer": "^7.2.0",
-                "symfony/mime": "^7.2.0",
-                "symfony/polyfill-php83": "^1.33",
-                "symfony/polyfill-php84": "^1.33",
-                "symfony/polyfill-php85": "^1.33",
-                "symfony/process": "^7.2.0",
-                "symfony/routing": "^7.2.0",
-                "symfony/uid": "^7.2.0",
-                "symfony/var-dumper": "^7.2.0",
-                "tijsverkoyen/css-to-inline-styles": "^2.2.5",
-                "vlucas/phpdotenv": "^5.6.1",
-                "voku/portable-ascii": "^2.0.2"
-            },
-            "conflict": {
-                "tightenco/collect": "<5.5.33"
-            },
-            "provide": {
-                "psr/container-implementation": "1.1|2.0",
-                "psr/log-implementation": "1.0|2.0|3.0",
-                "psr/simple-cache-implementation": "1.0|2.0|3.0"
-            },
-            "replace": {
-                "illuminate/auth": "self.version",
-                "illuminate/broadcasting": "self.version",
-                "illuminate/bus": "self.version",
-                "illuminate/cache": "self.version",
-                "illuminate/collections": "self.version",
-                "illuminate/concurrency": "self.version",
-                "illuminate/conditionable": "self.version",
-                "illuminate/config": "self.version",
-                "illuminate/console": "self.version",
-                "illuminate/container": "self.version",
-                "illuminate/contracts": "self.version",
-                "illuminate/cookie": "self.version",
-                "illuminate/database": "self.version",
-                "illuminate/encryption": "self.version",
-                "illuminate/events": "self.version",
-                "illuminate/filesystem": "self.version",
-                "illuminate/hashing": "self.version",
-                "illuminate/http": "self.version",
-                "illuminate/json-schema": "self.version",
-                "illuminate/log": "self.version",
-                "illuminate/macroable": "self.version",
-                "illuminate/mail": "self.version",
-                "illuminate/notifications": "self.version",
-                "illuminate/pagination": "self.version",
-                "illuminate/pipeline": "self.version",
-                "illuminate/process": "self.version",
-                "illuminate/queue": "self.version",
-                "illuminate/redis": "self.version",
-                "illuminate/routing": "self.version",
-                "illuminate/session": "self.version",
-                "illuminate/support": "self.version",
-                "illuminate/testing": "self.version",
-                "illuminate/translation": "self.version",
-                "illuminate/validation": "self.version",
-                "illuminate/view": "self.version",
-                "spatie/once": "*"
-            },
-            "require-dev": {
-                "ably/ably-php": "^1.0",
-                "aws/aws-sdk-php": "^3.322.9",
-                "ext-gmp": "*",
-                "fakerphp/faker": "^1.24",
-                "guzzlehttp/promises": "^2.0.3",
-                "guzzlehttp/psr7": "^2.4",
-                "laravel/pint": "^1.18",
-                "league/flysystem-aws-s3-v3": "^3.25.1",
-                "league/flysystem-ftp": "^3.25.1",
-                "league/flysystem-path-prefixing": "^3.25.1",
-                "league/flysystem-read-only": "^3.25.1",
-                "league/flysystem-sftp-v3": "^3.25.1",
-                "mockery/mockery": "^1.6.10",
-                "opis/json-schema": "^2.4.1",
-                "orchestra/testbench-core": "^10.7.0",
-                "pda/pheanstalk": "^5.0.6|^7.0.0",
-                "php-http/discovery": "^1.15",
-                "phpstan/phpstan": "^2.0",
-                "phpunit/phpunit": "^10.5.35|^11.5.3|^12.0.1",
-                "predis/predis": "^2.3|^3.0",
-                "resend/resend-php": "^0.10.0",
-                "symfony/cache": "^7.2.0",
-                "symfony/http-client": "^7.2.0",
-                "symfony/psr-http-message-bridge": "^7.2.0",
-                "symfony/translation": "^7.2.0"
-            },
-            "suggest": {
-                "ably/ably-php": "Required to use the Ably broadcast driver (^1.0).",
-                "aws/aws-sdk-php": "Required to use the SQS queue driver, DynamoDb failed job storage, and SES mail driver (^3.322.9).",
-                "brianium/paratest": "Required to run tests in parallel (^7.0|^8.0).",
-                "ext-apcu": "Required to use the APC cache driver.",
-                "ext-fileinfo": "Required to use the Filesystem class.",
-                "ext-ftp": "Required to use the Flysystem FTP driver.",
-                "ext-gd": "Required to use Illuminate\\Http\\Testing\\FileFactory::image().",
-                "ext-memcached": "Required to use the memcache cache driver.",
-                "ext-pcntl": "Required to use all features of the queue worker and console signal trapping.",
-                "ext-pdo": "Required to use all database features.",
-                "ext-posix": "Required to use all features of the queue worker.",
-                "ext-redis": "Required to use the Redis cache and queue drivers (^4.0|^5.0|^6.0).",
-                "fakerphp/faker": "Required to generate fake data using the fake() helper (^1.23).",
-                "filp/whoops": "Required for friendly error pages in development (^2.14.3).",
-                "laravel/tinker": "Required to use the tinker console command (^2.0).",
-                "league/flysystem-aws-s3-v3": "Required to use the Flysystem S3 driver (^3.25.1).",
-                "league/flysystem-ftp": "Required to use the Flysystem FTP driver (^3.25.1).",
-                "league/flysystem-path-prefixing": "Required to use the scoped driver (^3.25.1).",
-                "league/flysystem-read-only": "Required to use read-only disks (^3.25.1)",
-                "league/flysystem-sftp-v3": "Required to use the Flysystem SFTP driver (^3.25.1).",
-                "mockery/mockery": "Required to use mocking (^1.6).",
-                "pda/pheanstalk": "Required to use the beanstalk queue driver (^5.0).",
-                "php-http/discovery": "Required to use PSR-7 bridging features (^1.15).",
-                "phpunit/phpunit": "Required to use assertions and run tests (^10.5.35|^11.5.3|^12.0.1).",
-                "predis/predis": "Required to use the predis connector (^2.3|^3.0).",
-                "psr/http-message": "Required to allow Storage::put to accept a StreamInterface (^1.0).",
-                "pusher/pusher-php-server": "Required to use the Pusher broadcast driver (^6.0|^7.0).",
-                "resend/resend-php": "Required to enable support for the Resend mail transport (^0.10.0).",
-                "symfony/cache": "Required to PSR-6 cache bridge (^7.2).",
-                "symfony/filesystem": "Required to enable support for relative symbolic links (^7.2).",
-                "symfony/http-client": "Required to enable support for the Symfony API mail transports (^7.2).",
-                "symfony/mailgun-mailer": "Required to enable support for the Mailgun mail transport (^7.2).",
-                "symfony/postmark-mailer": "Required to enable support for the Postmark mail transport (^7.2).",
-                "symfony/psr-http-message-bridge": "Required to use PSR-7 bridging features (^7.2)."
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "12.x-dev"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "src/Illuminate/Collections/functions.php",
-                    "src/Illuminate/Collections/helpers.php",
-                    "src/Illuminate/Events/functions.php",
-                    "src/Illuminate/Filesystem/functions.php",
-                    "src/Illuminate/Foundation/helpers.php",
-                    "src/Illuminate/Log/functions.php",
-                    "src/Illuminate/Support/functions.php",
-                    "src/Illuminate/Support/helpers.php"
-                ],
-                "psr-4": {
-                    "Illuminate\\": "src/Illuminate/",
-                    "Illuminate\\Support\\": [
-                        "src/Illuminate/Macroable/",
-                        "src/Illuminate/Collections/",
-                        "src/Illuminate/Conditionable/"
-                    ]
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Taylor Otwell",
-                    "email": "taylor@laravel.com"
-                }
-            ],
-            "description": "The Laravel Framework.",
-            "homepage": "https://laravel.com",
-            "keywords": [
-                "framework",
-                "laravel"
-            ],
-            "support": {
-                "issues": "https://github.com/laravel/framework/issues",
-                "source": "https://github.com/laravel/framework"
-            },
-            "time": "2025-10-29T14:20:57+00:00"
-        },
-        {
-            "name": "laravel/prompts",
-            "version": "v0.3.7",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/laravel/prompts.git",
-                "reference": "a1891d362714bc40c8d23b0b1d7090f022ea27cc"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/laravel/prompts/zipball/a1891d362714bc40c8d23b0b1d7090f022ea27cc",
-                "reference": "a1891d362714bc40c8d23b0b1d7090f022ea27cc",
-                "shasum": ""
-            },
-            "require": {
-                "composer-runtime-api": "^2.2",
-                "ext-mbstring": "*",
-                "php": "^8.1",
-                "symfony/console": "^6.2|^7.0"
-            },
-            "conflict": {
-                "illuminate/console": ">=10.17.0 <10.25.0",
-                "laravel/framework": ">=10.17.0 <10.25.0"
-            },
-            "require-dev": {
-                "illuminate/collections": "^10.0|^11.0|^12.0",
-                "mockery/mockery": "^1.5",
-                "pestphp/pest": "^2.3|^3.4",
-                "phpstan/phpstan": "^1.12.28",
-                "phpstan/phpstan-mockery": "^1.1.3"
-            },
-            "suggest": {
-                "ext-pcntl": "Required for the spinner to be animated."
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "0.3.x-dev"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "src/helpers.php"
-                ],
-                "psr-4": {
-                    "Laravel\\Prompts\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "description": "Add beautiful and user-friendly forms to your command-line applications.",
-            "support": {
-                "issues": "https://github.com/laravel/prompts/issues",
-                "source": "https://github.com/laravel/prompts/tree/v0.3.7"
-            },
-            "time": "2025-09-19T13:47:56+00:00"
-        },
-        {
-            "name": "laravel/serializable-closure",
-            "version": "v2.0.6",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/laravel/serializable-closure.git",
-                "reference": "038ce42edee619599a1debb7e81d7b3759492819"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/laravel/serializable-closure/zipball/038ce42edee619599a1debb7e81d7b3759492819",
-                "reference": "038ce42edee619599a1debb7e81d7b3759492819",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^8.1"
-            },
-            "require-dev": {
-                "illuminate/support": "^10.0|^11.0|^12.0",
-                "nesbot/carbon": "^2.67|^3.0",
-                "pestphp/pest": "^2.36|^3.0",
-                "phpstan/phpstan": "^2.0",
-                "symfony/var-dumper": "^6.2.0|^7.0.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "2.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Laravel\\SerializableClosure\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Taylor Otwell",
-                    "email": "taylor@laravel.com"
-                },
-                {
-                    "name": "Nuno Maduro",
-                    "email": "nuno@laravel.com"
-                }
-            ],
-            "description": "Laravel Serializable Closure provides an easy and secure way to serialize closures in PHP.",
-            "keywords": [
-                "closure",
-                "laravel",
-                "serializable"
-            ],
-            "support": {
-                "issues": "https://github.com/laravel/serializable-closure/issues",
-                "source": "https://github.com/laravel/serializable-closure"
-            },
-            "time": "2025-10-09T13:42:30+00:00"
-        },
-        {
-            "name": "laravel/tinker",
-            "version": "v2.10.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/laravel/tinker.git",
-                "reference": "22177cc71807d38f2810c6204d8f7183d88a57d3"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/laravel/tinker/zipball/22177cc71807d38f2810c6204d8f7183d88a57d3",
-                "reference": "22177cc71807d38f2810c6204d8f7183d88a57d3",
-                "shasum": ""
-            },
-            "require": {
-                "illuminate/console": "^6.0|^7.0|^8.0|^9.0|^10.0|^11.0|^12.0",
-                "illuminate/contracts": "^6.0|^7.0|^8.0|^9.0|^10.0|^11.0|^12.0",
-                "illuminate/support": "^6.0|^7.0|^8.0|^9.0|^10.0|^11.0|^12.0",
-                "php": "^7.2.5|^8.0",
-                "psy/psysh": "^0.11.1|^0.12.0",
-                "symfony/var-dumper": "^4.3.4|^5.0|^6.0|^7.0"
-            },
-            "require-dev": {
-                "mockery/mockery": "~1.3.3|^1.4.2",
-                "phpstan/phpstan": "^1.10",
-                "phpunit/phpunit": "^8.5.8|^9.3.3|^10.0"
-            },
-            "suggest": {
-                "illuminate/database": "The Illuminate Database package (^6.0|^7.0|^8.0|^9.0|^10.0|^11.0|^12.0)."
-            },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "Laravel\\Tinker\\TinkerServiceProvider"
-                    ]
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Laravel\\Tinker\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Taylor Otwell",
-                    "email": "taylor@laravel.com"
-                }
-            ],
-            "description": "Powerful REPL for the Laravel framework.",
-            "keywords": [
-                "REPL",
-                "Tinker",
-                "laravel",
-                "psysh"
-            ],
-            "support": {
-                "issues": "https://github.com/laravel/tinker/issues",
-                "source": "https://github.com/laravel/tinker/tree/v2.10.1"
-            },
-            "time": "2025-01-27T14:24:01+00:00"
-        },
-        {
-            "name": "league/commonmark",
-            "version": "2.7.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/thephpleague/commonmark.git",
-                "reference": "10732241927d3971d28e7ea7b5712721fa2296ca"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/commonmark/zipball/10732241927d3971d28e7ea7b5712721fa2296ca",
-                "reference": "10732241927d3971d28e7ea7b5712721fa2296ca",
-                "shasum": ""
-            },
-            "require": {
-                "ext-mbstring": "*",
-                "league/config": "^1.1.1",
-                "php": "^7.4 || ^8.0",
-                "psr/event-dispatcher": "^1.0",
-                "symfony/deprecation-contracts": "^2.1 || ^3.0",
-                "symfony/polyfill-php80": "^1.16"
-            },
-            "require-dev": {
-                "cebe/markdown": "^1.0",
-                "commonmark/cmark": "0.31.1",
-                "commonmark/commonmark.js": "0.31.1",
-                "composer/package-versions-deprecated": "^1.8",
-                "embed/embed": "^4.4",
-                "erusev/parsedown": "^1.0",
-                "ext-json": "*",
-                "github/gfm": "0.29.0",
-                "michelf/php-markdown": "^1.4 || ^2.0",
-                "nyholm/psr7": "^1.5",
-                "phpstan/phpstan": "^1.8.2",
-                "phpunit/phpunit": "^9.5.21 || ^10.5.9 || ^11.0.0",
-                "scrutinizer/ocular": "^1.8.1",
-                "symfony/finder": "^5.3 | ^6.0 | ^7.0",
-                "symfony/process": "^5.4 | ^6.0 | ^7.0",
-                "symfony/yaml": "^2.3 | ^3.0 | ^4.0 | ^5.0 | ^6.0 | ^7.0",
-                "unleashedtech/php-coding-standard": "^3.1.1",
-                "vimeo/psalm": "^4.24.0 || ^5.0.0 || ^6.0.0"
-            },
-            "suggest": {
-                "symfony/yaml": "v2.3+ required if using the Front Matter extension"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "2.8-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "League\\CommonMark\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Colin O'Dell",
-                    "email": "colinodell@gmail.com",
-                    "homepage": "https://www.colinodell.com",
-                    "role": "Lead Developer"
-                }
-            ],
-            "description": "Highly-extensible PHP Markdown parser which fully supports the CommonMark spec and GitHub-Flavored Markdown (GFM)",
-            "homepage": "https://commonmark.thephpleague.com",
-            "keywords": [
-                "commonmark",
-                "flavored",
-                "gfm",
-                "github",
-                "github-flavored",
-                "markdown",
-                "md",
-                "parser"
-            ],
-            "support": {
-                "docs": "https://commonmark.thephpleague.com/",
-                "forum": "https://github.com/thephpleague/commonmark/discussions",
-                "issues": "https://github.com/thephpleague/commonmark/issues",
-                "rss": "https://github.com/thephpleague/commonmark/releases.atom",
-                "source": "https://github.com/thephpleague/commonmark"
-            },
-            "funding": [
-                {
-                    "url": "https://www.colinodell.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://www.paypal.me/colinpodell/10.00",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/colinodell",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/league/commonmark",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-07-20T12:47:49+00:00"
-        },
-        {
-            "name": "league/config",
-            "version": "v1.2.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/thephpleague/config.git",
-                "reference": "754b3604fb2984c71f4af4a9cbe7b57f346ec1f3"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/config/zipball/754b3604fb2984c71f4af4a9cbe7b57f346ec1f3",
-                "reference": "754b3604fb2984c71f4af4a9cbe7b57f346ec1f3",
-                "shasum": ""
-            },
-            "require": {
-                "dflydev/dot-access-data": "^3.0.1",
-                "nette/schema": "^1.2",
-                "php": "^7.4 || ^8.0"
-            },
-            "require-dev": {
-                "phpstan/phpstan": "^1.8.2",
-                "phpunit/phpunit": "^9.5.5",
-                "scrutinizer/ocular": "^1.8.1",
-                "unleashedtech/php-coding-standard": "^3.1",
-                "vimeo/psalm": "^4.7.3"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "1.2-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "League\\Config\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Colin O'Dell",
-                    "email": "colinodell@gmail.com",
-                    "homepage": "https://www.colinodell.com",
-                    "role": "Lead Developer"
-                }
-            ],
-            "description": "Define configuration arrays with strict schemas and access values with dot notation",
-            "homepage": "https://config.thephpleague.com",
-            "keywords": [
-                "array",
-                "config",
-                "configuration",
-                "dot",
-                "dot-access",
-                "nested",
-                "schema"
-            ],
-            "support": {
-                "docs": "https://config.thephpleague.com/",
-                "issues": "https://github.com/thephpleague/config/issues",
-                "rss": "https://github.com/thephpleague/config/releases.atom",
-                "source": "https://github.com/thephpleague/config"
-            },
-            "funding": [
-                {
-                    "url": "https://www.colinodell.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://www.paypal.me/colinpodell/10.00",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/colinodell",
-                    "type": "github"
-                }
-            ],
-            "time": "2022-12-11T20:36:23+00:00"
-        },
-        {
-            "name": "league/flysystem",
-            "version": "3.30.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/thephpleague/flysystem.git",
-                "reference": "c139fd65c1f796b926f4aec0df37f6caa959a8da"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/flysystem/zipball/c139fd65c1f796b926f4aec0df37f6caa959a8da",
-                "reference": "c139fd65c1f796b926f4aec0df37f6caa959a8da",
-                "shasum": ""
-            },
-            "require": {
-                "league/flysystem-local": "^3.0.0",
-                "league/mime-type-detection": "^1.0.0",
-                "php": "^8.0.2"
-            },
-            "conflict": {
-                "async-aws/core": "<1.19.0",
-                "async-aws/s3": "<1.14.0",
-                "aws/aws-sdk-php": "3.209.31 || 3.210.0",
-                "guzzlehttp/guzzle": "<7.0",
-                "guzzlehttp/ringphp": "<1.1.1",
-                "phpseclib/phpseclib": "3.0.15",
-                "symfony/http-client": "<5.2"
-            },
-            "require-dev": {
-                "async-aws/s3": "^1.5 || ^2.0",
-                "async-aws/simple-s3": "^1.1 || ^2.0",
-                "aws/aws-sdk-php": "^3.295.10",
-                "composer/semver": "^3.0",
-                "ext-fileinfo": "*",
-                "ext-ftp": "*",
-                "ext-mongodb": "^1.3|^2",
-                "ext-zip": "*",
-                "friendsofphp/php-cs-fixer": "^3.5",
-                "google/cloud-storage": "^1.23",
-                "guzzlehttp/psr7": "^2.6",
-                "microsoft/azure-storage-blob": "^1.1",
-                "mongodb/mongodb": "^1.2|^2",
-                "phpseclib/phpseclib": "^3.0.36",
-                "phpstan/phpstan": "^1.10",
-                "phpunit/phpunit": "^9.5.11|^10.0",
-                "sabre/dav": "^4.6.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "League\\Flysystem\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Frank de Jonge",
-                    "email": "info@frankdejonge.nl"
-                }
-            ],
-            "description": "File storage abstraction for PHP",
-            "keywords": [
-                "WebDAV",
-                "aws",
-                "cloud",
-                "file",
-                "files",
-                "filesystem",
-                "filesystems",
-                "ftp",
-                "s3",
-                "sftp",
-                "storage"
-            ],
-            "support": {
-                "issues": "https://github.com/thephpleague/flysystem/issues",
-                "source": "https://github.com/thephpleague/flysystem/tree/3.30.1"
-            },
-            "time": "2025-10-20T15:35:26+00:00"
-        },
-        {
-            "name": "league/flysystem-local",
-            "version": "3.30.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/thephpleague/flysystem-local.git",
-                "reference": "6691915f77c7fb69adfb87dcd550052dc184ee10"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/flysystem-local/zipball/6691915f77c7fb69adfb87dcd550052dc184ee10",
-                "reference": "6691915f77c7fb69adfb87dcd550052dc184ee10",
-                "shasum": ""
-            },
-            "require": {
-                "ext-fileinfo": "*",
-                "league/flysystem": "^3.0.0",
-                "league/mime-type-detection": "^1.0.0",
-                "php": "^8.0.2"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "League\\Flysystem\\Local\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Frank de Jonge",
-                    "email": "info@frankdejonge.nl"
-                }
-            ],
-            "description": "Local filesystem adapter for Flysystem.",
-            "keywords": [
-                "Flysystem",
-                "file",
-                "files",
-                "filesystem",
-                "local"
-            ],
-            "support": {
-                "source": "https://github.com/thephpleague/flysystem-local/tree/3.30.0"
-            },
-            "time": "2025-05-21T10:34:19+00:00"
-        },
-        {
-            "name": "league/mime-type-detection",
-            "version": "1.16.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/thephpleague/mime-type-detection.git",
-                "reference": "2d6702ff215bf922936ccc1ad31007edc76451b9"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/mime-type-detection/zipball/2d6702ff215bf922936ccc1ad31007edc76451b9",
-                "reference": "2d6702ff215bf922936ccc1ad31007edc76451b9",
-                "shasum": ""
-            },
-            "require": {
-                "ext-fileinfo": "*",
-                "php": "^7.4 || ^8.0"
-            },
-            "require-dev": {
-                "friendsofphp/php-cs-fixer": "^3.2",
-                "phpstan/phpstan": "^0.12.68",
-                "phpunit/phpunit": "^8.5.8 || ^9.3 || ^10.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "League\\MimeTypeDetection\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Frank de Jonge",
-                    "email": "info@frankdejonge.nl"
-                }
-            ],
-            "description": "Mime-type detection for Flysystem",
-            "support": {
-                "issues": "https://github.com/thephpleague/mime-type-detection/issues",
-                "source": "https://github.com/thephpleague/mime-type-detection/tree/1.16.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/frankdejonge",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/league/flysystem",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-09-21T08:32:55+00:00"
-        },
-        {
-            "name": "league/uri",
-            "version": "7.5.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/thephpleague/uri.git",
-                "reference": "81fb5145d2644324614cc532b28efd0215bda430"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/uri/zipball/81fb5145d2644324614cc532b28efd0215bda430",
-                "reference": "81fb5145d2644324614cc532b28efd0215bda430",
-                "shasum": ""
-            },
-            "require": {
-                "league/uri-interfaces": "^7.5",
-                "php": "^8.1"
-            },
-            "conflict": {
-                "league/uri-schemes": "^1.0"
-            },
-            "suggest": {
-                "ext-bcmath": "to improve IPV4 host parsing",
-                "ext-fileinfo": "to create Data URI from file contennts",
-                "ext-gmp": "to improve IPV4 host parsing",
-                "ext-intl": "to handle IDN host with the best performance",
-                "jeremykendall/php-domain-parser": "to resolve Public Suffix and Top Level Domain",
-                "league/uri-components": "Needed to easily manipulate URI objects components",
-                "php-64bit": "to improve IPV4 host parsing",
-                "symfony/polyfill-intl-idn": "to handle IDN host via the Symfony polyfill if ext-intl is not present"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "7.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "League\\Uri\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Ignace Nyamagana Butera",
-                    "email": "nyamsprod@gmail.com",
-                    "homepage": "https://nyamsprod.com"
-                }
-            ],
-            "description": "URI manipulation library",
-            "homepage": "https://uri.thephpleague.com",
-            "keywords": [
-                "data-uri",
-                "file-uri",
-                "ftp",
-                "hostname",
-                "http",
-                "https",
-                "middleware",
-                "parse_str",
-                "parse_url",
-                "psr-7",
-                "query-string",
-                "querystring",
-                "rfc3986",
-                "rfc3987",
-                "rfc6570",
-                "uri",
-                "uri-template",
-                "url",
-                "ws"
-            ],
-            "support": {
-                "docs": "https://uri.thephpleague.com",
-                "forum": "https://thephpleague.slack.com",
-                "issues": "https://github.com/thephpleague/uri-src/issues",
-                "source": "https://github.com/thephpleague/uri/tree/7.5.1"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sponsors/nyamsprod",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-12-08T08:40:02+00:00"
-        },
-        {
-            "name": "league/uri-interfaces",
-            "version": "7.5.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/thephpleague/uri-interfaces.git",
-                "reference": "08cfc6c4f3d811584fb09c37e2849e6a7f9b0742"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/uri-interfaces/zipball/08cfc6c4f3d811584fb09c37e2849e6a7f9b0742",
-                "reference": "08cfc6c4f3d811584fb09c37e2849e6a7f9b0742",
-                "shasum": ""
-            },
-            "require": {
-                "ext-filter": "*",
-                "php": "^8.1",
-                "psr/http-factory": "^1",
-                "psr/http-message": "^1.1 || ^2.0"
-            },
-            "suggest": {
-                "ext-bcmath": "to improve IPV4 host parsing",
-                "ext-gmp": "to improve IPV4 host parsing",
-                "ext-intl": "to handle IDN host with the best performance",
-                "php-64bit": "to improve IPV4 host parsing",
-                "symfony/polyfill-intl-idn": "to handle IDN host via the Symfony polyfill if ext-intl is not present"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "7.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "League\\Uri\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Ignace Nyamagana Butera",
-                    "email": "nyamsprod@gmail.com",
-                    "homepage": "https://nyamsprod.com"
-                }
-            ],
-            "description": "Common interfaces and classes for URI representation and interaction",
-            "homepage": "https://uri.thephpleague.com",
-            "keywords": [
-                "data-uri",
-                "file-uri",
-                "ftp",
-                "hostname",
-                "http",
-                "https",
-                "parse_str",
-                "parse_url",
-                "psr-7",
-                "query-string",
-                "querystring",
-                "rfc3986",
-                "rfc3987",
-                "rfc6570",
-                "uri",
-                "url",
-                "ws"
-            ],
-            "support": {
-                "docs": "https://uri.thephpleague.com",
-                "forum": "https://thephpleague.slack.com",
-                "issues": "https://github.com/thephpleague/uri-src/issues",
-                "source": "https://github.com/thephpleague/uri-interfaces/tree/7.5.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sponsors/nyamsprod",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-12-08T08:18:47+00:00"
-        },
-        {
-            "name": "monolog/monolog",
-            "version": "3.9.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/Seldaek/monolog.git",
-                "reference": "10d85740180ecba7896c87e06a166e0c95a0e3b6"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/Seldaek/monolog/zipball/10d85740180ecba7896c87e06a166e0c95a0e3b6",
-                "reference": "10d85740180ecba7896c87e06a166e0c95a0e3b6",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.1",
-                "psr/log": "^2.0 || ^3.0"
-            },
-            "provide": {
-                "psr/log-implementation": "3.0.0"
-            },
-            "require-dev": {
-                "aws/aws-sdk-php": "^3.0",
-                "doctrine/couchdb": "~1.0@dev",
-                "elasticsearch/elasticsearch": "^7 || ^8",
-                "ext-json": "*",
-                "graylog2/gelf-php": "^1.4.2 || ^2.0",
-                "guzzlehttp/guzzle": "^7.4.5",
-                "guzzlehttp/psr7": "^2.2",
-                "mongodb/mongodb": "^1.8",
-                "php-amqplib/php-amqplib": "~2.4 || ^3",
-                "php-console/php-console": "^3.1.8",
-                "phpstan/phpstan": "^2",
-                "phpstan/phpstan-deprecation-rules": "^2",
-                "phpstan/phpstan-strict-rules": "^2",
-                "phpunit/phpunit": "^10.5.17 || ^11.0.7",
-                "predis/predis": "^1.1 || ^2",
-                "rollbar/rollbar": "^4.0",
-                "ruflin/elastica": "^7 || ^8",
-                "symfony/mailer": "^5.4 || ^6",
-                "symfony/mime": "^5.4 || ^6"
-            },
-            "suggest": {
-                "aws/aws-sdk-php": "Allow sending log messages to AWS services like DynamoDB",
-                "doctrine/couchdb": "Allow sending log messages to a CouchDB server",
-                "elasticsearch/elasticsearch": "Allow sending log messages to an Elasticsearch server via official client",
-                "ext-amqp": "Allow sending log messages to an AMQP server (1.0+ required)",
-                "ext-curl": "Required to send log messages using the IFTTTHandler, the LogglyHandler, the SendGridHandler, the SlackWebhookHandler or the TelegramBotHandler",
-                "ext-mbstring": "Allow to work properly with unicode symbols",
-                "ext-mongodb": "Allow sending log messages to a MongoDB server (via driver)",
-                "ext-openssl": "Required to send log messages using SSL",
-                "ext-sockets": "Allow sending log messages to a Syslog server (via UDP driver)",
-                "graylog2/gelf-php": "Allow sending log messages to a GrayLog2 server",
-                "mongodb/mongodb": "Allow sending log messages to a MongoDB server (via library)",
-                "php-amqplib/php-amqplib": "Allow sending log messages to an AMQP server using php-amqplib",
-                "rollbar/rollbar": "Allow sending log messages to Rollbar",
-                "ruflin/elastica": "Allow sending log messages to an Elastic Search server"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "3.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Monolog\\": "src/Monolog"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Jordi Boggiano",
-                    "email": "j.boggiano@seld.be",
-                    "homepage": "https://seld.be"
-                }
-            ],
-            "description": "Sends your logs to files, sockets, inboxes, databases and various web services",
-            "homepage": "https://github.com/Seldaek/monolog",
-            "keywords": [
-                "log",
-                "logging",
-                "psr-3"
-            ],
-            "support": {
-                "issues": "https://github.com/Seldaek/monolog/issues",
-                "source": "https://github.com/Seldaek/monolog/tree/3.9.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/Seldaek",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/monolog/monolog",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-03-24T10:02:05+00:00"
-        },
-        {
-            "name": "nesbot/carbon",
-            "version": "3.10.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/CarbonPHP/carbon.git",
-                "reference": "8e3643dcd149ae0fe1d2ff4f2c8e4bbfad7c165f"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/CarbonPHP/carbon/zipball/8e3643dcd149ae0fe1d2ff4f2c8e4bbfad7c165f",
-                "reference": "8e3643dcd149ae0fe1d2ff4f2c8e4bbfad7c165f",
-                "shasum": ""
-            },
-            "require": {
-                "carbonphp/carbon-doctrine-types": "<100.0",
-                "ext-json": "*",
-                "php": "^8.1",
-                "psr/clock": "^1.0",
-                "symfony/clock": "^6.3.12 || ^7.0",
-                "symfony/polyfill-mbstring": "^1.0",
-                "symfony/translation": "^4.4.18 || ^5.2.1 || ^6.0 || ^7.0"
-            },
-            "provide": {
-                "psr/clock-implementation": "1.0"
-            },
-            "require-dev": {
-                "doctrine/dbal": "^3.6.3 || ^4.0",
-                "doctrine/orm": "^2.15.2 || ^3.0",
-                "friendsofphp/php-cs-fixer": "^v3.87.1",
-                "kylekatarnls/multi-tester": "^2.5.3",
-                "phpmd/phpmd": "^2.15.0",
-                "phpstan/extension-installer": "^1.4.3",
-                "phpstan/phpstan": "^2.1.22",
-                "phpunit/phpunit": "^10.5.53",
-                "squizlabs/php_codesniffer": "^3.13.4"
-            },
-            "bin": [
-                "bin/carbon"
-            ],
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "Carbon\\Laravel\\ServiceProvider"
-                    ]
-                },
-                "phpstan": {
-                    "includes": [
-                        "extension.neon"
-                    ]
-                },
-                "branch-alias": {
-                    "dev-2.x": "2.x-dev",
-                    "dev-master": "3.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Carbon\\": "src/Carbon/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Brian Nesbitt",
-                    "email": "brian@nesbot.com",
-                    "homepage": "https://markido.com"
-                },
-                {
-                    "name": "kylekatarnls",
-                    "homepage": "https://github.com/kylekatarnls"
-                }
-            ],
-            "description": "An API extension for DateTime that supports 281 different languages.",
-            "homepage": "https://carbon.nesbot.com",
-            "keywords": [
-                "date",
-                "datetime",
-                "time"
-            ],
-            "support": {
-                "docs": "https://carbon.nesbot.com/docs",
-                "issues": "https://github.com/CarbonPHP/carbon/issues",
-                "source": "https://github.com/CarbonPHP/carbon"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sponsors/kylekatarnls",
-                    "type": "github"
-                },
-                {
-                    "url": "https://opencollective.com/Carbon#sponsor",
-                    "type": "opencollective"
-                },
-                {
-                    "url": "https://tidelift.com/subscription/pkg/packagist-nesbot-carbon?utm_source=packagist-nesbot-carbon&utm_medium=referral&utm_campaign=readme",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-09-06T13:39:36+00:00"
-        },
-        {
-            "name": "nette/schema",
-            "version": "v1.3.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/nette/schema.git",
-                "reference": "2befc2f42d7c715fd9d95efc31b1081e5d765004"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/nette/schema/zipball/2befc2f42d7c715fd9d95efc31b1081e5d765004",
-                "reference": "2befc2f42d7c715fd9d95efc31b1081e5d765004",
-                "shasum": ""
-            },
-            "require": {
-                "nette/utils": "^4.0",
-                "php": "8.1 - 8.5"
-            },
-            "require-dev": {
-                "nette/tester": "^2.5.2",
-                "phpstan/phpstan-nette": "^2.0@stable",
-                "tracy/tracy": "^2.8"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "1.3-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Nette\\": "src"
-                },
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause",
-                "GPL-2.0-only",
-                "GPL-3.0-only"
-            ],
-            "authors": [
-                {
-                    "name": "David Grudl",
-                    "homepage": "https://davidgrudl.com"
-                },
-                {
-                    "name": "Nette Community",
-                    "homepage": "https://nette.org/contributors"
-                }
-            ],
-            "description": "📐 Nette Schema: validating data structures against a given Schema.",
-            "homepage": "https://nette.org",
-            "keywords": [
-                "config",
-                "nette"
-            ],
-            "support": {
-                "issues": "https://github.com/nette/schema/issues",
-                "source": "https://github.com/nette/schema/tree/v1.3.3"
-            },
-            "time": "2025-10-30T22:57:59+00:00"
-        },
-        {
-            "name": "nette/utils",
-            "version": "v4.0.8",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/nette/utils.git",
-                "reference": "c930ca4e3cf4f17dcfb03037703679d2396d2ede"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/nette/utils/zipball/c930ca4e3cf4f17dcfb03037703679d2396d2ede",
-                "reference": "c930ca4e3cf4f17dcfb03037703679d2396d2ede",
-                "shasum": ""
-            },
-            "require": {
-                "php": "8.0 - 8.5"
-            },
-            "conflict": {
-                "nette/finder": "<3",
-                "nette/schema": "<1.2.2"
-            },
-            "require-dev": {
-                "jetbrains/phpstorm-attributes": "^1.2",
-                "nette/tester": "^2.5",
-                "phpstan/phpstan-nette": "^2.0@stable",
-                "tracy/tracy": "^2.9"
-            },
-            "suggest": {
-                "ext-gd": "to use Image",
-                "ext-iconv": "to use Strings::webalize(), toAscii(), chr() and reverse()",
-                "ext-intl": "to use Strings::webalize(), toAscii(), normalize() and compare()",
-                "ext-json": "to use Nette\\Utils\\Json",
-                "ext-mbstring": "to use Strings::lower() etc...",
-                "ext-tokenizer": "to use Nette\\Utils\\Reflection::getUseStatements()"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "4.0-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Nette\\": "src"
-                },
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause",
-                "GPL-2.0-only",
-                "GPL-3.0-only"
-            ],
-            "authors": [
-                {
-                    "name": "David Grudl",
-                    "homepage": "https://davidgrudl.com"
-                },
-                {
-                    "name": "Nette Community",
-                    "homepage": "https://nette.org/contributors"
-                }
-            ],
-            "description": "🛠  Nette Utils: lightweight utilities for string & array manipulation, image handling, safe JSON encoding/decoding, validation, slug or strong password generating etc.",
-            "homepage": "https://nette.org",
-            "keywords": [
-                "array",
-                "core",
-                "datetime",
-                "images",
-                "json",
-                "nette",
-                "paginator",
-                "password",
-                "slugify",
-                "string",
-                "unicode",
-                "utf-8",
-                "utility",
-                "validation"
-            ],
-            "support": {
-                "issues": "https://github.com/nette/utils/issues",
-                "source": "https://github.com/nette/utils/tree/v4.0.8"
-            },
-            "time": "2025-08-06T21:43:34+00:00"
-        },
-        {
-            "name": "nikic/php-parser",
-            "version": "v5.6.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/nikic/PHP-Parser.git",
-                "reference": "3a454ca033b9e06b63282ce19562e892747449bb"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/nikic/PHP-Parser/zipball/3a454ca033b9e06b63282ce19562e892747449bb",
-                "reference": "3a454ca033b9e06b63282ce19562e892747449bb",
-                "shasum": ""
-            },
-            "require": {
-                "ext-ctype": "*",
-                "ext-json": "*",
-                "ext-tokenizer": "*",
-                "php": ">=7.4"
-            },
-            "require-dev": {
-                "ircmaxell/php-yacc": "^0.0.7",
-                "phpunit/phpunit": "^9.0"
-            },
-            "bin": [
-                "bin/php-parse"
-            ],
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "5.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "PhpParser\\": "lib/PhpParser"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Nikita Popov"
-                }
-            ],
-            "description": "A PHP parser written in PHP",
-            "keywords": [
-                "parser",
-                "php"
-            ],
-            "support": {
-                "issues": "https://github.com/nikic/PHP-Parser/issues",
-                "source": "https://github.com/nikic/PHP-Parser/tree/v5.6.2"
-            },
-            "time": "2025-10-21T19:32:17+00:00"
-        },
-        {
-            "name": "nunomaduro/termwind",
-            "version": "v2.3.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/nunomaduro/termwind.git",
-                "reference": "eb61920a53057a7debd718a5b89c2178032b52c0"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/nunomaduro/termwind/zipball/eb61920a53057a7debd718a5b89c2178032b52c0",
-                "reference": "eb61920a53057a7debd718a5b89c2178032b52c0",
-                "shasum": ""
-            },
-            "require": {
-                "ext-mbstring": "*",
-                "php": "^8.2",
-                "symfony/console": "^7.3.4"
-            },
-            "require-dev": {
-                "illuminate/console": "^11.46.1",
-                "laravel/pint": "^1.25.1",
-                "mockery/mockery": "^1.6.12",
-                "pestphp/pest": "^2.36.0 || ^3.8.4",
-                "phpstan/phpstan": "^1.12.32",
-                "phpstan/phpstan-strict-rules": "^1.6.2",
-                "symfony/var-dumper": "^7.3.4",
-                "thecodingmachine/phpstan-strict-rules": "^1.0.0"
-            },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "Termwind\\Laravel\\TermwindServiceProvider"
-                    ]
-                },
-                "branch-alias": {
-                    "dev-2.x": "2.x-dev"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "src/Functions.php"
-                ],
-                "psr-4": {
-                    "Termwind\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nuno Maduro",
-                    "email": "enunomaduro@gmail.com"
-                }
-            ],
-            "description": "Its like Tailwind CSS, but for the console.",
-            "keywords": [
-                "cli",
-                "console",
-                "css",
-                "package",
-                "php",
-                "style"
-            ],
-            "support": {
-                "issues": "https://github.com/nunomaduro/termwind/issues",
-                "source": "https://github.com/nunomaduro/termwind/tree/v2.3.2"
-            },
-            "funding": [
-                {
-                    "url": "https://www.paypal.com/paypalme/enunomaduro",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/nunomaduro",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/xiCO2k",
-                    "type": "github"
-                }
-            ],
-            "time": "2025-10-18T11:10:27+00:00"
-        },
-        {
-            "name": "phpoption/phpoption",
-            "version": "1.9.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/schmittjoh/php-option.git",
-                "reference": "638a154f8d4ee6a5cfa96d6a34dfbe0cffa9566d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/schmittjoh/php-option/zipball/638a154f8d4ee6a5cfa96d6a34dfbe0cffa9566d",
-                "reference": "638a154f8d4ee6a5cfa96d6a34dfbe0cffa9566d",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.2.5 || ^8.0"
-            },
-            "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.8.2",
-                "phpunit/phpunit": "^8.5.44 || ^9.6.25 || ^10.5.53 || ^11.5.34"
-            },
-            "type": "library",
-            "extra": {
-                "bamarni-bin": {
-                    "bin-links": true,
-                    "forward-command": false
-                },
-                "branch-alias": {
-                    "dev-master": "1.9-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "PhpOption\\": "src/PhpOption/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "Apache-2.0"
-            ],
-            "authors": [
-                {
-                    "name": "Johannes M. Schmitt",
-                    "email": "schmittjoh@gmail.com",
-                    "homepage": "https://github.com/schmittjoh"
-                },
-                {
-                    "name": "Graham Campbell",
-                    "email": "hello@gjcampbell.co.uk",
-                    "homepage": "https://github.com/GrahamCampbell"
-                }
-            ],
-            "description": "Option Type for PHP",
-            "keywords": [
-                "language",
-                "option",
-                "php",
-                "type"
-            ],
-            "support": {
-                "issues": "https://github.com/schmittjoh/php-option/issues",
-                "source": "https://github.com/schmittjoh/php-option/tree/1.9.4"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/GrahamCampbell",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/phpoption/phpoption",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-08-21T11:53:16+00:00"
-        },
-        {
-            "name": "psr/clock",
-            "version": "1.0.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/php-fig/clock.git",
-                "reference": "e41a24703d4560fd0acb709162f73b8adfc3aa0d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/clock/zipball/e41a24703d4560fd0acb709162f73b8adfc3aa0d",
-                "reference": "e41a24703d4560fd0acb709162f73b8adfc3aa0d",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.0 || ^8.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Psr\\Clock\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "PHP-FIG",
-                    "homepage": "https://www.php-fig.org/"
-                }
-            ],
-            "description": "Common interface for reading the clock.",
-            "homepage": "https://github.com/php-fig/clock",
-            "keywords": [
-                "clock",
-                "now",
-                "psr",
-                "psr-20",
-                "time"
-            ],
-            "support": {
-                "issues": "https://github.com/php-fig/clock/issues",
-                "source": "https://github.com/php-fig/clock/tree/1.0.0"
-            },
-            "time": "2022-11-25T14:36:26+00:00"
-        },
-        {
-            "name": "psr/container",
-            "version": "2.0.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/php-fig/container.git",
-                "reference": "c71ecc56dfe541dbd90c5360474fbc405f8d5963"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/container/zipball/c71ecc56dfe541dbd90c5360474fbc405f8d5963",
-                "reference": "c71ecc56dfe541dbd90c5360474fbc405f8d5963",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.4.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "2.0.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Psr\\Container\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "PHP-FIG",
-                    "homepage": "https://www.php-fig.org/"
-                }
-            ],
-            "description": "Common Container Interface (PHP FIG PSR-11)",
-            "homepage": "https://github.com/php-fig/container",
-            "keywords": [
-                "PSR-11",
-                "container",
-                "container-interface",
-                "container-interop",
-                "psr"
-            ],
-            "support": {
-                "issues": "https://github.com/php-fig/container/issues",
-                "source": "https://github.com/php-fig/container/tree/2.0.2"
-            },
-            "time": "2021-11-05T16:47:00+00:00"
-        },
-        {
-            "name": "psr/event-dispatcher",
-            "version": "1.0.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/php-fig/event-dispatcher.git",
-                "reference": "dbefd12671e8a14ec7f180cab83036ed26714bb0"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/event-dispatcher/zipball/dbefd12671e8a14ec7f180cab83036ed26714bb0",
-                "reference": "dbefd12671e8a14ec7f180cab83036ed26714bb0",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.2.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "1.0.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Psr\\EventDispatcher\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "PHP-FIG",
-                    "homepage": "http://www.php-fig.org/"
-                }
-            ],
-            "description": "Standard interfaces for event handling.",
-            "keywords": [
-                "events",
-                "psr",
-                "psr-14"
-            ],
-            "support": {
-                "issues": "https://github.com/php-fig/event-dispatcher/issues",
-                "source": "https://github.com/php-fig/event-dispatcher/tree/1.0.0"
-            },
-            "time": "2019-01-08T18:20:26+00:00"
-        },
-        {
-            "name": "psr/http-client",
-            "version": "1.0.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/php-fig/http-client.git",
-                "reference": "bb5906edc1c324c9a05aa0873d40117941e5fa90"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/http-client/zipball/bb5906edc1c324c9a05aa0873d40117941e5fa90",
-                "reference": "bb5906edc1c324c9a05aa0873d40117941e5fa90",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.0 || ^8.0",
-                "psr/http-message": "^1.0 || ^2.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "1.0.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Psr\\Http\\Client\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "PHP-FIG",
-                    "homepage": "https://www.php-fig.org/"
-                }
-            ],
-            "description": "Common interface for HTTP clients",
-            "homepage": "https://github.com/php-fig/http-client",
-            "keywords": [
-                "http",
-                "http-client",
-                "psr",
-                "psr-18"
-            ],
-            "support": {
-                "source": "https://github.com/php-fig/http-client"
-            },
-            "time": "2023-09-23T14:17:50+00:00"
-        },
-        {
-            "name": "psr/http-factory",
-            "version": "1.1.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/php-fig/http-factory.git",
-                "reference": "2b4765fddfe3b508ac62f829e852b1501d3f6e8a"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/http-factory/zipball/2b4765fddfe3b508ac62f829e852b1501d3f6e8a",
-                "reference": "2b4765fddfe3b508ac62f829e852b1501d3f6e8a",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.1",
-                "psr/http-message": "^1.0 || ^2.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "1.0.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Psr\\Http\\Message\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "PHP-FIG",
-                    "homepage": "https://www.php-fig.org/"
-                }
-            ],
-            "description": "PSR-17: Common interfaces for PSR-7 HTTP message factories",
-            "keywords": [
-                "factory",
-                "http",
-                "message",
-                "psr",
-                "psr-17",
-                "psr-7",
-                "request",
-                "response"
-            ],
-            "support": {
-                "source": "https://github.com/php-fig/http-factory"
-            },
-            "time": "2024-04-15T12:06:14+00:00"
-        },
-        {
-            "name": "psr/http-message",
-            "version": "2.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/php-fig/http-message.git",
-                "reference": "402d35bcb92c70c026d1a6a9883f06b2ead23d71"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/http-message/zipball/402d35bcb92c70c026d1a6a9883f06b2ead23d71",
-                "reference": "402d35bcb92c70c026d1a6a9883f06b2ead23d71",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.2 || ^8.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "2.0.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Psr\\Http\\Message\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "PHP-FIG",
-                    "homepage": "https://www.php-fig.org/"
-                }
-            ],
-            "description": "Common interface for HTTP messages",
-            "homepage": "https://github.com/php-fig/http-message",
-            "keywords": [
-                "http",
-                "http-message",
-                "psr",
-                "psr-7",
-                "request",
-                "response"
-            ],
-            "support": {
-                "source": "https://github.com/php-fig/http-message/tree/2.0"
-            },
-            "time": "2023-04-04T09:54:51+00:00"
-        },
-        {
-            "name": "psr/log",
-            "version": "3.0.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/php-fig/log.git",
-                "reference": "f16e1d5863e37f8d8c2a01719f5b34baa2b714d3"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/log/zipball/f16e1d5863e37f8d8c2a01719f5b34baa2b714d3",
-                "reference": "f16e1d5863e37f8d8c2a01719f5b34baa2b714d3",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.0.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "3.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Psr\\Log\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "PHP-FIG",
-                    "homepage": "https://www.php-fig.org/"
-                }
-            ],
-            "description": "Common interface for logging libraries",
-            "homepage": "https://github.com/php-fig/log",
-            "keywords": [
-                "log",
-                "psr",
-                "psr-3"
-            ],
-            "support": {
-                "source": "https://github.com/php-fig/log/tree/3.0.2"
-            },
-            "time": "2024-09-11T13:17:53+00:00"
-        },
-        {
-            "name": "psr/simple-cache",
-            "version": "3.0.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/php-fig/simple-cache.git",
-                "reference": "764e0b3939f5ca87cb904f570ef9be2d78a07865"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/simple-cache/zipball/764e0b3939f5ca87cb904f570ef9be2d78a07865",
-                "reference": "764e0b3939f5ca87cb904f570ef9be2d78a07865",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.0.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "3.0.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Psr\\SimpleCache\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "PHP-FIG",
-                    "homepage": "https://www.php-fig.org/"
-                }
-            ],
-            "description": "Common interfaces for simple caching",
-            "keywords": [
-                "cache",
-                "caching",
-                "psr",
-                "psr-16",
-                "simple-cache"
-            ],
-            "support": {
-                "source": "https://github.com/php-fig/simple-cache/tree/3.0.0"
-            },
-            "time": "2021-10-29T13:26:27+00:00"
-        },
-        {
-            "name": "psy/psysh",
-            "version": "v0.12.14",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/bobthecow/psysh.git",
-                "reference": "95c29b3756a23855a30566b745d218bee690bef2"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/bobthecow/psysh/zipball/95c29b3756a23855a30566b745d218bee690bef2",
-                "reference": "95c29b3756a23855a30566b745d218bee690bef2",
-                "shasum": ""
-            },
-            "require": {
-                "ext-json": "*",
-                "ext-tokenizer": "*",
-                "nikic/php-parser": "^5.0 || ^4.0",
-                "php": "^8.0 || ^7.4",
-                "symfony/console": "^7.0 || ^6.0 || ^5.0 || ^4.0 || ^3.4",
-                "symfony/var-dumper": "^7.0 || ^6.0 || ^5.0 || ^4.0 || ^3.4"
-            },
-            "conflict": {
-                "symfony/console": "4.4.37 || 5.3.14 || 5.3.15 || 5.4.3 || 5.4.4 || 6.0.3 || 6.0.4"
-            },
-            "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.2",
-                "composer/class-map-generator": "^1.6"
-            },
-            "suggest": {
-                "composer/class-map-generator": "Improved tab completion performance with better class discovery.",
-                "ext-pcntl": "Enabling the PCNTL extension makes PsySH a lot happier :)",
-                "ext-posix": "If you have PCNTL, you'll want the POSIX extension as well."
-            },
-            "bin": [
-                "bin/psysh"
-            ],
-            "type": "library",
-            "extra": {
-                "bamarni-bin": {
-                    "bin-links": false,
-                    "forward-command": false
-                },
-                "branch-alias": {
-                    "dev-main": "0.12.x-dev"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "src/functions.php"
-                ],
-                "psr-4": {
-                    "Psy\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Justin Hileman",
-                    "email": "justin@justinhileman.info"
-                }
-            ],
-            "description": "An interactive shell for modern PHP.",
-            "homepage": "https://psysh.org",
-            "keywords": [
-                "REPL",
-                "console",
-                "interactive",
-                "shell"
-            ],
-            "support": {
-                "issues": "https://github.com/bobthecow/psysh/issues",
-                "source": "https://github.com/bobthecow/psysh/tree/v0.12.14"
-            },
-            "time": "2025-10-27T17:15:31+00:00"
-        },
-        {
-            "name": "ralouphie/getallheaders",
-            "version": "3.0.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/ralouphie/getallheaders.git",
-                "reference": "120b605dfeb996808c31b6477290a714d356e822"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/ralouphie/getallheaders/zipball/120b605dfeb996808c31b6477290a714d356e822",
-                "reference": "120b605dfeb996808c31b6477290a714d356e822",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=5.6"
-            },
-            "require-dev": {
-                "php-coveralls/php-coveralls": "^2.1",
-                "phpunit/phpunit": "^5 || ^6.5"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "src/getallheaders.php"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Ralph Khattar",
-                    "email": "ralph.khattar@gmail.com"
-                }
-            ],
-            "description": "A polyfill for getallheaders.",
-            "support": {
-                "issues": "https://github.com/ralouphie/getallheaders/issues",
-                "source": "https://github.com/ralouphie/getallheaders/tree/develop"
-            },
-            "time": "2019-03-08T08:55:37+00:00"
-        },
-        {
-            "name": "ramsey/collection",
-            "version": "2.1.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/ramsey/collection.git",
-                "reference": "344572933ad0181accbf4ba763e85a0306a8c5e2"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/ramsey/collection/zipball/344572933ad0181accbf4ba763e85a0306a8c5e2",
-                "reference": "344572933ad0181accbf4ba763e85a0306a8c5e2",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^8.1"
-            },
-            "require-dev": {
-                "captainhook/plugin-composer": "^5.3",
-                "ergebnis/composer-normalize": "^2.45",
-                "fakerphp/faker": "^1.24",
-                "hamcrest/hamcrest-php": "^2.0",
-                "jangregor/phpstan-prophecy": "^2.1",
-                "mockery/mockery": "^1.6",
-                "php-parallel-lint/php-console-highlighter": "^1.0",
-                "php-parallel-lint/php-parallel-lint": "^1.4",
-                "phpspec/prophecy-phpunit": "^2.3",
-                "phpstan/extension-installer": "^1.4",
-                "phpstan/phpstan": "^2.1",
-                "phpstan/phpstan-mockery": "^2.0",
-                "phpstan/phpstan-phpunit": "^2.0",
-                "phpunit/phpunit": "^10.5",
-                "ramsey/coding-standard": "^2.3",
-                "ramsey/conventional-commits": "^1.6",
-                "roave/security-advisories": "dev-latest"
-            },
-            "type": "library",
-            "extra": {
-                "captainhook": {
-                    "force-install": true
-                },
-                "ramsey/conventional-commits": {
-                    "configFile": "conventional-commits.json"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Ramsey\\Collection\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Ben Ramsey",
-                    "email": "ben@benramsey.com",
-                    "homepage": "https://benramsey.com"
-                }
-            ],
-            "description": "A PHP library for representing and manipulating collections.",
-            "keywords": [
-                "array",
-                "collection",
-                "hash",
-                "map",
-                "queue",
-                "set"
-            ],
-            "support": {
-                "issues": "https://github.com/ramsey/collection/issues",
-                "source": "https://github.com/ramsey/collection/tree/2.1.1"
-            },
-            "time": "2025-03-22T05:38:12+00:00"
-        },
-        {
-            "name": "ramsey/uuid",
-            "version": "4.9.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/ramsey/uuid.git",
-                "reference": "81f941f6f729b1e3ceea61d9d014f8b6c6800440"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/ramsey/uuid/zipball/81f941f6f729b1e3ceea61d9d014f8b6c6800440",
-                "reference": "81f941f6f729b1e3ceea61d9d014f8b6c6800440",
-                "shasum": ""
-            },
-            "require": {
-                "brick/math": "^0.8.8 || ^0.9 || ^0.10 || ^0.11 || ^0.12 || ^0.13 || ^0.14",
-                "php": "^8.0",
-                "ramsey/collection": "^1.2 || ^2.0"
-            },
-            "replace": {
-                "rhumsaa/uuid": "self.version"
-            },
-            "require-dev": {
-                "captainhook/captainhook": "^5.25",
-                "captainhook/plugin-composer": "^5.3",
-                "dealerdirect/phpcodesniffer-composer-installer": "^1.0",
-                "ergebnis/composer-normalize": "^2.47",
-                "mockery/mockery": "^1.6",
-                "paragonie/random-lib": "^2",
-                "php-mock/php-mock": "^2.6",
-                "php-mock/php-mock-mockery": "^1.5",
-                "php-parallel-lint/php-parallel-lint": "^1.4.0",
-                "phpbench/phpbench": "^1.2.14",
-                "phpstan/extension-installer": "^1.4",
-                "phpstan/phpstan": "^2.1",
-                "phpstan/phpstan-mockery": "^2.0",
-                "phpstan/phpstan-phpunit": "^2.0",
-                "phpunit/phpunit": "^9.6",
-                "slevomat/coding-standard": "^8.18",
-                "squizlabs/php_codesniffer": "^3.13"
-            },
-            "suggest": {
-                "ext-bcmath": "Enables faster math with arbitrary-precision integers using BCMath.",
-                "ext-gmp": "Enables faster math with arbitrary-precision integers using GMP.",
-                "ext-uuid": "Enables the use of PeclUuidTimeGenerator and PeclUuidRandomGenerator.",
-                "paragonie/random-lib": "Provides RandomLib for use with the RandomLibAdapter",
-                "ramsey/uuid-doctrine": "Allows the use of Ramsey\\Uuid\\Uuid as Doctrine field type."
-            },
-            "type": "library",
-            "extra": {
-                "captainhook": {
-                    "force-install": true
-                }
-            },
-            "autoload": {
-                "files": [
-                    "src/functions.php"
-                ],
-                "psr-4": {
-                    "Ramsey\\Uuid\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "description": "A PHP library for generating and working with universally unique identifiers (UUIDs).",
-            "keywords": [
-                "guid",
-                "identifier",
-                "uuid"
-            ],
-            "support": {
-                "issues": "https://github.com/ramsey/uuid/issues",
-                "source": "https://github.com/ramsey/uuid/tree/4.9.1"
-            },
-            "time": "2025-09-04T20:59:21+00:00"
-        },
-        {
-            "name": "symfony/clock",
-            "version": "v7.3.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/clock.git",
-                "reference": "b81435fbd6648ea425d1ee96a2d8e68f4ceacd24"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/clock/zipball/b81435fbd6648ea425d1ee96a2d8e68f4ceacd24",
-                "reference": "b81435fbd6648ea425d1ee96a2d8e68f4ceacd24",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "psr/clock": "^1.0",
-                "symfony/polyfill-php83": "^1.28"
-            },
-            "provide": {
-                "psr/clock-implementation": "1.0"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "Resources/now.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Component\\Clock\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Decouples applications from the system clock",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "clock",
-                "psr20",
-                "time"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/clock/tree/v7.3.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-09-25T14:21:43+00:00"
-        },
-        {
-            "name": "symfony/console",
-            "version": "v7.3.5",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/console.git",
-                "reference": "cdb80fa5869653c83cfe1a9084a673b6daf57ea7"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/console/zipball/cdb80fa5869653c83cfe1a9084a673b6daf57ea7",
-                "reference": "cdb80fa5869653c83cfe1a9084a673b6daf57ea7",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "symfony/deprecation-contracts": "^2.5|^3",
-                "symfony/polyfill-mbstring": "~1.0",
-                "symfony/service-contracts": "^2.5|^3",
-                "symfony/string": "^7.2"
-            },
-            "conflict": {
-                "symfony/dependency-injection": "<6.4",
-                "symfony/dotenv": "<6.4",
-                "symfony/event-dispatcher": "<6.4",
-                "symfony/lock": "<6.4",
-                "symfony/process": "<6.4"
-            },
-            "provide": {
-                "psr/log-implementation": "1.0|2.0|3.0"
-            },
-            "require-dev": {
-                "psr/log": "^1|^2|^3",
-                "symfony/config": "^6.4|^7.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/event-dispatcher": "^6.4|^7.0",
-                "symfony/http-foundation": "^6.4|^7.0",
-                "symfony/http-kernel": "^6.4|^7.0",
-                "symfony/lock": "^6.4|^7.0",
-                "symfony/messenger": "^6.4|^7.0",
-                "symfony/process": "^6.4|^7.0",
-                "symfony/stopwatch": "^6.4|^7.0",
-                "symfony/var-dumper": "^6.4|^7.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\Console\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Eases the creation of beautiful and testable command line interfaces",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "cli",
-                "command-line",
-                "console",
-                "terminal"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/console/tree/v7.3.5"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-10-14T15:46:26+00:00"
-        },
-        {
-            "name": "symfony/css-selector",
-            "version": "v7.3.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/css-selector.git",
-                "reference": "601a5ce9aaad7bf10797e3663faefce9e26c24e2"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/css-selector/zipball/601a5ce9aaad7bf10797e3663faefce9e26c24e2",
-                "reference": "601a5ce9aaad7bf10797e3663faefce9e26c24e2",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\CssSelector\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Jean-François Simon",
-                    "email": "jeanfrancois.simon@sensiolabs.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Converts CSS selectors to XPath expressions",
-            "homepage": "https://symfony.com",
-            "support": {
-                "source": "https://github.com/symfony/css-selector/tree/v7.3.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-09-25T14:21:43+00:00"
-        },
-        {
-            "name": "symfony/deprecation-contracts",
-            "version": "v3.6.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/deprecation-contracts.git",
-                "reference": "63afe740e99a13ba87ec199bb07bbdee937a5b62"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/63afe740e99a13ba87ec199bb07bbdee937a5b62",
-                "reference": "63afe740e99a13ba87ec199bb07bbdee937a5b62",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.1"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/contracts",
-                    "name": "symfony/contracts"
-                },
-                "branch-alias": {
-                    "dev-main": "3.6-dev"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "function.php"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "A generic function and convention to trigger deprecation notices",
-            "homepage": "https://symfony.com",
-            "support": {
-                "source": "https://github.com/symfony/deprecation-contracts/tree/v3.6.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-09-25T14:21:43+00:00"
-        },
-        {
-            "name": "symfony/error-handler",
-            "version": "v7.3.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/error-handler.git",
-                "reference": "99f81bc944ab8e5dae4f21b4ca9972698bbad0e4"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/error-handler/zipball/99f81bc944ab8e5dae4f21b4ca9972698bbad0e4",
-                "reference": "99f81bc944ab8e5dae4f21b4ca9972698bbad0e4",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "psr/log": "^1|^2|^3",
-                "symfony/var-dumper": "^6.4|^7.0"
-            },
-            "conflict": {
-                "symfony/deprecation-contracts": "<2.5",
-                "symfony/http-kernel": "<6.4"
-            },
-            "require-dev": {
-                "symfony/console": "^6.4|^7.0",
-                "symfony/deprecation-contracts": "^2.5|^3",
-                "symfony/http-kernel": "^6.4|^7.0",
-                "symfony/serializer": "^6.4|^7.0",
-                "symfony/webpack-encore-bundle": "^1.0|^2.0"
-            },
-            "bin": [
-                "Resources/bin/patch-type-declarations"
-            ],
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\ErrorHandler\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Provides tools to manage errors and ease debugging PHP code",
-            "homepage": "https://symfony.com",
-            "support": {
-                "source": "https://github.com/symfony/error-handler/tree/v7.3.4"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-09-11T10:12:26+00:00"
-        },
-        {
-            "name": "symfony/event-dispatcher",
-            "version": "v7.3.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/event-dispatcher.git",
-                "reference": "b7dc69e71de420ac04bc9ab830cf3ffebba48191"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/event-dispatcher/zipball/b7dc69e71de420ac04bc9ab830cf3ffebba48191",
-                "reference": "b7dc69e71de420ac04bc9ab830cf3ffebba48191",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "symfony/event-dispatcher-contracts": "^2.5|^3"
-            },
-            "conflict": {
-                "symfony/dependency-injection": "<6.4",
-                "symfony/service-contracts": "<2.5"
-            },
-            "provide": {
-                "psr/event-dispatcher-implementation": "1.0",
-                "symfony/event-dispatcher-implementation": "2.0|3.0"
-            },
-            "require-dev": {
-                "psr/log": "^1|^2|^3",
-                "symfony/config": "^6.4|^7.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/error-handler": "^6.4|^7.0",
-                "symfony/expression-language": "^6.4|^7.0",
-                "symfony/http-foundation": "^6.4|^7.0",
-                "symfony/service-contracts": "^2.5|^3",
-                "symfony/stopwatch": "^6.4|^7.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\EventDispatcher\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Provides tools that allow your application components to communicate with each other by dispatching events and listening to them",
-            "homepage": "https://symfony.com",
-            "support": {
-                "source": "https://github.com/symfony/event-dispatcher/tree/v7.3.3"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-08-13T11:49:31+00:00"
-        },
-        {
-            "name": "symfony/event-dispatcher-contracts",
-            "version": "v3.6.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/event-dispatcher-contracts.git",
-                "reference": "59eb412e93815df44f05f342958efa9f46b1e586"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/event-dispatcher-contracts/zipball/59eb412e93815df44f05f342958efa9f46b1e586",
-                "reference": "59eb412e93815df44f05f342958efa9f46b1e586",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.1",
-                "psr/event-dispatcher": "^1"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/contracts",
-                    "name": "symfony/contracts"
-                },
-                "branch-alias": {
-                    "dev-main": "3.6-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Contracts\\EventDispatcher\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Generic abstractions related to dispatching event",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "abstractions",
-                "contracts",
-                "decoupling",
-                "interfaces",
-                "interoperability",
-                "standards"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/event-dispatcher-contracts/tree/v3.6.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-09-25T14:21:43+00:00"
-        },
-        {
-            "name": "symfony/finder",
-            "version": "v7.3.5",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/finder.git",
-                "reference": "9f696d2f1e340484b4683f7853b273abff94421f"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/finder/zipball/9f696d2f1e340484b4683f7853b273abff94421f",
-                "reference": "9f696d2f1e340484b4683f7853b273abff94421f",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "symfony/filesystem": "^6.4|^7.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\Finder\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Finds files and directories via an intuitive fluent interface",
-            "homepage": "https://symfony.com",
-            "support": {
-                "source": "https://github.com/symfony/finder/tree/v7.3.5"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-10-15T18:45:57+00:00"
-        },
-        {
-            "name": "symfony/http-foundation",
-            "version": "v7.3.5",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/http-foundation.git",
-                "reference": "ce31218c7cac92eab280762c4375fb70a6f4f897"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/ce31218c7cac92eab280762c4375fb70a6f4f897",
-                "reference": "ce31218c7cac92eab280762c4375fb70a6f4f897",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "symfony/deprecation-contracts": "^2.5|^3.0",
-                "symfony/polyfill-mbstring": "~1.1",
-                "symfony/polyfill-php83": "^1.27"
-            },
-            "conflict": {
-                "doctrine/dbal": "<3.6",
-                "symfony/cache": "<6.4.12|>=7.0,<7.1.5"
-            },
-            "require-dev": {
-                "doctrine/dbal": "^3.6|^4",
-                "predis/predis": "^1.1|^2.0",
-                "symfony/cache": "^6.4.12|^7.1.5",
-                "symfony/clock": "^6.4|^7.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/expression-language": "^6.4|^7.0",
-                "symfony/http-kernel": "^6.4|^7.0",
-                "symfony/mime": "^6.4|^7.0",
-                "symfony/rate-limiter": "^6.4|^7.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\HttpFoundation\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Defines an object-oriented layer for the HTTP specification",
-            "homepage": "https://symfony.com",
-            "support": {
-                "source": "https://github.com/symfony/http-foundation/tree/v7.3.5"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-10-24T21:42:11+00:00"
-        },
-        {
-            "name": "symfony/http-kernel",
-            "version": "v7.3.5",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/http-kernel.git",
-                "reference": "24fd3f123532e26025f49f1abefcc01a69ef15ab"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/24fd3f123532e26025f49f1abefcc01a69ef15ab",
-                "reference": "24fd3f123532e26025f49f1abefcc01a69ef15ab",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "psr/log": "^1|^2|^3",
-                "symfony/deprecation-contracts": "^2.5|^3",
-                "symfony/error-handler": "^6.4|^7.0",
-                "symfony/event-dispatcher": "^7.3",
-                "symfony/http-foundation": "^7.3",
-                "symfony/polyfill-ctype": "^1.8"
-            },
-            "conflict": {
-                "symfony/browser-kit": "<6.4",
-                "symfony/cache": "<6.4",
-                "symfony/config": "<6.4",
-                "symfony/console": "<6.4",
-                "symfony/dependency-injection": "<6.4",
-                "symfony/doctrine-bridge": "<6.4",
-                "symfony/form": "<6.4",
-                "symfony/http-client": "<6.4",
-                "symfony/http-client-contracts": "<2.5",
-                "symfony/mailer": "<6.4",
-                "symfony/messenger": "<6.4",
-                "symfony/translation": "<6.4",
-                "symfony/translation-contracts": "<2.5",
-                "symfony/twig-bridge": "<6.4",
-                "symfony/validator": "<6.4",
-                "symfony/var-dumper": "<6.4",
-                "twig/twig": "<3.12"
-            },
-            "provide": {
-                "psr/log-implementation": "1.0|2.0|3.0"
-            },
-            "require-dev": {
-                "psr/cache": "^1.0|^2.0|^3.0",
-                "symfony/browser-kit": "^6.4|^7.0",
-                "symfony/clock": "^6.4|^7.0",
-                "symfony/config": "^6.4|^7.0",
-                "symfony/console": "^6.4|^7.0",
-                "symfony/css-selector": "^6.4|^7.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/dom-crawler": "^6.4|^7.0",
-                "symfony/expression-language": "^6.4|^7.0",
-                "symfony/finder": "^6.4|^7.0",
-                "symfony/http-client-contracts": "^2.5|^3",
-                "symfony/process": "^6.4|^7.0",
-                "symfony/property-access": "^7.1",
-                "symfony/routing": "^6.4|^7.0",
-                "symfony/serializer": "^7.1",
-                "symfony/stopwatch": "^6.4|^7.0",
-                "symfony/translation": "^6.4|^7.0",
-                "symfony/translation-contracts": "^2.5|^3",
-                "symfony/uid": "^6.4|^7.0",
-                "symfony/validator": "^6.4|^7.0",
-                "symfony/var-dumper": "^6.4|^7.0",
-                "symfony/var-exporter": "^6.4|^7.0",
-                "twig/twig": "^3.12"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\HttpKernel\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Provides a structured process for converting a Request into a Response",
-            "homepage": "https://symfony.com",
-            "support": {
-                "source": "https://github.com/symfony/http-kernel/tree/v7.3.5"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-10-28T10:19:01+00:00"
-        },
-        {
-            "name": "symfony/mailer",
-            "version": "v7.3.5",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/mailer.git",
-                "reference": "fd497c45ba9c10c37864e19466b090dcb60a50ba"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/mailer/zipball/fd497c45ba9c10c37864e19466b090dcb60a50ba",
-                "reference": "fd497c45ba9c10c37864e19466b090dcb60a50ba",
-                "shasum": ""
-            },
-            "require": {
-                "egulias/email-validator": "^2.1.10|^3|^4",
-                "php": ">=8.2",
-                "psr/event-dispatcher": "^1",
-                "psr/log": "^1|^2|^3",
-                "symfony/event-dispatcher": "^6.4|^7.0",
-                "symfony/mime": "^7.2",
-                "symfony/service-contracts": "^2.5|^3"
-            },
-            "conflict": {
-                "symfony/http-client-contracts": "<2.5",
-                "symfony/http-kernel": "<6.4",
-                "symfony/messenger": "<6.4",
-                "symfony/mime": "<6.4",
-                "symfony/twig-bridge": "<6.4"
-            },
-            "require-dev": {
-                "symfony/console": "^6.4|^7.0",
-                "symfony/http-client": "^6.4|^7.0",
-                "symfony/messenger": "^6.4|^7.0",
-                "symfony/twig-bridge": "^6.4|^7.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\Mailer\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Helps sending emails",
-            "homepage": "https://symfony.com",
-            "support": {
-                "source": "https://github.com/symfony/mailer/tree/v7.3.5"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-10-24T14:27:20+00:00"
-        },
-        {
-            "name": "symfony/mime",
-            "version": "v7.3.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/mime.git",
-                "reference": "b1b828f69cbaf887fa835a091869e55df91d0e35"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/mime/zipball/b1b828f69cbaf887fa835a091869e55df91d0e35",
-                "reference": "b1b828f69cbaf887fa835a091869e55df91d0e35",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "symfony/polyfill-intl-idn": "^1.10",
-                "symfony/polyfill-mbstring": "^1.0"
-            },
-            "conflict": {
-                "egulias/email-validator": "~3.0.0",
-                "phpdocumentor/reflection-docblock": "<3.2.2",
-                "phpdocumentor/type-resolver": "<1.4.0",
-                "symfony/mailer": "<6.4",
-                "symfony/serializer": "<6.4.3|>7.0,<7.0.3"
-            },
-            "require-dev": {
-                "egulias/email-validator": "^2.1.10|^3.1|^4",
-                "league/html-to-markdown": "^5.0",
-                "phpdocumentor/reflection-docblock": "^3.0|^4.0|^5.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/process": "^6.4|^7.0",
-                "symfony/property-access": "^6.4|^7.0",
-                "symfony/property-info": "^6.4|^7.0",
-                "symfony/serializer": "^6.4.3|^7.0.3"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\Mime\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Allows manipulating MIME messages",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "mime",
-                "mime-type"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/mime/tree/v7.3.4"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-09-16T08:38:17+00:00"
-        },
-        {
-            "name": "symfony/polyfill-ctype",
-            "version": "v1.33.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-ctype.git",
-                "reference": "a3cc8b044a6ea513310cbd48ef7333b384945638"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/a3cc8b044a6ea513310cbd48ef7333b384945638",
-                "reference": "a3cc8b044a6ea513310cbd48ef7333b384945638",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.2"
-            },
-            "provide": {
-                "ext-ctype": "*"
-            },
-            "suggest": {
-                "ext-ctype": "For best performance"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/polyfill",
-                    "name": "symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Ctype\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Gert de Pagter",
-                    "email": "BackEndTea@gmail.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill for ctype functions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "ctype",
-                "polyfill",
-                "portable"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/polyfill-ctype/tree/v1.33.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-09-09T11:45:10+00:00"
-        },
-        {
-            "name": "symfony/polyfill-intl-grapheme",
-            "version": "v1.33.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
-                "reference": "380872130d3a5dd3ace2f4010d95125fde5d5c70"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/380872130d3a5dd3ace2f4010d95125fde5d5c70",
-                "reference": "380872130d3a5dd3ace2f4010d95125fde5d5c70",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.2"
-            },
-            "suggest": {
-                "ext-intl": "For best performance"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/polyfill",
-                    "name": "symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill for intl's grapheme_* functions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "grapheme",
-                "intl",
-                "polyfill",
-                "portable",
-                "shim"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/polyfill-intl-grapheme/tree/v1.33.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-06-27T09:58:17+00:00"
-        },
-        {
-            "name": "symfony/polyfill-intl-idn",
-            "version": "v1.33.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-intl-idn.git",
-                "reference": "9614ac4d8061dc257ecc64cba1b140873dce8ad3"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-idn/zipball/9614ac4d8061dc257ecc64cba1b140873dce8ad3",
-                "reference": "9614ac4d8061dc257ecc64cba1b140873dce8ad3",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.2",
-                "symfony/polyfill-intl-normalizer": "^1.10"
-            },
-            "suggest": {
-                "ext-intl": "For best performance"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/polyfill",
-                    "name": "symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Intl\\Idn\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Laurent Bassin",
-                    "email": "laurent@bassin.info"
-                },
-                {
-                    "name": "Trevor Rowbotham",
-                    "email": "trevor.rowbotham@pm.me"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill for intl's idn_to_ascii and idn_to_utf8 functions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "idn",
-                "intl",
-                "polyfill",
-                "portable",
-                "shim"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/polyfill-intl-idn/tree/v1.33.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-09-10T14:38:51+00:00"
-        },
-        {
-            "name": "symfony/polyfill-intl-normalizer",
-            "version": "v1.33.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
-                "reference": "3833d7255cc303546435cb650316bff708a1c75c"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/3833d7255cc303546435cb650316bff708a1c75c",
-                "reference": "3833d7255cc303546435cb650316bff708a1c75c",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.2"
-            },
-            "suggest": {
-                "ext-intl": "For best performance"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/polyfill",
-                    "name": "symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
-                },
-                "classmap": [
-                    "Resources/stubs"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill for intl's Normalizer class and related functions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "intl",
-                "normalizer",
-                "polyfill",
-                "portable",
-                "shim"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/polyfill-intl-normalizer/tree/v1.33.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-09-09T11:45:10+00:00"
-        },
-        {
-            "name": "symfony/polyfill-mbstring",
-            "version": "v1.33.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-mbstring.git",
-                "reference": "6d857f4d76bd4b343eac26d6b539585d2bc56493"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/6d857f4d76bd4b343eac26d6b539585d2bc56493",
-                "reference": "6d857f4d76bd4b343eac26d6b539585d2bc56493",
-                "shasum": ""
-            },
-            "require": {
-                "ext-iconv": "*",
-                "php": ">=7.2"
-            },
-            "provide": {
-                "ext-mbstring": "*"
-            },
-            "suggest": {
-                "ext-mbstring": "For best performance"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/polyfill",
-                    "name": "symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Mbstring\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill for the Mbstring extension",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "mbstring",
-                "polyfill",
-                "portable",
-                "shim"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.33.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-12-23T08:48:59+00:00"
-        },
-        {
-            "name": "symfony/polyfill-php80",
-            "version": "v1.33.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-php80.git",
-                "reference": "0cc9dd0f17f61d8131e7df6b84bd344899fe2608"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/0cc9dd0f17f61d8131e7df6b84bd344899fe2608",
-                "reference": "0cc9dd0f17f61d8131e7df6b84bd344899fe2608",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.2"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/polyfill",
-                    "name": "symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Php80\\": ""
-                },
-                "classmap": [
-                    "Resources/stubs"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Ion Bazan",
-                    "email": "ion.bazan@gmail.com"
-                },
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "polyfill",
-                "portable",
-                "shim"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/polyfill-php80/tree/v1.33.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-01-02T08:10:11+00:00"
-        },
-        {
-            "name": "symfony/polyfill-php83",
-            "version": "v1.33.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-php83.git",
-                "reference": "17f6f9a6b1735c0f163024d959f700cfbc5155e5"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php83/zipball/17f6f9a6b1735c0f163024d959f700cfbc5155e5",
-                "reference": "17f6f9a6b1735c0f163024d959f700cfbc5155e5",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.2"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/polyfill",
-                    "name": "symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Php83\\": ""
-                },
-                "classmap": [
-                    "Resources/stubs"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill backporting some PHP 8.3+ features to lower PHP versions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "polyfill",
-                "portable",
-                "shim"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/polyfill-php83/tree/v1.33.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-07-08T02:45:35+00:00"
-        },
-        {
-            "name": "symfony/polyfill-php84",
-            "version": "v1.33.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-php84.git",
-                "reference": "d8ced4d875142b6a7426000426b8abc631d6b191"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php84/zipball/d8ced4d875142b6a7426000426b8abc631d6b191",
-                "reference": "d8ced4d875142b6a7426000426b8abc631d6b191",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.2"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/polyfill",
-                    "name": "symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Php84\\": ""
-                },
-                "classmap": [
-                    "Resources/stubs"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill backporting some PHP 8.4+ features to lower PHP versions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "polyfill",
-                "portable",
-                "shim"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/polyfill-php84/tree/v1.33.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-06-24T13:30:11+00:00"
-        },
-        {
-            "name": "symfony/polyfill-php85",
-            "version": "v1.33.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-php85.git",
-                "reference": "d4e5fcd4ab3d998ab16c0db48e6cbb9a01993f91"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php85/zipball/d4e5fcd4ab3d998ab16c0db48e6cbb9a01993f91",
-                "reference": "d4e5fcd4ab3d998ab16c0db48e6cbb9a01993f91",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.2"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/polyfill",
-                    "name": "symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Php85\\": ""
-                },
-                "classmap": [
-                    "Resources/stubs"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill backporting some PHP 8.5+ features to lower PHP versions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "polyfill",
-                "portable",
-                "shim"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/polyfill-php85/tree/v1.33.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-06-23T16:12:55+00:00"
-        },
-        {
-            "name": "symfony/polyfill-uuid",
-            "version": "v1.33.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-uuid.git",
-                "reference": "21533be36c24be3f4b1669c4725c7d1d2bab4ae2"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-uuid/zipball/21533be36c24be3f4b1669c4725c7d1d2bab4ae2",
-                "reference": "21533be36c24be3f4b1669c4725c7d1d2bab4ae2",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.2"
-            },
-            "provide": {
-                "ext-uuid": "*"
-            },
-            "suggest": {
-                "ext-uuid": "For best performance"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/polyfill",
-                    "name": "symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Uuid\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Grégoire Pineau",
-                    "email": "lyrixx@lyrixx.info"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill for uuid functions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "polyfill",
-                "portable",
-                "uuid"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/polyfill-uuid/tree/v1.33.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-09-09T11:45:10+00:00"
-        },
-        {
-            "name": "symfony/process",
-            "version": "v7.3.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/process.git",
-                "reference": "f24f8f316367b30810810d4eb30c543d7003ff3b"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/process/zipball/f24f8f316367b30810810d4eb30c543d7003ff3b",
-                "reference": "f24f8f316367b30810810d4eb30c543d7003ff3b",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\Process\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Executes commands in sub-processes",
-            "homepage": "https://symfony.com",
-            "support": {
-                "source": "https://github.com/symfony/process/tree/v7.3.4"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-09-11T10:12:26+00:00"
-        },
-        {
-            "name": "symfony/routing",
-            "version": "v7.3.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/routing.git",
-                "reference": "8dc648e159e9bac02b703b9fbd937f19ba13d07c"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/routing/zipball/8dc648e159e9bac02b703b9fbd937f19ba13d07c",
-                "reference": "8dc648e159e9bac02b703b9fbd937f19ba13d07c",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "symfony/deprecation-contracts": "^2.5|^3"
-            },
-            "conflict": {
-                "symfony/config": "<6.4",
-                "symfony/dependency-injection": "<6.4",
-                "symfony/yaml": "<6.4"
-            },
-            "require-dev": {
-                "psr/log": "^1|^2|^3",
-                "symfony/config": "^6.4|^7.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/expression-language": "^6.4|^7.0",
-                "symfony/http-foundation": "^6.4|^7.0",
-                "symfony/yaml": "^6.4|^7.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\Routing\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Maps an HTTP request to a set of configuration variables",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "router",
-                "routing",
-                "uri",
-                "url"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/routing/tree/v7.3.4"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-09-11T10:12:26+00:00"
-        },
-        {
-            "name": "symfony/service-contracts",
-            "version": "v3.6.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/service-contracts.git",
-                "reference": "f021b05a130d35510bd6b25fe9053c2a8a15d5d4"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/f021b05a130d35510bd6b25fe9053c2a8a15d5d4",
-                "reference": "f021b05a130d35510bd6b25fe9053c2a8a15d5d4",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.1",
-                "psr/container": "^1.1|^2.0",
-                "symfony/deprecation-contracts": "^2.5|^3"
-            },
-            "conflict": {
-                "ext-psr": "<1.1|>=2"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/contracts",
-                    "name": "symfony/contracts"
-                },
-                "branch-alias": {
-                    "dev-main": "3.6-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Contracts\\Service\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Test/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Generic abstractions related to writing services",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "abstractions",
-                "contracts",
-                "decoupling",
-                "interfaces",
-                "interoperability",
-                "standards"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/service-contracts/tree/v3.6.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-04-25T09:37:31+00:00"
-        },
-        {
-            "name": "symfony/string",
-            "version": "v7.3.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/string.git",
-                "reference": "f96476035142921000338bad71e5247fbc138872"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/string/zipball/f96476035142921000338bad71e5247fbc138872",
-                "reference": "f96476035142921000338bad71e5247fbc138872",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "symfony/polyfill-ctype": "~1.8",
-                "symfony/polyfill-intl-grapheme": "~1.0",
-                "symfony/polyfill-intl-normalizer": "~1.0",
-                "symfony/polyfill-mbstring": "~1.0"
-            },
-            "conflict": {
-                "symfony/translation-contracts": "<2.5"
-            },
-            "require-dev": {
-                "symfony/emoji": "^7.1",
-                "symfony/http-client": "^6.4|^7.0",
-                "symfony/intl": "^6.4|^7.0",
-                "symfony/translation-contracts": "^2.5|^3.0",
-                "symfony/var-exporter": "^6.4|^7.0"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "Resources/functions.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Component\\String\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "grapheme",
-                "i18n",
-                "string",
-                "unicode",
-                "utf-8",
-                "utf8"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/string/tree/v7.3.4"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-09-11T14:36:48+00:00"
-        },
-        {
-            "name": "symfony/translation",
-            "version": "v7.3.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/translation.git",
-                "reference": "ec25870502d0c7072d086e8ffba1420c85965174"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/translation/zipball/ec25870502d0c7072d086e8ffba1420c85965174",
-                "reference": "ec25870502d0c7072d086e8ffba1420c85965174",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "symfony/deprecation-contracts": "^2.5|^3",
-                "symfony/polyfill-mbstring": "~1.0",
-                "symfony/translation-contracts": "^2.5|^3.0"
-            },
-            "conflict": {
-                "nikic/php-parser": "<5.0",
-                "symfony/config": "<6.4",
-                "symfony/console": "<6.4",
-                "symfony/dependency-injection": "<6.4",
-                "symfony/http-client-contracts": "<2.5",
-                "symfony/http-kernel": "<6.4",
-                "symfony/service-contracts": "<2.5",
-                "symfony/twig-bundle": "<6.4",
-                "symfony/yaml": "<6.4"
-            },
-            "provide": {
-                "symfony/translation-implementation": "2.3|3.0"
-            },
-            "require-dev": {
-                "nikic/php-parser": "^5.0",
-                "psr/log": "^1|^2|^3",
-                "symfony/config": "^6.4|^7.0",
-                "symfony/console": "^6.4|^7.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/finder": "^6.4|^7.0",
-                "symfony/http-client-contracts": "^2.5|^3.0",
-                "symfony/http-kernel": "^6.4|^7.0",
-                "symfony/intl": "^6.4|^7.0",
-                "symfony/polyfill-intl-icu": "^1.21",
-                "symfony/routing": "^6.4|^7.0",
-                "symfony/service-contracts": "^2.5|^3",
-                "symfony/yaml": "^6.4|^7.0"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "Resources/functions.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Component\\Translation\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Provides tools to internationalize your application",
-            "homepage": "https://symfony.com",
-            "support": {
-                "source": "https://github.com/symfony/translation/tree/v7.3.4"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-09-07T11:39:36+00:00"
-        },
-        {
-            "name": "symfony/translation-contracts",
-            "version": "v3.6.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/translation-contracts.git",
-                "reference": "df210c7a2573f1913b2d17cc95f90f53a73d8f7d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/translation-contracts/zipball/df210c7a2573f1913b2d17cc95f90f53a73d8f7d",
-                "reference": "df210c7a2573f1913b2d17cc95f90f53a73d8f7d",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.1"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "url": "https://github.com/symfony/contracts",
-                    "name": "symfony/contracts"
-                },
-                "branch-alias": {
-                    "dev-main": "3.6-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Contracts\\Translation\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Test/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Generic abstractions related to translation",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "abstractions",
-                "contracts",
-                "decoupling",
-                "interfaces",
-                "interoperability",
-                "standards"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/translation-contracts/tree/v3.6.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-09-27T08:32:26+00:00"
-        },
-        {
-            "name": "symfony/uid",
-            "version": "v7.3.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/uid.git",
-                "reference": "a69f69f3159b852651a6bf45a9fdd149520525bb"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/uid/zipball/a69f69f3159b852651a6bf45a9fdd149520525bb",
-                "reference": "a69f69f3159b852651a6bf45a9fdd149520525bb",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "symfony/polyfill-uuid": "^1.15"
-            },
-            "require-dev": {
-                "symfony/console": "^6.4|^7.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\Uid\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Grégoire Pineau",
-                    "email": "lyrixx@lyrixx.info"
-                },
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Provides an object-oriented API to generate and represent UIDs",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "UID",
-                "ulid",
-                "uuid"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/uid/tree/v7.3.1"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-06-27T19:55:54+00:00"
-        },
-        {
-            "name": "symfony/var-dumper",
-            "version": "v7.3.5",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/var-dumper.git",
-                "reference": "476c4ae17f43a9a36650c69879dcf5b1e6ae724d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/476c4ae17f43a9a36650c69879dcf5b1e6ae724d",
-                "reference": "476c4ae17f43a9a36650c69879dcf5b1e6ae724d",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "symfony/deprecation-contracts": "^2.5|^3",
-                "symfony/polyfill-mbstring": "~1.0"
-            },
-            "conflict": {
-                "symfony/console": "<6.4"
-            },
-            "require-dev": {
-                "symfony/console": "^6.4|^7.0",
-                "symfony/http-kernel": "^6.4|^7.0",
-                "symfony/process": "^6.4|^7.0",
-                "symfony/uid": "^6.4|^7.0",
-                "twig/twig": "^3.12"
-            },
-            "bin": [
-                "Resources/bin/var-dump-server"
-            ],
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "Resources/functions/dump.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Component\\VarDumper\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Provides mechanisms for walking through any arbitrary PHP variable",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "debug",
-                "dump"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/var-dumper/tree/v7.3.5"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-09-27T09:00:46+00:00"
-        },
-        {
-            "name": "tijsverkoyen/css-to-inline-styles",
-            "version": "v2.3.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/tijsverkoyen/CssToInlineStyles.git",
-                "reference": "0d72ac1c00084279c1816675284073c5a337c20d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/tijsverkoyen/CssToInlineStyles/zipball/0d72ac1c00084279c1816675284073c5a337c20d",
-                "reference": "0d72ac1c00084279c1816675284073c5a337c20d",
-                "shasum": ""
-            },
-            "require": {
-                "ext-dom": "*",
-                "ext-libxml": "*",
-                "php": "^7.4 || ^8.0",
-                "symfony/css-selector": "^5.4 || ^6.0 || ^7.0"
-            },
-            "require-dev": {
-                "phpstan/phpstan": "^2.0",
-                "phpstan/phpstan-phpunit": "^2.0",
-                "phpunit/phpunit": "^8.5.21 || ^9.5.10"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "2.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "TijsVerkoyen\\CssToInlineStyles\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Tijs Verkoyen",
-                    "email": "css_to_inline_styles@verkoyen.eu",
-                    "role": "Developer"
-                }
-            ],
-            "description": "CssToInlineStyles is a class that enables you to convert HTML-pages/files into HTML-pages/files with inline styles. This is very useful when you're sending emails.",
-            "homepage": "https://github.com/tijsverkoyen/CssToInlineStyles",
-            "support": {
-                "issues": "https://github.com/tijsverkoyen/CssToInlineStyles/issues",
-                "source": "https://github.com/tijsverkoyen/CssToInlineStyles/tree/v2.3.0"
-            },
-            "time": "2024-12-21T16:25:41+00:00"
-        },
-        {
-            "name": "vlucas/phpdotenv",
-            "version": "v5.6.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/vlucas/phpdotenv.git",
-                "reference": "24ac4c74f91ee2c193fa1aaa5c249cb0822809af"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/vlucas/phpdotenv/zipball/24ac4c74f91ee2c193fa1aaa5c249cb0822809af",
-                "reference": "24ac4c74f91ee2c193fa1aaa5c249cb0822809af",
-                "shasum": ""
-            },
-            "require": {
-                "ext-pcre": "*",
-                "graham-campbell/result-type": "^1.1.3",
-                "php": "^7.2.5 || ^8.0",
-                "phpoption/phpoption": "^1.9.3",
-                "symfony/polyfill-ctype": "^1.24",
-                "symfony/polyfill-mbstring": "^1.24",
-                "symfony/polyfill-php80": "^1.24"
-            },
-            "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.8.2",
-                "ext-filter": "*",
-                "phpunit/phpunit": "^8.5.34 || ^9.6.13 || ^10.4.2"
-            },
-            "suggest": {
-                "ext-filter": "Required to use the boolean validator."
-            },
-            "type": "library",
-            "extra": {
-                "bamarni-bin": {
-                    "bin-links": true,
-                    "forward-command": false
-                },
-                "branch-alias": {
-                    "dev-master": "5.6-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Dotenv\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Graham Campbell",
-                    "email": "hello@gjcampbell.co.uk",
-                    "homepage": "https://github.com/GrahamCampbell"
-                },
-                {
-                    "name": "Vance Lucas",
-                    "email": "vance@vancelucas.com",
-                    "homepage": "https://github.com/vlucas"
-                }
-            ],
-            "description": "Loads environment variables from `.env` to `getenv()`, `$_ENV` and `$_SERVER` automagically.",
-            "keywords": [
-                "dotenv",
-                "env",
-                "environment"
-            ],
-            "support": {
-                "issues": "https://github.com/vlucas/phpdotenv/issues",
-                "source": "https://github.com/vlucas/phpdotenv/tree/v5.6.2"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/GrahamCampbell",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/vlucas/phpdotenv",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-04-30T23:37:27+00:00"
-        },
-        {
-            "name": "voku/portable-ascii",
-            "version": "2.0.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/voku/portable-ascii.git",
-                "reference": "b1d923f88091c6bf09699efcd7c8a1b1bfd7351d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/voku/portable-ascii/zipball/b1d923f88091c6bf09699efcd7c8a1b1bfd7351d",
-                "reference": "b1d923f88091c6bf09699efcd7c8a1b1bfd7351d",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.0.0"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "~6.0 || ~7.0 || ~9.0"
-            },
-            "suggest": {
-                "ext-intl": "Use Intl for transliterator_transliterate() support"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "voku\\": "src/voku/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Lars Moelleken",
-                    "homepage": "https://www.moelleken.org/"
-                }
-            ],
-            "description": "Portable ASCII library - performance optimized (ascii) string functions for php.",
-            "homepage": "https://github.com/voku/portable-ascii",
-            "keywords": [
-                "ascii",
-                "clean",
-                "php"
-            ],
-            "support": {
-                "issues": "https://github.com/voku/portable-ascii/issues",
-                "source": "https://github.com/voku/portable-ascii/tree/2.0.3"
-            },
-            "funding": [
-                {
-                    "url": "https://www.paypal.me/moelleken",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/voku",
-                    "type": "github"
-                },
-                {
-                    "url": "https://opencollective.com/portable-ascii",
-                    "type": "open_collective"
-                },
-                {
-                    "url": "https://www.patreon.com/voku",
-                    "type": "patreon"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/voku/portable-ascii",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-11-21T01:49:47+00:00"
-        }
-    ],
-    "packages-dev": [
-        {
-            "name": "fakerphp/faker",
-            "version": "v1.24.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/FakerPHP/Faker.git",
-                "reference": "e0ee18eb1e6dc3cda3ce9fd97e5a0689a88a64b5"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/FakerPHP/Faker/zipball/e0ee18eb1e6dc3cda3ce9fd97e5a0689a88a64b5",
-                "reference": "e0ee18eb1e6dc3cda3ce9fd97e5a0689a88a64b5",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.4 || ^8.0",
-                "psr/container": "^1.0 || ^2.0",
-                "symfony/deprecation-contracts": "^2.2 || ^3.0"
-            },
-            "conflict": {
-                "fzaninotto/faker": "*"
-            },
-            "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.4.1",
-                "doctrine/persistence": "^1.3 || ^2.0",
-                "ext-intl": "*",
-                "phpunit/phpunit": "^9.5.26",
-                "symfony/phpunit-bridge": "^5.4.16"
-            },
-            "suggest": {
-                "doctrine/orm": "Required to use Faker\\ORM\\Doctrine",
-                "ext-curl": "Required by Faker\\Provider\\Image to download images.",
-                "ext-dom": "Required by Faker\\Provider\\HtmlLorem for generating random HTML.",
-                "ext-iconv": "Required by Faker\\Provider\\ru_RU\\Text::realText() for generating real Russian text.",
-                "ext-mbstring": "Required for multibyte Unicode string functionality."
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Faker\\": "src/Faker/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "François Zaninotto"
-                }
-            ],
-            "description": "Faker is a PHP library that generates fake data for you.",
-            "keywords": [
-                "data",
-                "faker",
-                "fixtures"
-            ],
-            "support": {
-                "issues": "https://github.com/FakerPHP/Faker/issues",
-                "source": "https://github.com/FakerPHP/Faker/tree/v1.24.1"
-            },
-            "time": "2024-11-21T13:46:39+00:00"
-        },
-        {
-            "name": "filp/whoops",
-            "version": "2.18.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/filp/whoops.git",
-                "reference": "d2102955e48b9fd9ab24280a7ad12ed552752c4d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/filp/whoops/zipball/d2102955e48b9fd9ab24280a7ad12ed552752c4d",
-                "reference": "d2102955e48b9fd9ab24280a7ad12ed552752c4d",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.1 || ^8.0",
-                "psr/log": "^1.0.1 || ^2.0 || ^3.0"
-            },
-            "require-dev": {
-                "mockery/mockery": "^1.0",
-                "phpunit/phpunit": "^7.5.20 || ^8.5.8 || ^9.3.3",
-                "symfony/var-dumper": "^4.0 || ^5.0"
-            },
-            "suggest": {
-                "symfony/var-dumper": "Pretty print complex values better with var-dumper available",
-                "whoops/soap": "Formats errors as SOAP responses"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "2.7-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Whoops\\": "src/Whoops/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Filipe Dobreira",
-                    "homepage": "https://github.com/filp",
-                    "role": "Developer"
-                }
-            ],
-            "description": "php error handling for cool kids",
-            "homepage": "https://filp.github.io/whoops/",
-            "keywords": [
-                "error",
-                "exception",
-                "handling",
-                "library",
-                "throwable",
-                "whoops"
-            ],
-            "support": {
-                "issues": "https://github.com/filp/whoops/issues",
-                "source": "https://github.com/filp/whoops/tree/2.18.4"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/denis-sokolov",
-                    "type": "github"
-                }
-            ],
-            "time": "2025-08-08T12:00:00+00:00"
-        },
-        {
-            "name": "hamcrest/hamcrest-php",
-            "version": "v2.1.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/hamcrest/hamcrest-php.git",
-                "reference": "f8b1c0173b22fa6ec77a81fe63e5b01eba7e6487"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/hamcrest/hamcrest-php/zipball/f8b1c0173b22fa6ec77a81fe63e5b01eba7e6487",
-                "reference": "f8b1c0173b22fa6ec77a81fe63e5b01eba7e6487",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.4|^8.0"
-            },
-            "replace": {
-                "cordoval/hamcrest-php": "*",
-                "davedevelopment/hamcrest-php": "*",
-                "kodova/hamcrest-php": "*"
-            },
-            "require-dev": {
-                "phpunit/php-file-iterator": "^1.4 || ^2.0 || ^3.0",
-                "phpunit/phpunit": "^4.8.36 || ^5.7 || ^6.5 || ^7.0 || ^8.0 || ^9.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "2.1-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "hamcrest"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "description": "This is the PHP port of Hamcrest Matchers",
-            "keywords": [
-                "test"
-            ],
-            "support": {
-                "issues": "https://github.com/hamcrest/hamcrest-php/issues",
-                "source": "https://github.com/hamcrest/hamcrest-php/tree/v2.1.1"
-            },
-            "time": "2025-04-30T06:54:44+00:00"
-        },
-        {
-            "name": "laravel/pail",
-            "version": "v1.2.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/laravel/pail.git",
-                "reference": "8cc3d575c1f0e57eeb923f366a37528c50d2385a"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/laravel/pail/zipball/8cc3d575c1f0e57eeb923f366a37528c50d2385a",
-                "reference": "8cc3d575c1f0e57eeb923f366a37528c50d2385a",
-                "shasum": ""
-            },
-            "require": {
-                "ext-mbstring": "*",
-                "illuminate/console": "^10.24|^11.0|^12.0",
-                "illuminate/contracts": "^10.24|^11.0|^12.0",
-                "illuminate/log": "^10.24|^11.0|^12.0",
-                "illuminate/process": "^10.24|^11.0|^12.0",
-                "illuminate/support": "^10.24|^11.0|^12.0",
-                "nunomaduro/termwind": "^1.15|^2.0",
-                "php": "^8.2",
-                "symfony/console": "^6.0|^7.0"
-            },
-            "require-dev": {
-                "laravel/framework": "^10.24|^11.0|^12.0",
-                "laravel/pint": "^1.13",
-                "orchestra/testbench-core": "^8.13|^9.0|^10.0",
-                "pestphp/pest": "^2.20|^3.0",
-                "pestphp/pest-plugin-type-coverage": "^2.3|^3.0",
-                "phpstan/phpstan": "^1.12.27",
-                "symfony/var-dumper": "^6.3|^7.0"
-            },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "Laravel\\Pail\\PailServiceProvider"
-                    ]
-                },
-                "branch-alias": {
-                    "dev-main": "1.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Laravel\\Pail\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Taylor Otwell",
-                    "email": "taylor@laravel.com"
-                },
-                {
-                    "name": "Nuno Maduro",
-                    "email": "enunomaduro@gmail.com"
-                }
-            ],
-            "description": "Easily delve into your Laravel application's log files directly from the command line.",
-            "homepage": "https://github.com/laravel/pail",
-            "keywords": [
-                "dev",
-                "laravel",
-                "logs",
-                "php",
-                "tail"
-            ],
-            "support": {
-                "issues": "https://github.com/laravel/pail/issues",
-                "source": "https://github.com/laravel/pail"
-            },
-            "time": "2025-06-05T13:55:57+00:00"
-        },
-        {
-            "name": "laravel/pint",
-            "version": "v1.25.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/laravel/pint.git",
-                "reference": "5016e263f95d97670d71b9a987bd8996ade6d8d9"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/laravel/pint/zipball/5016e263f95d97670d71b9a987bd8996ade6d8d9",
-                "reference": "5016e263f95d97670d71b9a987bd8996ade6d8d9",
-                "shasum": ""
-            },
-            "require": {
-                "ext-json": "*",
-                "ext-mbstring": "*",
-                "ext-tokenizer": "*",
-                "ext-xml": "*",
-                "php": "^8.2.0"
-            },
-            "require-dev": {
-                "friendsofphp/php-cs-fixer": "^3.87.2",
-                "illuminate/view": "^11.46.0",
-                "larastan/larastan": "^3.7.1",
-                "laravel-zero/framework": "^11.45.0",
-                "mockery/mockery": "^1.6.12",
-                "nunomaduro/termwind": "^2.3.1",
-                "pestphp/pest": "^2.36.0"
-            },
-            "bin": [
-                "builds/pint"
-            ],
-            "type": "project",
-            "autoload": {
-                "psr-4": {
-                    "App\\": "app/",
-                    "Database\\Seeders\\": "database/seeders/",
-                    "Database\\Factories\\": "database/factories/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nuno Maduro",
-                    "email": "enunomaduro@gmail.com"
-                }
-            ],
-            "description": "An opinionated code formatter for PHP.",
-            "homepage": "https://laravel.com",
-            "keywords": [
-                "format",
-                "formatter",
-                "lint",
-                "linter",
-                "php"
-            ],
-            "support": {
-                "issues": "https://github.com/laravel/pint/issues",
-                "source": "https://github.com/laravel/pint"
-            },
-            "time": "2025-09-19T02:57:12+00:00"
-        },
-        {
-            "name": "laravel/sail",
-            "version": "v1.47.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/laravel/sail.git",
-                "reference": "9a11e822238167ad8b791e4ea51155d25cf4d8f2"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/laravel/sail/zipball/9a11e822238167ad8b791e4ea51155d25cf4d8f2",
-                "reference": "9a11e822238167ad8b791e4ea51155d25cf4d8f2",
-                "shasum": ""
-            },
-            "require": {
-                "illuminate/console": "^9.52.16|^10.0|^11.0|^12.0",
-                "illuminate/contracts": "^9.52.16|^10.0|^11.0|^12.0",
-                "illuminate/support": "^9.52.16|^10.0|^11.0|^12.0",
-                "php": "^8.0",
-                "symfony/console": "^6.0|^7.0",
-                "symfony/yaml": "^6.0|^7.0"
-            },
-            "require-dev": {
-                "orchestra/testbench": "^7.0|^8.0|^9.0|^10.0",
-                "phpstan/phpstan": "^2.0"
-            },
-            "bin": [
-                "bin/sail"
-            ],
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "Laravel\\Sail\\SailServiceProvider"
-                    ]
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Laravel\\Sail\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Taylor Otwell",
-                    "email": "taylor@laravel.com"
-                }
-            ],
-            "description": "Docker files for running a basic Laravel application.",
-            "keywords": [
-                "docker",
-                "laravel"
-            ],
-            "support": {
-                "issues": "https://github.com/laravel/sail/issues",
-                "source": "https://github.com/laravel/sail"
-            },
-            "time": "2025-10-28T13:55:29+00:00"
-        },
-        {
-            "name": "mockery/mockery",
-            "version": "1.6.12",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/mockery/mockery.git",
-                "reference": "1f4efdd7d3beafe9807b08156dfcb176d18f1699"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/mockery/mockery/zipball/1f4efdd7d3beafe9807b08156dfcb176d18f1699",
-                "reference": "1f4efdd7d3beafe9807b08156dfcb176d18f1699",
-                "shasum": ""
-            },
-            "require": {
-                "hamcrest/hamcrest-php": "^2.0.1",
-                "lib-pcre": ">=7.0",
-                "php": ">=7.3"
-            },
-            "conflict": {
-                "phpunit/phpunit": "<8.0"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^8.5 || ^9.6.17",
-                "symplify/easy-coding-standard": "^12.1.14"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "library/helpers.php",
-                    "library/Mockery.php"
-                ],
-                "psr-4": {
-                    "Mockery\\": "library/Mockery"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Pádraic Brady",
-                    "email": "padraic.brady@gmail.com",
-                    "homepage": "https://github.com/padraic",
-                    "role": "Author"
-                },
-                {
-                    "name": "Dave Marshall",
-                    "email": "dave.marshall@atstsolutions.co.uk",
-                    "homepage": "https://davedevelopment.co.uk",
-                    "role": "Developer"
-                },
-                {
-                    "name": "Nathanael Esayeas",
-                    "email": "nathanael.esayeas@protonmail.com",
-                    "homepage": "https://github.com/ghostwriter",
-                    "role": "Lead Developer"
-                }
-            ],
-            "description": "Mockery is a simple yet flexible PHP mock object framework",
-            "homepage": "https://github.com/mockery/mockery",
-            "keywords": [
-                "BDD",
-                "TDD",
-                "library",
-                "mock",
-                "mock objects",
-                "mockery",
-                "stub",
-                "test",
-                "test double",
-                "testing"
-            ],
-            "support": {
-                "docs": "https://docs.mockery.io/",
-                "issues": "https://github.com/mockery/mockery/issues",
-                "rss": "https://github.com/mockery/mockery/releases.atom",
-                "security": "https://github.com/mockery/mockery/security/advisories",
-                "source": "https://github.com/mockery/mockery"
-            },
-            "time": "2024-05-16T03:13:13+00:00"
-        },
-        {
-            "name": "myclabs/deep-copy",
-            "version": "1.13.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/myclabs/DeepCopy.git",
-                "reference": "07d290f0c47959fd5eed98c95ee5602db07e0b6a"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/myclabs/DeepCopy/zipball/07d290f0c47959fd5eed98c95ee5602db07e0b6a",
-                "reference": "07d290f0c47959fd5eed98c95ee5602db07e0b6a",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.1 || ^8.0"
-            },
-            "conflict": {
-                "doctrine/collections": "<1.6.8",
-                "doctrine/common": "<2.13.3 || >=3 <3.2.2"
-            },
-            "require-dev": {
-                "doctrine/collections": "^1.6.8",
-                "doctrine/common": "^2.13.3 || ^3.2.2",
-                "phpspec/prophecy": "^1.10",
-                "phpunit/phpunit": "^7.5.20 || ^8.5.23 || ^9.5.13"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "src/DeepCopy/deep_copy.php"
-                ],
-                "psr-4": {
-                    "DeepCopy\\": "src/DeepCopy/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "description": "Create deep copies (clones) of your objects",
-            "keywords": [
-                "clone",
-                "copy",
-                "duplicate",
-                "object",
-                "object graph"
-            ],
-            "support": {
-                "issues": "https://github.com/myclabs/DeepCopy/issues",
-                "source": "https://github.com/myclabs/DeepCopy/tree/1.13.4"
-            },
-            "funding": [
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/myclabs/deep-copy",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-08-01T08:46:24+00:00"
-        },
-        {
-            "name": "nunomaduro/collision",
-            "version": "v8.8.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/nunomaduro/collision.git",
-                "reference": "60207965f9b7b7a4ce15a0f75d57f9dadb105bdb"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/nunomaduro/collision/zipball/60207965f9b7b7a4ce15a0f75d57f9dadb105bdb",
-                "reference": "60207965f9b7b7a4ce15a0f75d57f9dadb105bdb",
-                "shasum": ""
-            },
-            "require": {
-                "filp/whoops": "^2.18.1",
-                "nunomaduro/termwind": "^2.3.1",
-                "php": "^8.2.0",
-                "symfony/console": "^7.3.0"
-            },
-            "conflict": {
-                "laravel/framework": "<11.44.2 || >=13.0.0",
-                "phpunit/phpunit": "<11.5.15 || >=13.0.0"
-            },
-            "require-dev": {
-                "brianium/paratest": "^7.8.3",
-                "larastan/larastan": "^3.4.2",
-                "laravel/framework": "^11.44.2 || ^12.18",
-                "laravel/pint": "^1.22.1",
-                "laravel/sail": "^1.43.1",
-                "laravel/sanctum": "^4.1.1",
-                "laravel/tinker": "^2.10.1",
-                "orchestra/testbench-core": "^9.12.0 || ^10.4",
-                "pestphp/pest": "^3.8.2",
-                "sebastian/environment": "^7.2.1 || ^8.0"
-            },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "NunoMaduro\\Collision\\Adapters\\Laravel\\CollisionServiceProvider"
-                    ]
-                },
-                "branch-alias": {
-                    "dev-8.x": "8.x-dev"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "./src/Adapters/Phpunit/Autoload.php"
-                ],
-                "psr-4": {
-                    "NunoMaduro\\Collision\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nuno Maduro",
-                    "email": "enunomaduro@gmail.com"
-                }
-            ],
-            "description": "Cli error handling for console/command-line PHP applications.",
-            "keywords": [
-                "artisan",
-                "cli",
-                "command-line",
-                "console",
-                "dev",
-                "error",
-                "handling",
-                "laravel",
-                "laravel-zero",
-                "php",
-                "symfony"
-            ],
-            "support": {
-                "issues": "https://github.com/nunomaduro/collision/issues",
-                "source": "https://github.com/nunomaduro/collision"
-            },
-            "funding": [
-                {
-                    "url": "https://www.paypal.com/paypalme/enunomaduro",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/nunomaduro",
-                    "type": "github"
-                },
-                {
-                    "url": "https://www.patreon.com/nunomaduro",
-                    "type": "patreon"
-                }
-            ],
-            "time": "2025-06-25T02:12:12+00:00"
-        },
-        {
-            "name": "phar-io/manifest",
-            "version": "2.0.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/phar-io/manifest.git",
-                "reference": "54750ef60c58e43759730615a392c31c80e23176"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/phar-io/manifest/zipball/54750ef60c58e43759730615a392c31c80e23176",
-                "reference": "54750ef60c58e43759730615a392c31c80e23176",
-                "shasum": ""
-            },
-            "require": {
-                "ext-dom": "*",
-                "ext-libxml": "*",
-                "ext-phar": "*",
-                "ext-xmlwriter": "*",
-                "phar-io/version": "^3.0.1",
-                "php": "^7.2 || ^8.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "2.0.x-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Arne Blankerts",
-                    "email": "arne@blankerts.de",
-                    "role": "Developer"
-                },
-                {
-                    "name": "Sebastian Heuer",
-                    "email": "sebastian@phpeople.de",
-                    "role": "Developer"
-                },
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "Developer"
-                }
-            ],
-            "description": "Component for reading phar.io manifest information from a PHP Archive (PHAR)",
-            "support": {
-                "issues": "https://github.com/phar-io/manifest/issues",
-                "source": "https://github.com/phar-io/manifest/tree/2.0.4"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/theseer",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-03-03T12:33:53+00:00"
-        },
-        {
-            "name": "phar-io/version",
-            "version": "3.2.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/phar-io/version.git",
-                "reference": "4f7fd7836c6f332bb2933569e566a0d6c4cbed74"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/phar-io/version/zipball/4f7fd7836c6f332bb2933569e566a0d6c4cbed74",
-                "reference": "4f7fd7836c6f332bb2933569e566a0d6c4cbed74",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.2 || ^8.0"
-            },
-            "type": "library",
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Arne Blankerts",
-                    "email": "arne@blankerts.de",
-                    "role": "Developer"
-                },
-                {
-                    "name": "Sebastian Heuer",
-                    "email": "sebastian@phpeople.de",
-                    "role": "Developer"
-                },
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "Developer"
-                }
-            ],
-            "description": "Library for handling version information and constraints",
-            "support": {
-                "issues": "https://github.com/phar-io/version/issues",
-                "source": "https://github.com/phar-io/version/tree/3.2.1"
-            },
-            "time": "2022-02-21T01:04:05+00:00"
-        },
-        {
-            "name": "phpunit/php-code-coverage",
-            "version": "11.0.11",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/php-code-coverage.git",
-                "reference": "4f7722aa9a7b76aa775e2d9d4e95d1ea16eeeef4"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/4f7722aa9a7b76aa775e2d9d4e95d1ea16eeeef4",
-                "reference": "4f7722aa9a7b76aa775e2d9d4e95d1ea16eeeef4",
-                "shasum": ""
-            },
-            "require": {
-                "ext-dom": "*",
-                "ext-libxml": "*",
-                "ext-xmlwriter": "*",
-                "nikic/php-parser": "^5.4.0",
-                "php": ">=8.2",
-                "phpunit/php-file-iterator": "^5.1.0",
-                "phpunit/php-text-template": "^4.0.1",
-                "sebastian/code-unit-reverse-lookup": "^4.0.1",
-                "sebastian/complexity": "^4.0.1",
-                "sebastian/environment": "^7.2.0",
-                "sebastian/lines-of-code": "^3.0.1",
-                "sebastian/version": "^5.0.2",
-                "theseer/tokenizer": "^1.2.3"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.5.2"
-            },
-            "suggest": {
-                "ext-pcov": "PHP extension that provides line coverage",
-                "ext-xdebug": "PHP extension that provides line coverage as well as branch and path coverage"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "11.0.x-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "lead"
-                }
-            ],
-            "description": "Library that provides collection, processing, and rendering functionality for PHP code coverage information.",
-            "homepage": "https://github.com/sebastianbergmann/php-code-coverage",
-            "keywords": [
-                "coverage",
-                "testing",
-                "xunit"
-            ],
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/php-code-coverage/issues",
-                "security": "https://github.com/sebastianbergmann/php-code-coverage/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/11.0.11"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                },
-                {
-                    "url": "https://liberapay.com/sebastianbergmann",
-                    "type": "liberapay"
-                },
-                {
-                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
-                    "type": "thanks_dev"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/phpunit/php-code-coverage",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-08-27T14:37:49+00:00"
-        },
-        {
-            "name": "phpunit/php-file-iterator",
-            "version": "5.1.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/php-file-iterator.git",
-                "reference": "118cfaaa8bc5aef3287bf315b6060b1174754af6"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/118cfaaa8bc5aef3287bf315b6060b1174754af6",
-                "reference": "118cfaaa8bc5aef3287bf315b6060b1174754af6",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "5.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "lead"
-                }
-            ],
-            "description": "FilterIterator implementation that filters files based on a list of suffixes.",
-            "homepage": "https://github.com/sebastianbergmann/php-file-iterator/",
-            "keywords": [
-                "filesystem",
-                "iterator"
-            ],
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/php-file-iterator/issues",
-                "security": "https://github.com/sebastianbergmann/php-file-iterator/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-file-iterator/tree/5.1.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-08-27T05:02:59+00:00"
-        },
-        {
-            "name": "phpunit/php-invoker",
-            "version": "5.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/php-invoker.git",
-                "reference": "c1ca3814734c07492b3d4c5f794f4b0995333da2"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-invoker/zipball/c1ca3814734c07492b3d4c5f794f4b0995333da2",
-                "reference": "c1ca3814734c07492b3d4c5f794f4b0995333da2",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "ext-pcntl": "*",
-                "phpunit/phpunit": "^11.0"
-            },
-            "suggest": {
-                "ext-pcntl": "*"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "5.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "lead"
-                }
-            ],
-            "description": "Invoke callables with a timeout",
-            "homepage": "https://github.com/sebastianbergmann/php-invoker/",
-            "keywords": [
-                "process"
-            ],
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/php-invoker/issues",
-                "security": "https://github.com/sebastianbergmann/php-invoker/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-invoker/tree/5.0.1"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-07-03T05:07:44+00:00"
-        },
-        {
-            "name": "phpunit/php-text-template",
-            "version": "4.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/php-text-template.git",
-                "reference": "3e0404dc6b300e6bf56415467ebcb3fe4f33e964"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-text-template/zipball/3e0404dc6b300e6bf56415467ebcb3fe4f33e964",
-                "reference": "3e0404dc6b300e6bf56415467ebcb3fe4f33e964",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "4.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "lead"
-                }
-            ],
-            "description": "Simple template engine.",
-            "homepage": "https://github.com/sebastianbergmann/php-text-template/",
-            "keywords": [
-                "template"
-            ],
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/php-text-template/issues",
-                "security": "https://github.com/sebastianbergmann/php-text-template/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-text-template/tree/4.0.1"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-07-03T05:08:43+00:00"
-        },
-        {
-            "name": "phpunit/php-timer",
-            "version": "7.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/php-timer.git",
-                "reference": "3b415def83fbcb41f991d9ebf16ae4ad8b7837b3"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-timer/zipball/3b415def83fbcb41f991d9ebf16ae4ad8b7837b3",
-                "reference": "3b415def83fbcb41f991d9ebf16ae4ad8b7837b3",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "7.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "lead"
-                }
-            ],
-            "description": "Utility class for timing",
-            "homepage": "https://github.com/sebastianbergmann/php-timer/",
-            "keywords": [
-                "timer"
-            ],
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/php-timer/issues",
-                "security": "https://github.com/sebastianbergmann/php-timer/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-timer/tree/7.0.1"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-07-03T05:09:35+00:00"
-        },
-        {
-            "name": "phpunit/phpunit",
-            "version": "11.5.43",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/phpunit.git",
-                "reference": "c6b89b6cf4324a8b4cb86e1f5dfdd6c9e0371924"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/c6b89b6cf4324a8b4cb86e1f5dfdd6c9e0371924",
-                "reference": "c6b89b6cf4324a8b4cb86e1f5dfdd6c9e0371924",
-                "shasum": ""
-            },
-            "require": {
-                "ext-dom": "*",
-                "ext-json": "*",
-                "ext-libxml": "*",
-                "ext-mbstring": "*",
-                "ext-xml": "*",
-                "ext-xmlwriter": "*",
-                "myclabs/deep-copy": "^1.13.4",
-                "phar-io/manifest": "^2.0.4",
-                "phar-io/version": "^3.2.1",
-                "php": ">=8.2",
-                "phpunit/php-code-coverage": "^11.0.11",
-                "phpunit/php-file-iterator": "^5.1.0",
-                "phpunit/php-invoker": "^5.0.1",
-                "phpunit/php-text-template": "^4.0.1",
-                "phpunit/php-timer": "^7.0.1",
-                "sebastian/cli-parser": "^3.0.2",
-                "sebastian/code-unit": "^3.0.3",
-                "sebastian/comparator": "^6.3.2",
-                "sebastian/diff": "^6.0.2",
-                "sebastian/environment": "^7.2.1",
-                "sebastian/exporter": "^6.3.2",
-                "sebastian/global-state": "^7.0.2",
-                "sebastian/object-enumerator": "^6.0.1",
-                "sebastian/type": "^5.1.3",
-                "sebastian/version": "^5.0.2",
-                "staabm/side-effects-detector": "^1.0.5"
-            },
-            "suggest": {
-                "ext-soap": "To be able to generate mocks based on WSDL files"
-            },
-            "bin": [
-                "phpunit"
-            ],
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "11.5-dev"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "src/Framework/Assert/Functions.php"
-                ],
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "lead"
-                }
-            ],
-            "description": "The PHP Unit Testing framework.",
-            "homepage": "https://phpunit.de/",
-            "keywords": [
-                "phpunit",
-                "testing",
-                "xunit"
-            ],
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/phpunit/issues",
-                "security": "https://github.com/sebastianbergmann/phpunit/security/policy",
-                "source": "https://github.com/sebastianbergmann/phpunit/tree/11.5.43"
-            },
-            "funding": [
-                {
-                    "url": "https://phpunit.de/sponsors.html",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                },
-                {
-                    "url": "https://liberapay.com/sebastianbergmann",
-                    "type": "liberapay"
-                },
-                {
-                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
-                    "type": "thanks_dev"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/phpunit/phpunit",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-10-30T08:39:39+00:00"
-        },
-        {
-            "name": "sebastian/cli-parser",
-            "version": "3.0.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/cli-parser.git",
-                "reference": "15c5dd40dc4f38794d383bb95465193f5e0ae180"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/cli-parser/zipball/15c5dd40dc4f38794d383bb95465193f5e0ae180",
-                "reference": "15c5dd40dc4f38794d383bb95465193f5e0ae180",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "3.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "lead"
-                }
-            ],
-            "description": "Library for parsing CLI options",
-            "homepage": "https://github.com/sebastianbergmann/cli-parser",
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/cli-parser/issues",
-                "security": "https://github.com/sebastianbergmann/cli-parser/security/policy",
-                "source": "https://github.com/sebastianbergmann/cli-parser/tree/3.0.2"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-07-03T04:41:36+00:00"
-        },
-        {
-            "name": "sebastian/code-unit",
-            "version": "3.0.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/code-unit.git",
-                "reference": "54391c61e4af8078e5b276ab082b6d3c54c9ad64"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/code-unit/zipball/54391c61e4af8078e5b276ab082b6d3c54c9ad64",
-                "reference": "54391c61e4af8078e5b276ab082b6d3c54c9ad64",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.5"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "3.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "lead"
-                }
-            ],
-            "description": "Collection of value objects that represent the PHP code units",
-            "homepage": "https://github.com/sebastianbergmann/code-unit",
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/code-unit/issues",
-                "security": "https://github.com/sebastianbergmann/code-unit/security/policy",
-                "source": "https://github.com/sebastianbergmann/code-unit/tree/3.0.3"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2025-03-19T07:56:08+00:00"
-        },
-        {
-            "name": "sebastian/code-unit-reverse-lookup",
-            "version": "4.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/code-unit-reverse-lookup.git",
-                "reference": "183a9b2632194febd219bb9246eee421dad8d45e"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/code-unit-reverse-lookup/zipball/183a9b2632194febd219bb9246eee421dad8d45e",
-                "reference": "183a9b2632194febd219bb9246eee421dad8d45e",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "4.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de"
-                }
-            ],
-            "description": "Looks up which function or method a line of code belongs to",
-            "homepage": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/",
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/issues",
-                "security": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/security/policy",
-                "source": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/tree/4.0.1"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-07-03T04:45:54+00:00"
-        },
-        {
-            "name": "sebastian/comparator",
-            "version": "6.3.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/comparator.git",
-                "reference": "85c77556683e6eee4323e4c5468641ca0237e2e8"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/comparator/zipball/85c77556683e6eee4323e4c5468641ca0237e2e8",
-                "reference": "85c77556683e6eee4323e4c5468641ca0237e2e8",
-                "shasum": ""
-            },
-            "require": {
-                "ext-dom": "*",
-                "ext-mbstring": "*",
-                "php": ">=8.2",
-                "sebastian/diff": "^6.0",
-                "sebastian/exporter": "^6.0"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.4"
-            },
-            "suggest": {
-                "ext-bcmath": "For comparing BcMath\\Number objects"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "6.3-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de"
-                },
-                {
-                    "name": "Jeff Welch",
-                    "email": "whatthejeff@gmail.com"
-                },
-                {
-                    "name": "Volker Dusch",
-                    "email": "github@wallbash.com"
-                },
-                {
-                    "name": "Bernhard Schussek",
-                    "email": "bschussek@2bepublished.at"
-                }
-            ],
-            "description": "Provides the functionality to compare PHP values for equality",
-            "homepage": "https://github.com/sebastianbergmann/comparator",
-            "keywords": [
-                "comparator",
-                "compare",
-                "equality"
-            ],
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/comparator/issues",
-                "security": "https://github.com/sebastianbergmann/comparator/security/policy",
-                "source": "https://github.com/sebastianbergmann/comparator/tree/6.3.2"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                },
-                {
-                    "url": "https://liberapay.com/sebastianbergmann",
-                    "type": "liberapay"
-                },
-                {
-                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
-                    "type": "thanks_dev"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/sebastian/comparator",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-08-10T08:07:46+00:00"
-        },
-        {
-            "name": "sebastian/complexity",
-            "version": "4.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/complexity.git",
-                "reference": "ee41d384ab1906c68852636b6de493846e13e5a0"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/complexity/zipball/ee41d384ab1906c68852636b6de493846e13e5a0",
-                "reference": "ee41d384ab1906c68852636b6de493846e13e5a0",
-                "shasum": ""
-            },
-            "require": {
-                "nikic/php-parser": "^5.0",
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "4.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "lead"
-                }
-            ],
-            "description": "Library for calculating the complexity of PHP code units",
-            "homepage": "https://github.com/sebastianbergmann/complexity",
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/complexity/issues",
-                "security": "https://github.com/sebastianbergmann/complexity/security/policy",
-                "source": "https://github.com/sebastianbergmann/complexity/tree/4.0.1"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-07-03T04:49:50+00:00"
-        },
-        {
-            "name": "sebastian/diff",
-            "version": "6.0.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/diff.git",
-                "reference": "b4ccd857127db5d41a5b676f24b51371d76d8544"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/diff/zipball/b4ccd857127db5d41a5b676f24b51371d76d8544",
-                "reference": "b4ccd857127db5d41a5b676f24b51371d76d8544",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.0",
-                "symfony/process": "^4.2 || ^5"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "6.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de"
-                },
-                {
-                    "name": "Kore Nordmann",
-                    "email": "mail@kore-nordmann.de"
-                }
-            ],
-            "description": "Diff implementation",
-            "homepage": "https://github.com/sebastianbergmann/diff",
-            "keywords": [
-                "diff",
-                "udiff",
-                "unidiff",
-                "unified diff"
-            ],
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/diff/issues",
-                "security": "https://github.com/sebastianbergmann/diff/security/policy",
-                "source": "https://github.com/sebastianbergmann/diff/tree/6.0.2"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-07-03T04:53:05+00:00"
-        },
-        {
-            "name": "sebastian/environment",
-            "version": "7.2.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/environment.git",
-                "reference": "a5c75038693ad2e8d4b6c15ba2403532647830c4"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/environment/zipball/a5c75038693ad2e8d4b6c15ba2403532647830c4",
-                "reference": "a5c75038693ad2e8d4b6c15ba2403532647830c4",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.3"
-            },
-            "suggest": {
-                "ext-posix": "*"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "7.2-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de"
-                }
-            ],
-            "description": "Provides functionality to handle HHVM/PHP environments",
-            "homepage": "https://github.com/sebastianbergmann/environment",
-            "keywords": [
-                "Xdebug",
-                "environment",
-                "hhvm"
-            ],
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/environment/issues",
-                "security": "https://github.com/sebastianbergmann/environment/security/policy",
-                "source": "https://github.com/sebastianbergmann/environment/tree/7.2.1"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                },
-                {
-                    "url": "https://liberapay.com/sebastianbergmann",
-                    "type": "liberapay"
-                },
-                {
-                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
-                    "type": "thanks_dev"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/sebastian/environment",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-05-21T11:55:47+00:00"
-        },
-        {
-            "name": "sebastian/exporter",
-            "version": "6.3.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/exporter.git",
-                "reference": "70a298763b40b213ec087c51c739efcaa90bcd74"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/exporter/zipball/70a298763b40b213ec087c51c739efcaa90bcd74",
-                "reference": "70a298763b40b213ec087c51c739efcaa90bcd74",
-                "shasum": ""
-            },
-            "require": {
-                "ext-mbstring": "*",
-                "php": ">=8.2",
-                "sebastian/recursion-context": "^6.0"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.3"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "6.3-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de"
-                },
-                {
-                    "name": "Jeff Welch",
-                    "email": "whatthejeff@gmail.com"
-                },
-                {
-                    "name": "Volker Dusch",
-                    "email": "github@wallbash.com"
-                },
-                {
-                    "name": "Adam Harvey",
-                    "email": "aharvey@php.net"
-                },
-                {
-                    "name": "Bernhard Schussek",
-                    "email": "bschussek@gmail.com"
-                }
-            ],
-            "description": "Provides the functionality to export PHP variables for visualization",
-            "homepage": "https://www.github.com/sebastianbergmann/exporter",
-            "keywords": [
-                "export",
-                "exporter"
-            ],
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/exporter/issues",
-                "security": "https://github.com/sebastianbergmann/exporter/security/policy",
-                "source": "https://github.com/sebastianbergmann/exporter/tree/6.3.2"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                },
-                {
-                    "url": "https://liberapay.com/sebastianbergmann",
-                    "type": "liberapay"
-                },
-                {
-                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
-                    "type": "thanks_dev"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/sebastian/exporter",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-09-24T06:12:51+00:00"
-        },
-        {
-            "name": "sebastian/global-state",
-            "version": "7.0.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/global-state.git",
-                "reference": "3be331570a721f9a4b5917f4209773de17f747d7"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/global-state/zipball/3be331570a721f9a4b5917f4209773de17f747d7",
-                "reference": "3be331570a721f9a4b5917f4209773de17f747d7",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "sebastian/object-reflector": "^4.0",
-                "sebastian/recursion-context": "^6.0"
-            },
-            "require-dev": {
-                "ext-dom": "*",
-                "phpunit/phpunit": "^11.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "7.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de"
-                }
-            ],
-            "description": "Snapshotting of global state",
-            "homepage": "https://www.github.com/sebastianbergmann/global-state",
-            "keywords": [
-                "global state"
-            ],
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/global-state/issues",
-                "security": "https://github.com/sebastianbergmann/global-state/security/policy",
-                "source": "https://github.com/sebastianbergmann/global-state/tree/7.0.2"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-07-03T04:57:36+00:00"
-        },
-        {
-            "name": "sebastian/lines-of-code",
-            "version": "3.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/lines-of-code.git",
-                "reference": "d36ad0d782e5756913e42ad87cb2890f4ffe467a"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/lines-of-code/zipball/d36ad0d782e5756913e42ad87cb2890f4ffe467a",
-                "reference": "d36ad0d782e5756913e42ad87cb2890f4ffe467a",
-                "shasum": ""
-            },
-            "require": {
-                "nikic/php-parser": "^5.0",
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "3.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "lead"
-                }
-            ],
-            "description": "Library for counting the lines of code in PHP source code",
-            "homepage": "https://github.com/sebastianbergmann/lines-of-code",
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/lines-of-code/issues",
-                "security": "https://github.com/sebastianbergmann/lines-of-code/security/policy",
-                "source": "https://github.com/sebastianbergmann/lines-of-code/tree/3.0.1"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-07-03T04:58:38+00:00"
-        },
-        {
-            "name": "sebastian/object-enumerator",
-            "version": "6.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/object-enumerator.git",
-                "reference": "f5b498e631a74204185071eb41f33f38d64608aa"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/object-enumerator/zipball/f5b498e631a74204185071eb41f33f38d64608aa",
-                "reference": "f5b498e631a74204185071eb41f33f38d64608aa",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "sebastian/object-reflector": "^4.0",
-                "sebastian/recursion-context": "^6.0"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "6.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de"
-                }
-            ],
-            "description": "Traverses array structures and object graphs to enumerate all referenced objects",
-            "homepage": "https://github.com/sebastianbergmann/object-enumerator/",
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/object-enumerator/issues",
-                "security": "https://github.com/sebastianbergmann/object-enumerator/security/policy",
-                "source": "https://github.com/sebastianbergmann/object-enumerator/tree/6.0.1"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-07-03T05:00:13+00:00"
-        },
-        {
-            "name": "sebastian/object-reflector",
-            "version": "4.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/object-reflector.git",
-                "reference": "6e1a43b411b2ad34146dee7524cb13a068bb35f9"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/object-reflector/zipball/6e1a43b411b2ad34146dee7524cb13a068bb35f9",
-                "reference": "6e1a43b411b2ad34146dee7524cb13a068bb35f9",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "4.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de"
-                }
-            ],
-            "description": "Allows reflection of object attributes, including inherited and non-public ones",
-            "homepage": "https://github.com/sebastianbergmann/object-reflector/",
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/object-reflector/issues",
-                "security": "https://github.com/sebastianbergmann/object-reflector/security/policy",
-                "source": "https://github.com/sebastianbergmann/object-reflector/tree/4.0.1"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-07-03T05:01:32+00:00"
-        },
-        {
-            "name": "sebastian/recursion-context",
-            "version": "6.0.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/recursion-context.git",
-                "reference": "f6458abbf32a6c8174f8f26261475dc133b3d9dc"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/recursion-context/zipball/f6458abbf32a6c8174f8f26261475dc133b3d9dc",
-                "reference": "f6458abbf32a6c8174f8f26261475dc133b3d9dc",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.3"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "6.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de"
-                },
-                {
-                    "name": "Jeff Welch",
-                    "email": "whatthejeff@gmail.com"
-                },
-                {
-                    "name": "Adam Harvey",
-                    "email": "aharvey@php.net"
-                }
-            ],
-            "description": "Provides functionality to recursively process PHP variables",
-            "homepage": "https://github.com/sebastianbergmann/recursion-context",
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/recursion-context/issues",
-                "security": "https://github.com/sebastianbergmann/recursion-context/security/policy",
-                "source": "https://github.com/sebastianbergmann/recursion-context/tree/6.0.3"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                },
-                {
-                    "url": "https://liberapay.com/sebastianbergmann",
-                    "type": "liberapay"
-                },
-                {
-                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
-                    "type": "thanks_dev"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/sebastian/recursion-context",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-08-13T04:42:22+00:00"
-        },
-        {
-            "name": "sebastian/type",
-            "version": "5.1.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/type.git",
-                "reference": "f77d2d4e78738c98d9a68d2596fe5e8fa380f449"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/type/zipball/f77d2d4e78738c98d9a68d2596fe5e8fa380f449",
-                "reference": "f77d2d4e78738c98d9a68d2596fe5e8fa380f449",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^11.3"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "5.1-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "lead"
-                }
-            ],
-            "description": "Collection of value objects that represent the types of the PHP type system",
-            "homepage": "https://github.com/sebastianbergmann/type",
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/type/issues",
-                "security": "https://github.com/sebastianbergmann/type/security/policy",
-                "source": "https://github.com/sebastianbergmann/type/tree/5.1.3"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                },
-                {
-                    "url": "https://liberapay.com/sebastianbergmann",
-                    "type": "liberapay"
-                },
-                {
-                    "url": "https://thanks.dev/u/gh/sebastianbergmann",
-                    "type": "thanks_dev"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/sebastian/type",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-08-09T06:55:48+00:00"
-        },
-        {
-            "name": "sebastian/version",
-            "version": "5.0.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/sebastianbergmann/version.git",
-                "reference": "c687e3387b99f5b03b6caa64c74b63e2936ff874"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/version/zipball/c687e3387b99f5b03b6caa64c74b63e2936ff874",
-                "reference": "c687e3387b99f5b03b6caa64c74b63e2936ff874",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "5.0-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "lead"
-                }
-            ],
-            "description": "Library that helps with managing the version number of Git-hosted PHP projects",
-            "homepage": "https://github.com/sebastianbergmann/version",
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/version/issues",
-                "security": "https://github.com/sebastianbergmann/version/security/policy",
-                "source": "https://github.com/sebastianbergmann/version/tree/5.0.2"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sebastianbergmann",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-10-09T05:16:32+00:00"
-        },
-        {
-            "name": "staabm/side-effects-detector",
-            "version": "1.0.5",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/staabm/side-effects-detector.git",
-                "reference": "d8334211a140ce329c13726d4a715adbddd0a163"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/staabm/side-effects-detector/zipball/d8334211a140ce329c13726d4a715adbddd0a163",
-                "reference": "d8334211a140ce329c13726d4a715adbddd0a163",
-                "shasum": ""
-            },
-            "require": {
-                "ext-tokenizer": "*",
-                "php": "^7.4 || ^8.0"
-            },
-            "require-dev": {
-                "phpstan/extension-installer": "^1.4.3",
-                "phpstan/phpstan": "^1.12.6",
-                "phpunit/phpunit": "^9.6.21",
-                "symfony/var-dumper": "^5.4.43",
-                "tomasvotruba/type-coverage": "1.0.0",
-                "tomasvotruba/unused-public": "1.0.0"
-            },
-            "type": "library",
-            "autoload": {
-                "classmap": [
-                    "lib/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "description": "A static analysis tool to detect side effects in PHP code",
-            "keywords": [
-                "static analysis"
-            ],
-            "support": {
-                "issues": "https://github.com/staabm/side-effects-detector/issues",
-                "source": "https://github.com/staabm/side-effects-detector/tree/1.0.5"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/staabm",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-10-20T05:08:20+00:00"
-        },
-        {
-            "name": "symfony/yaml",
-            "version": "v7.3.5",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/yaml.git",
-                "reference": "90208e2fc6f68f613eae7ca25a2458a931b1bacc"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/yaml/zipball/90208e2fc6f68f613eae7ca25a2458a931b1bacc",
-                "reference": "90208e2fc6f68f613eae7ca25a2458a931b1bacc",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "symfony/deprecation-contracts": "^2.5|^3.0",
-                "symfony/polyfill-ctype": "^1.8"
-            },
-            "conflict": {
-                "symfony/console": "<6.4"
-            },
-            "require-dev": {
-                "symfony/console": "^6.4|^7.0"
-            },
-            "bin": [
-                "Resources/bin/yaml-lint"
-            ],
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\Yaml\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Loads and dumps YAML files",
-            "homepage": "https://symfony.com",
-            "support": {
-                "source": "https://github.com/symfony/yaml/tree/v7.3.5"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/nicolas-grekas",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2025-09-27T09:00:46+00:00"
-        },
-        {
-            "name": "theseer/tokenizer",
-            "version": "1.2.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/theseer/tokenizer.git",
-                "reference": "737eda637ed5e28c3413cb1ebe8bb52cbf1ca7a2"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/theseer/tokenizer/zipball/737eda637ed5e28c3413cb1ebe8bb52cbf1ca7a2",
-                "reference": "737eda637ed5e28c3413cb1ebe8bb52cbf1ca7a2",
-                "shasum": ""
-            },
-            "require": {
-                "ext-dom": "*",
-                "ext-tokenizer": "*",
-                "ext-xmlwriter": "*",
-                "php": "^7.2 || ^8.0"
-            },
-            "type": "library",
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Arne Blankerts",
-                    "email": "arne@blankerts.de",
-                    "role": "Developer"
-                }
-            ],
-            "description": "A small library for converting tokenized PHP source code into XML and potentially other formats",
-            "support": {
-                "issues": "https://github.com/theseer/tokenizer/issues",
-                "source": "https://github.com/theseer/tokenizer/tree/1.2.3"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/theseer",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-03-03T12:36:25+00:00"
-        }
-    ],
-    "aliases": [],
-    "minimum-stability": "stable",
-    "stability-flags": [],
-    "prefer-stable": true,
-    "prefer-lowest": false,
-    "platform": {
-        "php": "^8.2"
-    },
-    "platform-dev": [],
-    "plugin-api-version": "2.6.0"
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/config/app.php b/vuexy-theme-vue-laravel-full-example-typescript/config/app.php
deleted file mode 100644
index 1e1baf8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/config/app.php
+++ /dev/null
@@ -1,126 +0,0 @@
-<?php
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Application Name
-    |--------------------------------------------------------------------------
-    |
-    | This value is the name of your application, which will be used when the
-    | framework needs to place the application's name in a notification or
-    | other UI elements where an application name needs to be displayed.
-    |
-    */
-
-    'name' => env('APP_NAME', 'Laravel'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Application Environment
-    |--------------------------------------------------------------------------
-    |
-    | This value determines the "environment" your application is currently
-    | running in. This may determine how you prefer to configure various
-    | services the application utilizes. Set this in your ".env" file.
-    |
-    */
-
-    'env' => env('APP_ENV', 'production'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Application Debug Mode
-    |--------------------------------------------------------------------------
-    |
-    | When your application is in debug mode, detailed error messages with
-    | stack traces will be shown on every error that occurs within your
-    | application. If disabled, a simple generic error page is shown.
-    |
-    */
-
-    'debug' => (bool) env('APP_DEBUG', false),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Application URL
-    |--------------------------------------------------------------------------
-    |
-    | This URL is used by the console to properly generate URLs when using
-    | the Artisan command line tool. You should set this to the root of
-    | the application so that it's available within Artisan commands.
-    |
-    */
-
-    'url' => env('APP_URL', 'http://localhost'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Application Timezone
-    |--------------------------------------------------------------------------
-    |
-    | Here you may specify the default timezone for your application, which
-    | will be used by the PHP date and date-time functions. The timezone
-    | is set to "UTC" by default as it is suitable for most use cases.
-    |
-    */
-
-    'timezone' => 'UTC',
-
-    /*
-    |--------------------------------------------------------------------------
-    | Application Locale Configuration
-    |--------------------------------------------------------------------------
-    |
-    | The application locale determines the default locale that will be used
-    | by Laravel's translation / localization methods. This option can be
-    | set to any locale for which you plan to have translation strings.
-    |
-    */
-
-    'locale' => env('APP_LOCALE', 'en'),
-
-    'fallback_locale' => env('APP_FALLBACK_LOCALE', 'en'),
-
-    'faker_locale' => env('APP_FAKER_LOCALE', 'en_US'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Encryption Key
-    |--------------------------------------------------------------------------
-    |
-    | This key is utilized by Laravel's encryption services and should be set
-    | to a random, 32 character string to ensure that all encrypted values
-    | are secure. You should do this prior to deploying the application.
-    |
-    */
-
-    'cipher' => 'AES-256-CBC',
-
-    'key' => env('APP_KEY'),
-
-    'previous_keys' => [
-        ...array_filter(
-            explode(',', (string) env('APP_PREVIOUS_KEYS', ''))
-        ),
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Maintenance Mode Driver
-    |--------------------------------------------------------------------------
-    |
-    | These configuration options determine the driver used to determine and
-    | manage Laravel's "maintenance mode" status. The "cache" driver will
-    | allow maintenance mode to be controlled across multiple machines.
-    |
-    | Supported drivers: "file", "cache"
-    |
-    */
-
-    'maintenance' => [
-        'driver' => env('APP_MAINTENANCE_DRIVER', 'file'),
-        'store' => env('APP_MAINTENANCE_STORE', 'database'),
-    ],
-
-];
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/config/auth.php b/vuexy-theme-vue-laravel-full-example-typescript/config/auth.php
deleted file mode 100644
index 28e9d9c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/config/auth.php
+++ /dev/null
@@ -1,115 +0,0 @@
-<?php
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Authentication Defaults
-    |--------------------------------------------------------------------------
-    |
-    | This option defines the default authentication "guard" and password
-    | reset "broker" for your application. You may change these values
-    | as required, but they're a perfect start for most applications.
-    |
-    */
-
-    'defaults' => [
-        'guard' => env('AUTH_GUARD', 'web'),
-        'passwords' => env('AUTH_PASSWORD_BROKER', 'users'),
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Authentication Guards
-    |--------------------------------------------------------------------------
-    |
-    | Next, you may define every authentication guard for your application.
-    | Of course, a great default configuration has been defined for you
-    | which utilizes session storage plus the Eloquent user provider.
-    |
-    | All authentication guards have a user provider, which defines how the
-    | users are actually retrieved out of your database or other storage
-    | system used by the application. Typically, Eloquent is utilized.
-    |
-    | Supported: "session"
-    |
-    */
-
-    'guards' => [
-        'web' => [
-            'driver' => 'session',
-            'provider' => 'users',
-        ],
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | User Providers
-    |--------------------------------------------------------------------------
-    |
-    | All authentication guards have a user provider, which defines how the
-    | users are actually retrieved out of your database or other storage
-    | system used by the application. Typically, Eloquent is utilized.
-    |
-    | If you have multiple user tables or models you may configure multiple
-    | providers to represent the model / table. These providers may then
-    | be assigned to any extra authentication guards you have defined.
-    |
-    | Supported: "database", "eloquent"
-    |
-    */
-
-    'providers' => [
-        'users' => [
-            'driver' => 'eloquent',
-            'model' => env('AUTH_MODEL', App\Models\User::class),
-        ],
-
-        // 'users' => [
-        //     'driver' => 'database',
-        //     'table' => 'users',
-        // ],
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Resetting Passwords
-    |--------------------------------------------------------------------------
-    |
-    | These configuration options specify the behavior of Laravel's password
-    | reset functionality, including the table utilized for token storage
-    | and the user provider that is invoked to actually retrieve users.
-    |
-    | The expiry time is the number of minutes that each reset token will be
-    | considered valid. This security feature keeps tokens short-lived so
-    | they have less time to be guessed. You may change this as needed.
-    |
-    | The throttle setting is the number of seconds a user must wait before
-    | generating more password reset tokens. This prevents the user from
-    | quickly generating a very large amount of password reset tokens.
-    |
-    */
-
-    'passwords' => [
-        'users' => [
-            'provider' => 'users',
-            'table' => env('AUTH_PASSWORD_RESET_TOKEN_TABLE', 'password_reset_tokens'),
-            'expire' => 60,
-            'throttle' => 60,
-        ],
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Password Confirmation Timeout
-    |--------------------------------------------------------------------------
-    |
-    | Here you may define the number of seconds before a password confirmation
-    | window expires and users are asked to re-enter their password via the
-    | confirmation screen. By default, the timeout lasts for three hours.
-    |
-    */
-
-    'password_timeout' => env('AUTH_PASSWORD_TIMEOUT', 10800),
-
-];
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/config/cache.php b/vuexy-theme-vue-laravel-full-example-typescript/config/cache.php
deleted file mode 100644
index 19aa628..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/config/cache.php
+++ /dev/null
@@ -1,117 +0,0 @@
-<?php
-
-use Illuminate\Support\Str;
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Default Cache Store
-    |--------------------------------------------------------------------------
-    |
-    | This option controls the default cache store that will be used by the
-    | framework. This connection is utilized if another isn't explicitly
-    | specified when running a cache operation inside the application.
-    |
-    */
-
-    'default' => env('CACHE_STORE', 'database'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Cache Stores
-    |--------------------------------------------------------------------------
-    |
-    | Here you may define all of the cache "stores" for your application as
-    | well as their drivers. You may even define multiple stores for the
-    | same cache driver to group types of items stored in your caches.
-    |
-    | Supported drivers: "array", "database", "file", "memcached",
-    |                    "redis", "dynamodb", "octane",
-    |                    "failover", "null"
-    |
-    */
-
-    'stores' => [
-
-        'array' => [
-            'driver' => 'array',
-            'serialize' => false,
-        ],
-
-        'database' => [
-            'driver' => 'database',
-            'connection' => env('DB_CACHE_CONNECTION'),
-            'table' => env('DB_CACHE_TABLE', 'cache'),
-            'lock_connection' => env('DB_CACHE_LOCK_CONNECTION'),
-            'lock_table' => env('DB_CACHE_LOCK_TABLE'),
-        ],
-
-        'file' => [
-            'driver' => 'file',
-            'path' => storage_path('framework/cache/data'),
-            'lock_path' => storage_path('framework/cache/data'),
-        ],
-
-        'memcached' => [
-            'driver' => 'memcached',
-            'persistent_id' => env('MEMCACHED_PERSISTENT_ID'),
-            'sasl' => [
-                env('MEMCACHED_USERNAME'),
-                env('MEMCACHED_PASSWORD'),
-            ],
-            'options' => [
-                // Memcached::OPT_CONNECT_TIMEOUT => 2000,
-            ],
-            'servers' => [
-                [
-                    'host' => env('MEMCACHED_HOST', '127.0.0.1'),
-                    'port' => env('MEMCACHED_PORT', 11211),
-                    'weight' => 100,
-                ],
-            ],
-        ],
-
-        'redis' => [
-            'driver' => 'redis',
-            'connection' => env('REDIS_CACHE_CONNECTION', 'cache'),
-            'lock_connection' => env('REDIS_CACHE_LOCK_CONNECTION', 'default'),
-        ],
-
-        'dynamodb' => [
-            'driver' => 'dynamodb',
-            'key' => env('AWS_ACCESS_KEY_ID'),
-            'secret' => env('AWS_SECRET_ACCESS_KEY'),
-            'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
-            'table' => env('DYNAMODB_CACHE_TABLE', 'cache'),
-            'endpoint' => env('DYNAMODB_ENDPOINT'),
-        ],
-
-        'octane' => [
-            'driver' => 'octane',
-        ],
-
-        'failover' => [
-            'driver' => 'failover',
-            'stores' => [
-                'database',
-                'array',
-            ],
-        ],
-
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Cache Key Prefix
-    |--------------------------------------------------------------------------
-    |
-    | When utilizing the APC, database, memcached, Redis, and DynamoDB cache
-    | stores, there might be other applications using the same cache. For
-    | that reason, you may prefix every cache key to avoid collisions.
-    |
-    */
-
-    'prefix' => env('CACHE_PREFIX', Str::slug((string) env('APP_NAME', 'laravel')).'-cache-'),
-
-];
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/config/database.php b/vuexy-theme-vue-laravel-full-example-typescript/config/database.php
deleted file mode 100644
index 953237f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/config/database.php
+++ /dev/null
@@ -1,183 +0,0 @@
-<?php
-
-use Illuminate\Support\Str;
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Default Database Connection Name
-    |--------------------------------------------------------------------------
-    |
-    | Here you may specify which of the database connections below you wish
-    | to use as your default connection for database operations. This is
-    | the connection which will be utilized unless another connection
-    | is explicitly specified when you execute a query / statement.
-    |
-    */
-
-    'default' => env('DB_CONNECTION', 'sqlite'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Database Connections
-    |--------------------------------------------------------------------------
-    |
-    | Below are all of the database connections defined for your application.
-    | An example configuration is provided for each database system which
-    | is supported by Laravel. You're free to add / remove connections.
-    |
-    */
-
-    'connections' => [
-
-        'sqlite' => [
-            'driver' => 'sqlite',
-            'url' => env('DB_URL'),
-            'database' => env('DB_DATABASE', database_path('database.sqlite')),
-            'prefix' => '',
-            'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true),
-            'busy_timeout' => null,
-            'journal_mode' => null,
-            'synchronous' => null,
-            'transaction_mode' => 'DEFERRED',
-        ],
-
-        'mysql' => [
-            'driver' => 'mysql',
-            'url' => env('DB_URL'),
-            'host' => env('DB_HOST', '127.0.0.1'),
-            'port' => env('DB_PORT', '3306'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
-            'password' => env('DB_PASSWORD', ''),
-            'unix_socket' => env('DB_SOCKET', ''),
-            'charset' => env('DB_CHARSET', 'utf8mb4'),
-            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
-            'prefix' => '',
-            'prefix_indexes' => true,
-            'strict' => true,
-            'engine' => null,
-            'options' => extension_loaded('pdo_mysql') ? array_filter([
-                PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
-            ]) : [],
-        ],
-
-        'mariadb' => [
-            'driver' => 'mariadb',
-            'url' => env('DB_URL'),
-            'host' => env('DB_HOST', '127.0.0.1'),
-            'port' => env('DB_PORT', '3306'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
-            'password' => env('DB_PASSWORD', ''),
-            'unix_socket' => env('DB_SOCKET', ''),
-            'charset' => env('DB_CHARSET', 'utf8mb4'),
-            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
-            'prefix' => '',
-            'prefix_indexes' => true,
-            'strict' => true,
-            'engine' => null,
-            'options' => extension_loaded('pdo_mysql') ? array_filter([
-                PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
-            ]) : [],
-        ],
-
-        'pgsql' => [
-            'driver' => 'pgsql',
-            'url' => env('DB_URL'),
-            'host' => env('DB_HOST', '127.0.0.1'),
-            'port' => env('DB_PORT', '5432'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
-            'password' => env('DB_PASSWORD', ''),
-            'charset' => env('DB_CHARSET', 'utf8'),
-            'prefix' => '',
-            'prefix_indexes' => true,
-            'search_path' => 'public',
-            'sslmode' => 'prefer',
-        ],
-
-        'sqlsrv' => [
-            'driver' => 'sqlsrv',
-            'url' => env('DB_URL'),
-            'host' => env('DB_HOST', 'localhost'),
-            'port' => env('DB_PORT', '1433'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
-            'password' => env('DB_PASSWORD', ''),
-            'charset' => env('DB_CHARSET', 'utf8'),
-            'prefix' => '',
-            'prefix_indexes' => true,
-            // 'encrypt' => env('DB_ENCRYPT', 'yes'),
-            // 'trust_server_certificate' => env('DB_TRUST_SERVER_CERTIFICATE', 'false'),
-        ],
-
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Migration Repository Table
-    |--------------------------------------------------------------------------
-    |
-    | This table keeps track of all the migrations that have already run for
-    | your application. Using this information, we can determine which of
-    | the migrations on disk haven't actually been run on the database.
-    |
-    */
-
-    'migrations' => [
-        'table' => 'migrations',
-        'update_date_on_publish' => true,
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Redis Databases
-    |--------------------------------------------------------------------------
-    |
-    | Redis is an open source, fast, and advanced key-value store that also
-    | provides a richer body of commands than a typical key-value system
-    | such as Memcached. You may define your connection settings here.
-    |
-    */
-
-    'redis' => [
-
-        'client' => env('REDIS_CLIENT', 'phpredis'),
-
-        'options' => [
-            'cluster' => env('REDIS_CLUSTER', 'redis'),
-            'prefix' => env('REDIS_PREFIX', Str::slug((string) env('APP_NAME', 'laravel')).'-database-'),
-            'persistent' => env('REDIS_PERSISTENT', false),
-        ],
-
-        'default' => [
-            'url' => env('REDIS_URL'),
-            'host' => env('REDIS_HOST', '127.0.0.1'),
-            'username' => env('REDIS_USERNAME'),
-            'password' => env('REDIS_PASSWORD'),
-            'port' => env('REDIS_PORT', '6379'),
-            'database' => env('REDIS_DB', '0'),
-            'max_retries' => env('REDIS_MAX_RETRIES', 3),
-            'backoff_algorithm' => env('REDIS_BACKOFF_ALGORITHM', 'decorrelated_jitter'),
-            'backoff_base' => env('REDIS_BACKOFF_BASE', 100),
-            'backoff_cap' => env('REDIS_BACKOFF_CAP', 1000),
-        ],
-
-        'cache' => [
-            'url' => env('REDIS_URL'),
-            'host' => env('REDIS_HOST', '127.0.0.1'),
-            'username' => env('REDIS_USERNAME'),
-            'password' => env('REDIS_PASSWORD'),
-            'port' => env('REDIS_PORT', '6379'),
-            'database' => env('REDIS_CACHE_DB', '1'),
-            'max_retries' => env('REDIS_MAX_RETRIES', 3),
-            'backoff_algorithm' => env('REDIS_BACKOFF_ALGORITHM', 'decorrelated_jitter'),
-            'backoff_base' => env('REDIS_BACKOFF_BASE', 100),
-            'backoff_cap' => env('REDIS_BACKOFF_CAP', 1000),
-        ],
-
-    ],
-
-];
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/config/filesystems.php b/vuexy-theme-vue-laravel-full-example-typescript/config/filesystems.php
deleted file mode 100644
index 22f7c11..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/config/filesystems.php
+++ /dev/null
@@ -1,80 +0,0 @@
-<?php
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Default Filesystem Disk
-    |--------------------------------------------------------------------------
-    |
-    | Here you may specify the default filesystem disk that should be used
-    | by the framework. The "local" disk, as well as a variety of cloud
-    | based disks are available to your application for file storage.
-    |
-    */
-
-    'default' => env('FILESYSTEM_DISK', 'local'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Filesystem Disks
-    |--------------------------------------------------------------------------
-    |
-    | Below you may configure as many filesystem disks as necessary, and you
-    | may even configure multiple disks for the same driver. Examples for
-    | most supported storage drivers are configured here for reference.
-    |
-    | Supported drivers: "local", "ftp", "sftp", "s3"
-    |
-    */
-
-    'disks' => [
-
-        'local' => [
-            'driver' => 'local',
-            'root' => storage_path('app/private'),
-            'serve' => true,
-            'throw' => false,
-            'report' => false,
-        ],
-
-        'public' => [
-            'driver' => 'local',
-            'root' => storage_path('app/public'),
-            'url' => env('APP_URL').'/storage',
-            'visibility' => 'public',
-            'throw' => false,
-            'report' => false,
-        ],
-
-        's3' => [
-            'driver' => 's3',
-            'key' => env('AWS_ACCESS_KEY_ID'),
-            'secret' => env('AWS_SECRET_ACCESS_KEY'),
-            'region' => env('AWS_DEFAULT_REGION'),
-            'bucket' => env('AWS_BUCKET'),
-            'url' => env('AWS_URL'),
-            'endpoint' => env('AWS_ENDPOINT'),
-            'use_path_style_endpoint' => env('AWS_USE_PATH_STYLE_ENDPOINT', false),
-            'throw' => false,
-            'report' => false,
-        ],
-
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Symbolic Links
-    |--------------------------------------------------------------------------
-    |
-    | Here you may configure the symbolic links that will be created when the
-    | `storage:link` Artisan command is executed. The array keys should be
-    | the locations of the links and the values should be their targets.
-    |
-    */
-
-    'links' => [
-        public_path('storage') => storage_path('app/public'),
-    ],
-
-];
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/config/logging.php b/vuexy-theme-vue-laravel-full-example-typescript/config/logging.php
deleted file mode 100644
index 8f36fc3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/config/logging.php
+++ /dev/null
@@ -1,132 +0,0 @@
-<?php
-
-use Monolog\Handler\NullHandler;
-use Monolog\Handler\StreamHandler;
-use Monolog\Handler\SyslogUdpHandler;
-use Monolog\Processor\PsrLogMessageProcessor;
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Default Log Channel
-    |--------------------------------------------------------------------------
-    |
-    | This option defines the default log channel that is utilized to write
-    | messages to your logs. The value provided here should match one of
-    | the channels present in the list of "channels" configured below.
-    |
-    */
-
-    'default' => env('LOG_CHANNEL', 'stack'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Deprecations Log Channel
-    |--------------------------------------------------------------------------
-    |
-    | This option controls the log channel that should be used to log warnings
-    | regarding deprecated PHP and library features. This allows you to get
-    | your application ready for upcoming major versions of dependencies.
-    |
-    */
-
-    'deprecations' => [
-        'channel' => env('LOG_DEPRECATIONS_CHANNEL', 'null'),
-        'trace' => env('LOG_DEPRECATIONS_TRACE', false),
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Log Channels
-    |--------------------------------------------------------------------------
-    |
-    | Here you may configure the log channels for your application. Laravel
-    | utilizes the Monolog PHP logging library, which includes a variety
-    | of powerful log handlers and formatters that you're free to use.
-    |
-    | Available drivers: "single", "daily", "slack", "syslog",
-    |                    "errorlog", "monolog", "custom", "stack"
-    |
-    */
-
-    'channels' => [
-
-        'stack' => [
-            'driver' => 'stack',
-            'channels' => explode(',', (string) env('LOG_STACK', 'single')),
-            'ignore_exceptions' => false,
-        ],
-
-        'single' => [
-            'driver' => 'single',
-            'path' => storage_path('logs/laravel.log'),
-            'level' => env('LOG_LEVEL', 'debug'),
-            'replace_placeholders' => true,
-        ],
-
-        'daily' => [
-            'driver' => 'daily',
-            'path' => storage_path('logs/laravel.log'),
-            'level' => env('LOG_LEVEL', 'debug'),
-            'days' => env('LOG_DAILY_DAYS', 14),
-            'replace_placeholders' => true,
-        ],
-
-        'slack' => [
-            'driver' => 'slack',
-            'url' => env('LOG_SLACK_WEBHOOK_URL'),
-            'username' => env('LOG_SLACK_USERNAME', 'Laravel Log'),
-            'emoji' => env('LOG_SLACK_EMOJI', ':boom:'),
-            'level' => env('LOG_LEVEL', 'critical'),
-            'replace_placeholders' => true,
-        ],
-
-        'papertrail' => [
-            'driver' => 'monolog',
-            'level' => env('LOG_LEVEL', 'debug'),
-            'handler' => env('LOG_PAPERTRAIL_HANDLER', SyslogUdpHandler::class),
-            'handler_with' => [
-                'host' => env('PAPERTRAIL_URL'),
-                'port' => env('PAPERTRAIL_PORT'),
-                'connectionString' => 'tls://'.env('PAPERTRAIL_URL').':'.env('PAPERTRAIL_PORT'),
-            ],
-            'processors' => [PsrLogMessageProcessor::class],
-        ],
-
-        'stderr' => [
-            'driver' => 'monolog',
-            'level' => env('LOG_LEVEL', 'debug'),
-            'handler' => StreamHandler::class,
-            'handler_with' => [
-                'stream' => 'php://stderr',
-            ],
-            'formatter' => env('LOG_STDERR_FORMATTER'),
-            'processors' => [PsrLogMessageProcessor::class],
-        ],
-
-        'syslog' => [
-            'driver' => 'syslog',
-            'level' => env('LOG_LEVEL', 'debug'),
-            'facility' => env('LOG_SYSLOG_FACILITY', LOG_USER),
-            'replace_placeholders' => true,
-        ],
-
-        'errorlog' => [
-            'driver' => 'errorlog',
-            'level' => env('LOG_LEVEL', 'debug'),
-            'replace_placeholders' => true,
-        ],
-
-        'null' => [
-            'driver' => 'monolog',
-            'handler' => NullHandler::class,
-        ],
-
-        'emergency' => [
-            'path' => storage_path('logs/laravel.log'),
-        ],
-
-    ],
-
-];
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/config/mail.php b/vuexy-theme-vue-laravel-full-example-typescript/config/mail.php
deleted file mode 100644
index 79924c1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/config/mail.php
+++ /dev/null
@@ -1,118 +0,0 @@
-<?php
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Default Mailer
-    |--------------------------------------------------------------------------
-    |
-    | This option controls the default mailer that is used to send all email
-    | messages unless another mailer is explicitly specified when sending
-    | the message. All additional mailers can be configured within the
-    | "mailers" array. Examples of each type of mailer are provided.
-    |
-    */
-
-    'default' => env('MAIL_MAILER', 'log'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Mailer Configurations
-    |--------------------------------------------------------------------------
-    |
-    | Here you may configure all of the mailers used by your application plus
-    | their respective settings. Several examples have been configured for
-    | you and you are free to add your own as your application requires.
-    |
-    | Laravel supports a variety of mail "transport" drivers that can be used
-    | when delivering an email. You may specify which one you're using for
-    | your mailers below. You may also add additional mailers if needed.
-    |
-    | Supported: "smtp", "sendmail", "mailgun", "ses", "ses-v2",
-    |            "postmark", "resend", "log", "array",
-    |            "failover", "roundrobin"
-    |
-    */
-
-    'mailers' => [
-
-        'smtp' => [
-            'transport' => 'smtp',
-            'scheme' => env('MAIL_SCHEME'),
-            'url' => env('MAIL_URL'),
-            'host' => env('MAIL_HOST', '127.0.0.1'),
-            'port' => env('MAIL_PORT', 2525),
-            'username' => env('MAIL_USERNAME'),
-            'password' => env('MAIL_PASSWORD'),
-            'timeout' => null,
-            'local_domain' => env('MAIL_EHLO_DOMAIN', parse_url((string) env('APP_URL', 'http://localhost'), PHP_URL_HOST)),
-        ],
-
-        'ses' => [
-            'transport' => 'ses',
-        ],
-
-        'postmark' => [
-            'transport' => 'postmark',
-            // 'message_stream_id' => env('POSTMARK_MESSAGE_STREAM_ID'),
-            // 'client' => [
-            //     'timeout' => 5,
-            // ],
-        ],
-
-        'resend' => [
-            'transport' => 'resend',
-        ],
-
-        'sendmail' => [
-            'transport' => 'sendmail',
-            'path' => env('MAIL_SENDMAIL_PATH', '/usr/sbin/sendmail -bs -i'),
-        ],
-
-        'log' => [
-            'transport' => 'log',
-            'channel' => env('MAIL_LOG_CHANNEL'),
-        ],
-
-        'array' => [
-            'transport' => 'array',
-        ],
-
-        'failover' => [
-            'transport' => 'failover',
-            'mailers' => [
-                'smtp',
-                'log',
-            ],
-            'retry_after' => 60,
-        ],
-
-        'roundrobin' => [
-            'transport' => 'roundrobin',
-            'mailers' => [
-                'ses',
-                'postmark',
-            ],
-            'retry_after' => 60,
-        ],
-
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Global "From" Address
-    |--------------------------------------------------------------------------
-    |
-    | You may wish for all emails sent by your application to be sent from
-    | the same address. Here you may specify a name and address that is
-    | used globally for all emails that are sent by your application.
-    |
-    */
-
-    'from' => [
-        'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'),
-        'name' => env('MAIL_FROM_NAME', 'Example'),
-    ],
-
-];
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/config/queue.php b/vuexy-theme-vue-laravel-full-example-typescript/config/queue.php
deleted file mode 100644
index 6872845..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/config/queue.php
+++ /dev/null
@@ -1,125 +0,0 @@
-<?php
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Default Queue Connection Name
-    |--------------------------------------------------------------------------
-    |
-    | Laravel's queue supports a variety of backends via a single, unified
-    | API, giving you convenient access to each backend using identical
-    | syntax for each. The default queue connection is defined below.
-    |
-    */
-
-    'default' => env('QUEUE_CONNECTION', 'database'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Queue Connections
-    |--------------------------------------------------------------------------
-    |
-    | Here you may configure the connection options for every queue backend
-    | used by your application. An example configuration is provided for
-    | each backend supported by Laravel. You're also free to add more.
-    |
-    | Drivers: "sync", "database", "beanstalkd", "sqs", "redis",
-    |          "deferred", "failover", "null"
-    |
-    */
-
-    'connections' => [
-
-        'sync' => [
-            'driver' => 'sync',
-        ],
-
-        'database' => [
-            'driver' => 'database',
-            'connection' => env('DB_QUEUE_CONNECTION'),
-            'table' => env('DB_QUEUE_TABLE', 'jobs'),
-            'queue' => env('DB_QUEUE', 'default'),
-            'retry_after' => (int) env('DB_QUEUE_RETRY_AFTER', 90),
-            'after_commit' => false,
-        ],
-
-        'beanstalkd' => [
-            'driver' => 'beanstalkd',
-            'host' => env('BEANSTALKD_QUEUE_HOST', 'localhost'),
-            'queue' => env('BEANSTALKD_QUEUE', 'default'),
-            'retry_after' => (int) env('BEANSTALKD_QUEUE_RETRY_AFTER', 90),
-            'block_for' => 0,
-            'after_commit' => false,
-        ],
-
-        'sqs' => [
-            'driver' => 'sqs',
-            'key' => env('AWS_ACCESS_KEY_ID'),
-            'secret' => env('AWS_SECRET_ACCESS_KEY'),
-            'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'),
-            'queue' => env('SQS_QUEUE', 'default'),
-            'suffix' => env('SQS_SUFFIX'),
-            'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
-            'after_commit' => false,
-        ],
-
-        'redis' => [
-            'driver' => 'redis',
-            'connection' => env('REDIS_QUEUE_CONNECTION', 'default'),
-            'queue' => env('REDIS_QUEUE', 'default'),
-            'retry_after' => (int) env('REDIS_QUEUE_RETRY_AFTER', 90),
-            'block_for' => null,
-            'after_commit' => false,
-        ],
-
-        'deferred' => [
-            'driver' => 'deferred',
-        ],
-
-        'failover' => [
-            'driver' => 'failover',
-            'connections' => [
-                'database',
-                'deferred',
-            ],
-        ],
-
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Job Batching
-    |--------------------------------------------------------------------------
-    |
-    | The following options configure the database and table that store job
-    | batching information. These options can be updated to any database
-    | connection and table which has been defined by your application.
-    |
-    */
-
-    'batching' => [
-        'database' => env('DB_CONNECTION', 'sqlite'),
-        'table' => 'job_batches',
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Failed Queue Jobs
-    |--------------------------------------------------------------------------
-    |
-    | These options configure the behavior of failed queue job logging so you
-    | can control how and where failed jobs are stored. Laravel ships with
-    | support for storing failed jobs in a simple file or in a database.
-    |
-    | Supported drivers: "database-uuids", "dynamodb", "file", "null"
-    |
-    */
-
-    'failed' => [
-        'driver' => env('QUEUE_FAILED_DRIVER', 'database-uuids'),
-        'database' => env('DB_CONNECTION', 'sqlite'),
-        'table' => 'failed_jobs',
-    ],
-
-];
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/config/services.php b/vuexy-theme-vue-laravel-full-example-typescript/config/services.php
deleted file mode 100644
index 63f2089..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/config/services.php
+++ /dev/null
@@ -1,38 +0,0 @@
-<?php
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Third Party Services
-    |--------------------------------------------------------------------------
-    |
-    | This file is for storing the credentials for third party services such
-    | as Mailgun, Postmark, AWS and more. This file provides the de facto
-    | location for this type of information, allowing packages to have
-    | a conventional file to locate the various service credentials.
-    |
-    */
-
-    'postmark' => [
-        'token' => env('POSTMARK_TOKEN'),
-    ],
-
-    'resend' => [
-        'key' => env('RESEND_KEY'),
-    ],
-
-    'ses' => [
-        'key' => env('AWS_ACCESS_KEY_ID'),
-        'secret' => env('AWS_SECRET_ACCESS_KEY'),
-        'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
-    ],
-
-    'slack' => [
-        'notifications' => [
-            'bot_user_oauth_token' => env('SLACK_BOT_USER_OAUTH_TOKEN'),
-            'channel' => env('SLACK_BOT_USER_DEFAULT_CHANNEL'),
-        ],
-    ],
-
-];
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/config/session.php b/vuexy-theme-vue-laravel-full-example-typescript/config/session.php
deleted file mode 100644
index 565408c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/config/session.php
+++ /dev/null
@@ -1,217 +0,0 @@
-<?php
-
-use Illuminate\Support\Str;
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Default Session Driver
-    |--------------------------------------------------------------------------
-    |
-    | This option determines the default session driver that is utilized for
-    | incoming requests. Laravel supports a variety of storage options to
-    | persist session data. Database storage is a great default choice.
-    |
-    | Supported: "file", "cookie", "database", "memcached",
-    |            "redis", "dynamodb", "array"
-    |
-    */
-
-    'driver' => env('SESSION_DRIVER', 'database'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Session Lifetime
-    |--------------------------------------------------------------------------
-    |
-    | Here you may specify the number of minutes that you wish the session
-    | to be allowed to remain idle before it expires. If you want them
-    | to expire immediately when the browser is closed then you may
-    | indicate that via the expire_on_close configuration option.
-    |
-    */
-
-    'lifetime' => (int) env('SESSION_LIFETIME', 120),
-
-    'expire_on_close' => env('SESSION_EXPIRE_ON_CLOSE', false),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Session Encryption
-    |--------------------------------------------------------------------------
-    |
-    | This option allows you to easily specify that all of your session data
-    | should be encrypted before it's stored. All encryption is performed
-    | automatically by Laravel and you may use the session like normal.
-    |
-    */
-
-    'encrypt' => env('SESSION_ENCRYPT', false),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Session File Location
-    |--------------------------------------------------------------------------
-    |
-    | When utilizing the "file" session driver, the session files are placed
-    | on disk. The default storage location is defined here; however, you
-    | are free to provide another location where they should be stored.
-    |
-    */
-
-    'files' => storage_path('framework/sessions'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Session Database Connection
-    |--------------------------------------------------------------------------
-    |
-    | When using the "database" or "redis" session drivers, you may specify a
-    | connection that should be used to manage these sessions. This should
-    | correspond to a connection in your database configuration options.
-    |
-    */
-
-    'connection' => env('SESSION_CONNECTION'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Session Database Table
-    |--------------------------------------------------------------------------
-    |
-    | When using the "database" session driver, you may specify the table to
-    | be used to store sessions. Of course, a sensible default is defined
-    | for you; however, you're welcome to change this to another table.
-    |
-    */
-
-    'table' => env('SESSION_TABLE', 'sessions'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Session Cache Store
-    |--------------------------------------------------------------------------
-    |
-    | When using one of the framework's cache driven session backends, you may
-    | define the cache store which should be used to store the session data
-    | between requests. This must match one of your defined cache stores.
-    |
-    | Affects: "dynamodb", "memcached", "redis"
-    |
-    */
-
-    'store' => env('SESSION_STORE'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Session Sweeping Lottery
-    |--------------------------------------------------------------------------
-    |
-    | Some session drivers must manually sweep their storage location to get
-    | rid of old sessions from storage. Here are the chances that it will
-    | happen on a given request. By default, the odds are 2 out of 100.
-    |
-    */
-
-    'lottery' => [2, 100],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Session Cookie Name
-    |--------------------------------------------------------------------------
-    |
-    | Here you may change the name of the session cookie that is created by
-    | the framework. Typically, you should not need to change this value
-    | since doing so does not grant a meaningful security improvement.
-    |
-    */
-
-    'cookie' => env(
-        'SESSION_COOKIE',
-        Str::slug((string) env('APP_NAME', 'laravel')).'-session'
-    ),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Session Cookie Path
-    |--------------------------------------------------------------------------
-    |
-    | The session cookie path determines the path for which the cookie will
-    | be regarded as available. Typically, this will be the root path of
-    | your application, but you're free to change this when necessary.
-    |
-    */
-
-    'path' => env('SESSION_PATH', '/'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Session Cookie Domain
-    |--------------------------------------------------------------------------
-    |
-    | This value determines the domain and subdomains the session cookie is
-    | available to. By default, the cookie will be available to the root
-    | domain and all subdomains. Typically, this shouldn't be changed.
-    |
-    */
-
-    'domain' => env('SESSION_DOMAIN'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | HTTPS Only Cookies
-    |--------------------------------------------------------------------------
-    |
-    | By setting this option to true, session cookies will only be sent back
-    | to the server if the browser has a HTTPS connection. This will keep
-    | the cookie from being sent to you when it can't be done securely.
-    |
-    */
-
-    'secure' => env('SESSION_SECURE_COOKIE'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | HTTP Access Only
-    |--------------------------------------------------------------------------
-    |
-    | Setting this value to true will prevent JavaScript from accessing the
-    | value of the cookie and the cookie will only be accessible through
-    | the HTTP protocol. It's unlikely you should disable this option.
-    |
-    */
-
-    'http_only' => env('SESSION_HTTP_ONLY', true),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Same-Site Cookies
-    |--------------------------------------------------------------------------
-    |
-    | This option determines how your cookies behave when cross-site requests
-    | take place, and can be used to mitigate CSRF attacks. By default, we
-    | will set this value to "lax" to permit secure cross-site requests.
-    |
-    | See: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#samesitesamesite-value
-    |
-    | Supported: "lax", "strict", "none", null
-    |
-    */
-
-    'same_site' => env('SESSION_SAME_SITE', 'lax'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Partitioned Cookies
-    |--------------------------------------------------------------------------
-    |
-    | Setting this value to true will tie the cookie to the top-level site for
-    | a cross-site context. Partitioned cookies are accepted by the browser
-    | when flagged "secure" and the Same-Site attribute is set to "none".
-    |
-    */
-
-    'partitioned' => env('SESSION_PARTITIONED_COOKIE', false),
-
-];
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/database/.gitignore b/vuexy-theme-vue-laravel-full-example-typescript/database/.gitignore
deleted file mode 100644
index 1589a72..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/database/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.sqlite*
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/database/factories/UserFactory.php b/vuexy-theme-vue-laravel-full-example-typescript/database/factories/UserFactory.php
deleted file mode 100644
index 99bb384..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/database/factories/UserFactory.php
+++ /dev/null
@@ -1,44 +0,0 @@
-<?php
-
-namespace Database\Factories;
-
-use Illuminate\Database\Eloquent\Factories\Factory;
-use Illuminate\Support\Facades\Hash;
-use Illuminate\Support\Str;
-
-/**
- * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\User>
- */
-class UserFactory extends Factory
-{
-    /**
-     * The current password being used by the factory.
-     */
-    protected static ?string $password;
-
-    /**
-     * Define the model's default state.
-     *
-     * @return array<string, mixed>
-     */
-    public function definition(): array
-    {
-        return [
-            'name' => fake()->name(),
-            'email' => fake()->unique()->safeEmail(),
-            'email_verified_at' => now(),
-            'password' => static::$password ??= Hash::make('password'),
-            'remember_token' => Str::random(10),
-        ];
-    }
-
-    /**
-     * Indicate that the model's email address should be unverified.
-     */
-    public function unverified(): static
-    {
-        return $this->state(fn (array $attributes) => [
-            'email_verified_at' => null,
-        ]);
-    }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/database/migrations/0001_01_01_000000_create_users_table.php b/vuexy-theme-vue-laravel-full-example-typescript/database/migrations/0001_01_01_000000_create_users_table.php
deleted file mode 100644
index cc00c0e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/database/migrations/0001_01_01_000000_create_users_table.php
+++ /dev/null
@@ -1,49 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('users', function (Blueprint $table) {
-            $table->id();
-            $table->string('name');
-            $table->string('email')->unique();
-            $table->timestamp('email_verified_at')->nullable();
-            $table->string('password');
-            $table->rememberToken();
-            $table->timestamps();
-        });
-
-        Schema::create('password_reset_tokens', function (Blueprint $table) {
-            $table->string('email')->primary();
-            $table->string('token');
-            $table->timestamp('created_at')->nullable();
-        });
-
-        Schema::create('sessions', function (Blueprint $table) {
-            $table->string('id')->primary();
-            $table->foreignId('user_id')->nullable()->index();
-            $table->string('ip_address', 45)->nullable();
-            $table->text('user_agent')->nullable();
-            $table->longText('payload');
-            $table->integer('last_activity')->index();
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('users');
-        Schema::dropIfExists('password_reset_tokens');
-        Schema::dropIfExists('sessions');
-    }
-};
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/database/migrations/0001_01_01_000001_create_cache_table.php b/vuexy-theme-vue-laravel-full-example-typescript/database/migrations/0001_01_01_000001_create_cache_table.php
deleted file mode 100644
index b3d1a7a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/database/migrations/0001_01_01_000001_create_cache_table.php
+++ /dev/null
@@ -1,35 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('cache', function (Blueprint $table) {
-            $table->string('key')->primary();
-            $table->mediumText('value');
-            $table->integer('expiration');
-        });
-
-        Schema::create('cache_locks', function (Blueprint $table) {
-            $table->string('key')->primary();
-            $table->string('owner');
-            $table->integer('expiration');
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('cache');
-        Schema::dropIfExists('cache_locks');
-    }
-};
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/database/migrations/0001_01_01_000002_create_jobs_table.php b/vuexy-theme-vue-laravel-full-example-typescript/database/migrations/0001_01_01_000002_create_jobs_table.php
deleted file mode 100644
index 8bc5877..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/database/migrations/0001_01_01_000002_create_jobs_table.php
+++ /dev/null
@@ -1,57 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('jobs', function (Blueprint $table) {
-            $table->id();
-            $table->string('queue')->index();
-            $table->longText('payload');
-            $table->unsignedTinyInteger('attempts');
-            $table->unsignedInteger('reserved_at')->nullable();
-            $table->unsignedInteger('available_at');
-            $table->unsignedInteger('created_at');
-        });
-
-        Schema::create('job_batches', function (Blueprint $table) {
-            $table->string('id')->primary();
-            $table->string('name');
-            $table->integer('total_jobs');
-            $table->integer('pending_jobs');
-            $table->integer('failed_jobs');
-            $table->longText('failed_job_ids');
-            $table->mediumText('options')->nullable();
-            $table->integer('cancelled_at')->nullable();
-            $table->integer('created_at');
-            $table->integer('finished_at')->nullable();
-        });
-
-        Schema::create('failed_jobs', function (Blueprint $table) {
-            $table->id();
-            $table->string('uuid')->unique();
-            $table->text('connection');
-            $table->text('queue');
-            $table->longText('payload');
-            $table->longText('exception');
-            $table->timestamp('failed_at')->useCurrent();
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('jobs');
-        Schema::dropIfExists('job_batches');
-        Schema::dropIfExists('failed_jobs');
-    }
-};
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/database/seeders/DatabaseSeeder.php b/vuexy-theme-vue-laravel-full-example-typescript/database/seeders/DatabaseSeeder.php
deleted file mode 100644
index c69d0ff..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/database/seeders/DatabaseSeeder.php
+++ /dev/null
@@ -1,25 +0,0 @@
-<?php
-
-namespace Database\Seeders;
-
-use App\Models\User;
-use Illuminate\Database\Console\Seeds\WithoutModelEvents;
-use Illuminate\Database\Seeder;
-
-class DatabaseSeeder extends Seeder
-{
-    use WithoutModelEvents;
-
-    /**
-     * Seed the application's database.
-     */
-    public function run(): void
-    {
-        // User::factory(10)->create();
-
-        User::factory()->create([
-            'name' => 'Test User',
-            'email' => 'test@example.com',
-        ]);
-    }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/env.d.ts b/vuexy-theme-vue-laravel-full-example-typescript/env.d.ts
deleted file mode 100644
index ae371f2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/env.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import 'vue-router'
-declare module 'vue-router' {
-  interface RouteMeta {
-    action?: string
-    subject?: string
-    layoutWrapperClasses?: string
-    navActiveLink?: RouteLocationRaw
-    layout?: 'blank' | 'default'
-    unauthenticatedOnly?: boolean
-    public?: boolean
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/package.json b/vuexy-theme-vue-laravel-full-example-typescript/package.json
deleted file mode 100644
index ac6132c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/package.json
+++ /dev/null
@@ -1,131 +0,0 @@
-{
-  "name": "vuexy-vuejs-laravel-admin-template",
-  "version": "9.5.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "typecheck": "vue-tsc --noEmit",
-    "lint": "eslint . -c .eslintrc.cjs --fix --rulesdir eslint-internal-rules/ --ext .ts,.js,.cjs,.vue,.tsx,.jsx",
-    "build:icons": "tsx resources/ts/plugins/iconify/build-icons.ts",
-    "msw:init": "msw init public/ --save",
-    "postinstall": "npm run build:icons && npm run msw:init"
-  },
-  "dependencies": {
-    "@casl/ability": "6.7.3",
-    "@casl/vue": "2.2.2",
-    "@floating-ui/dom": "1.6.8",
-    "@formkit/drag-and-drop": "0.1.6",
-    "@sindresorhus/is": "7.1.0",
-    "@tiptap/extension-highlight": "^2.27.1",
-    "@tiptap/extension-image": "^2.27.1",
-    "@tiptap/extension-link": "^2.27.1",
-    "@tiptap/extension-text-align": "^2.27.1",
-    "@tiptap/pm": "^2.27.1",
-    "@tiptap/starter-kit": "^2.27.1",
-    "@tiptap/vue-3": "^2.27.1",
-    "@vueuse/core": "10.11.1",
-    "@vueuse/math": "10.11.1",
-    "apexcharts": "3.54.1",
-    "chart.js": "4.5.1",
-    "cookie-es": "1.2.2",
-    "destr": "2.0.5",
-    "eslint-plugin-regexp": "2.10.0",
-    "jwt-decode": "4.0.0",
-    "mapbox-gl": "3.5.2",
-    "ofetch": "1.5.0",
-    "pinia": "3.0.3",
-    "prismjs": "1.30.0",
-    "roboto-fontface": "0.10.0",
-    "shepherd.js": "13.0.3",
-    "swiper": "11.2.10",
-    "ufo": "1.6.1",
-    "unplugin-vue-define-options": "1.5.5",
-    "vue": "3.5.22",
-    "vue-chartjs": "5.3.2",
-    "vue-flatpickr-component": "11.0.5",
-    "vue-i18n": "11.1.12",
-    "vue-prism-component": "2.0.0",
-    "vue-router": "4.5.1",
-    "vue3-apexcharts": "1.5.3",
-    "vue3-perfect-scrollbar": "2.0.0",
-    "vuetify": "3.10.8",
-    "webfontloader": "1.6.28"
-  },
-  "devDependencies": {
-    "@antfu/eslint-config-vue": "0.43.1",
-    "@antfu/utils": "0.7.10",
-    "@fullcalendar/core": "6.1.19",
-    "@fullcalendar/daygrid": "6.1.19",
-    "@fullcalendar/interaction": "6.1.19",
-    "@fullcalendar/list": "6.1.19",
-    "@fullcalendar/timegrid": "6.1.19",
-    "@fullcalendar/vue3": "6.1.19",
-    "@iconify-json/mdi": "1.2.3",
-    "@iconify/tools": "4.1.4",
-    "@iconify/utils": "2.3.0",
-    "@iconify-json/fa": "1.2.2",
-    "@iconify-json/tabler": "1.2.23",
-    "@iconify/vue": "4.1.2",
-    "@intlify/unplugin-vue-i18n": "11.0.1",
-    "@stylistic/stylelint-config": "1.0.1",
-    "@stylistic/stylelint-plugin": "2.1.3",
-    "@tiptap/extension-character-count": "^2.27.1",
-    "@tiptap/extension-placeholder": "^2.27.1",
-    "@tiptap/extension-subscript": "^2.27.1",
-    "@tiptap/extension-superscript": "^2.27.1",
-    "@tiptap/extension-underline": "^2.27.1",
-    "@types/mapbox-gl": "3.4.1",
-    "@types/node": "24.9.2",
-    "@types/webfontloader": "1.6.38",
-    "@typescript-eslint/eslint-plugin": "7.18.0",
-    "@typescript-eslint/parser": "7.18.0",
-    "@vitejs/plugin-vue": "6.0.1",
-    "@vitejs/plugin-vue-jsx": "5.1.1",
-    "eslint": "8.57.1",
-    "eslint-config-airbnb-base": "15.0.0",
-    "eslint-import-resolver-typescript": "3.10.1",
-    "eslint-plugin-case-police": "0.6.1",
-    "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-promise": "6.6.0",
-    "eslint-plugin-regex": "1.10.0",
-    "eslint-plugin-sonarjs": "0.24.0",
-    "eslint-plugin-unicorn": "51.0.1",
-    "eslint-plugin-vue": "9.33.0",
-    "msw": "2.6.8",
-    "postcss-html": "1.8.0",
-    "postcss-scss": "4.0.9",
-    "sass": "1.76.0",
-    "shiki": "1.29.2",
-    "stylelint": "16.8.0",
-    "stylelint-config-idiomatic-order": "10.0.0",
-    "stylelint-config-standard-scss": "13.1.0",
-    "stylelint-use-logical-spec": "5.0.1",
-    "tsx": "4.20.6",
-    "type-fest": "5.1.0",
-    "typescript": "5.9.3",
-    "unplugin-auto-import": "0.18.6",
-    "unplugin-vue-components": "0.27.5",
-    "unplugin-vue-router": "0.8.8",
-    "vite": "7.1.12",
-    "vite-plugin-vue-devtools": "8.0.2",
-    "vite-plugin-vue-meta-layouts": "0.6.1",
-    "vite-plugin-vuetify": "2.1.2",
-    "vite-svg-loader": "5.1.0",
-    "vue-shepherd": "3.0.0",
-    "vue-tsc": "3.1.2",
-    "laravel-vite-plugin": "2.0.0"
-  },
-  "resolutions": {
-    "postcss": "^8",
-    "@tiptap/core": "^2"
-  },
-  "overrides": {
-    "postcss": "^8",
-    "@tiptap/core": "^2"
-  },
-  "msw": {
-    "workerDirectory": "public"
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/phpunit.xml b/vuexy-theme-vue-laravel-full-example-typescript/phpunit.xml
deleted file mode 100644
index cbc5496..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/phpunit.xml
+++ /dev/null
@@ -1,34 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-         xsi:noNamespaceSchemaLocation="vendor/phpunit/phpunit/phpunit.xsd"
-         bootstrap="vendor/autoload.php"
-         colors="true"
->
-    <testsuites>
-        <testsuite name="Unit">
-            <directory>tests/Unit</directory>
-        </testsuite>
-        <testsuite name="Feature">
-            <directory>tests/Feature</directory>
-        </testsuite>
-    </testsuites>
-    <source>
-        <include>
-            <directory>app</directory>
-        </include>
-    </source>
-    <php>
-        <env name="APP_ENV" value="testing"/>
-        <env name="APP_MAINTENANCE_DRIVER" value="file"/>
-        <env name="BCRYPT_ROUNDS" value="4"/>
-        <env name="BROADCAST_CONNECTION" value="null"/>
-        <env name="CACHE_STORE" value="array"/>
-        <env name="DB_DATABASE" value="testing"/>
-        <env name="MAIL_MAILER" value="array"/>
-        <env name="QUEUE_CONNECTION" value="sync"/>
-        <env name="SESSION_DRIVER" value="array"/>
-        <env name="PULSE_ENABLED" value="false"/>
-        <env name="TELESCOPE_ENABLED" value="false"/>
-        <env name="NIGHTWATCH_ENABLED" value="false"/>
-    </php>
-</phpunit>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/pnpm-lock.yaml b/vuexy-theme-vue-laravel-full-example-typescript/pnpm-lock.yaml
deleted file mode 100644
index 4c29485..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/pnpm-lock.yaml
+++ /dev/null
@@ -1,9985 +0,0 @@
-lockfileVersion: '9.0'
-
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
-overrides:
-  postcss: ^8
-  '@tiptap/core': ^2
-
-importers:
-
-  .:
-    dependencies:
-      '@casl/ability':
-        specifier: ^6.7.3
-        version: 6.7.3
-      '@casl/vue':
-        specifier: ^2.2.2
-        version: 2.2.2(@casl/ability@6.7.3)(vue@3.5.22(typescript@5.9.3))
-      '@floating-ui/dom':
-        specifier: 1.6.8
-        version: 1.6.8
-      '@formkit/drag-and-drop':
-        specifier: ^0.1.6
-        version: 0.1.6
-      '@sindresorhus/is':
-        specifier: ^7.1.0
-        version: 7.1.1
-      '@tiptap/extension-highlight':
-        specifier: ^2.27.1
-        version: 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-image':
-        specifier: ^2.27.1
-        version: 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-link':
-        specifier: ^2.27.1
-        version: 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)
-      '@tiptap/extension-text-align':
-        specifier: ^2.27.1
-        version: 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/pm':
-        specifier: ^2.27.1
-        version: 2.27.1
-      '@tiptap/starter-kit':
-        specifier: ^2.27.1
-        version: 2.27.1
-      '@tiptap/vue-3':
-        specifier: ^2.27.1
-        version: 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)(vue@3.5.22(typescript@5.9.3))
-      '@vueuse/core':
-        specifier: ^10.11.1
-        version: 10.11.1(vue@3.5.22(typescript@5.9.3))
-      '@vueuse/math':
-        specifier: ^10.11.1
-        version: 10.11.1(vue@3.5.22(typescript@5.9.3))
-      apexcharts:
-        specifier: 3.54.1
-        version: 3.54.1
-      chart.js:
-        specifier: ^4.5.1
-        version: 4.5.1
-      cookie-es:
-        specifier: ^1.2.2
-        version: 1.2.2
-      destr:
-        specifier: ^2.0.5
-        version: 2.0.5
-      eslint-plugin-regexp:
-        specifier: ^2.10.0
-        version: 2.10.0(eslint@8.57.1)
-      jwt-decode:
-        specifier: ^4.0.0
-        version: 4.0.0
-      mapbox-gl:
-        specifier: 3.5.2
-        version: 3.5.2
-      ofetch:
-        specifier: ^1.5.0
-        version: 1.5.1
-      pinia:
-        specifier: ^3.0.3
-        version: 3.0.3(typescript@5.9.3)(vue@3.5.22(typescript@5.9.3))
-      prismjs:
-        specifier: ^1.30.0
-        version: 1.30.0
-      roboto-fontface:
-        specifier: ^0.10.0
-        version: 0.10.0
-      shepherd.js:
-        specifier: ^13.0.3
-        version: 13.0.3
-      swiper:
-        specifier: ^11.2.10
-        version: 11.2.10
-      ufo:
-        specifier: ^1.6.1
-        version: 1.6.1
-      unplugin-vue-define-options:
-        specifier: ^1.5.5
-        version: 1.5.5(vue@3.5.22(typescript@5.9.3))
-      vue:
-        specifier: ^3.5.22
-        version: 3.5.22(typescript@5.9.3)
-      vue-chartjs:
-        specifier: ^5.3.2
-        version: 5.3.3(chart.js@4.5.1)(vue@3.5.22(typescript@5.9.3))
-      vue-flatpickr-component:
-        specifier: 11.0.5
-        version: 11.0.5(vue@3.5.22(typescript@5.9.3))
-      vue-i18n:
-        specifier: 11.1.12
-        version: 11.1.12(vue@3.5.22(typescript@5.9.3))
-      vue-prism-component:
-        specifier: ^2.0.0
-        version: 2.0.0
-      vue-router:
-        specifier: 4.5.1
-        version: 4.5.1(vue@3.5.22(typescript@5.9.3))
-      vue3-apexcharts:
-        specifier: 1.5.3
-        version: 1.5.3(apexcharts@3.54.1)(vue@3.5.22(typescript@5.9.3))
-      vue3-perfect-scrollbar:
-        specifier: ^2.0.0
-        version: 2.0.0(vue@3.5.22(typescript@5.9.3))
-      vuetify:
-        specifier: ^3.10.8
-        version: 3.10.8(typescript@5.9.3)(vite-plugin-vuetify@2.1.2)(vue@3.5.22(typescript@5.9.3))
-      webfontloader:
-        specifier: ^1.6.28
-        version: 1.6.28
-    devDependencies:
-      '@antfu/eslint-config-vue':
-        specifier: ^0.43.1
-        version: 0.43.1(@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3))(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)(typescript@5.9.3)
-      '@antfu/utils':
-        specifier: ^0.7.10
-        version: 0.7.10
-      '@fullcalendar/core':
-        specifier: ^6.1.19
-        version: 6.1.19
-      '@fullcalendar/daygrid':
-        specifier: ^6.1.19
-        version: 6.1.19(@fullcalendar/core@6.1.19)
-      '@fullcalendar/interaction':
-        specifier: ^6.1.19
-        version: 6.1.19(@fullcalendar/core@6.1.19)
-      '@fullcalendar/list':
-        specifier: ^6.1.19
-        version: 6.1.19(@fullcalendar/core@6.1.19)
-      '@fullcalendar/timegrid':
-        specifier: ^6.1.19
-        version: 6.1.19(@fullcalendar/core@6.1.19)
-      '@fullcalendar/vue3':
-        specifier: ^6.1.19
-        version: 6.1.19(@fullcalendar/core@6.1.19)(vue@3.5.22(typescript@5.9.3))
-      '@iconify-json/fa':
-        specifier: ^1.2.2
-        version: 1.2.2
-      '@iconify-json/mdi':
-        specifier: ^1.2.3
-        version: 1.2.3
-      '@iconify-json/tabler':
-        specifier: ^1.2.23
-        version: 1.2.23
-      '@iconify/tools':
-        specifier: ^4.1.4
-        version: 4.1.4
-      '@iconify/utils':
-        specifier: ^2.3.0
-        version: 2.3.0
-      '@iconify/vue':
-        specifier: 4.1.2
-        version: 4.1.2(vue@3.5.22(typescript@5.9.3))
-      '@intlify/unplugin-vue-i18n':
-        specifier: ^11.0.1
-        version: 11.0.1(@vue/compiler-dom@3.5.22)(eslint@8.57.1)(rollup@4.52.5)(typescript@5.9.3)(vue-i18n@11.1.12(vue@3.5.22(typescript@5.9.3)))(vue@3.5.22(typescript@5.9.3))
-      '@stylistic/stylelint-config':
-        specifier: ^1.0.1
-        version: 1.0.1(stylelint@16.8.0(typescript@5.9.3))
-      '@stylistic/stylelint-plugin':
-        specifier: ^2.1.3
-        version: 2.1.3(stylelint@16.8.0(typescript@5.9.3))
-      '@tiptap/extension-character-count':
-        specifier: ^2.27.1
-        version: 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)
-      '@tiptap/extension-placeholder':
-        specifier: ^2.27.1
-        version: 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)
-      '@tiptap/extension-subscript':
-        specifier: ^2.27.1
-        version: 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-superscript':
-        specifier: ^2.27.1
-        version: 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-underline':
-        specifier: ^2.27.1
-        version: 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@types/mapbox-gl':
-        specifier: ^3.4.1
-        version: 3.4.1
-      '@types/node':
-        specifier: ^24.9.2
-        version: 24.10.0
-      '@types/webfontloader':
-        specifier: ^1.6.38
-        version: 1.6.38
-      '@typescript-eslint/eslint-plugin':
-        specifier: ^7.18.0
-        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/parser':
-        specifier: ^7.18.0
-        version: 7.18.0(eslint@8.57.1)(typescript@5.9.3)
-      '@vitejs/plugin-vue':
-        specifier: ^6.0.1
-        version: 6.0.1(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))(vue@3.5.22(typescript@5.9.3))
-      '@vitejs/plugin-vue-jsx':
-        specifier: ^5.1.1
-        version: 5.1.1(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))(vue@3.5.22(typescript@5.9.3))
-      eslint:
-        specifier: ^8.57.1
-        version: 8.57.1
-      eslint-config-airbnb-base:
-        specifier: ^15.0.0
-        version: 15.0.0(eslint-plugin-import@2.32.0)(eslint@8.57.1)
-      eslint-import-resolver-typescript:
-        specifier: ^3.10.1
-        version: 3.10.1(eslint-plugin-import@2.32.0)(eslint@8.57.1)
-      eslint-plugin-case-police:
-        specifier: ^0.6.1
-        version: 0.6.1(eslint@8.57.1)(typescript@5.9.3)
-      eslint-plugin-import:
-        specifier: ^2.32.0
-        version: 2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
-      eslint-plugin-promise:
-        specifier: ^6.6.0
-        version: 6.6.0(eslint@8.57.1)
-      eslint-plugin-regex:
-        specifier: ^1.10.0
-        version: 1.10.0(eslint@8.57.1)
-      eslint-plugin-sonarjs:
-        specifier: ^0.24.0
-        version: 0.24.0(eslint@8.57.1)
-      eslint-plugin-unicorn:
-        specifier: ^51.0.1
-        version: 51.0.1(eslint@8.57.1)
-      eslint-plugin-vue:
-        specifier: ^9.33.0
-        version: 9.33.0(eslint@8.57.1)
-      laravel-vite-plugin:
-        specifier: ^2.0.0
-        version: 2.0.1(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))
-      msw:
-        specifier: 2.6.8
-        version: 2.6.8(@types/node@24.10.0)(typescript@5.9.3)
-      postcss-html:
-        specifier: ^1.8.0
-        version: 1.8.0
-      postcss-scss:
-        specifier: ^4.0.9
-        version: 4.0.9(postcss@8.5.6)
-      sass:
-        specifier: ~1.76.0
-        version: 1.76.0
-      shiki:
-        specifier: ^1.29.2
-        version: 1.29.2
-      stylelint:
-        specifier: 16.8.0
-        version: 16.8.0(typescript@5.9.3)
-      stylelint-config-idiomatic-order:
-        specifier: 10.0.0
-        version: 10.0.0(stylelint@16.8.0(typescript@5.9.3))
-      stylelint-config-standard-scss:
-        specifier: 13.1.0
-        version: 13.1.0(postcss@8.5.6)(stylelint@16.8.0(typescript@5.9.3))
-      stylelint-use-logical-spec:
-        specifier: 5.0.1
-        version: 5.0.1(stylelint@16.8.0(typescript@5.9.3))
-      tsx:
-        specifier: ^4.20.6
-        version: 4.20.6
-      type-fest:
-        specifier: ^5.1.0
-        version: 5.2.0
-      typescript:
-        specifier: ^5.9.3
-        version: 5.9.3
-      unplugin-auto-import:
-        specifier: ^0.18.6
-        version: 0.18.6(@vueuse/core@10.11.1(vue@3.5.22(typescript@5.9.3)))(rollup@4.52.5)
-      unplugin-vue-components:
-        specifier: ^0.27.5
-        version: 0.27.5(@babel/parser@7.28.5)(rollup@4.52.5)(vue@3.5.22(typescript@5.9.3))
-      unplugin-vue-router:
-        specifier: 0.8.8
-        version: 0.8.8(rollup@4.52.5)(vue-router@4.5.1(vue@3.5.22(typescript@5.9.3)))(vue@3.5.22(typescript@5.9.3))
-      vite:
-        specifier: ^7.1.12
-        version: 7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)
-      vite-plugin-vue-devtools:
-        specifier: 8.0.2
-        version: 8.0.2(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))(vue@3.5.22(typescript@5.9.3))
-      vite-plugin-vue-meta-layouts:
-        specifier: ^0.6.1
-        version: 0.6.1(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))(vue-router@4.5.1(vue@3.5.22(typescript@5.9.3)))
-      vite-plugin-vuetify:
-        specifier: 2.1.2
-        version: 2.1.2(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))(vue@3.5.22(typescript@5.9.3))(vuetify@3.10.8)
-      vite-svg-loader:
-        specifier: ^5.1.0
-        version: 5.1.0(vue@3.5.22(typescript@5.9.3))
-      vue-shepherd:
-        specifier: ^3.0.0
-        version: 3.0.0(vue@3.5.22(typescript@5.9.3))
-      vue-tsc:
-        specifier: ^3.1.2
-        version: 3.1.3(typescript@5.9.3)
-
-packages:
-
-  '@antfu/eslint-config-basic@0.43.1':
-    resolution: {integrity: sha512-SW6hmGmqI985fsCJ+oivo4MbiMmRMgCJ0Ne8j/hwCB6O6Mc0m5bDqYeKn5HqFhvZhG84GEg5jPDKNiHrBYnQjw==}
-    peerDependencies:
-      eslint: '>=7.4.0'
-
-  '@antfu/eslint-config-ts@0.43.1':
-    resolution: {integrity: sha512-s3zItBSopYbM/3eii/JKas1PmWR+wCPRNS89qUi4zxPvpuIgN5mahkBvbsCiWacrNFtLxe1zGgo5qijBhVfuvA==}
-    deprecated: Deprecated, please migrate to @antfu/eslint-config with the flat config
-    peerDependencies:
-      eslint: '>=7.4.0'
-      typescript: '>=3.9'
-
-  '@antfu/eslint-config-vue@0.43.1':
-    resolution: {integrity: sha512-HxOfe8Vl+DPrzssbs5LHRDCnBtCy1LSA1DIeV71IC+iTpzoASFahSsVX5qckYu1InFgUm93XOhHCWm34LzPsvg==}
-    deprecated: Deprecated, please migrate to @antfu/eslint-config with the flat config
-    peerDependencies:
-      eslint: '>=7.4.0'
-
-  '@antfu/install-pkg@1.1.0':
-    resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
-
-  '@antfu/utils@0.7.10':
-    resolution: {integrity: sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==}
-
-  '@antfu/utils@8.1.1':
-    resolution: {integrity: sha512-Mex9nXf9vR6AhcXmMrlz/HVgYYZpVGJ6YlPgwl7UnaFpnshXs6EK/oa5Gpf3CzENMjkvEx2tQtntGnb7UtSTOQ==}
-
-  '@babel/code-frame@7.27.1':
-    resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/compat-data@7.28.5':
-    resolution: {integrity: sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/core@7.28.5':
-    resolution: {integrity: sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/generator@7.28.5':
-    resolution: {integrity: sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-annotate-as-pure@7.27.3':
-    resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-compilation-targets@7.27.2':
-    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-create-class-features-plugin@7.28.5':
-    resolution: {integrity: sha512-q3WC4JfdODypvxArsJQROfupPBq9+lMwjKq7C33GhbFYJsufD0yd/ziwD+hJucLeWsnFPWZjsU2DNFqBPE7jwQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
-  '@babel/helper-globals@7.28.0':
-    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-member-expression-to-functions@7.28.5':
-    resolution: {integrity: sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-imports@7.27.1':
-    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-transforms@7.28.3':
-    resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
-  '@babel/helper-optimise-call-expression@7.27.1':
-    resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-plugin-utils@7.27.1':
-    resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-replace-supers@7.27.1':
-    resolution: {integrity: sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
-  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
-    resolution: {integrity: sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-string-parser@7.27.1':
-    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-identifier@7.28.5':
-    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-option@7.27.1':
-    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helpers@7.28.4':
-    resolution: {integrity: sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/parser@7.28.5':
-    resolution: {integrity: sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-
-  '@babel/plugin-proposal-decorators@7.28.0':
-    resolution: {integrity: sha512-zOiZqvANjWDUaUS9xMxbMcK/Zccztbe/6ikvUXaG9nsPH3w6qh5UaPGAnirI/WhIbZ8m3OHU0ReyPrknG+ZKeg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-decorators@7.27.1':
-    resolution: {integrity: sha512-YMq8Z87Lhl8EGkmb0MwYkt36QnxC+fzCgrl66ereamPlYToRpIk5nUjKUY3QKLWq8mwUB1BgbeXcTJhZOCDg5A==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-import-attributes@7.27.1':
-    resolution: {integrity: sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-import-meta@7.10.4':
-    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-jsx@7.27.1':
-    resolution: {integrity: sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-typescript@7.27.1':
-    resolution: {integrity: sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-typescript@7.28.5':
-    resolution: {integrity: sha512-x2Qa+v/CuEoX7Dr31iAfr0IhInrVOWZU/2vJMJ00FOR/2nM0BcBEclpaf9sWCDc+v5e9dMrhSH8/atq/kX7+bA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/template@7.27.2':
-    resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/traverse@7.28.5':
-    resolution: {integrity: sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/types@7.28.5':
-    resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
-    engines: {node: '>=6.9.0'}
-
-  '@bundled-es-modules/cookie@2.0.1':
-    resolution: {integrity: sha512-8o+5fRPLNbjbdGRRmJj3h6Hh1AQJf2dk3qQ/5ZFb+PXkRNiSoMGGUKlsgLfrxneb72axVJyIYji64E2+nNfYyw==}
-
-  '@bundled-es-modules/statuses@1.0.1':
-    resolution: {integrity: sha512-yn7BklA5acgcBr+7w064fGV+SGIFySjCKpqjcWgBAIfrAkY+4GQTJJHQMeT3V/sgz23VTEVV8TtOmkvJAhFVfg==}
-
-  '@bundled-es-modules/tough-cookie@0.1.6':
-    resolution: {integrity: sha512-dvMHbL464C0zI+Yqxbz6kZ5TOEp7GLW+pry/RWndAR8MJQAXZ2rPmIs8tziTZjeIyhSNZgZbCePtfSbdWqStJw==}
-
-  '@casl/ability@6.7.3':
-    resolution: {integrity: sha512-A4L28Ko+phJAsTDhRjzCOZWECQWN2jzZnJPnROWWHjJpyMq1h7h9ZqjwS2WbIUa3Z474X1ZPSgW0f1PboZGC0A==}
-
-  '@casl/vue@2.2.2':
-    resolution: {integrity: sha512-xWy4i5+3+WuBgENVesPalRTKpSJZ2cEMXtbqjWjqj7FDvoeso7jT1pBVk9ujKlIRhgfVWGdCRb7XzeISi2VLcA==}
-    peerDependencies:
-      '@casl/ability': ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.1.0 || ^6.0.0
-      vue: ^3.0.0
-
-  '@csstools/css-parser-algorithms@2.7.1':
-    resolution: {integrity: sha512-2SJS42gxmACHgikc1WGesXLIT8d/q2l0UFM7TaEeIzdFCE/FPMtTiizcPGGJtlPo2xuQzY09OhrLTzRxqJqwGw==}
-    engines: {node: ^14 || ^16 || >=18}
-    peerDependencies:
-      '@csstools/css-tokenizer': ^2.4.1
-
-  '@csstools/css-tokenizer@2.4.1':
-    resolution: {integrity: sha512-eQ9DIktFJBhGjioABJRtUucoWR2mwllurfnM8LuNGAqX3ViZXaUchqk+1s7jjtkFiT9ySdACsFEA3etErkALUg==}
-    engines: {node: ^14 || ^16 || >=18}
-
-  '@csstools/media-query-list-parser@2.1.13':
-    resolution: {integrity: sha512-XaHr+16KRU9Gf8XLi3q8kDlI18d5vzKSKCY510Vrtc9iNR0NJzbY9hhTmwhzYZj/ZwGL4VmB3TA9hJW0Um2qFA==}
-    engines: {node: ^14 || ^16 || >=18}
-    peerDependencies:
-      '@csstools/css-parser-algorithms': ^2.7.1
-      '@csstools/css-tokenizer': ^2.4.1
-
-  '@csstools/selector-specificity@3.1.1':
-    resolution: {integrity: sha512-a7cxGcJ2wIlMFLlh8z2ONm+715QkPHiyJcxwQlKOz/03GPw1COpfhcmC9wm4xlZfp//jWHNNMwzjtqHXVWU9KA==}
-    engines: {node: ^14 || ^16 || >=18}
-    peerDependencies:
-      postcss-selector-parser: ^6.0.13
-
-  '@dual-bundle/import-meta-resolve@4.2.1':
-    resolution: {integrity: sha512-id+7YRUgoUX6CgV0DtuhirQWodeeA7Lf4i2x71JS/vtA5pRb/hIGWlw+G6MeXvsM+MXrz0VAydTGElX1rAfgPg==}
-
-  '@emnapi/core@1.7.0':
-    resolution: {integrity: sha512-pJdKGq/1iquWYtv1RRSljZklxHCOCAJFJrImO5ZLKPJVJlVUcs8yFwNQlqS0Lo8xT1VAXXTCZocF9n26FWEKsw==}
-
-  '@emnapi/runtime@1.7.0':
-    resolution: {integrity: sha512-oAYoQnCYaQZKVS53Fq23ceWMRxq5EhQsE0x0RdQ55jT7wagMu5k+fS39v1fiSLrtrLQlXwVINenqhLMtTrV/1Q==}
-
-  '@emnapi/wasi-threads@1.1.0':
-    resolution: {integrity: sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==}
-
-  '@es-joy/jsdoccomment@0.41.0':
-    resolution: {integrity: sha512-aKUhyn1QI5Ksbqcr3fFJj16p99QdjUxXAEuFst1Z47DRyoiMwivIH9MV/ARcJOCXVjPfjITciej8ZD2O/6qUmw==}
-    engines: {node: '>=16'}
-
-  '@esbuild/aix-ppc64@0.25.12':
-    resolution: {integrity: sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==}
-    engines: {node: '>=18'}
-    cpu: [ppc64]
-    os: [aix]
-
-  '@esbuild/android-arm64@0.25.12':
-    resolution: {integrity: sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [android]
-
-  '@esbuild/android-arm@0.25.12':
-    resolution: {integrity: sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==}
-    engines: {node: '>=18'}
-    cpu: [arm]
-    os: [android]
-
-  '@esbuild/android-x64@0.25.12':
-    resolution: {integrity: sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [android]
-
-  '@esbuild/darwin-arm64@0.25.12':
-    resolution: {integrity: sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@esbuild/darwin-x64@0.25.12':
-    resolution: {integrity: sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@esbuild/freebsd-arm64@0.25.12':
-    resolution: {integrity: sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [freebsd]
-
-  '@esbuild/freebsd-x64@0.25.12':
-    resolution: {integrity: sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@esbuild/linux-arm64@0.25.12':
-    resolution: {integrity: sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@esbuild/linux-arm@0.25.12':
-    resolution: {integrity: sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==}
-    engines: {node: '>=18'}
-    cpu: [arm]
-    os: [linux]
-
-  '@esbuild/linux-ia32@0.25.12':
-    resolution: {integrity: sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==}
-    engines: {node: '>=18'}
-    cpu: [ia32]
-    os: [linux]
-
-  '@esbuild/linux-loong64@0.25.12':
-    resolution: {integrity: sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==}
-    engines: {node: '>=18'}
-    cpu: [loong64]
-    os: [linux]
-
-  '@esbuild/linux-mips64el@0.25.12':
-    resolution: {integrity: sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==}
-    engines: {node: '>=18'}
-    cpu: [mips64el]
-    os: [linux]
-
-  '@esbuild/linux-ppc64@0.25.12':
-    resolution: {integrity: sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==}
-    engines: {node: '>=18'}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@esbuild/linux-riscv64@0.25.12':
-    resolution: {integrity: sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==}
-    engines: {node: '>=18'}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@esbuild/linux-s390x@0.25.12':
-    resolution: {integrity: sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==}
-    engines: {node: '>=18'}
-    cpu: [s390x]
-    os: [linux]
-
-  '@esbuild/linux-x64@0.25.12':
-    resolution: {integrity: sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [linux]
-
-  '@esbuild/netbsd-arm64@0.25.12':
-    resolution: {integrity: sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [netbsd]
-
-  '@esbuild/netbsd-x64@0.25.12':
-    resolution: {integrity: sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [netbsd]
-
-  '@esbuild/openbsd-arm64@0.25.12':
-    resolution: {integrity: sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [openbsd]
-
-  '@esbuild/openbsd-x64@0.25.12':
-    resolution: {integrity: sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [openbsd]
-
-  '@esbuild/openharmony-arm64@0.25.12':
-    resolution: {integrity: sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [openharmony]
-
-  '@esbuild/sunos-x64@0.25.12':
-    resolution: {integrity: sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [sunos]
-
-  '@esbuild/win32-arm64@0.25.12':
-    resolution: {integrity: sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@esbuild/win32-ia32@0.25.12':
-    resolution: {integrity: sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==}
-    engines: {node: '>=18'}
-    cpu: [ia32]
-    os: [win32]
-
-  '@esbuild/win32-x64@0.25.12':
-    resolution: {integrity: sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [win32]
-
-  '@eslint-community/eslint-utils@4.9.0':
-    resolution: {integrity: sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
-
-  '@eslint-community/regexpp@4.12.2':
-    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-
-  '@eslint/eslintrc@2.1.4':
-    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  '@eslint/js@8.57.1':
-    resolution: {integrity: sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  '@floating-ui/core@1.7.3':
-    resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
-
-  '@floating-ui/dom@1.6.8':
-    resolution: {integrity: sha512-kx62rP19VZ767Q653wsP1XZCGIirkE09E0QUGNYTM/ttbbQHqcGPdSfWFxUyyNLc/W6aoJRBajOSXhP6GXjC0Q==}
-
-  '@floating-ui/utils@0.2.10':
-    resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
-
-  '@formkit/drag-and-drop@0.1.6':
-    resolution: {integrity: sha512-wZyxvk7WTbQ12q8ZGvLoYner1ktBOUf+lCblJT3P0LyqpjGCKTfQMKJtwToKQzJgTbhvow4LBu+yP92Mux321w==}
-
-  '@fullcalendar/core@6.1.19':
-    resolution: {integrity: sha512-z0aVlO5e4Wah6p6mouM0UEqtRf1MZZPt4mwzEyU6kusaNL+dlWQgAasF2cK23hwT4cmxkEmr4inULXgpyeExdQ==}
-
-  '@fullcalendar/daygrid@6.1.19':
-    resolution: {integrity: sha512-IAAfnMICnVWPjpT4zi87i3FEw0xxSza0avqY/HedKEz+l5MTBYvCDPOWDATpzXoLut3aACsjktIyw9thvIcRYQ==}
-    peerDependencies:
-      '@fullcalendar/core': ~6.1.19
-
-  '@fullcalendar/interaction@6.1.19':
-    resolution: {integrity: sha512-GOciy79xe8JMVp+1evAU3ytdwN/7tv35t5i1vFkifiuWcQMLC/JnLg/RA2s4sYmQwoYhTw/p4GLcP0gO5B3X5w==}
-    peerDependencies:
-      '@fullcalendar/core': ~6.1.19
-
-  '@fullcalendar/list@6.1.19':
-    resolution: {integrity: sha512-knZHpAVF0LbzZpSJSUmLUUzF0XlU/MRGK+Py2s0/mP93bCtno1k2L3XPs/kzh528hSjehwLm89RgKTSfW1P6cA==}
-    peerDependencies:
-      '@fullcalendar/core': ~6.1.19
-
-  '@fullcalendar/timegrid@6.1.19':
-    resolution: {integrity: sha512-OuzpUueyO9wB5OZ8rs7TWIoqvu4v3yEqdDxZ2VcsMldCpYJRiOe7yHWKr4ap5Tb0fs7Rjbserc/b6Nt7ol6BRg==}
-    peerDependencies:
-      '@fullcalendar/core': ~6.1.19
-
-  '@fullcalendar/vue3@6.1.19':
-    resolution: {integrity: sha512-j5eUSxx0xIy3ADljo0f5B9PhjqXnCQ+7nUMPfsslc2eGVjp4F74YvY3dyd6OBbg13IvpsjowkjncGipYMQWmTA==}
-    peerDependencies:
-      '@fullcalendar/core': ~6.1.19
-      vue: ^3.0.11
-
-  '@humanwhocodes/config-array@0.13.0':
-    resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
-    engines: {node: '>=10.10.0'}
-    deprecated: Use @eslint/config-array instead
-
-  '@humanwhocodes/module-importer@1.0.1':
-    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
-    engines: {node: '>=12.22'}
-
-  '@humanwhocodes/object-schema@2.0.3':
-    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
-    deprecated: Use @eslint/object-schema instead
-
-  '@iconify-json/fa@1.2.2':
-    resolution: {integrity: sha512-Rw0L97uO3W0Gy2rq4cM/TH3QjzuPuRca1F2steumZ57zOeheGQdiqo50O6KHjm+WgImmV92IFPUTU6eiaJsrTw==}
-
-  '@iconify-json/mdi@1.2.3':
-    resolution: {integrity: sha512-O3cLwbDOK7NNDf2ihaQOH5F9JglnulNDFV7WprU2dSoZu3h3cWH//h74uQAB87brHmvFVxIOkuBX2sZSzYhScg==}
-
-  '@iconify-json/tabler@1.2.23':
-    resolution: {integrity: sha512-Knb8ykgMwB5uSoqrDv1xIdJYM03OP06OXjN6QvGXaTNtdHkW9ciKA+aftz6lwM2jwJA+bsUWeDzLBlPt2uJm4w==}
-
-  '@iconify/tools@4.1.4':
-    resolution: {integrity: sha512-s6BcNUcCxQ3S6cvhlsoWzOuBt8qKXdVyXB9rT57uSJ/ARHD7dVM43+5ERBWn3tmkMWXeJ/s9DPVc3dUasayzeA==}
-
-  '@iconify/types@2.0.0':
-    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
-
-  '@iconify/utils@2.3.0':
-    resolution: {integrity: sha512-GmQ78prtwYW6EtzXRU1rY+KwOKfz32PD7iJh6Iyqw68GiKuoZ2A6pRtzWONz5VQJbp50mEjXh/7NkumtrAgRKA==}
-
-  '@iconify/vue@4.1.2':
-    resolution: {integrity: sha512-CQnYqLiQD5LOAaXhBrmj1mdL2/NCJvwcC4jtW2Z8ukhThiFkLDkutarTOV2trfc9EXqUqRs0KqXOL9pZ/IyysA==}
-    peerDependencies:
-      vue: '>=3'
-
-  '@inquirer/ansi@1.0.1':
-    resolution: {integrity: sha512-yqq0aJW/5XPhi5xOAL1xRCpe1eh8UFVgYFpFsjEqmIR8rKLyP+HINvFXwUaxYICflJrVlxnp7lLN6As735kVpw==}
-    engines: {node: '>=18'}
-
-  '@inquirer/confirm@5.1.19':
-    resolution: {integrity: sha512-wQNz9cfcxrtEnUyG5PndC8g3gZ7lGDBzmWiXZkX8ot3vfZ+/BLjR8EvyGX4YzQLeVqtAlY/YScZpW7CW8qMoDQ==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      '@types/node': '>=18'
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-
-  '@inquirer/core@10.3.0':
-    resolution: {integrity: sha512-Uv2aPPPSK5jeCplQmQ9xadnFx2Zhj9b5Dj7bU6ZeCdDNNY11nhYy4btcSdtDguHqCT2h5oNeQTcUNSGGLA7NTA==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      '@types/node': '>=18'
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-
-  '@inquirer/figures@1.0.14':
-    resolution: {integrity: sha512-DbFgdt+9/OZYFM+19dbpXOSeAstPy884FPy1KjDu4anWwymZeOYhMY1mdFri172htv6mvc/uvIAAi7b7tvjJBQ==}
-    engines: {node: '>=18'}
-
-  '@inquirer/type@3.0.9':
-    resolution: {integrity: sha512-QPaNt/nmE2bLGQa9b7wwyRJoLZ7pN6rcyXvzU0YCmivmJyq1BVo94G98tStRWkoD1RgDX5C+dPlhhHzNdu/W/w==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      '@types/node': '>=18'
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-
-  '@intlify/bundle-utils@11.0.1':
-    resolution: {integrity: sha512-5l10G5wE2cQRsZMS9y0oSFMOLW5IG/SgbkIUltqnwF1EMRrRbUAHFiPabXdGTHeexCsMTcxj/1w9i0rzjJU9IQ==}
-    engines: {node: '>= 20'}
-    peerDependencies:
-      petite-vue-i18n: '*'
-      vue-i18n: '*'
-    peerDependenciesMeta:
-      petite-vue-i18n:
-        optional: true
-      vue-i18n:
-        optional: true
-
-  '@intlify/core-base@11.1.12':
-    resolution: {integrity: sha512-whh0trqRsSqVLNEUCwU59pyJZYpU8AmSWl8M3Jz2Mv5ESPP6kFh4juas2NpZ1iCvy7GlNRffUD1xr84gceimjg==}
-    engines: {node: '>= 16'}
-
-  '@intlify/message-compiler@11.1.12':
-    resolution: {integrity: sha512-Fv9iQSJoJaXl4ZGkOCN1LDM3trzze0AS2zRz2EHLiwenwL6t0Ki9KySYlyr27yVOj5aVz0e55JePO+kELIvfdQ==}
-    engines: {node: '>= 16'}
-
-  '@intlify/shared@11.1.12':
-    resolution: {integrity: sha512-Om86EjuQtA69hdNj3GQec9ZC0L0vPSAnXzB3gP/gyJ7+mA7t06d9aOAiqMZ+xEOsumGP4eEBlfl8zF2LOTzf2A==}
-    engines: {node: '>= 16'}
-
-  '@intlify/unplugin-vue-i18n@11.0.1':
-    resolution: {integrity: sha512-nH5NJdNjy/lO6Ne8LDtZzv4SbpVsMhPE+LbvBDmMeIeJDiino8sOJN2QB3MXzTliYTnqe3aB9Fw5+LJ/XVaXCg==}
-    engines: {node: '>= 20'}
-    peerDependencies:
-      petite-vue-i18n: '*'
-      vue: ^3.2.25
-      vue-i18n: '*'
-    peerDependenciesMeta:
-      petite-vue-i18n:
-        optional: true
-      vue-i18n:
-        optional: true
-
-  '@intlify/vue-i18n-extensions@8.0.0':
-    resolution: {integrity: sha512-w0+70CvTmuqbskWfzeYhn0IXxllr6mU+IeM2MU0M+j9OW64jkrvqY+pYFWrUnIIC9bEdij3NICruicwd5EgUuQ==}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      '@intlify/shared': ^9.0.0 || ^10.0.0 || ^11.0.0
-      '@vue/compiler-dom': ^3.0.0
-      vue: ^3.0.0
-      vue-i18n: ^9.0.0 || ^10.0.0 || ^11.0.0
-    peerDependenciesMeta:
-      '@intlify/shared':
-        optional: true
-      '@vue/compiler-dom':
-        optional: true
-      vue:
-        optional: true
-      vue-i18n:
-        optional: true
-
-  '@jridgewell/gen-mapping@0.3.13':
-    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
-
-  '@jridgewell/remapping@2.3.5':
-    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
-
-  '@jridgewell/resolve-uri@3.1.2':
-    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
-    engines: {node: '>=6.0.0'}
-
-  '@jridgewell/sourcemap-codec@1.5.5':
-    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
-
-  '@jridgewell/trace-mapping@0.3.31':
-    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
-
-  '@kurkle/color@0.3.4':
-    resolution: {integrity: sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==}
-
-  '@mapbox/jsonlint-lines-primitives@2.0.2':
-    resolution: {integrity: sha512-rY0o9A5ECsTQRVhv7tL/OyDpGAoUB4tTvLiW1DSzQGq4bvTPhNw1VpSNjDJc5GFZ2XuyOtSWSVN05qOtcD71qQ==}
-    engines: {node: '>= 0.6'}
-
-  '@mapbox/mapbox-gl-supported@3.0.0':
-    resolution: {integrity: sha512-2XghOwu16ZwPJLOFVuIOaLbN0iKMn867evzXFyf0P22dqugezfJwLmdanAgU25ITvz1TvOfVP4jsDImlDJzcWg==}
-
-  '@mapbox/point-geometry@0.1.0':
-    resolution: {integrity: sha512-6j56HdLTwWGO0fJPlrZtdU/B13q8Uwmo18Ck2GnGgN9PCFyKTZ3UbXeEdRFh18i9XQ92eH2VdtpJHpBD3aripQ==}
-
-  '@mapbox/tiny-sdf@2.0.7':
-    resolution: {integrity: sha512-25gQLQMcpivjOSA40g3gO6qgiFPDpWRoMfd+G/GoppPIeP6JDaMMkMrEJnMZhKyyS6iKwVt5YKu02vCUyJM3Ug==}
-
-  '@mapbox/unitbezier@0.0.1':
-    resolution: {integrity: sha512-nMkuDXFv60aBr9soUG5q+GvZYL+2KZHVvsqFCzqnkGEf46U2fvmytHaEVc1/YZbiLn8X+eR3QzX1+dwDO1lxlw==}
-
-  '@mapbox/vector-tile@1.3.1':
-    resolution: {integrity: sha512-MCEddb8u44/xfQ3oD+Srl/tNcQoqTw3goGk2oLsrFxOTc3dUp+kAnby3PvAeeBYSMSjSPD1nd1AJA6W49WnoUw==}
-
-  '@mapbox/whoots-js@3.1.0':
-    resolution: {integrity: sha512-Es6WcD0nO5l+2BOQS4uLfNPYQaNDfbot3X1XUoloz+x0mPDS3eeORZJl06HXjwBG1fOGwCRnzK88LMdxKRrd6Q==}
-    engines: {node: '>=6.0.0'}
-
-  '@mswjs/interceptors@0.37.6':
-    resolution: {integrity: sha512-wK+5pLK5XFmgtH3aQ2YVvA3HohS3xqV/OxuVOdNx9Wpnz7VE/fnC+e1A7ln6LFYeck7gOJ/dsZV6OLplOtAJ2w==}
-    engines: {node: '>=18'}
-
-  '@napi-rs/wasm-runtime@0.2.12':
-    resolution: {integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==}
-
-  '@nodelib/fs.scandir@2.1.5':
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.stat@2.0.5':
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.walk@1.2.8':
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
-    engines: {node: '>= 8'}
-
-  '@nolyfill/is-core-module@1.0.39':
-    resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
-    engines: {node: '>=12.4.0'}
-
-  '@open-draft/deferred-promise@2.2.0':
-    resolution: {integrity: sha512-CecwLWx3rhxVQF6V4bAgPS5t+So2sTbPgAzafKkVizyi7tlwpcFpdFqq+wqF2OwNBmqFuu6tOyouTuxgpMfzmA==}
-
-  '@open-draft/logger@0.3.0':
-    resolution: {integrity: sha512-X2g45fzhxH238HKO4xbSr7+wBS8Fvw6ixhTDuvLd5mqh6bJJCFAPwU9mPDxbcrRtfxv4u5IHCEH77BmxvXmmxQ==}
-
-  '@open-draft/until@2.1.0':
-    resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==}
-
-  '@pkgr/core@0.1.2':
-    resolution: {integrity: sha512-fdDH1LSGfZdTH2sxdpVMw31BanV28K/Gry0cVFxaNP77neJSkd82mM8ErPNYs9e+0O7SdHBLTDzDgwUuy18RnQ==}
-    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
-
-  '@pkgr/core@0.2.9':
-    resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
-    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
-
-  '@polka/url@1.0.0-next.29':
-    resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
-
-  '@popperjs/core@2.11.8':
-    resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
-
-  '@remirror/core-constants@3.0.0':
-    resolution: {integrity: sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==}
-
-  '@rolldown/pluginutils@1.0.0-beta.29':
-    resolution: {integrity: sha512-NIJgOsMjbxAXvoGq/X0gD7VPMQ8j9g0BiDaNjVNVjvl+iKXxL3Jre0v31RmBYeLEmkbj2s02v8vFTbUXi5XS2Q==}
-
-  '@rolldown/pluginutils@1.0.0-beta.46':
-    resolution: {integrity: sha512-xMNwJo/pHkEP/mhNVnW+zUiJDle6/hxrwO0mfSJuEVRbBfgrJFuUSRoZx/nYUw5pCjrysl9OkNXCkAdih8GCnA==}
-
-  '@rollup/pluginutils@5.3.0':
-    resolution: {integrity: sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
-  '@rollup/rollup-android-arm-eabi@4.52.5':
-    resolution: {integrity: sha512-8c1vW4ocv3UOMp9K+gToY5zL2XiiVw3k7f1ksf4yO1FlDFQ1C2u72iACFnSOceJFsWskc2WZNqeRhFRPzv+wtQ==}
-    cpu: [arm]
-    os: [android]
-
-  '@rollup/rollup-android-arm64@4.52.5':
-    resolution: {integrity: sha512-mQGfsIEFcu21mvqkEKKu2dYmtuSZOBMmAl5CFlPGLY94Vlcm+zWApK7F/eocsNzp8tKmbeBP8yXyAbx0XHsFNA==}
-    cpu: [arm64]
-    os: [android]
-
-  '@rollup/rollup-darwin-arm64@4.52.5':
-    resolution: {integrity: sha512-takF3CR71mCAGA+v794QUZ0b6ZSrgJkArC+gUiG6LB6TQty9T0Mqh3m2ImRBOxS2IeYBo4lKWIieSvnEk2OQWA==}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@rollup/rollup-darwin-x64@4.52.5':
-    resolution: {integrity: sha512-W901Pla8Ya95WpxDn//VF9K9u2JbocwV/v75TE0YIHNTbhqUTv9w4VuQ9MaWlNOkkEfFwkdNhXgcLqPSmHy0fA==}
-    cpu: [x64]
-    os: [darwin]
-
-  '@rollup/rollup-freebsd-arm64@4.52.5':
-    resolution: {integrity: sha512-QofO7i7JycsYOWxe0GFqhLmF6l1TqBswJMvICnRUjqCx8b47MTo46W8AoeQwiokAx3zVryVnxtBMcGcnX12LvA==}
-    cpu: [arm64]
-    os: [freebsd]
-
-  '@rollup/rollup-freebsd-x64@4.52.5':
-    resolution: {integrity: sha512-jr21b/99ew8ujZubPo9skbrItHEIE50WdV86cdSoRkKtmWa+DDr6fu2c/xyRT0F/WazZpam6kk7IHBerSL7LDQ==}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@rollup/rollup-linux-arm-gnueabihf@4.52.5':
-    resolution: {integrity: sha512-PsNAbcyv9CcecAUagQefwX8fQn9LQ4nZkpDboBOttmyffnInRy8R8dSg6hxxl2Re5QhHBf6FYIDhIj5v982ATQ==}
-    cpu: [arm]
-    os: [linux]
-
-  '@rollup/rollup-linux-arm-musleabihf@4.52.5':
-    resolution: {integrity: sha512-Fw4tysRutyQc/wwkmcyoqFtJhh0u31K+Q6jYjeicsGJJ7bbEq8LwPWV/w0cnzOqR2m694/Af6hpFayLJZkG2VQ==}
-    cpu: [arm]
-    os: [linux]
-
-  '@rollup/rollup-linux-arm64-gnu@4.52.5':
-    resolution: {integrity: sha512-a+3wVnAYdQClOTlyapKmyI6BLPAFYs0JM8HRpgYZQO02rMR09ZcV9LbQB+NL6sljzG38869YqThrRnfPMCDtZg==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@rollup/rollup-linux-arm64-musl@4.52.5':
-    resolution: {integrity: sha512-AvttBOMwO9Pcuuf7m9PkC1PUIKsfaAJ4AYhy944qeTJgQOqJYJ9oVl2nYgY7Rk0mkbsuOpCAYSs6wLYB2Xiw0Q==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@rollup/rollup-linux-loong64-gnu@4.52.5':
-    resolution: {integrity: sha512-DkDk8pmXQV2wVrF6oq5tONK6UHLz/XcEVow4JTTerdeV1uqPeHxwcg7aFsfnSm9L+OO8WJsWotKM2JJPMWrQtA==}
-    cpu: [loong64]
-    os: [linux]
-
-  '@rollup/rollup-linux-ppc64-gnu@4.52.5':
-    resolution: {integrity: sha512-W/b9ZN/U9+hPQVvlGwjzi+Wy4xdoH2I8EjaCkMvzpI7wJUs8sWJ03Rq96jRnHkSrcHTpQe8h5Tg3ZzUPGauvAw==}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@rollup/rollup-linux-riscv64-gnu@4.52.5':
-    resolution: {integrity: sha512-sjQLr9BW7R/ZiXnQiWPkErNfLMkkWIoCz7YMn27HldKsADEKa5WYdobaa1hmN6slu9oWQbB6/jFpJ+P2IkVrmw==}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@rollup/rollup-linux-riscv64-musl@4.52.5':
-    resolution: {integrity: sha512-hq3jU/kGyjXWTvAh2awn8oHroCbrPm8JqM7RUpKjalIRWWXE01CQOf/tUNWNHjmbMHg/hmNCwc/Pz3k1T/j/Lg==}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@rollup/rollup-linux-s390x-gnu@4.52.5':
-    resolution: {integrity: sha512-gn8kHOrku8D4NGHMK1Y7NA7INQTRdVOntt1OCYypZPRt6skGbddska44K8iocdpxHTMMNui5oH4elPH4QOLrFQ==}
-    cpu: [s390x]
-    os: [linux]
-
-  '@rollup/rollup-linux-x64-gnu@4.52.5':
-    resolution: {integrity: sha512-hXGLYpdhiNElzN770+H2nlx+jRog8TyynpTVzdlc6bndktjKWyZyiCsuDAlpd+j+W+WNqfcyAWz9HxxIGfZm1Q==}
-    cpu: [x64]
-    os: [linux]
-
-  '@rollup/rollup-linux-x64-musl@4.52.5':
-    resolution: {integrity: sha512-arCGIcuNKjBoKAXD+y7XomR9gY6Mw7HnFBv5Rw7wQRvwYLR7gBAgV7Mb2QTyjXfTveBNFAtPt46/36vV9STLNg==}
-    cpu: [x64]
-    os: [linux]
-
-  '@rollup/rollup-openharmony-arm64@4.52.5':
-    resolution: {integrity: sha512-QoFqB6+/9Rly/RiPjaomPLmR/13cgkIGfA40LHly9zcH1S0bN2HVFYk3a1eAyHQyjs3ZJYlXvIGtcCs5tko9Cw==}
-    cpu: [arm64]
-    os: [openharmony]
-
-  '@rollup/rollup-win32-arm64-msvc@4.52.5':
-    resolution: {integrity: sha512-w0cDWVR6MlTstla1cIfOGyl8+qb93FlAVutcor14Gf5Md5ap5ySfQ7R9S/NjNaMLSFdUnKGEasmVnu3lCMqB7w==}
-    cpu: [arm64]
-    os: [win32]
-
-  '@rollup/rollup-win32-ia32-msvc@4.52.5':
-    resolution: {integrity: sha512-Aufdpzp7DpOTULJCuvzqcItSGDH73pF3ko/f+ckJhxQyHtp67rHw3HMNxoIdDMUITJESNE6a8uh4Lo4SLouOUg==}
-    cpu: [ia32]
-    os: [win32]
-
-  '@rollup/rollup-win32-x64-gnu@4.52.5':
-    resolution: {integrity: sha512-UGBUGPFp1vkj6p8wCRraqNhqwX/4kNQPS57BCFc8wYh0g94iVIW33wJtQAx3G7vrjjNtRaxiMUylM0ktp/TRSQ==}
-    cpu: [x64]
-    os: [win32]
-
-  '@rollup/rollup-win32-x64-msvc@4.52.5':
-    resolution: {integrity: sha512-TAcgQh2sSkykPRWLrdyy2AiceMckNf5loITqXxFI5VuQjS5tSuw3WlwdN8qv8vzjLAUTvYaH/mVjSFpbkFbpTg==}
-    cpu: [x64]
-    os: [win32]
-
-  '@rtsao/scc@1.1.0':
-    resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
-
-  '@scarf/scarf@1.4.0':
-    resolution: {integrity: sha512-xxeapPiUXdZAE3che6f3xogoJPeZgig6omHEy1rIY5WVsB3H2BHNnZH+gHG6x91SCWyQCzWGsuL2Hh3ClO5/qQ==}
-
-  '@sec-ant/readable-stream@0.4.1':
-    resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
-
-  '@shikijs/core@1.29.2':
-    resolution: {integrity: sha512-vju0lY9r27jJfOY4Z7+Rt/nIOjzJpZ3y+nYpqtUZInVoXQ/TJZcfGnNOGnKjFdVZb8qexiCuSlZRKcGfhhTTZQ==}
-
-  '@shikijs/engine-javascript@1.29.2':
-    resolution: {integrity: sha512-iNEZv4IrLYPv64Q6k7EPpOCE/nuvGiKl7zxdq0WFuRPF5PAE9PRo2JGq/d8crLusM59BRemJ4eOqrFrC4wiQ+A==}
-
-  '@shikijs/engine-oniguruma@1.29.2':
-    resolution: {integrity: sha512-7iiOx3SG8+g1MnlzZVDYiaeHe7Ez2Kf2HrJzdmGwkRisT7r4rak0e655AcM/tF9JG/kg5fMNYlLLKglbN7gBqA==}
-
-  '@shikijs/langs@1.29.2':
-    resolution: {integrity: sha512-FIBA7N3LZ+223U7cJDUYd5shmciFQlYkFXlkKVaHsCPgfVLiO+e12FmQE6Tf9vuyEsFe3dIl8qGWKXgEHL9wmQ==}
-
-  '@shikijs/themes@1.29.2':
-    resolution: {integrity: sha512-i9TNZlsq4uoyqSbluIcZkmPL9Bfi3djVxRnofUHwvx/h6SRW3cwgBC5SML7vsDcWyukY0eCzVN980rqP6qNl9g==}
-
-  '@shikijs/types@1.29.2':
-    resolution: {integrity: sha512-VJjK0eIijTZf0QSTODEXCqinjBn0joAHQ+aPSBzrv4O2d/QSbsMw+ZeSRx03kV34Hy7NzUvV/7NqfYGRLrASmw==}
-
-  '@shikijs/vscode-textmate@10.0.2':
-    resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
-
-  '@sindresorhus/is@7.1.1':
-    resolution: {integrity: sha512-rO92VvpgMc3kfiTjGT52LEtJ8Yc5kCWhZjLQ3LwlA4pSgPpQO7bVpYXParOD8Jwf+cVQECJo3yP/4I8aZtUQTQ==}
-    engines: {node: '>=18'}
-
-  '@sindresorhus/merge-streams@4.0.0':
-    resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
-    engines: {node: '>=18'}
-
-  '@stylistic/eslint-plugin-js@0.0.4':
-    resolution: {integrity: sha512-W1rq2xxlFNhgZZJO+L59wtvlDI0xARYxx0WD8EeWNBO7NDybUSYSozCIcY9XvxQbTAsEXBjwqokeYm0crt7RxQ==}
-
-  '@stylistic/eslint-plugin-ts@0.0.4':
-    resolution: {integrity: sha512-sWL4Km5j8S+TLyzya/3adxMWGkCm3lVasJIVQqhxVfwnlGkpMI0GgYVIu/ubdKPS+dSvqjUHpsXgqWfMRF2+cQ==}
-    peerDependencies:
-      eslint: '*'
-      typescript: '*'
-
-  '@stylistic/stylelint-config@1.0.1':
-    resolution: {integrity: sha512-JgFP88HZEyo34k9RpWVdcQJtLPrMxYE58IO3qypXhmvE/NmZohj+xjDtQ8UfaarnYsLecnldw57/GHum07Ctdw==}
-    engines: {node: ^18.12 || >=20.9}
-    peerDependencies:
-      stylelint: ^16.0.2
-
-  '@stylistic/stylelint-plugin@2.1.3':
-    resolution: {integrity: sha512-/KUcqX36AbbUk7KvNuM0dWv2XSlPa1M12CPcC//eA4MNEFsZFl+2Kf8UZCLjlIWIrDNitd591vaVkXfOwUtsFQ==}
-    engines: {node: ^18.12 || >=20.9}
-    peerDependencies:
-      stylelint: ^16.0.2
-
-  '@tiptap/core@2.27.1':
-    resolution: {integrity: sha512-nkerkl8syHj44ZzAB7oA2GPmmZINKBKCa79FuNvmGJrJ4qyZwlkDzszud23YteFZEytbc87kVd/fP76ROS6sLg==}
-    peerDependencies:
-      '@tiptap/pm': ^2.7.0
-
-  '@tiptap/extension-blockquote@2.27.1':
-    resolution: {integrity: sha512-QrUX3muElDrNjKM3nqCSAtm3H3pT33c6ON8kwRiQboOAjT/9D57Cs7XEVY7r6rMaJPeKztrRUrNVF9w/w/6B0A==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-bold@2.27.1':
-    resolution: {integrity: sha512-g4l4p892x/r7mhea8syp3fNYODxsDrimgouQ+q4DKXIgQmm5+uNhyuEPexP3I8TFNXqQ4DlMNFoM9yCqk97etQ==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-bubble-menu@2.27.1':
-    resolution: {integrity: sha512-ki1R27VsSvY2tT9Q2DIlcATwLOoEjf5DsN+5sExarQ8S/ZxT/tvIjRxB8Dx7lb2a818W5f/NER26YchGtmHfpg==}
-    peerDependencies:
-      '@tiptap/core': ^2
-      '@tiptap/pm': ^2.7.0
-
-  '@tiptap/extension-bullet-list@2.27.1':
-    resolution: {integrity: sha512-5FmnfXkJ76wN4EbJNzBhAlmQxho8yEMIJLchTGmXdsD/n/tsyVVtewnQYaIOj/Z7naaGySTGDmjVtLgTuQ+Sxw==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-character-count@2.27.1':
-    resolution: {integrity: sha512-PCkPW7lOiIirM7QlzgumRaTQWbkVV+3NZ6e2k+8QnDNDAhT+kIsrXpzka7Uq3mfpJyHbbj1+oNvPhS/VIavQbA==}
-    peerDependencies:
-      '@tiptap/core': ^2
-      '@tiptap/pm': ^2.7.0
-
-  '@tiptap/extension-code-block@2.27.1':
-    resolution: {integrity: sha512-wCI5VIOfSAdkenCWFvh4m8FFCJ51EOK+CUmOC/PWUjyo2Dgn8QC8HMi015q8XF7886T0KvYVVoqxmxJSUDAYNg==}
-    peerDependencies:
-      '@tiptap/core': ^2
-      '@tiptap/pm': ^2.7.0
-
-  '@tiptap/extension-code@2.27.1':
-    resolution: {integrity: sha512-i65wUGJevzBTIIUBHBc1ggVa27bgemvGl/tY1/89fEuS/0Xmre+OQjw8rCtSLevoHSiYYLgLRlvjtUSUhE4kgg==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-document@2.27.1':
-    resolution: {integrity: sha512-NtJzJY7Q/6XWjpOm5OXKrnEaofrcc1XOTYlo/SaTwl8k2bZo918Vl0IDBWhPVDsUN7kx767uHwbtuQZ+9I82hA==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-dropcursor@2.27.1':
-    resolution: {integrity: sha512-3MBQRGHHZ0by3OT0CWbLKS7J3PH9PpobrXjmIR7kr0nde7+bHqxXiVNuuIf501oKU9rnEUSedipSHkLYGkmfsA==}
-    peerDependencies:
-      '@tiptap/core': ^2
-      '@tiptap/pm': ^2.7.0
-
-  '@tiptap/extension-floating-menu@2.27.1':
-    resolution: {integrity: sha512-nUk/8DbiXO69l6FDwkWso94BTf52IBoWALo+YGWT6o+FO6cI9LbUGghEX2CdmQYXCvSvwvISF2jXeLQWNZvPZQ==}
-    peerDependencies:
-      '@tiptap/core': ^2
-      '@tiptap/pm': ^2.7.0
-
-  '@tiptap/extension-gapcursor@2.27.1':
-    resolution: {integrity: sha512-A9e1jr+jGhDWzNSXtIO6PYVYhf5j/udjbZwMja+wCE/3KvZU9V3IrnGKz1xNW+2Q2BDOe1QO7j5uVL9ElR6nTA==}
-    peerDependencies:
-      '@tiptap/core': ^2
-      '@tiptap/pm': ^2.7.0
-
-  '@tiptap/extension-hard-break@2.27.1':
-    resolution: {integrity: sha512-W4hHa4Io6QCTwpyTlN6UAvqMIQ7t56kIUByZhyY9EWrg/+JpbfpxE1kXFLPB4ZGgwBknFOw+e4bJ1j3oAbTJFw==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-heading@2.27.1':
-    resolution: {integrity: sha512-6xoC7igZlW1EmnQ5WVH9IL7P1nCQb3bBUaIDLvk7LbweEogcTUECI4Xg1vxMOVmj9tlDe1I4BsgfcKpB5KEsZw==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-highlight@2.27.1':
-    resolution: {integrity: sha512-ntuYX09tvHQE/R/8WbTOxbFuQhRr2jhTkKz/gLwDD2o8IhccSy3f0nm+mVmVamKQnbsBBbLohojd5IGOnX9f1A==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-history@2.27.1':
-    resolution: {integrity: sha512-K8PHC9gegSAt0wzSlsd4aUpoEyIJYOmVVeyniHr1P1mIblW1KYEDbRGbDlrLALTyUEfMcBhdIm8zrB9X2Nihvg==}
-    peerDependencies:
-      '@tiptap/core': ^2
-      '@tiptap/pm': ^2.7.0
-
-  '@tiptap/extension-horizontal-rule@2.27.1':
-    resolution: {integrity: sha512-WxXWGEEsqDmGIF2o9av+3r9Qje4CKrqrpeQY6aRO5bxvWX9AabQCfasepayBok6uwtvNzh3Xpsn9zbbSk09dNA==}
-    peerDependencies:
-      '@tiptap/core': ^2
-      '@tiptap/pm': ^2.7.0
-
-  '@tiptap/extension-image@2.27.1':
-    resolution: {integrity: sha512-wu3vMKDYWJwKS6Hrw5PPCKBO2RxyHNeFLiA/uDErEV7axzNpievK/U9DyaDXmtK3K/h1XzJAJz19X+2d/pY68w==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-italic@2.27.1':
-    resolution: {integrity: sha512-rcm0GyniWW0UhcNI9+1eIK64GqWQLyIIrWGINslvqSUoBc+WkfocLvv4CMpRkzKlfsAxwVIBuH2eLxHKDtAREA==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-link@2.27.1':
-    resolution: {integrity: sha512-cCwWPZsnVh9MXnGOqSIRXPPuUixRDK8eMN2TvqwbxUBb1TU7b/HtNvfMU4tAOqAuMRJ0aJkFuf3eB0Gi8LVb1g==}
-    peerDependencies:
-      '@tiptap/core': ^2
-      '@tiptap/pm': ^2.7.0
-
-  '@tiptap/extension-list-item@2.27.1':
-    resolution: {integrity: sha512-dtsxvtzxfwOJP6dKGf0vb2MJAoDF2NxoiWzpq0XTvo7NGGYUHfuHjX07Zp0dYqb4seaDXjwsi5BIQUOp3+WMFQ==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-ordered-list@2.27.1':
-    resolution: {integrity: sha512-U1/sWxc2TciozQsZjH35temyidYUjvroHj3PUPzPyh19w2fwKh1NSbFybWuoYs6jS3XnMSwnM2vF52tOwvfEmA==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-paragraph@2.27.1':
-    resolution: {integrity: sha512-R3QdrHcUdFAsdsn2UAIvhY0yWyHjqGyP/Rv8RRdN0OyFiTKtwTPqreKMHKJOflgX4sMJl/OpHTpNG1Kaf7Lo2A==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-placeholder@2.27.1':
-    resolution: {integrity: sha512-UbXaibHHFE+lOTlw/vs3jPzBoj1sAfbXuTAhXChjgYIcTTY5Cr6yxwcymLcimbQ79gf04Xkua2FCN3YsJxIFmw==}
-    peerDependencies:
-      '@tiptap/core': ^2
-      '@tiptap/pm': ^2.7.0
-
-  '@tiptap/extension-strike@2.27.1':
-    resolution: {integrity: sha512-S9I//K8KPgfFTC5I5lorClzXk0g4lrAv9y5qHzHO5EOWt7AFl0YTg2oN8NKSIBK4bHRnPIrjJJKv+dDFnUp5jQ==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-subscript@2.27.1':
-    resolution: {integrity: sha512-n2jTaYriewwz3ES1o6Wt/OwREvPwi97n+yEsJ7i31wiuxGTdCP31eAuppC6DvixEvDt3/rZMZcNp8Ah9crlbnw==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-superscript@2.27.1':
-    resolution: {integrity: sha512-zTYOD7k3txm21rjeYHsf/VIpBe9IvVfNHSNayyY/JOgyQ/fW40cgX0gADNoT2ayAtRes4TvpcUYdgF9vC5bkJw==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-text-align@2.27.1':
-    resolution: {integrity: sha512-D7dLPk7y5mDn9ZNANQ4K2gCq4vy+Emm5AdeWOGzNeqJsYrBotiQYXd9rb1QYjdup2kzAoKduMTUXV92ujo5cEg==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-text-style@2.27.1':
-    resolution: {integrity: sha512-NagQ9qLk0Ril83gfrk+C65SvTqPjL3WVnLF2arsEVnCrxcx3uDOvdJW67f/K5HEwEHsoqJ4Zq9Irco/koXrOXA==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-text@2.27.1':
-    resolution: {integrity: sha512-a4GCT+GZ9tUwl82F4CEum9/+WsuW0/De9Be/NqrMmi7eNfAwbUTbLCTFU0gEvv25WMHCoUzaeNk/qGmzeVPJ1Q==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/extension-underline@2.27.1':
-    resolution: {integrity: sha512-fPTmfJFAQWg1O/os1pYSPVdtvly6eW/w5sDofG7pre+bdQUN+8s1cZYelSuj/ltNVioRaB2Ws7tvNgnHL0aAJQ==}
-    peerDependencies:
-      '@tiptap/core': ^2
-
-  '@tiptap/pm@2.27.1':
-    resolution: {integrity: sha512-ijKo3+kIjALthYsnBmkRXAuw2Tswd9gd7BUR5OMfIcjGp8v576vKxOxrRfuYiUM78GPt//P0sVc1WV82H5N0PQ==}
-
-  '@tiptap/starter-kit@2.27.1':
-    resolution: {integrity: sha512-uQQlP0Nmn9eq19qm8YoOeloEfmcGbPpB1cujq54Q6nPgxaBozR7rE7tXbFTinxRW2+Hr7XyNWhpjB7DMNkdU2Q==}
-
-  '@tiptap/vue-3@2.27.1':
-    resolution: {integrity: sha512-1D0gTlGBeDmrl+APm/JKoNs/KnW5PecpD1PbQmg2GEHVxVZNeIUpG48D/V5uTIiRwJsDx3PMd8AmsZs1QS6GLw==}
-    peerDependencies:
-      '@tiptap/core': ^2
-      '@tiptap/pm': ^2.7.0
-      vue: ^3.0.0
-
-  '@trysound/sax@0.2.0':
-    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
-    engines: {node: '>=10.13.0'}
-
-  '@tybys/wasm-util@0.10.1':
-    resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
-
-  '@types/cookie@0.6.0':
-    resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
-
-  '@types/estree@1.0.8':
-    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
-
-  '@types/geojson@7946.0.16':
-    resolution: {integrity: sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==}
-
-  '@types/hast@3.0.4':
-    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
-
-  '@types/json-schema@7.0.15':
-    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
-
-  '@types/json5@0.0.29':
-    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
-
-  '@types/linkify-it@5.0.0':
-    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
-
-  '@types/mapbox-gl@3.4.1':
-    resolution: {integrity: sha512-NsGKKtgW93B+UaLPti6B7NwlxYlES5DpV5Gzj9F75rK5ALKsqSk15CiEHbOnTr09RGbr6ZYiCdI+59NNNcAImg==}
-
-  '@types/mapbox__point-geometry@0.1.4':
-    resolution: {integrity: sha512-mUWlSxAmYLfwnRBmgYV86tgYmMIICX4kza8YnE/eIlywGe2XoOxlpVnXWwir92xRLjwyarqwpu2EJKD2pk0IUA==}
-
-  '@types/mapbox__vector-tile@1.3.4':
-    resolution: {integrity: sha512-bpd8dRn9pr6xKvuEBQup8pwQfD4VUyqO/2deGjfpe6AwC8YRlyEipvefyRJUSiCJTZuCb8Pl1ciVV5ekqJ96Bg==}
-
-  '@types/markdown-it@14.1.2':
-    resolution: {integrity: sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==}
-
-  '@types/mdast@3.0.15':
-    resolution: {integrity: sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==}
-
-  '@types/mdast@4.0.4':
-    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
-
-  '@types/mdurl@2.0.0':
-    resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
-
-  '@types/node@24.10.0':
-    resolution: {integrity: sha512-qzQZRBqkFsYyaSWXuEHc2WR9c0a0CXwiE5FWUvn7ZM+vdy1uZLfCunD38UzhuB7YN/J11ndbDBcTmOdxJo9Q7A==}
-
-  '@types/normalize-package-data@2.4.4':
-    resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
-
-  '@types/pbf@3.0.5':
-    resolution: {integrity: sha512-j3pOPiEcWZ34R6a6mN07mUkM4o4Lwf6hPNt8eilOeZhTFbxFXmKhvXl9Y28jotFPaI1bpPDJsbCprUoNke6OrA==}
-
-  '@types/semver@7.7.1':
-    resolution: {integrity: sha512-FmgJfu+MOcQ370SD0ev7EI8TlCAfKYU+B4m5T3yXc1CiRN94g/SZPtsCkk506aUDtlMnFZvasDwHHUcZUEaYuA==}
-
-  '@types/statuses@2.0.6':
-    resolution: {integrity: sha512-xMAgYwceFhRA2zY+XbEA7mxYbA093wdiW8Vu6gZPGWy9cmOyU9XesH1tNcEWsKFd5Vzrqx5T3D38PWx1FIIXkA==}
-
-  '@types/tar@6.1.13':
-    resolution: {integrity: sha512-IznnlmU5f4WcGTh2ltRu/Ijpmk8wiWXfF0VA4s+HPjHZgvFggk1YaIkbo5krX/zUCzWF8N/l4+W/LNxnvAJ8nw==}
-
-  '@types/tough-cookie@4.0.5':
-    resolution: {integrity: sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==}
-
-  '@types/unist@2.0.11':
-    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
-
-  '@types/unist@3.0.3':
-    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
-
-  '@types/web-bluetooth@0.0.20':
-    resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
-
-  '@types/webfontloader@1.6.38':
-    resolution: {integrity: sha512-kUaF72Fv202suFx6yBrwXqeVRMx7hGtJTesyESZgn9sEPCUeDXm2p0SiyS1MTqW74nQP4p7JyrOCwZ7pNFns4w==}
-
-  '@types/yauzl@2.10.3':
-    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
-
-  '@typescript-eslint/eslint-plugin@6.21.0':
-    resolution: {integrity: sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/eslint-plugin@7.18.0':
-    resolution: {integrity: sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==}
-    engines: {node: ^18.18.0 || >=20.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^7.0.0
-      eslint: ^8.56.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/parser@6.21.0':
-    resolution: {integrity: sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/parser@7.18.0':
-    resolution: {integrity: sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==}
-    engines: {node: ^18.18.0 || >=20.0.0}
-    peerDependencies:
-      eslint: ^8.56.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/project-service@8.46.3':
-    resolution: {integrity: sha512-Fz8yFXsp2wDFeUElO88S9n4w1I4CWDTXDqDr9gYvZgUpwXQqmZBr9+NTTql5R3J7+hrJZPdpiWaB9VNhAKYLuQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/scope-manager@5.62.0':
-    resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  '@typescript-eslint/scope-manager@6.21.0':
-    resolution: {integrity: sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
-  '@typescript-eslint/scope-manager@7.18.0':
-    resolution: {integrity: sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==}
-    engines: {node: ^18.18.0 || >=20.0.0}
-
-  '@typescript-eslint/scope-manager@8.46.3':
-    resolution: {integrity: sha512-FCi7Y1zgrmxp3DfWfr+3m9ansUUFoy8dkEdeQSgA9gbm8DaHYvZCdkFRQrtKiedFf3Ha6VmoqoAaP68+i+22kg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@typescript-eslint/tsconfig-utils@8.46.3':
-    resolution: {integrity: sha512-GLupljMniHNIROP0zE7nCcybptolcH8QZfXOpCfhQDAdwJ/ZTlcaBOYebSOZotpti/3HrHSw7D3PZm75gYFsOA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/type-utils@6.21.0':
-    resolution: {integrity: sha512-rZQI7wHfao8qMX3Rd3xqeYSMCL3SoiSQLBATSiVKARdFGCYSRvmViieZjqc58jKgs8Y8i9YvVVhRbHSTA4VBag==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/type-utils@7.18.0':
-    resolution: {integrity: sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==}
-    engines: {node: ^18.18.0 || >=20.0.0}
-    peerDependencies:
-      eslint: ^8.56.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/types@5.62.0':
-    resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  '@typescript-eslint/types@6.21.0':
-    resolution: {integrity: sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
-  '@typescript-eslint/types@7.18.0':
-    resolution: {integrity: sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==}
-    engines: {node: ^18.18.0 || >=20.0.0}
-
-  '@typescript-eslint/types@8.46.3':
-    resolution: {integrity: sha512-G7Ok9WN/ggW7e/tOf8TQYMaxgID3Iujn231hfi0Pc7ZheztIJVpO44ekY00b7akqc6nZcvregk0Jpah3kep6hA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@typescript-eslint/typescript-estree@5.62.0':
-    resolution: {integrity: sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/typescript-estree@6.21.0':
-    resolution: {integrity: sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/typescript-estree@7.18.0':
-    resolution: {integrity: sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==}
-    engines: {node: ^18.18.0 || >=20.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@typescript-eslint/typescript-estree@8.46.3':
-    resolution: {integrity: sha512-f/NvtRjOm80BtNM5OQtlaBdM5BRFUv7gf381j9wygDNL+qOYSNOgtQ/DCndiYi80iIOv76QqaTmp4fa9hwI0OA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/utils@5.62.0':
-    resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-
-  '@typescript-eslint/utils@6.21.0':
-    resolution: {integrity: sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-
-  '@typescript-eslint/utils@7.18.0':
-    resolution: {integrity: sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==}
-    engines: {node: ^18.18.0 || >=20.0.0}
-    peerDependencies:
-      eslint: ^8.56.0
-
-  '@typescript-eslint/visitor-keys@5.62.0':
-    resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  '@typescript-eslint/visitor-keys@6.21.0':
-    resolution: {integrity: sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
-  '@typescript-eslint/visitor-keys@7.18.0':
-    resolution: {integrity: sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==}
-    engines: {node: ^18.18.0 || >=20.0.0}
-
-  '@typescript-eslint/visitor-keys@8.46.3':
-    resolution: {integrity: sha512-uk574k8IU0rOF/AjniX8qbLSGURJVUCeM5e4MIMKBFFi8weeiLrG1fyQejyLXQpRZbU/1BuQasleV/RfHC3hHg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@ucast/core@1.10.2':
-    resolution: {integrity: sha512-ons5CwXZ/51wrUPfoduC+cO7AS1/wRb0ybpQJ9RrssossDxVy4t49QxWoWgfBDvVKsz9VXzBk9z0wqTdZ+Cq8g==}
-
-  '@ucast/js@3.0.4':
-    resolution: {integrity: sha512-TgG1aIaCMdcaEyckOZKQozn1hazE0w90SVdlpIJ/er8xVumE11gYAtSbw/LBeUnA4fFnFWTcw3t6reqseeH/4Q==}
-
-  '@ucast/mongo2js@1.4.0':
-    resolution: {integrity: sha512-vR9RJ3BHlkI3RfKJIZFdVktxWvBCQRiSTeJSWN9NPxP5YJkpfXvcBWAMLwvyJx4HbB+qib5/AlSDEmQiuQyx2w==}
-
-  '@ucast/mongo@2.4.3':
-    resolution: {integrity: sha512-XcI8LclrHWP83H+7H2anGCEeDq0n+12FU2mXCTz6/Tva9/9ddK/iacvvhCyW6cijAAOILmt0tWplRyRhVyZLsA==}
-
-  '@ungap/structured-clone@1.3.0':
-    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
-
-  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
-    resolution: {integrity: sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==}
-    cpu: [arm]
-    os: [android]
-
-  '@unrs/resolver-binding-android-arm64@1.11.1':
-    resolution: {integrity: sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==}
-    cpu: [arm64]
-    os: [android]
-
-  '@unrs/resolver-binding-darwin-arm64@1.11.1':
-    resolution: {integrity: sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@unrs/resolver-binding-darwin-x64@1.11.1':
-    resolution: {integrity: sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==}
-    cpu: [x64]
-    os: [darwin]
-
-  '@unrs/resolver-binding-freebsd-x64@1.11.1':
-    resolution: {integrity: sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
-    resolution: {integrity: sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==}
-    cpu: [arm]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
-    resolution: {integrity: sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==}
-    cpu: [arm]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
-    resolution: {integrity: sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
-    resolution: {integrity: sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
-    resolution: {integrity: sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
-    resolution: {integrity: sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
-    resolution: {integrity: sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
-    resolution: {integrity: sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==}
-    cpu: [s390x]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
-    resolution: {integrity: sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==}
-    cpu: [x64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
-    resolution: {integrity: sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==}
-    cpu: [x64]
-    os: [linux]
-
-  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
-    resolution: {integrity: sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [wasm32]
-
-  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
-    resolution: {integrity: sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==}
-    cpu: [arm64]
-    os: [win32]
-
-  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
-    resolution: {integrity: sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==}
-    cpu: [ia32]
-    os: [win32]
-
-  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
-    resolution: {integrity: sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==}
-    cpu: [x64]
-    os: [win32]
-
-  '@vitejs/plugin-vue-jsx@5.1.1':
-    resolution: {integrity: sha512-uQkfxzlF8SGHJJVH966lFTdjM/lGcwJGzwAHpVqAPDD/QcsqoUGa+q31ox1BrUfi+FLP2ChVp7uLXE3DkHyDdQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    peerDependencies:
-      vite: ^5.0.0 || ^6.0.0 || ^7.0.0
-      vue: ^3.0.0
-
-  '@vitejs/plugin-vue@6.0.1':
-    resolution: {integrity: sha512-+MaE752hU0wfPFJEUAIxqw18+20euHHdxVtMvbFcOEpjEyfqXH/5DCoTHiVJ0J29EhTJdoTkjEv5YBKU9dnoTw==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    peerDependencies:
-      vite: ^5.0.0 || ^6.0.0 || ^7.0.0
-      vue: ^3.2.25
-
-  '@volar/language-core@2.4.23':
-    resolution: {integrity: sha512-hEEd5ET/oSmBC6pi1j6NaNYRWoAiDhINbT8rmwtINugR39loROSlufGdYMF9TaKGfz+ViGs1Idi3mAhnuPcoGQ==}
-
-  '@volar/source-map@2.4.23':
-    resolution: {integrity: sha512-Z1Uc8IB57Lm6k7q6KIDu/p+JWtf3xsXJqAX/5r18hYOTpJyBn0KXUR8oTJ4WFYOcDzWC9n3IflGgHowx6U6z9Q==}
-
-  '@volar/typescript@2.4.23':
-    resolution: {integrity: sha512-lAB5zJghWxVPqfcStmAP1ZqQacMpe90UrP5RJ3arDyrhy4aCUQqmxPPLB2PWDKugvylmO41ljK7vZ+t6INMTag==}
-
-  '@vue-macros/common@1.16.1':
-    resolution: {integrity: sha512-Pn/AWMTjoMYuquepLZP813BIcq8DTZiNCoaceuNlvaYuOTd8DqBZWc5u0uOMQZMInwME1mdSmmBAcTluiV9Jtg==}
-    engines: {node: '>=16.14.0'}
-    peerDependencies:
-      vue: ^2.7.0 || ^3.2.25
-    peerDependenciesMeta:
-      vue:
-        optional: true
-
-  '@vue/babel-helper-vue-transform-on@1.5.0':
-    resolution: {integrity: sha512-0dAYkerNhhHutHZ34JtTl2czVQHUNWv6xEbkdF5W+Yrv5pCWsqjeORdOgbtW2I9gWlt+wBmVn+ttqN9ZxR5tzA==}
-
-  '@vue/babel-plugin-jsx@1.5.0':
-    resolution: {integrity: sha512-mneBhw1oOqCd2247O0Yw/mRwC9jIGACAJUlawkmMBiNmL4dGA2eMzuNZVNqOUfYTa6vqmND4CtOPzmEEEqLKFw==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    peerDependenciesMeta:
-      '@babel/core':
-        optional: true
-
-  '@vue/babel-plugin-resolve-type@1.5.0':
-    resolution: {integrity: sha512-Wm/60o+53JwJODm4Knz47dxJnLDJ9FnKnGZJbUUf8nQRAtt6P+undLUAVU3Ha33LxOJe6IPoifRQ6F/0RrU31w==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@vue/compiler-core@3.5.22':
-    resolution: {integrity: sha512-jQ0pFPmZwTEiRNSb+i9Ow/I/cHv2tXYqsnHKKyCQ08irI2kdF5qmYedmF8si8mA7zepUFmJ2hqzS8CQmNOWOkQ==}
-
-  '@vue/compiler-dom@3.5.22':
-    resolution: {integrity: sha512-W8RknzUM1BLkypvdz10OVsGxnMAuSIZs9Wdx1vzA3mL5fNMN15rhrSCLiTm6blWeACwUwizzPVqGJgOGBEN/hA==}
-
-  '@vue/compiler-sfc@3.5.22':
-    resolution: {integrity: sha512-tbTR1zKGce4Lj+JLzFXDq36K4vcSZbJ1RBu8FxcDv1IGRz//Dh2EBqksyGVypz3kXpshIfWKGOCcqpSbyGWRJQ==}
-
-  '@vue/compiler-ssr@3.5.22':
-    resolution: {integrity: sha512-GdgyLvg4R+7T8Nk2Mlighx7XGxq/fJf9jaVofc3IL0EPesTE86cP/8DD1lT3h1JeZr2ySBvyqKQJgbS54IX1Ww==}
-
-  '@vue/devtools-api@6.6.4':
-    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
-
-  '@vue/devtools-api@7.7.7':
-    resolution: {integrity: sha512-lwOnNBH2e7x1fIIbVT7yF5D+YWhqELm55/4ZKf45R9T8r9dE2AIOy8HKjfqzGsoTHFbWbr337O4E0A0QADnjBg==}
-
-  '@vue/devtools-core@8.0.3':
-    resolution: {integrity: sha512-gCEQN7aMmeaigEWJQ2Z2o3g7/CMqGTPvNS1U3n/kzpLoAZ1hkAHNgi4ml/POn/9uqGILBk65GGOUdrraHXRj5Q==}
-    peerDependencies:
-      vue: ^3.0.0
-
-  '@vue/devtools-kit@7.7.7':
-    resolution: {integrity: sha512-wgoZtxcTta65cnZ1Q6MbAfePVFxfM+gq0saaeytoph7nEa7yMXoi6sCPy4ufO111B9msnw0VOWjPEFCXuAKRHA==}
-
-  '@vue/devtools-kit@8.0.3':
-    resolution: {integrity: sha512-UF4YUOVGdfzXLCv5pMg2DxocB8dvXz278fpgEE+nJ/DRALQGAva7sj9ton0VWZ9hmXw+SV8yKMrxP2MpMhq9Wg==}
-
-  '@vue/devtools-shared@7.7.7':
-    resolution: {integrity: sha512-+udSj47aRl5aKb0memBvcUG9koarqnxNM5yjuREvqwK6T3ap4mn3Zqqc17QrBFTqSMjr3HK1cvStEZpMDpfdyw==}
-
-  '@vue/devtools-shared@8.0.3':
-    resolution: {integrity: sha512-s/QNll7TlpbADFZrPVsaUNPCOF8NvQgtgmmB7Tip6pLf/HcOvBTly0lfLQ0Eylu9FQ4OqBhFpLyBgwykiSf8zw==}
-
-  '@vue/language-core@3.1.3':
-    resolution: {integrity: sha512-KpR1F/eGAG9D1RZ0/T6zWJs6dh/pRLfY5WupecyYKJ1fjVmDMgTPw9wXmKv2rBjo4zCJiOSiyB8BDP1OUwpMEA==}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@vue/reactivity@3.5.22':
-    resolution: {integrity: sha512-f2Wux4v/Z2pqc9+4SmgZC1p73Z53fyD90NFWXiX9AKVnVBEvLFOWCEgJD3GdGnlxPZt01PSlfmLqbLYzY/Fw4A==}
-
-  '@vue/runtime-core@3.5.22':
-    resolution: {integrity: sha512-EHo4W/eiYeAzRTN5PCextDUZ0dMs9I8mQ2Fy+OkzvRPUYQEyK9yAjbasrMCXbLNhF7P0OUyivLjIy0yc6VrLJQ==}
-
-  '@vue/runtime-dom@3.5.22':
-    resolution: {integrity: sha512-Av60jsryAkI023PlN7LsqrfPvwfxOd2yAwtReCjeuugTJTkgrksYJJstg1e12qle0NarkfhfFu1ox2D+cQotww==}
-
-  '@vue/server-renderer@3.5.22':
-    resolution: {integrity: sha512-gXjo+ao0oHYTSswF+a3KRHZ1WszxIqO7u6XwNHqcqb9JfyIL/pbWrrh/xLv7jeDqla9u+LK7yfZKHih1e1RKAQ==}
-    peerDependencies:
-      vue: 3.5.22
-
-  '@vue/shared@3.5.22':
-    resolution: {integrity: sha512-F4yc6palwq3TT0u+FYf0Ns4Tfl9GRFURDN2gWG7L1ecIaS/4fCIuFOjMTnCyjsu/OK6vaDKLCrGAa+KvvH+h4w==}
-
-  '@vuetify/loader-shared@2.1.1':
-    resolution: {integrity: sha512-jSZTzTYaoiv8iwonFCVZQ0YYX/M+Uyl4ng+C4egMJT0Hcmh9gIxJL89qfZICDeo3g0IhqrvipW2FFKKRDMtVcA==}
-    peerDependencies:
-      vue: ^3.0.0
-      vuetify: ^3.0.0
-
-  '@vueuse/core@10.11.1':
-    resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==}
-
-  '@vueuse/math@10.11.1':
-    resolution: {integrity: sha512-fkdaNEOn22Vjz/A3vNWO2+eysunlK74ODmJRosweKMEA07oi5WH/CYQ8oGxu2Fa641fhs4hXS7XxdALsGVYlpw==}
-
-  '@vueuse/metadata@10.11.1':
-    resolution: {integrity: sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==}
-
-  '@vueuse/shared@10.11.1':
-    resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==}
-
-  '@yr/monotone-cubic-spline@1.0.3':
-    resolution: {integrity: sha512-FQXkOta0XBSUPHndIKON2Y9JeQz5ZeMqLYZVVK93FliNBFm7LNMIZmY6FrMEB9XPcDbE2bekMbZD6kzDkxwYjA==}
-
-  acorn-jsx@5.3.2:
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
-
-  acorn@8.15.0:
-    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-
-  ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
-
-  ajv@8.17.1:
-    resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
-
-  alien-signals@3.0.5:
-    resolution: {integrity: sha512-+2bRQFO1f9GLeIabDQWJlluL1NspZlLjpjaSSwwpl+9Tz5tS/3KrceHdwjNvIMEbYWSpoqtOPuXLTSoPgvIEWw==}
-
-  ansi-regex@5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
-    engines: {node: '>=8'}
-
-  ansi-regex@6.2.2:
-    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
-    engines: {node: '>=12'}
-
-  ansi-styles@4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
-    engines: {node: '>=8'}
-
-  ansis@4.2.0:
-    resolution: {integrity: sha512-HqZ5rWlFjGiV0tDm3UxxgNRqsOTniqoKZu0pIAfh7TZQMGuZK+hH0drySty0si0QXj1ieop4+SkSfPZBPPkHig==}
-    engines: {node: '>=14'}
-
-  anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
-
-  apexcharts@3.54.1:
-    resolution: {integrity: sha512-E4et0h/J1U3r3EwS/WlqJCQIbepKbp6wGUmaAwJOMjHUP4Ci0gxanLa7FR3okx6p9coi4st6J853/Cb1NP0vpA==}
-
-  are-docs-informative@0.0.2:
-    resolution: {integrity: sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==}
-    engines: {node: '>=14'}
-
-  argparse@2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
-
-  array-buffer-byte-length@1.0.2:
-    resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
-    engines: {node: '>= 0.4'}
-
-  array-includes@3.1.9:
-    resolution: {integrity: sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==}
-    engines: {node: '>= 0.4'}
-
-  array-union@2.1.0:
-    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
-    engines: {node: '>=8'}
-
-  array.prototype.findlastindex@1.2.6:
-    resolution: {integrity: sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==}
-    engines: {node: '>= 0.4'}
-
-  array.prototype.flat@1.3.3:
-    resolution: {integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==}
-    engines: {node: '>= 0.4'}
-
-  array.prototype.flatmap@1.3.3:
-    resolution: {integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==}
-    engines: {node: '>= 0.4'}
-
-  arraybuffer.prototype.slice@1.0.4:
-    resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
-    engines: {node: '>= 0.4'}
-
-  ast-kit@1.4.3:
-    resolution: {integrity: sha512-MdJqjpodkS5J149zN0Po+HPshkTdUyrvF7CKTafUgv69vBSPtncrj+3IiUgqdd7ElIEkbeXCsEouBUwLrw9Ilg==}
-    engines: {node: '>=16.14.0'}
-
-  ast-walker-scope@0.6.2:
-    resolution: {integrity: sha512-1UWOyC50xI3QZkRuDj6PqDtpm1oHWtYs+NQGwqL/2R11eN3Q81PHAHPM0SWW3BNQm53UDwS//Jv8L4CCVLM1bQ==}
-    engines: {node: '>=16.14.0'}
-
-  astral-regex@2.0.0:
-    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
-    engines: {node: '>=8'}
-
-  async-function@1.0.0:
-    resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
-    engines: {node: '>= 0.4'}
-
-  asynckit@0.4.0:
-    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
-
-  available-typed-arrays@1.0.7:
-    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
-    engines: {node: '>= 0.4'}
-
-  axios@1.13.1:
-    resolution: {integrity: sha512-hU4EGxxt+j7TQijx1oYdAjw4xuIp1wRQSsbMFwSthCWeBQur1eF+qJ5iQ5sN3Tw8YRzQNKb8jszgBdMDVqwJcw==}
-
-  balanced-match@1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-
-  balanced-match@2.0.0:
-    resolution: {integrity: sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==}
-
-  baseline-browser-mapping@2.8.23:
-    resolution: {integrity: sha512-616V5YX4bepJFzNyOfce5Fa8fDJMfoxzOIzDCZwaGL8MKVpFrXqfNUoIpRn9YMI5pXf/VKgzjB4htFMsFKKdiQ==}
-    hasBin: true
-
-  binary-extensions@2.3.0:
-    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
-    engines: {node: '>=8'}
-
-  birpc@2.7.0:
-    resolution: {integrity: sha512-tub/wFGH49vNCm0xraykcY3TcRgX/3JsALYq/Lwrtti+bTyFHkCUAWF5wgYoie8P41wYwig2mIKiqoocr1EkEQ==}
-
-  boolbase@1.0.0:
-    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
-
-  brace-expansion@1.1.12:
-    resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
-
-  brace-expansion@2.0.2:
-    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
-
-  braces@3.0.3:
-    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
-    engines: {node: '>=8'}
-
-  browserslist@4.27.0:
-    resolution: {integrity: sha512-AXVQwdhot1eqLihwasPElhX2tAZiBjWdJ9i/Zcj2S6QYIjkx62OKSfnobkriB81C3l4w0rVy3Nt4jaTBltYEpw==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
-  buffer-crc32@0.2.13:
-    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
-
-  builtin-modules@3.3.0:
-    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
-    engines: {node: '>=6'}
-
-  builtins@5.1.0:
-    resolution: {integrity: sha512-SW9lzGTLvWTP1AY8xeAMZimqDrIaSdLQUcVr9DMef51niJ022Ri87SwRRKYm4A6iHfkPaiVUu/Duw2Wc4J7kKg==}
-
-  bundle-name@4.1.0:
-    resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
-    engines: {node: '>=18'}
-
-  call-bind-apply-helpers@1.0.2:
-    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
-    engines: {node: '>= 0.4'}
-
-  call-bind@1.0.8:
-    resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
-    engines: {node: '>= 0.4'}
-
-  call-bound@1.0.4:
-    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
-    engines: {node: '>= 0.4'}
-
-  callsites@3.1.0:
-    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
-    engines: {node: '>=6'}
-
-  caniuse-lite@1.0.30001753:
-    resolution: {integrity: sha512-Bj5H35MD/ebaOV4iDLqPEtiliTN29qkGtEHCwawWn4cYm+bPJM2NsaP30vtZcnERClMzp52J4+aw2UNbK4o+zw==}
-
-  case-police@0.6.1:
-    resolution: {integrity: sha512-tOgkG3HhtzNVHU+HVHqbpVJ3CICPDihtlgoM2C4dx0RLeo6qcNVeBgiYJN5Bln+stxKrnKrw89CFgqYQDqwZQg==}
-    hasBin: true
-
-  ccount@2.0.1:
-    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
-
-  chalk@4.1.2:
-    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
-    engines: {node: '>=10'}
-
-  character-entities-html4@2.1.0:
-    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
-
-  character-entities-legacy@1.1.4:
-    resolution: {integrity: sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==}
-
-  character-entities-legacy@3.0.0:
-    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
-
-  character-entities@1.2.4:
-    resolution: {integrity: sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==}
-
-  character-reference-invalid@1.1.4:
-    resolution: {integrity: sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==}
-
-  chart.js@4.5.1:
-    resolution: {integrity: sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==}
-    engines: {pnpm: '>=8'}
-
-  cheap-ruler@4.0.0:
-    resolution: {integrity: sha512-0BJa8f4t141BYKQyn9NSQt1PguFQXMXwZiA5shfoaBYHAb2fFk2RAX+tiWMoQU+Agtzt3mdt0JtuyshAXqZ+Vw==}
-
-  cheerio-select@2.1.0:
-    resolution: {integrity: sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==}
-
-  cheerio@1.0.0:
-    resolution: {integrity: sha512-quS9HgjQpdaXOvsZz82Oz7uxtXiy6UIsIQcpBj7HRw2M63Skasm9qlDocAM7jNuaxdhpPU7c4kJN+gA5MCu4ww==}
-    engines: {node: '>=18.17'}
-
-  chokidar@3.6.0:
-    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
-    engines: {node: '>= 8.10.0'}
-
-  chownr@2.0.0:
-    resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
-    engines: {node: '>=10'}
-
-  ci-info@3.9.0:
-    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
-    engines: {node: '>=8'}
-
-  ci-info@4.3.1:
-    resolution: {integrity: sha512-Wdy2Igu8OcBpI2pZePZ5oWjPC38tmDVx5WKUXKwlLYkA0ozo85sLsLvkBbBn/sZaSCMFOGZJ14fvW9t5/d7kdA==}
-    engines: {node: '>=8'}
-
-  clean-regexp@1.0.0:
-    resolution: {integrity: sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==}
-    engines: {node: '>=4'}
-
-  cli-width@4.1.0:
-    resolution: {integrity: sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==}
-    engines: {node: '>= 12'}
-
-  cliui@8.0.1:
-    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
-    engines: {node: '>=12'}
-
-  color-convert@2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
-    engines: {node: '>=7.0.0'}
-
-  color-name@1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
-
-  colord@2.9.3:
-    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
-
-  combined-stream@1.0.8:
-    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
-    engines: {node: '>= 0.8'}
-
-  comma-separated-tokens@2.0.3:
-    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
-
-  commander@7.2.0:
-    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
-    engines: {node: '>= 10'}
-
-  comment-parser@1.4.1:
-    resolution: {integrity: sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==}
-    engines: {node: '>= 12.0.0'}
-
-  concat-map@0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-
-  confbox@0.1.8:
-    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
-
-  confbox@0.2.2:
-    resolution: {integrity: sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==}
-
-  confusing-browser-globals@1.0.11:
-    resolution: {integrity: sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==}
-
-  convert-source-map@2.0.0:
-    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
-
-  cookie-es@1.2.2:
-    resolution: {integrity: sha512-+W7VmiVINB+ywl1HGXJXmrqkOhpKrIiVZV6tQuV54ZyQC7MMuBt81Vc336GMLoHBq5hV/F9eXgt5Mnx0Rha5Fg==}
-
-  cookie@0.7.2:
-    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
-    engines: {node: '>= 0.6'}
-
-  copy-anything@4.0.5:
-    resolution: {integrity: sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==}
-    engines: {node: '>=18'}
-
-  core-js-compat@3.46.0:
-    resolution: {integrity: sha512-p9hObIIEENxSV8xIu+V68JjSeARg6UVMG5mR+JEUguG3sI6MsiS1njz2jHmyJDvA+8jX/sytkBHup6kxhM9law==}
-
-  cosmiconfig@9.0.0:
-    resolution: {integrity: sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      typescript: '>=4.9.5'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  crelt@1.0.6:
-    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
-
-  cross-spawn@7.0.6:
-    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
-    engines: {node: '>= 8'}
-
-  css-functions-list@3.2.3:
-    resolution: {integrity: sha512-IQOkD3hbR5KrN93MtcYuad6YPuTSUhntLHDuLEbFWE+ff2/XSZNdZG+LcbbIW5AXKg/WFIfYItIzVoHngHXZzA==}
-    engines: {node: '>=12 || >=16'}
-
-  css-select@5.2.2:
-    resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
-
-  css-tree@2.2.1:
-    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
-
-  css-tree@2.3.1:
-    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
-
-  css-tree@3.1.0:
-    resolution: {integrity: sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
-
-  css-what@6.2.2:
-    resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
-    engines: {node: '>= 6'}
-
-  csscolorparser@1.0.3:
-    resolution: {integrity: sha512-umPSgYwZkdFoUrH5hIq5kf0wPSXiro51nPw0j2K/c83KflkPSTBGMz6NJvMB+07VlL0y7VPo6QJcDjcgKTTm3w==}
-
-  cssesc@3.0.0:
-    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
-    engines: {node: '>=4'}
-    hasBin: true
-
-  csso@5.0.5:
-    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
-
-  csstype@3.1.3:
-    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
-
-  data-view-buffer@1.0.2:
-    resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
-    engines: {node: '>= 0.4'}
-
-  data-view-byte-length@1.0.2:
-    resolution: {integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==}
-    engines: {node: '>= 0.4'}
-
-  data-view-byte-offset@1.0.1:
-    resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
-    engines: {node: '>= 0.4'}
-
-  debug@3.2.7:
-    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
-  debug@4.4.3:
-    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
-  deep-is@0.1.4:
-    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
-
-  deepmerge-ts@5.1.0:
-    resolution: {integrity: sha512-eS8dRJOckyo9maw9Tu5O5RUi/4inFLrnoLkBe3cPfDMx3WZioXtmOew4TXQaxq7Rhl4xjDtR7c6x8nNTxOvbFw==}
-    engines: {node: '>=16.0.0'}
-
-  deepmerge@4.3.1:
-    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
-    engines: {node: '>=0.10.0'}
-
-  default-browser-id@5.0.0:
-    resolution: {integrity: sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==}
-    engines: {node: '>=18'}
-
-  default-browser@5.2.1:
-    resolution: {integrity: sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==}
-    engines: {node: '>=18'}
-
-  define-data-property@1.1.4:
-    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
-    engines: {node: '>= 0.4'}
-
-  define-lazy-prop@3.0.0:
-    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
-    engines: {node: '>=12'}
-
-  define-properties@1.2.1:
-    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
-    engines: {node: '>= 0.4'}
-
-  delayed-stream@1.0.0:
-    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
-    engines: {node: '>=0.4.0'}
-
-  dequal@2.0.3:
-    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
-    engines: {node: '>=6'}
-
-  destr@2.0.5:
-    resolution: {integrity: sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==}
-
-  devlop@1.1.0:
-    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
-
-  diff-sequences@27.5.1:
-    resolution: {integrity: sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==}
-    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
-
-  dir-glob@3.0.1:
-    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
-    engines: {node: '>=8'}
-
-  doctrine@2.1.0:
-    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
-    engines: {node: '>=0.10.0'}
-
-  doctrine@3.0.0:
-    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
-    engines: {node: '>=6.0.0'}
-
-  dom-serializer@2.0.0:
-    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
-
-  domelementtype@2.3.0:
-    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
-
-  domhandler@5.0.3:
-    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
-    engines: {node: '>= 4'}
-
-  domutils@3.2.2:
-    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
-
-  dunder-proto@1.0.1:
-    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
-    engines: {node: '>= 0.4'}
-
-  earcut@3.0.2:
-    resolution: {integrity: sha512-X7hshQbLyMJ/3RPhyObLARM2sNxxmRALLKx1+NVFFnQ9gKzmCrxm9+uLIAdBcvc8FNLpctqlQ2V6AE92Ol9UDQ==}
-
-  electron-to-chromium@1.5.244:
-    resolution: {integrity: sha512-OszpBN7xZX4vWMPJwB9illkN/znA8M36GQqQxi6MNy9axWxhOfJyZZJtSLQCpEFLHP2xK33BiWx9aIuIEXVCcw==}
-
-  emoji-regex-xs@1.0.0:
-    resolution: {integrity: sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==}
-
-  emoji-regex@8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
-
-  encoding-sniffer@0.2.1:
-    resolution: {integrity: sha512-5gvq20T6vfpekVtqrYQsSCFZ1wEg5+wW0/QaZMWkFr6BqD3NfKs0rLCx4rrVlSWJeZb5NBJgVLswK/w2MWU+Gw==}
-
-  end-of-stream@1.4.5:
-    resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
-
-  entities@4.5.0:
-    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
-    engines: {node: '>=0.12'}
-
-  entities@6.0.1:
-    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
-    engines: {node: '>=0.12'}
-
-  env-paths@2.2.1:
-    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
-    engines: {node: '>=6'}
-
-  error-ex@1.3.4:
-    resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
-
-  error-stack-parser-es@1.0.5:
-    resolution: {integrity: sha512-5qucVt2XcuGMcEGgWI7i+yZpmpByQ8J1lHhcL7PwqCwu9FPP3VUXzT4ltHe5i2z9dePwEHcDVOAfSnHsOlCXRA==}
-
-  es-abstract@1.24.0:
-    resolution: {integrity: sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==}
-    engines: {node: '>= 0.4'}
-
-  es-define-property@1.0.1:
-    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
-    engines: {node: '>= 0.4'}
-
-  es-errors@1.3.0:
-    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
-    engines: {node: '>= 0.4'}
-
-  es-object-atoms@1.1.1:
-    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
-    engines: {node: '>= 0.4'}
-
-  es-set-tostringtag@2.1.0:
-    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
-    engines: {node: '>= 0.4'}
-
-  es-shim-unscopables@1.1.0:
-    resolution: {integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==}
-    engines: {node: '>= 0.4'}
-
-  es-to-primitive@1.3.0:
-    resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
-    engines: {node: '>= 0.4'}
-
-  esbuild@0.25.12:
-    resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==}
-    engines: {node: '>=18'}
-    hasBin: true
-
-  escalade@3.2.0:
-    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
-    engines: {node: '>=6'}
-
-  escape-string-regexp@1.0.5:
-    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
-    engines: {node: '>=0.8.0'}
-
-  escape-string-regexp@4.0.0:
-    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
-    engines: {node: '>=10'}
-
-  escape-string-regexp@5.0.0:
-    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
-    engines: {node: '>=12'}
-
-  escodegen@2.1.0:
-    resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
-    engines: {node: '>=6.0'}
-    hasBin: true
-
-  eslint-compat-utils@0.5.1:
-    resolution: {integrity: sha512-3z3vFexKIEnjHE3zCMRo6fn/e44U7T1khUjg+Hp0ZQMCigh28rALD0nPFBcGZuiLC5rLZa2ubQHDRln09JfU2Q==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      eslint: '>=6.0.0'
-
-  eslint-compat-utils@0.6.5:
-    resolution: {integrity: sha512-vAUHYzue4YAa2hNACjB8HvUQj5yehAZgiClyFVVom9cP8z5NSFq3PwB/TtJslN2zAMgRX6FCFCjYBbQh71g5RQ==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      eslint: '>=6.0.0'
-
-  eslint-config-airbnb-base@15.0.0:
-    resolution: {integrity: sha512-xaX3z4ZZIcFLvh2oUNvcX5oEofXda7giYmuplVxoOg5A7EXJMrUyqRgR+mhDhPK8LZ4PttFOBvCYDbX3sUoUig==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-    peerDependencies:
-      eslint: ^7.32.0 || ^8.2.0
-      eslint-plugin-import: ^2.25.2
-
-  eslint-import-resolver-node@0.3.9:
-    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
-
-  eslint-import-resolver-typescript@3.10.1:
-    resolution: {integrity: sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      eslint-plugin-import: '*'
-      eslint-plugin-import-x: '*'
-    peerDependenciesMeta:
-      eslint-plugin-import:
-        optional: true
-      eslint-plugin-import-x:
-        optional: true
-
-  eslint-json-compat-utils@0.2.1:
-    resolution: {integrity: sha512-YzEodbDyW8DX8bImKhAcCeu/L31Dd/70Bidx2Qex9OFUtgzXLqtfWL4Hr5fM/aCCB8QUZLuJur0S9k6UfgFkfg==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      '@eslint/json': '*'
-      eslint: '*'
-      jsonc-eslint-parser: ^2.4.0
-    peerDependenciesMeta:
-      '@eslint/json':
-        optional: true
-
-  eslint-module-utils@2.12.1:
-    resolution: {integrity: sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: '*'
-      eslint-import-resolver-node: '*'
-      eslint-import-resolver-typescript: '*'
-      eslint-import-resolver-webpack: '*'
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-      eslint:
-        optional: true
-      eslint-import-resolver-node:
-        optional: true
-      eslint-import-resolver-typescript:
-        optional: true
-      eslint-import-resolver-webpack:
-        optional: true
-
-  eslint-plugin-antfu@0.43.1:
-    resolution: {integrity: sha512-Nak+Qpy5qEK10dCXtVaabPTUmLBPLhsVKAFXAtxYGYRlY/SuuZUBhW2YIsLsixNROiICGuov8sN+eNOCC7Wb5g==}
-
-  eslint-plugin-case-police@0.6.1:
-    resolution: {integrity: sha512-SNyZBjc39CwoNSOl3aiu5EsuHYXOIaPDraMsgLQmcH8CbEhllyOMkmV9kuSNHjjtM8iYRHsiBs1WEFw3/9qkoQ==}
-
-  eslint-plugin-es-x@7.8.0:
-    resolution: {integrity: sha512-7Ds8+wAAoV3T+LAKeu39Y5BzXCrGKrcISfgKEqTS4BDN8SFEDQd0S43jiQ8vIa3wUKD07qitZdfzlenSi8/0qQ==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '>=8'
-
-  eslint-plugin-eslint-comments@3.2.0:
-    resolution: {integrity: sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==}
-    engines: {node: '>=6.5.0'}
-    peerDependencies:
-      eslint: '>=4.19.1'
-
-  eslint-plugin-html@7.1.0:
-    resolution: {integrity: sha512-fNLRraV/e6j8e3XYOC9xgND4j+U7b1Rq+OygMlLcMg+wI/IpVbF+ubQa3R78EjKB9njT6TQOlcK5rFKBVVtdfg==}
-
-  eslint-plugin-i@2.28.1:
-    resolution: {integrity: sha512-a4oVt0j3ixNhGhvV4XF6NS7OWRFK2rrJ0Q5C4S2dSRb8FxZi31J0uUd5WJLL58wnVJ/OiQ1BxiXnFA4dWQO1Cg==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      eslint: ^7.2.0 || ^8
-
-  eslint-plugin-import@2.32.0:
-    resolution: {integrity: sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-
-  eslint-plugin-jest@27.9.0:
-    resolution: {integrity: sha512-QIT7FH7fNmd9n4se7FFKHbsLKGQiw885Ds6Y/sxKgCZ6natwCsXdgPOADnYVxN2QrRweF0FZWbJ6S7Rsn7llug==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/eslint-plugin': ^5.0.0 || ^6.0.0 || ^7.0.0
-      eslint: ^7.0.0 || ^8.0.0
-      jest: '*'
-    peerDependenciesMeta:
-      '@typescript-eslint/eslint-plugin':
-        optional: true
-      jest:
-        optional: true
-
-  eslint-plugin-jsdoc@46.10.1:
-    resolution: {integrity: sha512-x8wxIpv00Y50NyweDUpa+58ffgSAI5sqe+zcZh33xphD0AVh+1kqr1ombaTRb7Fhpove1zfUuujlX9DWWBP5ag==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
-
-  eslint-plugin-jsonc@2.21.0:
-    resolution: {integrity: sha512-HttlxdNG5ly3YjP1cFMP62R4qKLxJURfBZo2gnMY+yQojZxkLyOpY1H1KRTKBmvQeSG9pIpSGEhDjE17vvYosg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '>=6.0.0'
-
-  eslint-plugin-markdown@3.0.1:
-    resolution: {integrity: sha512-8rqoc148DWdGdmYF6WSQFT3uQ6PO7zXYgeBpHAOAakX/zpq+NvFYbDA/H7PYzHajwtmaOzAwfxyl++x0g1/N9A==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    deprecated: Please use @eslint/markdown instead
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-
-  eslint-plugin-n@16.6.2:
-    resolution: {integrity: sha512-6TyDmZ1HXoFQXnhCTUjVFULReoBPOAjpuiKELMkeP40yffI/1ZRO+d9ug/VC6fqISo2WkuIBk3cvuRPALaWlOQ==}
-    engines: {node: '>=16.0.0'}
-    peerDependencies:
-      eslint: '>=7.0.0'
-
-  eslint-plugin-no-only-tests@3.3.0:
-    resolution: {integrity: sha512-brcKcxGnISN2CcVhXJ/kEQlNa0MEfGRtwKtWA16SkqXHKitaKIMrfemJKLKX1YqDU5C/5JY3PvZXd5jEW04e0Q==}
-    engines: {node: '>=5.0.0'}
-
-  eslint-plugin-promise@6.6.0:
-    resolution: {integrity: sha512-57Zzfw8G6+Gq7axm2Pdo3gW/Rx3h9Yywgn61uE/3elTCOePEHVrn2i5CdfBwA1BLK0Q0WqctICIUSqXZW/VprQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
-
-  eslint-plugin-regex@1.10.0:
-    resolution: {integrity: sha512-C8/qYKkkbIb0epxKzaz4aw7oVAOmm19fJpR/moUrUToq/vc4xW4sEKMlTQqH6EtNGpvLjYsbbZRlWNWwQGeTSA==}
-    engines: {node: '>=6.0.0'}
-    peerDependencies:
-      eslint: '>=4.0.0'
-
-  eslint-plugin-regexp@2.10.0:
-    resolution: {integrity: sha512-ovzQT8ESVn5oOe5a7gIDPD5v9bCSjIFJu57sVPDqgPRXicQzOnYfFN21WoQBQF18vrhT5o7UMKFwJQVVjyJ0ng==}
-    engines: {node: ^18 || >=20}
-    peerDependencies:
-      eslint: '>=8.44.0'
-
-  eslint-plugin-sonarjs@0.24.0:
-    resolution: {integrity: sha512-87zp50mbbNrSTuoEOebdRQBPa0mdejA5UEjyuScyIw8hEpEjfWP89Qhkq5xVZfVyVSRQKZc9alVm7yRKQvvUmg==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      eslint: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
-
-  eslint-plugin-unicorn@48.0.1:
-    resolution: {integrity: sha512-FW+4r20myG/DqFcCSzoumaddKBicIPeFnTrifon2mWIzlfyvzwyqZjqVP7m4Cqr/ZYisS2aiLghkUWaPg6vtCw==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      eslint: '>=8.44.0'
-
-  eslint-plugin-unicorn@51.0.1:
-    resolution: {integrity: sha512-MuR/+9VuB0fydoI0nIn2RDA5WISRn4AsJyNSaNKLVwie9/ONvQhxOBbkfSICBPnzKrB77Fh6CZZXjgTt/4Latw==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      eslint: '>=8.56.0'
-
-  eslint-plugin-unused-imports@3.2.0:
-    resolution: {integrity: sha512-6uXyn6xdINEpxE1MtDjxQsyXB37lfyO2yKGVVgtD7WEWQGORSOZjgrD6hBhvGv4/SO+TOlS+UnC6JppRqbuwGQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      '@typescript-eslint/eslint-plugin': 6 - 7
-      eslint: '8'
-    peerDependenciesMeta:
-      '@typescript-eslint/eslint-plugin':
-        optional: true
-
-  eslint-plugin-vue@9.33.0:
-    resolution: {integrity: sha512-174lJKuNsuDIlLpjeXc5E2Tss8P44uIimAfGD0b90k0NoirJqpG7stLuU9Vp/9ioTOrQdWVREc4mRd1BD+CvGw==}
-    engines: {node: ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
-
-  eslint-plugin-yml@1.19.0:
-    resolution: {integrity: sha512-S+4GbcCWksFKAvFJtf0vpdiCkZZvDJCV4Zsi9ahmYkYOYcf+LRqqzvzkb/ST7vTYV6sFwXOvawzYyL/jFT2nQA==}
-    engines: {node: ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '>=6.0.0'
-
-  eslint-rule-composer@0.3.0:
-    resolution: {integrity: sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==}
-    engines: {node: '>=4.0.0'}
-
-  eslint-scope@5.1.1:
-    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
-    engines: {node: '>=8.0.0'}
-
-  eslint-scope@7.2.2:
-    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  eslint-visitor-keys@3.4.3:
-    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  eslint-visitor-keys@4.2.1:
-    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  eslint@8.57.1:
-    resolution: {integrity: sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
-    hasBin: true
-
-  espree@10.4.0:
-    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  espree@9.6.1:
-    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  esprima@4.0.1:
-    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
-    engines: {node: '>=4'}
-    hasBin: true
-
-  esquery@1.6.0:
-    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
-    engines: {node: '>=0.10'}
-
-  esrecurse@4.3.0:
-    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
-    engines: {node: '>=4.0'}
-
-  estraverse@4.3.0:
-    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
-    engines: {node: '>=4.0'}
-
-  estraverse@5.3.0:
-    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
-    engines: {node: '>=4.0'}
-
-  estree-walker@2.0.2:
-    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
-
-  estree-walker@3.0.3:
-    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
-
-  esutils@2.0.3:
-    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
-    engines: {node: '>=0.10.0'}
-
-  execa@9.6.0:
-    resolution: {integrity: sha512-jpWzZ1ZhwUmeWRhS7Qv3mhpOhLfwI+uAX4e5fOcXqwMR7EcJ0pj2kV1CVzHVMX/LphnKWD3LObjZCoJ71lKpHw==}
-    engines: {node: ^18.19.0 || >=20.5.0}
-
-  exsolve@1.0.7:
-    resolution: {integrity: sha512-VO5fQUzZtI6C+vx4w/4BWJpg3s/5l+6pRQEHzFRM8WFi4XffSP1Z+4qi7GbjWbvRQEbdIco5mIMq+zX4rPuLrw==}
-
-  extract-zip@2.0.1:
-    resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
-    engines: {node: '>= 10.17.0'}
-    hasBin: true
-
-  fast-deep-equal@3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-
-  fast-glob@3.3.3:
-    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
-    engines: {node: '>=8.6.0'}
-
-  fast-json-stable-stringify@2.1.0:
-    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
-
-  fast-levenshtein@2.0.6:
-    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
-
-  fast-uri@3.1.0:
-    resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}
-
-  fastest-levenshtein@1.0.16:
-    resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
-    engines: {node: '>= 4.9.1'}
-
-  fastq@1.19.1:
-    resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
-
-  fd-slicer@1.1.0:
-    resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==}
-
-  fdir@6.5.0:
-    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
-    engines: {node: '>=12.0.0'}
-    peerDependencies:
-      picomatch: ^3 || ^4
-    peerDependenciesMeta:
-      picomatch:
-        optional: true
-
-  fflate@0.8.2:
-    resolution: {integrity: sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==}
-
-  figures@6.1.0:
-    resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
-    engines: {node: '>=18'}
-
-  file-entry-cache@6.0.1:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-
-  file-entry-cache@9.1.0:
-    resolution: {integrity: sha512-/pqPFG+FdxWQj+/WSuzXSDaNzxgTLr/OrR1QuqfEZzDakpdYE70PwUxL7BPUa8hpjbvY1+qvCl8k+8Tq34xJgg==}
-    engines: {node: '>=18'}
-
-  fill-range@7.1.1:
-    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
-    engines: {node: '>=8'}
-
-  find-up@4.1.0:
-    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
-    engines: {node: '>=8'}
-
-  find-up@5.0.0:
-    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
-    engines: {node: '>=10'}
-
-  flat-cache@3.2.0:
-    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-
-  flat-cache@5.0.0:
-    resolution: {integrity: sha512-JrqFmyUl2PnPi1OvLyTVHnQvwQ0S+e6lGSwu8OkAZlSaNIZciTY2H/cOOROxsBA1m/LZNHDsqAgDZt6akWcjsQ==}
-    engines: {node: '>=18'}
-
-  flatpickr@4.6.13:
-    resolution: {integrity: sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==}
-
-  flatted@3.3.3:
-    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
-
-  follow-redirects@1.15.11:
-    resolution: {integrity: sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      debug: '*'
-    peerDependenciesMeta:
-      debug:
-        optional: true
-
-  for-each@0.3.5:
-    resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
-    engines: {node: '>= 0.4'}
-
-  form-data@4.0.4:
-    resolution: {integrity: sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==}
-    engines: {node: '>= 6'}
-
-  fs-minipass@2.1.0:
-    resolution: {integrity: sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==}
-    engines: {node: '>= 8'}
-
-  fs.realpath@1.0.0:
-    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
-
-  fsevents@2.3.3:
-    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-
-  function-bind@1.1.2:
-    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
-
-  function.prototype.name@1.1.8:
-    resolution: {integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==}
-    engines: {node: '>= 0.4'}
-
-  functions-have-names@1.2.3:
-    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
-
-  generator-function@2.0.1:
-    resolution: {integrity: sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==}
-    engines: {node: '>= 0.4'}
-
-  gensync@1.0.0-beta.2:
-    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
-    engines: {node: '>=6.9.0'}
-
-  geojson-vt@4.0.2:
-    resolution: {integrity: sha512-AV9ROqlNqoZEIJGfm1ncNjEXfkz2hdFlZf0qkVfmkwdKa8vj7H16YUOT81rJw1rdFhyEDlN2Tds91p/glzbl5A==}
-
-  get-caller-file@2.0.5:
-    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
-    engines: {node: 6.* || 8.* || >= 10.*}
-
-  get-intrinsic@1.3.0:
-    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
-    engines: {node: '>= 0.4'}
-
-  get-proto@1.0.1:
-    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
-    engines: {node: '>= 0.4'}
-
-  get-stream@5.2.0:
-    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
-    engines: {node: '>=8'}
-
-  get-stream@9.0.1:
-    resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
-    engines: {node: '>=18'}
-
-  get-symbol-description@1.1.0:
-    resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
-    engines: {node: '>= 0.4'}
-
-  get-tsconfig@4.13.0:
-    resolution: {integrity: sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==}
-
-  gl-matrix@3.4.4:
-    resolution: {integrity: sha512-latSnyDNt/8zYUB6VIJ6PCh2jBjJX6gnDsoCZ7LyW7GkqrD51EWwa9qCoGixj8YqBtETQK/xY7OmpTF8xz1DdQ==}
-
-  glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
-
-  glob-parent@6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
-
-  glob@7.2.3:
-    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
-    deprecated: Glob versions prior to v9 are no longer supported
-
-  global-modules@2.0.0:
-    resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==}
-    engines: {node: '>=6'}
-
-  global-prefix@3.0.0:
-    resolution: {integrity: sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==}
-    engines: {node: '>=6'}
-
-  globals@13.24.0:
-    resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
-    engines: {node: '>=8'}
-
-  globals@15.15.0:
-    resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
-    engines: {node: '>=18'}
-
-  globalthis@1.0.4:
-    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
-    engines: {node: '>= 0.4'}
-
-  globby@11.1.0:
-    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
-    engines: {node: '>=10'}
-
-  globjoin@0.1.4:
-    resolution: {integrity: sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==}
-
-  gopd@1.2.0:
-    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
-    engines: {node: '>= 0.4'}
-
-  graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-
-  graphql@16.12.0:
-    resolution: {integrity: sha512-DKKrynuQRne0PNpEbzuEdHlYOMksHSUI8Zc9Unei5gTsMNA2/vMpoMz/yKba50pejK56qj98qM0SjYxAKi13gQ==}
-    engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
-
-  grid-index@1.1.0:
-    resolution: {integrity: sha512-HZRwumpOGUrHyxO5bqKZL0B0GlUpwtCAzZ42sgxUPniu33R1LSFH5yrIcBCHjkctCAh3mtWKcKd9J4vDDdeVHA==}
-
-  has-bigints@1.1.0:
-    resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
-    engines: {node: '>= 0.4'}
-
-  has-flag@4.0.0:
-    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
-    engines: {node: '>=8'}
-
-  has-property-descriptors@1.0.2:
-    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
-
-  has-proto@1.2.0:
-    resolution: {integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==}
-    engines: {node: '>= 0.4'}
-
-  has-symbols@1.1.0:
-    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
-    engines: {node: '>= 0.4'}
-
-  has-tostringtag@1.0.2:
-    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
-    engines: {node: '>= 0.4'}
-
-  hasown@2.0.2:
-    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
-    engines: {node: '>= 0.4'}
-
-  hast-util-to-html@9.0.5:
-    resolution: {integrity: sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==}
-
-  hast-util-whitespace@3.0.0:
-    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
-
-  headers-polyfill@4.0.3:
-    resolution: {integrity: sha512-IScLbePpkvO846sIwOtOTDjutRMWdXdJmXdMvk6gCBHxFO8d+QKOQedyZSxFTTFYRSmlgSTDtXqqq4pcenBXLQ==}
-
-  hookable@5.5.3:
-    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
-
-  hosted-git-info@2.8.9:
-    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
-
-  html-tags@3.3.1:
-    resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
-    engines: {node: '>=8'}
-
-  html-void-elements@3.0.0:
-    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
-
-  htmlparser2@8.0.2:
-    resolution: {integrity: sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==}
-
-  htmlparser2@9.1.0:
-    resolution: {integrity: sha512-5zfg6mHUoaer/97TxnGpxmbR7zJtPwIYFMZ/H5ucTlPZhKvtum05yiPK3Mgai3a0DyVxv7qYqoweaEd2nrYQzQ==}
-
-  human-signals@8.0.1:
-    resolution: {integrity: sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==}
-    engines: {node: '>=18.18.0'}
-
-  iconv-lite@0.6.3:
-    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
-    engines: {node: '>=0.10.0'}
-
-  ieee754@1.2.1:
-    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
-
-  ignore@5.3.2:
-    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
-    engines: {node: '>= 4'}
-
-  immutable@4.3.7:
-    resolution: {integrity: sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==}
-
-  import-fresh@3.3.1:
-    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
-    engines: {node: '>=6'}
-
-  imurmurhash@0.1.4:
-    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
-    engines: {node: '>=0.8.19'}
-
-  indent-string@4.0.0:
-    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
-    engines: {node: '>=8'}
-
-  inflight@1.0.6:
-    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
-    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
-
-  inherits@2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
-
-  ini@1.3.8:
-    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
-
-  internal-slot@1.1.0:
-    resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
-    engines: {node: '>= 0.4'}
-
-  is-alphabetical@1.0.4:
-    resolution: {integrity: sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==}
-
-  is-alphanumerical@1.0.4:
-    resolution: {integrity: sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==}
-
-  is-array-buffer@3.0.5:
-    resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
-    engines: {node: '>= 0.4'}
-
-  is-arrayish@0.2.1:
-    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
-
-  is-async-function@2.1.1:
-    resolution: {integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==}
-    engines: {node: '>= 0.4'}
-
-  is-bigint@1.1.0:
-    resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
-    engines: {node: '>= 0.4'}
-
-  is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-
-  is-boolean-object@1.2.2:
-    resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
-    engines: {node: '>= 0.4'}
-
-  is-builtin-module@3.2.1:
-    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
-    engines: {node: '>=6'}
-
-  is-bun-module@2.0.0:
-    resolution: {integrity: sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==}
-
-  is-callable@1.2.7:
-    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
-    engines: {node: '>= 0.4'}
-
-  is-core-module@2.16.1:
-    resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
-    engines: {node: '>= 0.4'}
-
-  is-data-view@1.0.2:
-    resolution: {integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==}
-    engines: {node: '>= 0.4'}
-
-  is-date-object@1.1.0:
-    resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
-    engines: {node: '>= 0.4'}
-
-  is-decimal@1.0.4:
-    resolution: {integrity: sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==}
-
-  is-docker@3.0.0:
-    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    hasBin: true
-
-  is-extglob@2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
-
-  is-finalizationregistry@1.1.1:
-    resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
-    engines: {node: '>= 0.4'}
-
-  is-fullwidth-code-point@3.0.0:
-    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
-    engines: {node: '>=8'}
-
-  is-generator-function@1.1.2:
-    resolution: {integrity: sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==}
-    engines: {node: '>= 0.4'}
-
-  is-glob@4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
-    engines: {node: '>=0.10.0'}
-
-  is-hexadecimal@1.0.4:
-    resolution: {integrity: sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==}
-
-  is-inside-container@1.0.0:
-    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
-    engines: {node: '>=14.16'}
-    hasBin: true
-
-  is-map@2.0.3:
-    resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
-    engines: {node: '>= 0.4'}
-
-  is-negative-zero@2.0.3:
-    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
-    engines: {node: '>= 0.4'}
-
-  is-node-process@1.2.0:
-    resolution: {integrity: sha512-Vg4o6/fqPxIjtxgUH5QLJhwZ7gW5diGCVlXpuUfELC62CuxM1iHcRe51f2W1FDy04Ai4KJkagKjx3XaqyfRKXw==}
-
-  is-number-object@1.1.1:
-    resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
-    engines: {node: '>= 0.4'}
-
-  is-number@7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
-
-  is-path-inside@3.0.3:
-    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
-    engines: {node: '>=8'}
-
-  is-plain-obj@4.1.0:
-    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
-    engines: {node: '>=12'}
-
-  is-plain-object@5.0.0:
-    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
-    engines: {node: '>=0.10.0'}
-
-  is-regex@1.2.1:
-    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
-    engines: {node: '>= 0.4'}
-
-  is-set@2.0.3:
-    resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
-    engines: {node: '>= 0.4'}
-
-  is-shared-array-buffer@1.0.4:
-    resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
-    engines: {node: '>= 0.4'}
-
-  is-stream@4.0.1:
-    resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
-    engines: {node: '>=18'}
-
-  is-string@1.1.1:
-    resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
-    engines: {node: '>= 0.4'}
-
-  is-symbol@1.1.1:
-    resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
-    engines: {node: '>= 0.4'}
-
-  is-typed-array@1.1.15:
-    resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
-    engines: {node: '>= 0.4'}
-
-  is-unicode-supported@2.1.0:
-    resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
-    engines: {node: '>=18'}
-
-  is-weakmap@2.0.2:
-    resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
-    engines: {node: '>= 0.4'}
-
-  is-weakref@1.1.1:
-    resolution: {integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==}
-    engines: {node: '>= 0.4'}
-
-  is-weakset@2.0.4:
-    resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
-    engines: {node: '>= 0.4'}
-
-  is-what@5.5.0:
-    resolution: {integrity: sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==}
-    engines: {node: '>=18'}
-
-  is-wsl@3.1.0:
-    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
-    engines: {node: '>=16'}
-
-  isarray@2.0.5:
-    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
-
-  isexe@2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-
-  js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
-
-  js-tokens@9.0.1:
-    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
-
-  js-yaml@4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
-    hasBin: true
-
-  jsdoc-type-pratt-parser@4.0.0:
-    resolution: {integrity: sha512-YtOli5Cmzy3q4dP26GraSOeAhqecewG04hoO8DY56CH4KJ9Fvv5qKWUCCo3HZob7esJQHCv6/+bnTy72xZZaVQ==}
-    engines: {node: '>=12.0.0'}
-
-  jsdoc-type-pratt-parser@4.8.0:
-    resolution: {integrity: sha512-iZ8Bdb84lWRuGHamRXFyML07r21pcwBrLkHEuHgEY5UbCouBwv7ECknDRKzsQIXMiqpPymqtIf8TC/shYKB5rw==}
-    engines: {node: '>=12.0.0'}
-
-  jsesc@0.5.0:
-    resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
-    hasBin: true
-
-  jsesc@3.1.0:
-    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
-    engines: {node: '>=6'}
-    hasBin: true
-
-  json-buffer@3.0.1:
-    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
-
-  json-parse-even-better-errors@2.3.1:
-    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
-
-  json-schema-traverse@0.4.1:
-    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
-
-  json-schema-traverse@1.0.0:
-    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
-
-  json-stable-stringify-without-jsonify@1.0.1:
-    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
-
-  json5@1.0.2:
-    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
-    hasBin: true
-
-  json5@2.2.3:
-    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
-    engines: {node: '>=6'}
-    hasBin: true
-
-  jsonc-eslint-parser@2.4.1:
-    resolution: {integrity: sha512-uuPNLJkKN8NXAlZlQ6kmUF9qO+T6Kyd7oV4+/7yy8Jz6+MZNyhPq8EdLpdfnPVzUC8qSf1b4j1azKaGnFsjmsw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  jwt-decode@4.0.0:
-    resolution: {integrity: sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==}
-    engines: {node: '>=18'}
-
-  kdbush@4.0.2:
-    resolution: {integrity: sha512-WbCVYJ27Sz8zi9Q7Q0xHC+05iwkm3Znipc2XTlrnJbsHMYktW4hPhXUE8Ys1engBrvffoSCqbil1JQAa7clRpA==}
-
-  keyv@4.5.4:
-    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
-
-  kind-of@6.0.3:
-    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
-    engines: {node: '>=0.10.0'}
-
-  known-css-properties@0.34.0:
-    resolution: {integrity: sha512-tBECoUqNFbyAY4RrbqsBQqDFpGXAEbdD5QKr8kACx3+rnArmuuR22nKQWKazvp07N9yjTyDZaw/20UIH8tL9DQ==}
-
-  known-css-properties@0.36.0:
-    resolution: {integrity: sha512-A+9jP+IUmuQsNdsLdcg6Yt7voiMF/D4K83ew0OpJtpu+l34ef7LaohWV0Rc6KNvzw6ZDizkqfyB5JznZnzuKQA==}
-
-  kolorist@1.8.0:
-    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
-
-  laravel-vite-plugin@2.0.1:
-    resolution: {integrity: sha512-zQuvzWfUKQu9oNVi1o0RZAJCwhGsdhx4NEOyrVQwJHaWDseGP9tl7XUPLY2T8Cj6+IrZ6lmyxlR1KC8unf3RLA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    hasBin: true
-    peerDependencies:
-      vite: ^7.0.0
-
-  levn@0.4.1:
-    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
-    engines: {node: '>= 0.8.0'}
-
-  lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-
-  linkify-it@5.0.0:
-    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
-
-  linkifyjs@4.3.2:
-    resolution: {integrity: sha512-NT1CJtq3hHIreOianA8aSXn6Cw0JzYOuDQbOrSPe7gqFnCpKP++MQe3ODgO3oh2GJFORkAAdqredOa60z63GbA==}
-
-  local-pkg@0.4.3:
-    resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
-    engines: {node: '>=14'}
-
-  local-pkg@0.5.1:
-    resolution: {integrity: sha512-9rrA30MRRP3gBD3HTGnC6cDFpaE1kVDWxWgqWJUN0RvDNAo+Nz/9GxB+nHOH0ifbVFy0hSA1V6vFDvnx54lTEQ==}
-    engines: {node: '>=14'}
-
-  local-pkg@1.1.2:
-    resolution: {integrity: sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==}
-    engines: {node: '>=14'}
-
-  locate-path@5.0.0:
-    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
-    engines: {node: '>=8'}
-
-  locate-path@6.0.0:
-    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
-    engines: {node: '>=10'}
-
-  lodash.clonedeep@4.5.0:
-    resolution: {integrity: sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==}
-
-  lodash.merge@4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
-
-  lodash.truncate@4.4.2:
-    resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==}
-
-  lodash@4.17.21:
-    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
-
-  lru-cache@5.1.1:
-    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
-
-  magic-string-ast@0.7.1:
-    resolution: {integrity: sha512-ub9iytsEbT7Yw/Pd29mSo/cNQpaEu67zR1VVcXDiYjSFwzeBxNdTd0FMnSslLQXiRj8uGPzwsaoefrMD5XAmdw==}
-    engines: {node: '>=16.14.0'}
-
-  magic-string@0.30.21:
-    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
-
-  mapbox-gl@3.5.2:
-    resolution: {integrity: sha512-KUrmDmLFKPp3MSsWGNTH5uvtYwJknV+eFJ+vxiN6hqKpzbme37z+JfYs5Mehs3CgFaIV/pUdnEV9UPUZJPuS+Q==}
-
-  markdown-it@14.1.0:
-    resolution: {integrity: sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==}
-    hasBin: true
-
-  math-intrinsics@1.1.0:
-    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
-    engines: {node: '>= 0.4'}
-
-  mathml-tag-names@2.1.3:
-    resolution: {integrity: sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==}
-
-  mdast-util-from-markdown@0.8.5:
-    resolution: {integrity: sha512-2hkTXtYYnr+NubD/g6KGBS/0mFmBcifAsI0yIWRiRo0PjVs6SSOSOdtzbp6kSGnShDN6G5aWZpKQ2lWRy27mWQ==}
-
-  mdast-util-to-hast@13.2.0:
-    resolution: {integrity: sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==}
-
-  mdast-util-to-string@2.0.0:
-    resolution: {integrity: sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==}
-
-  mdn-data@2.0.28:
-    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
-
-  mdn-data@2.0.30:
-    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
-
-  mdn-data@2.12.2:
-    resolution: {integrity: sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==}
-
-  mdn-data@2.25.0:
-    resolution: {integrity: sha512-T2LPsjgUE/tgMmRXREVmwsux89DwWfNjiynOeXuLd2mX6jphGQ2YE3Ukz7LQ2VOFKiVZU/Ee1GqzHiipZCjymw==}
-
-  mdurl@2.0.0:
-    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
-
-  meow@13.2.0:
-    resolution: {integrity: sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==}
-    engines: {node: '>=18'}
-
-  merge2@1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
-    engines: {node: '>= 8'}
-
-  micromark-util-character@2.1.1:
-    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
-
-  micromark-util-encode@2.0.1:
-    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
-
-  micromark-util-sanitize-uri@2.0.1:
-    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
-
-  micromark-util-symbol@2.0.1:
-    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
-
-  micromark-util-types@2.0.2:
-    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
-
-  micromark@2.11.4:
-    resolution: {integrity: sha512-+WoovN/ppKolQOFIAajxi7Lu9kInbPxFuTBVEavFcL8eAfVstoc5MocPmqBeAdBOJV00uaVjegzH4+MA0DN/uA==}
-
-  micromatch@4.0.8:
-    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
-    engines: {node: '>=8.6'}
-
-  mime-db@1.52.0:
-    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
-    engines: {node: '>= 0.6'}
-
-  mime-types@2.1.35:
-    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
-    engines: {node: '>= 0.6'}
-
-  min-indent@1.0.1:
-    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
-    engines: {node: '>=4'}
-
-  minimatch@3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
-
-  minimatch@9.0.3:
-    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
-  minimatch@9.0.5:
-    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
-  minimist@1.2.8:
-    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
-
-  minipass@3.3.6:
-    resolution: {integrity: sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==}
-    engines: {node: '>=8'}
-
-  minipass@4.2.8:
-    resolution: {integrity: sha512-fNzuVyifolSLFL4NzpF+wEF4qrgqaaKX0haXPQEdQ7NKAN+WecoKMHV09YcuL/DHxrUsYQOK3MiuDf7Ip2OXfQ==}
-    engines: {node: '>=8'}
-
-  minipass@5.0.0:
-    resolution: {integrity: sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==}
-    engines: {node: '>=8'}
-
-  minizlib@2.1.2:
-    resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
-    engines: {node: '>= 8'}
-
-  mitt@3.0.1:
-    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
-
-  mkdirp@1.0.4:
-    resolution: {integrity: sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==}
-    engines: {node: '>=10'}
-    hasBin: true
-
-  mlly@1.8.0:
-    resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==}
-
-  mrmime@2.0.1:
-    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
-    engines: {node: '>=10'}
-
-  ms@2.1.3:
-    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
-
-  msw@2.6.8:
-    resolution: {integrity: sha512-nxXxnH6WALZ9a7rsQp4HU2AaD4iGAiouMmE/MY4al7pXTibgA6OZOuKhmN2WBIM6w9qMKwRtX8p2iOb45B2M/Q==}
-    engines: {node: '>=18'}
-    hasBin: true
-    peerDependencies:
-      typescript: '>= 4.8.x'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  muggle-string@0.4.1:
-    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
-
-  murmurhash-js@1.0.0:
-    resolution: {integrity: sha512-TvmkNhkv8yct0SVBSy+o8wYzXjE4Zz3PCesbfs8HiCXXdcTuocApFv11UWlNFWKYsP2okqrhb7JNlSm9InBhIw==}
-
-  mute-stream@2.0.0:
-    resolution: {integrity: sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==}
-    engines: {node: ^18.17.0 || >=20.5.0}
-
-  nanoid@3.3.11:
-    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-
-  nanoid@5.1.6:
-    resolution: {integrity: sha512-c7+7RQ+dMB5dPwwCp4ee1/iV/q2P6aK1mTZcfr1BTuVlyW9hJYiMPybJCcnBlQtuSmTIWNeazm/zqNoZSSElBg==}
-    engines: {node: ^18 || >=20}
-    hasBin: true
-
-  napi-postinstall@0.3.4:
-    resolution: {integrity: sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==}
-    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
-    hasBin: true
-
-  natural-compare@1.4.0:
-    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
-
-  node-fetch-native@1.6.7:
-    resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==}
-
-  node-releases@2.0.27:
-    resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
-
-  normalize-package-data@2.5.0:
-    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
-
-  normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-
-  npm-run-path@6.0.0:
-    resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
-    engines: {node: '>=18'}
-
-  nth-check@2.1.1:
-    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
-
-  object-inspect@1.13.4:
-    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
-    engines: {node: '>= 0.4'}
-
-  object-keys@1.1.1:
-    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
-    engines: {node: '>= 0.4'}
-
-  object.assign@4.1.7:
-    resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
-    engines: {node: '>= 0.4'}
-
-  object.entries@1.1.9:
-    resolution: {integrity: sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==}
-    engines: {node: '>= 0.4'}
-
-  object.fromentries@2.0.8:
-    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
-    engines: {node: '>= 0.4'}
-
-  object.groupby@1.0.3:
-    resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
-    engines: {node: '>= 0.4'}
-
-  object.values@1.2.1:
-    resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
-    engines: {node: '>= 0.4'}
-
-  ofetch@1.5.1:
-    resolution: {integrity: sha512-2W4oUZlVaqAPAil6FUg/difl6YhqhUR7x2eZY4bQCko22UXg3hptq9KLQdqFClV+Wu85UX7hNtdGTngi/1BxcA==}
-
-  ohash@2.0.11:
-    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
-
-  once@1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
-
-  oniguruma-to-es@2.3.0:
-    resolution: {integrity: sha512-bwALDxriqfKGfUufKGGepCzu9x7nJQuoRoAFp4AnwehhC2crqrDIAP/uN2qdlsAvSMpeRC3+Yzhqc7hLmle5+g==}
-
-  open@10.2.0:
-    resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
-    engines: {node: '>=18'}
-
-  optionator@0.9.4:
-    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
-    engines: {node: '>= 0.8.0'}
-
-  orderedmap@2.1.1:
-    resolution: {integrity: sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==}
-
-  outvariant@1.4.3:
-    resolution: {integrity: sha512-+Sl2UErvtsoajRDKCE5/dBz4DIvHXQQnAxtQTF04OJxY0+DyZXSo5P5Bb7XYWOh81syohlYL24hbDwxedPUJCA==}
-
-  own-keys@1.0.1:
-    resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
-    engines: {node: '>= 0.4'}
-
-  p-limit@2.3.0:
-    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
-    engines: {node: '>=6'}
-
-  p-limit@3.1.0:
-    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
-    engines: {node: '>=10'}
-
-  p-locate@4.1.0:
-    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
-    engines: {node: '>=8'}
-
-  p-locate@5.0.0:
-    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
-    engines: {node: '>=10'}
-
-  p-try@2.2.0:
-    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
-    engines: {node: '>=6'}
-
-  package-manager-detector@1.5.0:
-    resolution: {integrity: sha512-uBj69dVlYe/+wxj8JOpr97XfsxH/eumMt6HqjNTmJDf/6NO9s+0uxeOneIz3AsPt2m6y9PqzDzd3ATcU17MNfw==}
-
-  parent-module@1.0.1:
-    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
-    engines: {node: '>=6'}
-
-  parse-entities@2.0.0:
-    resolution: {integrity: sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==}
-
-  parse-json@5.2.0:
-    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
-    engines: {node: '>=8'}
-
-  parse-ms@4.0.0:
-    resolution: {integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==}
-    engines: {node: '>=18'}
-
-  parse5-htmlparser2-tree-adapter@7.1.0:
-    resolution: {integrity: sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==}
-
-  parse5-parser-stream@7.1.2:
-    resolution: {integrity: sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==}
-
-  parse5@7.3.0:
-    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
-
-  path-browserify@1.0.1:
-    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
-
-  path-exists@4.0.0:
-    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
-    engines: {node: '>=8'}
-
-  path-is-absolute@1.0.1:
-    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
-    engines: {node: '>=0.10.0'}
-
-  path-key@3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
-    engines: {node: '>=8'}
-
-  path-key@4.0.0:
-    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
-    engines: {node: '>=12'}
-
-  path-parse@1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-
-  path-to-regexp@6.3.0:
-    resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
-
-  path-type@4.0.0:
-    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
-    engines: {node: '>=8'}
-
-  pathe@1.1.2:
-    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
-
-  pathe@2.0.3:
-    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
-
-  pbf@3.3.0:
-    resolution: {integrity: sha512-XDF38WCH3z5OV/OVa8GKUNtLAyneuzbCisx7QUCF8Q6Nutx0WnJrQe5O+kOtBlLfRNUws98Y58Lblp+NJG5T4Q==}
-    hasBin: true
-
-  pend@1.2.0:
-    resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
-
-  perfect-debounce@1.0.0:
-    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
-
-  perfect-debounce@2.0.0:
-    resolution: {integrity: sha512-fkEH/OBiKrqqI/yIgjR92lMfs2K8105zt/VT6+7eTjNwisrsh47CeIED9z58zI7DfKdH3uHAn25ziRZn3kgAow==}
-
-  perfect-scrollbar@1.5.6:
-    resolution: {integrity: sha512-rixgxw3SxyJbCaSpo1n35A/fwI1r2rdwMKOTCg/AcG+xOEyZcE8UHVjpZMFCVImzsFoCZeJTT+M/rdEIQYO2nw==}
-
-  picocolors@1.1.1:
-    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
-
-  picomatch@2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
-    engines: {node: '>=8.6'}
-
-  picomatch@4.0.3:
-    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
-    engines: {node: '>=12'}
-
-  pinia@3.0.3:
-    resolution: {integrity: sha512-ttXO/InUULUXkMHpTdp9Fj4hLpD/2AoJdmAbAeW2yu1iy1k+pkFekQXw5VpC0/5p51IOR/jDaDRfRWRnMMsGOA==}
-    peerDependencies:
-      typescript: '>=4.4.4'
-      vue: ^2.7.0 || ^3.5.11
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  pkg-types@1.3.1:
-    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
-
-  pkg-types@2.3.0:
-    resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
-
-  pluralize@8.0.0:
-    resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
-    engines: {node: '>=4'}
-
-  possible-typed-array-names@1.1.0:
-    resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
-    engines: {node: '>= 0.4'}
-
-  postcss-html@1.8.0:
-    resolution: {integrity: sha512-5mMeb1TgLWoRKxZ0Xh9RZDfwUUIqRrcxO2uXO+Ezl1N5lqpCiSU5Gk6+1kZediBfBHFtPCdopr2UZ2SgUsKcgQ==}
-    engines: {node: ^12 || >=14}
-
-  postcss-media-query-parser@0.2.3:
-    resolution: {integrity: sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==}
-
-  postcss-resolve-nested-selector@0.1.6:
-    resolution: {integrity: sha512-0sglIs9Wmkzbr8lQwEyIzlDOOC9bGmfVKcJTaxv3vMmd3uo4o4DerC3En0bnmgceeql9BfC8hRkp7cg0fjdVqw==}
-
-  postcss-safe-parser@6.0.0:
-    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8
-
-  postcss-safe-parser@7.0.1:
-    resolution: {integrity: sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==}
-    engines: {node: '>=18.0'}
-    peerDependencies:
-      postcss: ^8
-
-  postcss-scss@4.0.9:
-    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8
-
-  postcss-selector-parser@6.1.2:
-    resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
-    engines: {node: '>=4'}
-
-  postcss-selector-parser@7.1.0:
-    resolution: {integrity: sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==}
-    engines: {node: '>=4'}
-
-  postcss-sorting@8.0.2:
-    resolution: {integrity: sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q==}
-    peerDependencies:
-      postcss: ^8
-
-  postcss-value-parser@4.2.0:
-    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
-
-  postcss@8.5.6:
-    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
-    engines: {node: ^10 || ^12 || >=14}
-
-  potpack@2.1.0:
-    resolution: {integrity: sha512-pcaShQc1Shq0y+E7GqJqvZj8DTthWV1KeHGdi0Z6IAin2Oi3JnLCOfwnCo84qc+HAp52wT9nK9H7FAJp5a44GQ==}
-
-  preact@10.12.1:
-    resolution: {integrity: sha512-l8386ixSsBdbreOAkqtrwqHwdvR35ID8c3rKPa8lCWuO86dBi32QWHV4vfsZK1utLLFMvw+Z5Ad4XLkZzchscg==}
-
-  prelude-ls@1.2.1:
-    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
-    engines: {node: '>= 0.8.0'}
-
-  pretty-ms@9.3.0:
-    resolution: {integrity: sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==}
-    engines: {node: '>=18'}
-
-  prismjs@1.30.0:
-    resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
-    engines: {node: '>=6'}
-
-  property-information@7.1.0:
-    resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
-
-  prosemirror-changeset@2.3.1:
-    resolution: {integrity: sha512-j0kORIBm8ayJNl3zQvD1TTPHJX3g042et6y/KQhZhnPrruO8exkTgG8X+NRpj7kIyMMEx74Xb3DyMIBtO0IKkQ==}
-
-  prosemirror-collab@1.3.1:
-    resolution: {integrity: sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==}
-
-  prosemirror-commands@1.7.1:
-    resolution: {integrity: sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==}
-
-  prosemirror-dropcursor@1.8.2:
-    resolution: {integrity: sha512-CCk6Gyx9+Tt2sbYk5NK0nB1ukHi2ryaRgadV/LvyNuO3ena1payM2z6Cg0vO1ebK8cxbzo41ku2DE5Axj1Zuiw==}
-
-  prosemirror-gapcursor@1.4.0:
-    resolution: {integrity: sha512-z00qvurSdCEWUIulij/isHaqu4uLS8r/Fi61IbjdIPJEonQgggbJsLnstW7Lgdk4zQ68/yr6B6bf7sJXowIgdQ==}
-
-  prosemirror-history@1.4.1:
-    resolution: {integrity: sha512-2JZD8z2JviJrboD9cPuX/Sv/1ChFng+xh2tChQ2X4bB2HeK+rra/bmJ3xGntCcjhOqIzSDG6Id7e8RJ9QPXLEQ==}
-
-  prosemirror-inputrules@1.5.1:
-    resolution: {integrity: sha512-7wj4uMjKaXWAQ1CDgxNzNtR9AlsuwzHfdFH1ygEHA2KHF2DOEaXl1CJfNPAKCg9qNEh4rum975QLaCiQPyY6Fw==}
-
-  prosemirror-keymap@1.2.3:
-    resolution: {integrity: sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==}
-
-  prosemirror-markdown@1.13.2:
-    resolution: {integrity: sha512-FPD9rHPdA9fqzNmIIDhhnYQ6WgNoSWX9StUZ8LEKapaXU9i6XgykaHKhp6XMyXlOWetmaFgGDS/nu/w9/vUc5g==}
-
-  prosemirror-menu@1.2.5:
-    resolution: {integrity: sha512-qwXzynnpBIeg1D7BAtjOusR+81xCp53j7iWu/IargiRZqRjGIlQuu1f3jFi+ehrHhWMLoyOQTSRx/IWZJqOYtQ==}
-
-  prosemirror-model@1.25.4:
-    resolution: {integrity: sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA==}
-
-  prosemirror-schema-basic@1.2.4:
-    resolution: {integrity: sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==}
-
-  prosemirror-schema-list@1.5.1:
-    resolution: {integrity: sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==}
-
-  prosemirror-state@1.4.4:
-    resolution: {integrity: sha512-6jiYHH2CIGbCfnxdHbXZ12gySFY/fz/ulZE333G6bPqIZ4F+TXo9ifiR86nAHpWnfoNjOb3o5ESi7J8Uz1jXHw==}
-
-  prosemirror-tables@1.8.1:
-    resolution: {integrity: sha512-DAgDoUYHCcc6tOGpLVPSU1k84kCUWTWnfWX3UDy2Delv4ryH0KqTD6RBI6k4yi9j9I8gl3j8MkPpRD/vWPZbug==}
-
-  prosemirror-trailing-node@3.0.0:
-    resolution: {integrity: sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==}
-    peerDependencies:
-      prosemirror-model: ^1.22.1
-      prosemirror-state: ^1.4.2
-      prosemirror-view: ^1.33.8
-
-  prosemirror-transform@1.10.4:
-    resolution: {integrity: sha512-pwDy22nAnGqNR1feOQKHxoFkkUtepoFAd3r2hbEDsnf4wp57kKA36hXsB3njA9FtONBEwSDnDeCiJe+ItD+ykw==}
-
-  prosemirror-view@1.41.3:
-    resolution: {integrity: sha512-SqMiYMUQNNBP9kfPhLO8WXEk/fon47vc52FQsUiJzTBuyjKgEcoAwMyF04eQ4WZ2ArMn7+ReypYL60aKngbACQ==}
-
-  protocol-buffers-schema@3.6.0:
-    resolution: {integrity: sha512-TdDRD+/QNdrCGCE7v8340QyuXd4kIWIgapsE2+n/SaGiSSbomYl4TjHlvIoCWRpE7wFt02EpB35VVA2ImcBVqw==}
-
-  proxy-from-env@1.1.0:
-    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
-
-  psl@1.15.0:
-    resolution: {integrity: sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==}
-
-  pump@3.0.3:
-    resolution: {integrity: sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==}
-
-  punycode.js@2.3.1:
-    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
-    engines: {node: '>=6'}
-
-  punycode@2.3.1:
-    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
-    engines: {node: '>=6'}
-
-  quansync@0.2.11:
-    resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
-
-  querystringify@2.2.0:
-    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
-
-  queue-microtask@1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
-
-  quickselect@3.0.0:
-    resolution: {integrity: sha512-XdjUArbK4Bm5fLLvlm5KpTFOiOThgfWWI4axAZDWg4E/0mKdZyI9tNEfds27qCi1ze/vwTR16kvmmGhRra3c2g==}
-
-  read-pkg-up@7.0.1:
-    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
-    engines: {node: '>=8'}
-
-  read-pkg@5.2.0:
-    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
-    engines: {node: '>=8'}
-
-  readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-
-  refa@0.12.1:
-    resolution: {integrity: sha512-J8rn6v4DBb2nnFqkqwy6/NnTYMcgLA+sLr0iIO41qpv0n+ngb7ksag2tMRl0inb1bbO/esUwzW1vbJi7K0sI0g==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-
-  reflect.getprototypeof@1.0.10:
-    resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
-    engines: {node: '>= 0.4'}
-
-  regex-recursion@5.1.1:
-    resolution: {integrity: sha512-ae7SBCbzVNrIjgSbh7wMznPcQel1DNlDtzensnFxpiNpXt1U2ju/bHugH422r+4LAVS1FpW1YCwilmnNsjum9w==}
-
-  regex-utilities@2.3.0:
-    resolution: {integrity: sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==}
-
-  regex@5.1.1:
-    resolution: {integrity: sha512-dN5I359AVGPnwzJm2jN1k0W9LPZ+ePvoOeVMMfqIMFz53sSwXkxaJoxr50ptnsC771lK95BnTrVSZxq0b9yCGw==}
-
-  regexp-ast-analysis@0.7.1:
-    resolution: {integrity: sha512-sZuz1dYW/ZsfG17WSAG7eS85r5a0dDsvg+7BiiYR5o6lKCAtUrEwdmRmaGF6rwVj3LcmAeYkOWKEPlbPzN3Y3A==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-
-  regexp-tree@0.1.27:
-    resolution: {integrity: sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==}
-    hasBin: true
-
-  regexp.prototype.flags@1.5.4:
-    resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
-    engines: {node: '>= 0.4'}
-
-  regjsparser@0.10.0:
-    resolution: {integrity: sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==}
-    hasBin: true
-
-  require-directory@2.1.1:
-    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
-    engines: {node: '>=0.10.0'}
-
-  require-from-string@2.0.2:
-    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
-    engines: {node: '>=0.10.0'}
-
-  requires-port@1.0.0:
-    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
-
-  resolve-from@4.0.0:
-    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
-    engines: {node: '>=4'}
-
-  resolve-from@5.0.0:
-    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
-    engines: {node: '>=8'}
-
-  resolve-pkg-maps@1.0.0:
-    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
-
-  resolve-protobuf-schema@2.1.0:
-    resolution: {integrity: sha512-kI5ffTiZWmJaS/huM8wZfEMer1eRd7oJQhDuxeCLe3t7N7mX3z94CN0xPxBQxFYQTSNz9T0i+v6inKqSdK8xrQ==}
-
-  resolve@1.22.11:
-    resolution: {integrity: sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==}
-    engines: {node: '>= 0.4'}
-    hasBin: true
-
-  reusify@1.1.0:
-    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
-
-  rfdc@1.4.1:
-    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
-
-  rimraf@3.0.2:
-    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
-    deprecated: Rimraf versions prior to v4 are no longer supported
-    hasBin: true
-
-  roboto-fontface@0.10.0:
-    resolution: {integrity: sha512-OlwfYEgA2RdboZohpldlvJ1xngOins5d7ejqnIBWr9KaMxsnBqotpptRXTyfNRLnFpqzX6sTDt+X+a+6udnU8g==}
-
-  rollup@4.52.5:
-    resolution: {integrity: sha512-3GuObel8h7Kqdjt0gxkEzaifHTqLVW56Y/bjN7PSQtkKr0w3V/QYSdt6QWYtd7A1xUtYQigtdUfgj1RvWVtorw==}
-    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
-    hasBin: true
-
-  rope-sequence@1.3.4:
-    resolution: {integrity: sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==}
-
-  run-applescript@7.1.0:
-    resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
-    engines: {node: '>=18'}
-
-  run-parallel@1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
-
-  rw@1.3.3:
-    resolution: {integrity: sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==}
-
-  safe-array-concat@1.1.3:
-    resolution: {integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==}
-    engines: {node: '>=0.4'}
-
-  safe-push-apply@1.0.0:
-    resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
-    engines: {node: '>= 0.4'}
-
-  safe-regex-test@1.1.0:
-    resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
-    engines: {node: '>= 0.4'}
-
-  safer-buffer@2.1.2:
-    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
-
-  sass@1.76.0:
-    resolution: {integrity: sha512-nc3LeqvF2FNW5xGF1zxZifdW3ffIz5aBb7I7tSvOoNu7z1RQ6pFt9MBuiPtjgaI62YWrM/txjWlOCFiGtf2xpw==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
-
-  scslre@0.3.0:
-    resolution: {integrity: sha512-3A6sD0WYP7+QrjbfNA2FN3FsOaGGFoekCVgTyypy53gPxhbkCIjtO6YWgdrfM+n/8sI8JeXZOIxsHjMTNxQ4nQ==}
-    engines: {node: ^14.0.0 || >=16.0.0}
-
-  scule@1.3.0:
-    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
-
-  semver@5.7.2:
-    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
-    hasBin: true
-
-  semver@6.3.1:
-    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
-    hasBin: true
-
-  semver@7.7.3:
-    resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
-    engines: {node: '>=10'}
-    hasBin: true
-
-  serialize-to-js@3.1.2:
-    resolution: {integrity: sha512-owllqNuDDEimQat7EPG0tH7JjO090xKNzUtYz6X+Sk2BXDnOCilDdNLwjWeFywG9xkJul1ULvtUQa9O4pUaY0w==}
-    engines: {node: '>=4.0.0'}
-
-  set-function-length@1.2.2:
-    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
-    engines: {node: '>= 0.4'}
-
-  set-function-name@2.0.2:
-    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
-    engines: {node: '>= 0.4'}
-
-  set-proto@1.0.0:
-    resolution: {integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==}
-    engines: {node: '>= 0.4'}
-
-  shebang-command@2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
-
-  shebang-regex@3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
-
-  shepherd.js@11.2.0:
-    resolution: {integrity: sha512-2hbz3N7GuuTjI7y3sfnoqKnH0cNhExx67IJtCTGQI2KhBEyvegsDYW5qjj5BlvvVtQjmL/O/J1GQEciwfoZWpw==}
-    engines: {node: 16.* || >= 18}
-
-  shepherd.js@13.0.3:
-    resolution: {integrity: sha512-1lQtQUNQYi+8k9BAmbUZh7D2QxFfkxiWKU0XFTbzYaIrCkB4nR0DLQuarH5G7Ym6L8wfbadxP3hJhZ2HzVktaA==}
-    engines: {node: 18.* || >= 20}
-
-  shiki@1.29.2:
-    resolution: {integrity: sha512-njXuliz/cP+67jU2hukkxCNuH1yUi4QfdZZY+sMr5PPrIyXSu5iTb/qYC4BiWWB0vZ+7TbdvYUCeL23zpwCfbg==}
-
-  side-channel-list@1.0.0:
-    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
-    engines: {node: '>= 0.4'}
-
-  side-channel-map@1.0.1:
-    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
-    engines: {node: '>= 0.4'}
-
-  side-channel-weakmap@1.0.2:
-    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
-    engines: {node: '>= 0.4'}
-
-  side-channel@1.1.0:
-    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
-    engines: {node: '>= 0.4'}
-
-  signal-exit@4.1.0:
-    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
-    engines: {node: '>=14'}
-
-  sirv@3.0.2:
-    resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
-    engines: {node: '>=18'}
-
-  slash@3.0.0:
-    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
-    engines: {node: '>=8'}
-
-  slice-ansi@4.0.0:
-    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
-    engines: {node: '>=10'}
-
-  source-map-js@1.2.1:
-    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
-    engines: {node: '>=0.10.0'}
-
-  source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-
-  space-separated-tokens@2.0.2:
-    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
-
-  spdx-correct@3.2.0:
-    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
-
-  spdx-exceptions@2.5.0:
-    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
-
-  spdx-expression-parse@3.0.1:
-    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
-
-  spdx-expression-parse@4.0.0:
-    resolution: {integrity: sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==}
-
-  spdx-license-ids@3.0.22:
-    resolution: {integrity: sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==}
-
-  speakingurl@14.0.1:
-    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
-    engines: {node: '>=0.10.0'}
-
-  stable-hash@0.0.5:
-    resolution: {integrity: sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==}
-
-  statuses@2.0.2:
-    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
-    engines: {node: '>= 0.8'}
-
-  stop-iteration-iterator@1.1.0:
-    resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
-    engines: {node: '>= 0.4'}
-
-  strict-event-emitter@0.5.1:
-    resolution: {integrity: sha512-vMgjE/GGEPEFnhFub6pa4FmJBRBVOLpIII2hvCZ8Kzb7K0hlHo7mQv6xYrBvCL2LtAIBwFUK8wvuJgTVSQ5MFQ==}
-
-  string-width@4.2.3:
-    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
-    engines: {node: '>=8'}
-
-  string.prototype.trim@1.2.10:
-    resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
-    engines: {node: '>= 0.4'}
-
-  string.prototype.trimend@1.0.9:
-    resolution: {integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==}
-    engines: {node: '>= 0.4'}
-
-  string.prototype.trimstart@1.0.8:
-    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
-    engines: {node: '>= 0.4'}
-
-  stringify-entities@4.0.4:
-    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
-
-  strip-ansi@6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
-    engines: {node: '>=8'}
-
-  strip-ansi@7.1.2:
-    resolution: {integrity: sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==}
-    engines: {node: '>=12'}
-
-  strip-bom@3.0.0:
-    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
-    engines: {node: '>=4'}
-
-  strip-final-newline@4.0.0:
-    resolution: {integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==}
-    engines: {node: '>=18'}
-
-  strip-indent@3.0.0:
-    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
-    engines: {node: '>=8'}
-
-  strip-json-comments@3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
-    engines: {node: '>=8'}
-
-  strip-literal@2.1.1:
-    resolution: {integrity: sha512-631UJ6O00eNGfMiWG78ck80dfBab8X6IVFB51jZK5Icd7XAs60Z5y7QdSd/wGIklnWvRbUNloVzhOKKmutxQ6Q==}
-
-  style-search@0.1.0:
-    resolution: {integrity: sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==}
-
-  stylelint-config-idiomatic-order@10.0.0:
-    resolution: {integrity: sha512-gJjT1nwhgnHS52+mRn+5Iw6keZIPRN4W+vbzct9Elb+tWOo61jC/CzXzAJHvvOYQZqUYItfs2aQ8fU5hnCvuGg==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      stylelint: '>=11'
-
-  stylelint-config-recommended-scss@14.1.0:
-    resolution: {integrity: sha512-bhaMhh1u5dQqSsf6ri2GVWWQW5iUjBYgcHkh7SgDDn92ijoItC/cfO/W+fpXshgTQWhwFkP1rVcewcv4jaftRg==}
-    engines: {node: '>=18.12.0'}
-    peerDependencies:
-      postcss: ^8
-      stylelint: ^16.6.1
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-
-  stylelint-config-recommended@14.0.1:
-    resolution: {integrity: sha512-bLvc1WOz/14aPImu/cufKAZYfXs/A/owZfSMZ4N+16WGXLoX5lOir53M6odBxvhgmgdxCVnNySJmZKx73T93cg==}
-    engines: {node: '>=18.12.0'}
-    peerDependencies:
-      stylelint: ^16.1.0
-
-  stylelint-config-standard-scss@13.1.0:
-    resolution: {integrity: sha512-Eo5w7/XvwGHWkeGLtdm2FZLOMYoZl1omP2/jgFCXyl2x5yNz7/8vv4Tj6slHvMSSUNTaGoam/GAZ0ZhukvalfA==}
-    engines: {node: '>=18.12.0'}
-    peerDependencies:
-      postcss: ^8
-      stylelint: ^16.3.1
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-
-  stylelint-config-standard@36.0.1:
-    resolution: {integrity: sha512-8aX8mTzJ6cuO8mmD5yon61CWuIM4UD8Q5aBcWKGSf6kg+EC3uhB+iOywpTK4ca6ZL7B49en8yanOFtUW0qNzyw==}
-    engines: {node: '>=18.12.0'}
-    peerDependencies:
-      stylelint: ^16.1.0
-
-  stylelint-order@6.0.4:
-    resolution: {integrity: sha512-0UuKo4+s1hgQ/uAxlYU4h0o0HS4NiQDud0NAUNI0aa8FJdmYHA5ZZTFHiV5FpmE3071e9pZx5j0QpVJW5zOCUA==}
-    peerDependencies:
-      stylelint: ^14.0.0 || ^15.0.0 || ^16.0.1
-
-  stylelint-scss@6.12.1:
-    resolution: {integrity: sha512-UJUfBFIvXfly8WKIgmqfmkGKPilKB4L5j38JfsDd+OCg2GBdU0vGUV08Uw82tsRZzd4TbsUURVVNGeOhJVF7pA==}
-    engines: {node: '>=18.12.0'}
-    peerDependencies:
-      stylelint: ^16.0.2
-
-  stylelint-use-logical-spec@5.0.1:
-    resolution: {integrity: sha512-UfLB4LW6iG4r3cXxjxkiHQrFyhWFqt8FpNNngD+TyvgMWSokk5TYwTvBHS3atUvZhOogllTOe/PUrGE+4z84AA==}
-    engines: {node: '>=8.0.0'}
-    peerDependencies:
-      stylelint: '>=11 < 17'
-
-  stylelint@16.8.0:
-    resolution: {integrity: sha512-Jjr40w3PXDiJVW6c9swLM0a1e0DgDm/XkFozc4XgAcREFas+/nchzmDmeVxazbzXgpDrwm+cW6W6iGtZqYUh+g==}
-    engines: {node: '>=18.12.0'}
-    hasBin: true
-
-  supercluster@8.0.1:
-    resolution: {integrity: sha512-IiOea5kJ9iqzD2t7QJq/cREyLHTtSmUT6gQsweojg9WH2sYJqZK9SswTu6jrscO6D1G5v5vYZ9ru/eq85lXeZQ==}
-
-  superjson@2.2.5:
-    resolution: {integrity: sha512-zWPTX96LVsA/eVYnqOM2+ofcdPqdS1dAF1LN4TS2/MWuUpfitd9ctTa87wt4xrYnZnkLtS69xpBdSxVBP5Rm6w==}
-    engines: {node: '>=16'}
-
-  supports-color@7.2.0:
-    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
-    engines: {node: '>=8'}
-
-  supports-hyperlinks@3.2.0:
-    resolution: {integrity: sha512-zFObLMyZeEwzAoKCyu1B91U79K2t7ApXuQfo8OuxwXLDgcKxuwM+YvcbIhm6QWqz7mHUH1TVytR1PwVVjEuMig==}
-    engines: {node: '>=14.18'}
-
-  supports-preserve-symlinks-flag@1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
-
-  svg-tags@1.0.0:
-    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
-
-  svg.draggable.js@2.2.2:
-    resolution: {integrity: sha512-JzNHBc2fLQMzYCZ90KZHN2ohXL0BQJGQimK1kGk6AvSeibuKcIdDX9Kr0dT9+UJ5O8nYA0RB839Lhvk4CY4MZw==}
-    engines: {node: '>= 0.8.0'}
-
-  svg.easing.js@2.0.0:
-    resolution: {integrity: sha512-//ctPdJMGy22YoYGV+3HEfHbm6/69LJUTAqI2/5qBvaNHZ9uUFVC82B0Pl299HzgH13rKrBgi4+XyXXyVWWthA==}
-    engines: {node: '>= 0.8.0'}
-
-  svg.filter.js@2.0.2:
-    resolution: {integrity: sha512-xkGBwU+dKBzqg5PtilaTb0EYPqPfJ9Q6saVldX+5vCRy31P6TlRCP3U9NxH3HEufkKkpNgdTLBJnmhDHeTqAkw==}
-    engines: {node: '>= 0.8.0'}
-
-  svg.js@2.7.1:
-    resolution: {integrity: sha512-ycbxpizEQktk3FYvn/8BH+6/EuWXg7ZpQREJvgacqn46gIddG24tNNe4Son6omdXCnSOaApnpZw6MPCBA1dODA==}
-
-  svg.pathmorphing.js@0.1.3:
-    resolution: {integrity: sha512-49HWI9X4XQR/JG1qXkSDV8xViuTLIWm/B/7YuQELV5KMOPtXjiwH4XPJvr/ghEDibmLQ9Oc22dpWpG0vUDDNww==}
-    engines: {node: '>= 0.8.0'}
-
-  svg.resize.js@1.4.3:
-    resolution: {integrity: sha512-9k5sXJuPKp+mVzXNvxz7U0uC9oVMQrrf7cFsETznzUDDm0x8+77dtZkWdMfRlmbkEEYvUn9btKuZ3n41oNA+uw==}
-    engines: {node: '>= 0.8.0'}
-
-  svg.select.js@2.1.2:
-    resolution: {integrity: sha512-tH6ABEyJsAOVAhwcCjF8mw4crjXSI1aa7j2VQR8ZuJ37H2MBUbyeqYr5nEO7sSN3cy9AR9DUwNg0t/962HlDbQ==}
-    engines: {node: '>= 0.8.0'}
-
-  svg.select.js@3.0.1:
-    resolution: {integrity: sha512-h5IS/hKkuVCbKSieR9uQCj9w+zLHoPh+ce19bBYyqF53g6mnPB8sAtIbe1s9dh2S2fCmYX2xel1Ln3PJBbK4kw==}
-    engines: {node: '>= 0.8.0'}
-
-  svgo@3.3.2:
-    resolution: {integrity: sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
-
-  swiper@11.2.10:
-    resolution: {integrity: sha512-RMeVUUjTQH+6N3ckimK93oxz6Sn5la4aDlgPzB+rBrG/smPdCTicXyhxa+woIpopz+jewEloiEE3lKo1h9w2YQ==}
-    engines: {node: '>= 4.7.0'}
-
-  synckit@0.11.11:
-    resolution: {integrity: sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-
-  synckit@0.8.8:
-    resolution: {integrity: sha512-HwOKAP7Wc5aRGYdKH+dw0PRRpbO841v2DENBtjnR5HFWoiNByAl7vrx3p0G/rCyYXQsrxqtX48TImFtPcIHSpQ==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-
-  table@6.9.0:
-    resolution: {integrity: sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==}
-    engines: {node: '>=10.0.0'}
-
-  tagged-tag@1.0.0:
-    resolution: {integrity: sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng==}
-    engines: {node: '>=20'}
-
-  tar@6.2.1:
-    resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
-    engines: {node: '>=10'}
-
-  text-table@0.2.0:
-    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-
-  tiny-lru@11.4.5:
-    resolution: {integrity: sha512-hkcz3FjNJfKXjV4mjQ1OrXSLAehg8Hw+cEZclOVT+5c/cWQWImQ9wolzTjth+dmmDe++p3bme3fTxz6Q4Etsqw==}
-    engines: {node: '>=12'}
-
-  tinyexec@1.0.1:
-    resolution: {integrity: sha512-5uC6DDlmeqiOwCPmK9jMSdOuZTh8bU39Ys6yidB+UTt5hfZUPGAypSgFRiEp+jbi9qH40BLDvy85jIU88wKSqw==}
-
-  tinyglobby@0.2.15:
-    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
-    engines: {node: '>=12.0.0'}
-
-  tinyqueue@3.0.0:
-    resolution: {integrity: sha512-gRa9gwYU3ECmQYv3lslts5hxuIa90veaEcxDYuu3QGOIAEM2mOZkVHp48ANJuu1CURtRdHKUBY5Lm1tHV+sD4g==}
-
-  tippy.js@6.3.7:
-    resolution: {integrity: sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==}
-
-  to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
-
-  totalist@3.0.1:
-    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
-    engines: {node: '>=6'}
-
-  tough-cookie@4.1.4:
-    resolution: {integrity: sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==}
-    engines: {node: '>=6'}
-
-  trim-lines@3.0.1:
-    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
-
-  ts-api-utils@1.4.3:
-    resolution: {integrity: sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      typescript: '>=4.2.0'
-
-  ts-api-utils@2.1.0:
-    resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
-    engines: {node: '>=18.12'}
-    peerDependencies:
-      typescript: '>=4.8.4'
-
-  tsconfig-paths@3.15.0:
-    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
-
-  tslib@1.14.1:
-    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
-
-  tslib@2.8.1:
-    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
-
-  tsutils@3.21.0:
-    resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
-    engines: {node: '>= 6'}
-    peerDependencies:
-      typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
-
-  tsx@4.20.6:
-    resolution: {integrity: sha512-ytQKuwgmrrkDTFP4LjR0ToE2nqgy886GpvRSpU0JAnrdBYppuY5rLkRUYPU1yCryb24SsKBTL/hlDQAEFVwtZg==}
-    engines: {node: '>=18.0.0'}
-    hasBin: true
-
-  tweakpane@4.0.5:
-    resolution: {integrity: sha512-rxEXdSI+ArlG1RyO6FghC4ZUX8JkEfz8F3v1JuteXSV0pEtHJzyo07fcDG+NsJfN5L39kSbCYbB9cBGHyuI/tQ==}
-
-  type-check@0.4.0:
-    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
-    engines: {node: '>= 0.8.0'}
-
-  type-fest@0.20.2:
-    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
-    engines: {node: '>=10'}
-
-  type-fest@0.6.0:
-    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
-    engines: {node: '>=8'}
-
-  type-fest@0.8.1:
-    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
-    engines: {node: '>=8'}
-
-  type-fest@4.41.0:
-    resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
-    engines: {node: '>=16'}
-
-  type-fest@5.2.0:
-    resolution: {integrity: sha512-xxCJm+Bckc6kQBknN7i9fnP/xobQRsRQxR01CztFkp/h++yfVxUUcmMgfR2HttJx/dpWjS9ubVuyspJv24Q9DA==}
-    engines: {node: '>=20'}
-
-  typed-array-buffer@1.0.3:
-    resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-byte-length@1.0.3:
-    resolution: {integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-byte-offset@1.0.4:
-    resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-length@1.0.7:
-    resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
-    engines: {node: '>= 0.4'}
-
-  typescript@5.9.3:
-    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-
-  uc.micro@2.1.0:
-    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
-
-  ufo@1.6.1:
-    resolution: {integrity: sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==}
-
-  unbox-primitive@1.1.0:
-    resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
-    engines: {node: '>= 0.4'}
-
-  undici-types@7.16.0:
-    resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==}
-
-  undici@6.22.0:
-    resolution: {integrity: sha512-hU/10obOIu62MGYjdskASR3CUAiYaFTtC9Pa6vHyf//mAipSvSQg6od2CnJswq7fvzNS3zJhxoRkgNVaHurWKw==}
-    engines: {node: '>=18.17'}
-
-  unicorn-magic@0.3.0:
-    resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
-    engines: {node: '>=18'}
-
-  unimport@3.14.6:
-    resolution: {integrity: sha512-CYvbDaTT04Rh8bmD8jz3WPmHYZRG/NnvYVzwD6V1YAlvvKROlAeNDUBhkBGzNav2RKaeuXvlWYaa1V4Lfi/O0g==}
-
-  unist-util-is@6.0.1:
-    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
-
-  unist-util-position@5.0.0:
-    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
-
-  unist-util-stringify-position@2.0.3:
-    resolution: {integrity: sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==}
-
-  unist-util-stringify-position@4.0.0:
-    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
-
-  unist-util-visit-parents@6.0.2:
-    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
-
-  unist-util-visit@5.0.0:
-    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
-
-  universalify@0.2.0:
-    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
-    engines: {node: '>= 4.0.0'}
-
-  unplugin-auto-import@0.18.6:
-    resolution: {integrity: sha512-LMFzX5DtkTj/3wZuyG5bgKBoJ7WSgzqSGJ8ppDRdlvPh45mx6t6w3OcbExQi53n3xF5MYkNGPNR/HYOL95KL2A==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      '@nuxt/kit': ^3.2.2
-      '@vueuse/core': '*'
-    peerDependenciesMeta:
-      '@nuxt/kit':
-        optional: true
-      '@vueuse/core':
-        optional: true
-
-  unplugin-utils@0.3.1:
-    resolution: {integrity: sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==}
-    engines: {node: '>=20.19.0'}
-
-  unplugin-vue-components@0.27.5:
-    resolution: {integrity: sha512-m9j4goBeNwXyNN8oZHHxvIIYiG8FQ9UfmKWeNllpDvhU7btKNNELGPt+o3mckQKuPwrE7e0PvCsx+IWuDSD9Vg==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      '@babel/parser': ^7.15.8
-      '@nuxt/kit': ^3.2.2
-      vue: 2 || 3
-    peerDependenciesMeta:
-      '@babel/parser':
-        optional: true
-      '@nuxt/kit':
-        optional: true
-
-  unplugin-vue-define-options@1.5.5:
-    resolution: {integrity: sha512-V50sWbpoADsjyVgovxewoLo2IDW0zfgHJbKiAl2EdZT8OL3g3h1Mz3QKoAAu09i8+LnkDatIEQMgBVeHHxWXNg==}
-    engines: {node: '>=16.14.0'}
-
-  unplugin-vue-router@0.8.8:
-    resolution: {integrity: sha512-8fKHzIF8+Suc1DhoBHmGxLhXUjhzIKvdTwngAybJ+3UrhNLv7KsGrNjaBVnQmlS9VNpxlwHRJzZ2Vc7IDlDm+A==}
-    peerDependencies:
-      vue-router: ^4.3.0
-    peerDependenciesMeta:
-      vue-router:
-        optional: true
-
-  unplugin@1.16.1:
-    resolution: {integrity: sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==}
-    engines: {node: '>=14.0.0'}
-
-  unplugin@2.3.10:
-    resolution: {integrity: sha512-6NCPkv1ClwH+/BGE9QeoTIl09nuiAt0gS28nn1PvYXsGKRwM2TCbFA2QiilmehPDTXIe684k4rZI1yl3A1PCUw==}
-    engines: {node: '>=18.12.0'}
-
-  unrs-resolver@1.11.1:
-    resolution: {integrity: sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==}
-
-  upath@2.0.1:
-    resolution: {integrity: sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==}
-    engines: {node: '>=4'}
-
-  update-browserslist-db@1.1.4:
-    resolution: {integrity: sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-
-  uri-js@4.4.1:
-    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
-
-  url-parse@1.5.10:
-    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
-
-  util-deprecate@1.0.2:
-    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
-
-  validate-npm-package-license@3.0.4:
-    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
-
-  vfile-message@4.0.3:
-    resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
-
-  vfile@6.0.3:
-    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
-
-  vite-dev-rpc@1.1.0:
-    resolution: {integrity: sha512-pKXZlgoXGoE8sEKiKJSng4hI1sQ4wi5YT24FCrwrLt6opmkjlqPPVmiPWWJn8M8byMxRGzp1CrFuqQs4M/Z39A==}
-    peerDependencies:
-      vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.1 || ^7.0.0-0
-
-  vite-hot-client@2.1.0:
-    resolution: {integrity: sha512-7SpgZmU7R+dDnSmvXE1mfDtnHLHQSisdySVR7lO8ceAXvM0otZeuQQ6C8LrS5d/aYyP/QZ0hI0L+dIPrm4YlFQ==}
-    peerDependencies:
-      vite: ^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0
-
-  vite-plugin-full-reload@1.2.0:
-    resolution: {integrity: sha512-kz18NW79x0IHbxRSHm0jttP4zoO9P9gXh+n6UTwlNKnviTTEpOlum6oS9SmecrTtSr+muHEn5TUuC75UovQzcA==}
-
-  vite-plugin-inspect@11.3.3:
-    resolution: {integrity: sha512-u2eV5La99oHoYPHE6UvbwgEqKKOQGz86wMg40CCosP6q8BkB6e5xPneZfYagK4ojPJSj5anHCrnvC20DpwVdRA==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      '@nuxt/kit': '*'
-      vite: ^6.0.0 || ^7.0.0-0
-    peerDependenciesMeta:
-      '@nuxt/kit':
-        optional: true
-
-  vite-plugin-vue-devtools@8.0.2:
-    resolution: {integrity: sha512-1069qvMBcyAu3yXQlvYrkwoyLOk0lSSR/gTKy/vy+Det7TXnouGei6ZcKwr5TIe938v/14oLlp0ow6FSJkkORA==}
-    engines: {node: '>=v14.21.3'}
-    peerDependencies:
-      vite: ^6.0.0 || ^7.0.0-0
-
-  vite-plugin-vue-inspector@5.3.2:
-    resolution: {integrity: sha512-YvEKooQcSiBTAs0DoYLfefNja9bLgkFM7NI2b07bE2SruuvX0MEa9cMaxjKVMkeCp5Nz9FRIdcN1rOdFVBeL6Q==}
-    peerDependencies:
-      vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0
-
-  vite-plugin-vue-meta-layouts@0.6.1:
-    resolution: {integrity: sha512-CVvieEPGhgGA1lf/wlalGF7HNByjMrjV37ENziYe9VkyoeiU21+xOjqnxJ3J/P9Yy/VS1f19pvFRMY7IfAAeKg==}
-    peerDependencies:
-      vite: '>=2.0.0'
-      vue-router: '>=4.0.14'
-
-  vite-plugin-vuetify@2.1.2:
-    resolution: {integrity: sha512-I/wd6QS+DO6lHmuGoi1UTyvvBTQ2KDzQZ9oowJQEJ6OcjWfJnscYXx2ptm6S7fJSASuZT8jGRBL3LV4oS3LpaA==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    peerDependencies:
-      vite: '>=5'
-      vue: ^3.0.0
-      vuetify: ^3.0.0
-
-  vite-svg-loader@5.1.0:
-    resolution: {integrity: sha512-M/wqwtOEjgb956/+m5ZrYT/Iq6Hax0OakWbokj8+9PXOnB7b/4AxESHieEtnNEy7ZpjsjYW1/5nK8fATQMmRxw==}
-    peerDependencies:
-      vue: '>=3.2.13'
-
-  vite@7.1.12:
-    resolution: {integrity: sha512-ZWyE8YXEXqJrrSLvYgrRP7p62OziLW7xI5HYGWFzOvupfAlrLvURSzv/FyGyy0eidogEM3ujU+kUG1zuHgb6Ug==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': ^20.19.0 || >=22.12.0
-      jiti: '>=1.21.0'
-      less: ^4.0.0
-      lightningcss: ^1.21.0
-      sass: ^1.70.0
-      sass-embedded: ^1.70.0
-      stylus: '>=0.54.8'
-      sugarss: ^5.0.0
-      terser: ^5.16.0
-      tsx: ^4.8.1
-      yaml: ^2.4.2
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      jiti:
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      sass-embedded:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-      tsx:
-        optional: true
-      yaml:
-        optional: true
-
-  vscode-uri@3.1.0:
-    resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
-
-  vt-pbf@3.1.3:
-    resolution: {integrity: sha512-2LzDFzt0mZKZ9IpVF2r69G9bXaP2Q2sArJCmcCgvfTdCCZzSyz4aCLoQyUilu37Ll56tCblIZrXFIjNUpGIlmA==}
-
-  vue-chartjs@5.3.3:
-    resolution: {integrity: sha512-jqxtL8KZ6YJ5NTv6XzrzLS7osyegOi28UGNZW0h9OkDL7Sh1396ht4Dorh04aKrl2LiSalQ84WtqiG0RIJb0tA==}
-    peerDependencies:
-      chart.js: ^4.1.1
-      vue: ^3.0.0-0 || ^2.7.0
-
-  vue-demi@0.14.10:
-    resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
-    engines: {node: '>=12'}
-    hasBin: true
-    peerDependencies:
-      '@vue/composition-api': ^1.0.0-rc.1
-      vue: ^3.0.0-0 || ^2.6.0
-    peerDependenciesMeta:
-      '@vue/composition-api':
-        optional: true
-
-  vue-eslint-parser@9.4.3:
-    resolution: {integrity: sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==}
-    engines: {node: ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '>=6.0.0'
-
-  vue-flatpickr-component@11.0.5:
-    resolution: {integrity: sha512-Vfwg5uVU+sanKkkLzUGC5BUlWd5wlqAMq/UpQ6lI2BCZq0DDrXhOMX7hrevt8bEgglIq2QUv0K2Nl84Me/VnlA==}
-    engines: {node: '>=14.13.0'}
-    peerDependencies:
-      vue: ^3.2.0
-
-  vue-i18n@11.1.12:
-    resolution: {integrity: sha512-BnstPj3KLHLrsqbVU2UOrPmr0+Mv11bsUZG0PyCOzsawCivk8W00GMXHeVUWIDOgNaScCuZah47CZFE+Wnl8mw==}
-    engines: {node: '>= 16'}
-    peerDependencies:
-      vue: ^3.0.0
-
-  vue-prism-component@2.0.0:
-    resolution: {integrity: sha512-1ofrL+GCZOv4HqtX5W3EgkhSAgadSeuD8FDTXbwhLy8kS+28RCR8t2S5VTeM9U/peAaXLBpSgRt3J25ao8KTeg==}
-
-  vue-router@4.5.1:
-    resolution: {integrity: sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==}
-    peerDependencies:
-      vue: ^3.2.0
-
-  vue-shepherd@3.0.0:
-    resolution: {integrity: sha512-e5Obzcy0pWUWl1RJjWclrfTvRALqlB5PFqKjoyVNqql8iyQJ+tK9CXN33EnJdxCeOG694Jwr/XlRdBm5O76eLw==}
-    peerDependencies:
-      vue: '>=3.0.0'
-
-  vue-tsc@3.1.3:
-    resolution: {integrity: sha512-StMNfZHwPIXQgY3KxPKM0Jsoc8b46mDV3Fn2UlHCBIwRJApjqrSwqeMYgWf0zpN+g857y74pv7GWuBm+UqQe1w==}
-    hasBin: true
-    peerDependencies:
-      typescript: '>=5.0.0'
-
-  vue3-apexcharts@1.5.3:
-    resolution: {integrity: sha512-yaHTPoj0iVKAtEVg8wEwIwwvf0VG+lPYNufCf3txRzYQOqdKPoZaZ9P3Dj3X+2A1XY9O1kcTk9HVqvLo+rppvQ==}
-    peerDependencies:
-      apexcharts: '> 3.0.0'
-      vue: '> 3.0.0'
-
-  vue3-perfect-scrollbar@2.0.0:
-    resolution: {integrity: sha512-nSWVcRyViCgt0Pe3RhU3w/BllLcFSrEzYOGlRBjSyhVmiZlERHHziffW+9P8L0IMEWouC5t+uYrgNJGSAElqMA==}
-    peerDependencies:
-      vue: ^3.0.0
-
-  vue@3.5.22:
-    resolution: {integrity: sha512-toaZjQ3a/G/mYaLSbV+QsQhIdMo9x5rrqIpYRObsJ6T/J+RyCSFwN2LHNVH9v8uIcljDNa3QzPVdv3Y6b9hAJQ==}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  vuetify@3.10.8:
-    resolution: {integrity: sha512-TV1bx8mUjOPbhmEsamm38/CBcVe5DHYepOZGE6aQJ2uxvg96B4k+QHgIJcD5uKVfKmxKkJRtHdEXyq6JP9wBtg==}
-    peerDependencies:
-      typescript: '>=4.7'
-      vite-plugin-vuetify: '>=2.1.0'
-      vue: ^3.5.0
-      webpack-plugin-vuetify: '>=3.1.0'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-      vite-plugin-vuetify:
-        optional: true
-      webpack-plugin-vuetify:
-        optional: true
-
-  w3c-keyname@2.2.8:
-    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
-
-  webfontloader@1.6.28:
-    resolution: {integrity: sha512-Egb0oFEga6f+nSgasH3E0M405Pzn6y3/9tOVanv/DLfa1YBIgcv90L18YyWnvXkRbIM17v5Kv6IT2N6g1x5tvQ==}
-
-  webpack-virtual-modules@0.6.2:
-    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
-
-  whatwg-encoding@3.1.1:
-    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
-    engines: {node: '>=18'}
-
-  whatwg-mimetype@4.0.0:
-    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
-    engines: {node: '>=18'}
-
-  which-boxed-primitive@1.1.1:
-    resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
-    engines: {node: '>= 0.4'}
-
-  which-builtin-type@1.2.1:
-    resolution: {integrity: sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==}
-    engines: {node: '>= 0.4'}
-
-  which-collection@1.0.2:
-    resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
-    engines: {node: '>= 0.4'}
-
-  which-typed-array@1.1.19:
-    resolution: {integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==}
-    engines: {node: '>= 0.4'}
-
-  which@1.3.1:
-    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
-    hasBin: true
-
-  which@2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
-    hasBin: true
-
-  word-wrap@1.2.5:
-    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
-    engines: {node: '>=0.10.0'}
-
-  wrap-ansi@6.2.0:
-    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
-    engines: {node: '>=8'}
-
-  wrap-ansi@7.0.0:
-    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
-    engines: {node: '>=10'}
-
-  wrappy@1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
-
-  write-file-atomic@5.0.1:
-    resolution: {integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==}
-    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
-
-  wsl-utils@0.1.0:
-    resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==}
-    engines: {node: '>=18'}
-
-  xml-name-validator@4.0.0:
-    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
-    engines: {node: '>=12'}
-
-  y18n@5.0.8:
-    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
-    engines: {node: '>=10'}
-
-  yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
-
-  yallist@4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
-
-  yaml-eslint-parser@1.3.0:
-    resolution: {integrity: sha512-E/+VitOorXSLiAqtTd7Yqax0/pAS3xaYMP+AUUJGOK1OZG3rhcj9fcJOM5HJ2VrP1FrStVCWr1muTfQCdj4tAA==}
-    engines: {node: ^14.17.0 || >=16.0.0}
-
-  yaml@2.8.1:
-    resolution: {integrity: sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==}
-    engines: {node: '>= 14.6'}
-    hasBin: true
-
-  yargs-parser@21.1.1:
-    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
-    engines: {node: '>=12'}
-
-  yargs@17.7.2:
-    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
-    engines: {node: '>=12'}
-
-  yauzl@2.10.0:
-    resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
-
-  yocto-queue@0.1.0:
-    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
-    engines: {node: '>=10'}
-
-  yoctocolors-cjs@2.1.3:
-    resolution: {integrity: sha512-U/PBtDf35ff0D8X8D0jfdzHYEPFxAI7jJlxZXwCSez5M3190m+QobIfh+sWDWSHMCWWJN2AWamkegn6vr6YBTw==}
-    engines: {node: '>=18'}
-
-  yoctocolors@2.1.2:
-    resolution: {integrity: sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==}
-    engines: {node: '>=18'}
-
-  zwitch@2.0.4:
-    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
-
-snapshots:
-
-  '@antfu/eslint-config-basic@0.43.1(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3))(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@stylistic/eslint-plugin-js': 0.0.4
-      eslint: 8.57.1
-      eslint-plugin-antfu: 0.43.1(eslint@8.57.1)(typescript@5.9.3)
-      eslint-plugin-eslint-comments: 3.2.0(eslint@8.57.1)
-      eslint-plugin-html: 7.1.0
-      eslint-plugin-import: eslint-plugin-i@2.28.1(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
-      eslint-plugin-jsdoc: 46.10.1(eslint@8.57.1)
-      eslint-plugin-jsonc: 2.21.0(eslint@8.57.1)
-      eslint-plugin-markdown: 3.0.1(eslint@8.57.1)
-      eslint-plugin-n: 16.6.2(eslint@8.57.1)
-      eslint-plugin-no-only-tests: 3.3.0
-      eslint-plugin-promise: 6.6.0(eslint@8.57.1)
-      eslint-plugin-unicorn: 48.0.1(eslint@8.57.1)
-      eslint-plugin-unused-imports: 3.2.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)
-      eslint-plugin-yml: 1.19.0(eslint@8.57.1)
-      jsonc-eslint-parser: 2.4.1
-      yaml-eslint-parser: 1.3.0
-    transitivePeerDependencies:
-      - '@eslint/json'
-      - '@typescript-eslint/eslint-plugin'
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-      - typescript
-
-  '@antfu/eslint-config-basic@0.43.1(@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3))(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@stylistic/eslint-plugin-js': 0.0.4
-      eslint: 8.57.1
-      eslint-plugin-antfu: 0.43.1(eslint@8.57.1)(typescript@5.9.3)
-      eslint-plugin-eslint-comments: 3.2.0(eslint@8.57.1)
-      eslint-plugin-html: 7.1.0
-      eslint-plugin-import: eslint-plugin-i@2.28.1(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
-      eslint-plugin-jsdoc: 46.10.1(eslint@8.57.1)
-      eslint-plugin-jsonc: 2.21.0(eslint@8.57.1)
-      eslint-plugin-markdown: 3.0.1(eslint@8.57.1)
-      eslint-plugin-n: 16.6.2(eslint@8.57.1)
-      eslint-plugin-no-only-tests: 3.3.0
-      eslint-plugin-promise: 6.6.0(eslint@8.57.1)
-      eslint-plugin-unicorn: 48.0.1(eslint@8.57.1)
-      eslint-plugin-unused-imports: 3.2.0(@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)
-      eslint-plugin-yml: 1.19.0(eslint@8.57.1)
-      jsonc-eslint-parser: 2.4.1
-      yaml-eslint-parser: 1.3.0
-    transitivePeerDependencies:
-      - '@eslint/json'
-      - '@typescript-eslint/eslint-plugin'
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-      - typescript
-
-  '@antfu/eslint-config-ts@0.43.1(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@antfu/eslint-config-basic': 0.43.1(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3))(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)(typescript@5.9.3)
-      '@stylistic/eslint-plugin-ts': 0.0.4(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.9.3)
-      eslint: 8.57.1
-      eslint-plugin-jest: 27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - '@eslint/json'
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - jest
-      - supports-color
-
-  '@antfu/eslint-config-vue@0.43.1(@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3))(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@antfu/eslint-config-basic': 0.43.1(@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3))(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)(typescript@5.9.3)
-      '@antfu/eslint-config-ts': 0.43.1(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)(typescript@5.9.3)
-      eslint: 8.57.1
-      eslint-plugin-vue: 9.33.0(eslint@8.57.1)
-      local-pkg: 0.4.3
-    transitivePeerDependencies:
-      - '@eslint/json'
-      - '@typescript-eslint/eslint-plugin'
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - jest
-      - supports-color
-      - typescript
-
-  '@antfu/install-pkg@1.1.0':
-    dependencies:
-      package-manager-detector: 1.5.0
-      tinyexec: 1.0.1
-
-  '@antfu/utils@0.7.10': {}
-
-  '@antfu/utils@8.1.1': {}
-
-  '@babel/code-frame@7.27.1':
-    dependencies:
-      '@babel/helper-validator-identifier': 7.28.5
-      js-tokens: 4.0.0
-      picocolors: 1.1.1
-
-  '@babel/compat-data@7.28.5': {}
-
-  '@babel/core@7.28.5':
-    dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/generator': 7.28.5
-      '@babel/helper-compilation-targets': 7.27.2
-      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.5)
-      '@babel/helpers': 7.28.4
-      '@babel/parser': 7.28.5
-      '@babel/template': 7.27.2
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
-      '@jridgewell/remapping': 2.3.5
-      convert-source-map: 2.0.0
-      debug: 4.4.3
-      gensync: 1.0.0-beta.2
-      json5: 2.2.3
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/generator@7.28.5':
-    dependencies:
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
-      '@jridgewell/gen-mapping': 0.3.13
-      '@jridgewell/trace-mapping': 0.3.31
-      jsesc: 3.1.0
-
-  '@babel/helper-annotate-as-pure@7.27.3':
-    dependencies:
-      '@babel/types': 7.28.5
-
-  '@babel/helper-compilation-targets@7.27.2':
-    dependencies:
-      '@babel/compat-data': 7.28.5
-      '@babel/helper-validator-option': 7.27.1
-      browserslist: 4.27.0
-      lru-cache: 5.1.1
-      semver: 6.3.1
-
-  '@babel/helper-create-class-features-plugin@7.28.5(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-annotate-as-pure': 7.27.3
-      '@babel/helper-member-expression-to-functions': 7.28.5
-      '@babel/helper-optimise-call-expression': 7.27.1
-      '@babel/helper-replace-supers': 7.27.1(@babel/core@7.28.5)
-      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
-      '@babel/traverse': 7.28.5
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-globals@7.28.0': {}
-
-  '@babel/helper-member-expression-to-functions@7.28.5':
-    dependencies:
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-module-imports@7.27.1':
-    dependencies:
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-module-imports': 7.27.1
-      '@babel/helper-validator-identifier': 7.28.5
-      '@babel/traverse': 7.28.5
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-optimise-call-expression@7.27.1':
-    dependencies:
-      '@babel/types': 7.28.5
-
-  '@babel/helper-plugin-utils@7.27.1': {}
-
-  '@babel/helper-replace-supers@7.27.1(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-member-expression-to-functions': 7.28.5
-      '@babel/helper-optimise-call-expression': 7.27.1
-      '@babel/traverse': 7.28.5
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
-    dependencies:
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-string-parser@7.27.1': {}
-
-  '@babel/helper-validator-identifier@7.28.5': {}
-
-  '@babel/helper-validator-option@7.27.1': {}
-
-  '@babel/helpers@7.28.4':
-    dependencies:
-      '@babel/template': 7.27.2
-      '@babel/types': 7.28.5
-
-  '@babel/parser@7.28.5':
-    dependencies:
-      '@babel/types': 7.28.5
-
-  '@babel/plugin-proposal-decorators@7.28.0(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-create-class-features-plugin': 7.28.5(@babel/core@7.28.5)
-      '@babel/helper-plugin-utils': 7.27.1
-      '@babel/plugin-syntax-decorators': 7.27.1(@babel/core@7.28.5)
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/plugin-syntax-decorators@7.27.1(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-plugin-utils': 7.27.1
-
-  '@babel/plugin-syntax-import-attributes@7.27.1(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-plugin-utils': 7.27.1
-
-  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-plugin-utils': 7.27.1
-
-  '@babel/plugin-syntax-jsx@7.27.1(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-plugin-utils': 7.27.1
-
-  '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-plugin-utils': 7.27.1
-
-  '@babel/plugin-transform-typescript@7.28.5(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-annotate-as-pure': 7.27.3
-      '@babel/helper-create-class-features-plugin': 7.28.5(@babel/core@7.28.5)
-      '@babel/helper-plugin-utils': 7.27.1
-      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
-      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.5)
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/template@7.27.2':
-    dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
-
-  '@babel/traverse@7.28.5':
-    dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/generator': 7.28.5
-      '@babel/helper-globals': 7.28.0
-      '@babel/parser': 7.28.5
-      '@babel/template': 7.27.2
-      '@babel/types': 7.28.5
-      debug: 4.4.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/types@7.28.5':
-    dependencies:
-      '@babel/helper-string-parser': 7.27.1
-      '@babel/helper-validator-identifier': 7.28.5
-
-  '@bundled-es-modules/cookie@2.0.1':
-    dependencies:
-      cookie: 0.7.2
-
-  '@bundled-es-modules/statuses@1.0.1':
-    dependencies:
-      statuses: 2.0.2
-
-  '@bundled-es-modules/tough-cookie@0.1.6':
-    dependencies:
-      '@types/tough-cookie': 4.0.5
-      tough-cookie: 4.1.4
-
-  '@casl/ability@6.7.3':
-    dependencies:
-      '@ucast/mongo2js': 1.4.0
-
-  '@casl/vue@2.2.2(@casl/ability@6.7.3)(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      '@casl/ability': 6.7.3
-      vue: 3.5.22(typescript@5.9.3)
-
-  '@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1)':
-    dependencies:
-      '@csstools/css-tokenizer': 2.4.1
-
-  '@csstools/css-tokenizer@2.4.1': {}
-
-  '@csstools/media-query-list-parser@2.1.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)':
-    dependencies:
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-
-  '@csstools/selector-specificity@3.1.1(postcss-selector-parser@6.1.2)':
-    dependencies:
-      postcss-selector-parser: 6.1.2
-
-  '@dual-bundle/import-meta-resolve@4.2.1': {}
-
-  '@emnapi/core@1.7.0':
-    dependencies:
-      '@emnapi/wasi-threads': 1.1.0
-      tslib: 2.8.1
-    optional: true
-
-  '@emnapi/runtime@1.7.0':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@emnapi/wasi-threads@1.1.0':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@es-joy/jsdoccomment@0.41.0':
-    dependencies:
-      comment-parser: 1.4.1
-      esquery: 1.6.0
-      jsdoc-type-pratt-parser: 4.0.0
-
-  '@esbuild/aix-ppc64@0.25.12':
-    optional: true
-
-  '@esbuild/android-arm64@0.25.12':
-    optional: true
-
-  '@esbuild/android-arm@0.25.12':
-    optional: true
-
-  '@esbuild/android-x64@0.25.12':
-    optional: true
-
-  '@esbuild/darwin-arm64@0.25.12':
-    optional: true
-
-  '@esbuild/darwin-x64@0.25.12':
-    optional: true
-
-  '@esbuild/freebsd-arm64@0.25.12':
-    optional: true
-
-  '@esbuild/freebsd-x64@0.25.12':
-    optional: true
-
-  '@esbuild/linux-arm64@0.25.12':
-    optional: true
-
-  '@esbuild/linux-arm@0.25.12':
-    optional: true
-
-  '@esbuild/linux-ia32@0.25.12':
-    optional: true
-
-  '@esbuild/linux-loong64@0.25.12':
-    optional: true
-
-  '@esbuild/linux-mips64el@0.25.12':
-    optional: true
-
-  '@esbuild/linux-ppc64@0.25.12':
-    optional: true
-
-  '@esbuild/linux-riscv64@0.25.12':
-    optional: true
-
-  '@esbuild/linux-s390x@0.25.12':
-    optional: true
-
-  '@esbuild/linux-x64@0.25.12':
-    optional: true
-
-  '@esbuild/netbsd-arm64@0.25.12':
-    optional: true
-
-  '@esbuild/netbsd-x64@0.25.12':
-    optional: true
-
-  '@esbuild/openbsd-arm64@0.25.12':
-    optional: true
-
-  '@esbuild/openbsd-x64@0.25.12':
-    optional: true
-
-  '@esbuild/openharmony-arm64@0.25.12':
-    optional: true
-
-  '@esbuild/sunos-x64@0.25.12':
-    optional: true
-
-  '@esbuild/win32-arm64@0.25.12':
-    optional: true
-
-  '@esbuild/win32-ia32@0.25.12':
-    optional: true
-
-  '@esbuild/win32-x64@0.25.12':
-    optional: true
-
-  '@eslint-community/eslint-utils@4.9.0(eslint@8.57.1)':
-    dependencies:
-      eslint: 8.57.1
-      eslint-visitor-keys: 3.4.3
-
-  '@eslint-community/regexpp@4.12.2': {}
-
-  '@eslint/eslintrc@2.1.4':
-    dependencies:
-      ajv: 6.12.6
-      debug: 4.4.3
-      espree: 9.6.1
-      globals: 13.24.0
-      ignore: 5.3.2
-      import-fresh: 3.3.1
-      js-yaml: 4.1.0
-      minimatch: 3.1.2
-      strip-json-comments: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-
-  '@eslint/js@8.57.1': {}
-
-  '@floating-ui/core@1.7.3':
-    dependencies:
-      '@floating-ui/utils': 0.2.10
-
-  '@floating-ui/dom@1.6.8':
-    dependencies:
-      '@floating-ui/core': 1.7.3
-      '@floating-ui/utils': 0.2.10
-
-  '@floating-ui/utils@0.2.10': {}
-
-  '@formkit/drag-and-drop@0.1.6': {}
-
-  '@fullcalendar/core@6.1.19':
-    dependencies:
-      preact: 10.12.1
-
-  '@fullcalendar/daygrid@6.1.19(@fullcalendar/core@6.1.19)':
-    dependencies:
-      '@fullcalendar/core': 6.1.19
-
-  '@fullcalendar/interaction@6.1.19(@fullcalendar/core@6.1.19)':
-    dependencies:
-      '@fullcalendar/core': 6.1.19
-
-  '@fullcalendar/list@6.1.19(@fullcalendar/core@6.1.19)':
-    dependencies:
-      '@fullcalendar/core': 6.1.19
-
-  '@fullcalendar/timegrid@6.1.19(@fullcalendar/core@6.1.19)':
-    dependencies:
-      '@fullcalendar/core': 6.1.19
-      '@fullcalendar/daygrid': 6.1.19(@fullcalendar/core@6.1.19)
-
-  '@fullcalendar/vue3@6.1.19(@fullcalendar/core@6.1.19)(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      '@fullcalendar/core': 6.1.19
-      vue: 3.5.22(typescript@5.9.3)
-
-  '@humanwhocodes/config-array@0.13.0':
-    dependencies:
-      '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.4.3
-      minimatch: 3.1.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@humanwhocodes/module-importer@1.0.1': {}
-
-  '@humanwhocodes/object-schema@2.0.3': {}
-
-  '@iconify-json/fa@1.2.2':
-    dependencies:
-      '@iconify/types': 2.0.0
-
-  '@iconify-json/mdi@1.2.3':
-    dependencies:
-      '@iconify/types': 2.0.0
-
-  '@iconify-json/tabler@1.2.23':
-    dependencies:
-      '@iconify/types': 2.0.0
-
-  '@iconify/tools@4.1.4':
-    dependencies:
-      '@iconify/types': 2.0.0
-      '@iconify/utils': 2.3.0
-      '@types/tar': 6.1.13
-      axios: 1.13.1
-      cheerio: 1.0.0
-      domhandler: 5.0.3
-      extract-zip: 2.0.1
-      local-pkg: 0.5.1
-      pathe: 1.1.2
-      svgo: 3.3.2
-      tar: 6.2.1
-    transitivePeerDependencies:
-      - debug
-      - supports-color
-
-  '@iconify/types@2.0.0': {}
-
-  '@iconify/utils@2.3.0':
-    dependencies:
-      '@antfu/install-pkg': 1.1.0
-      '@antfu/utils': 8.1.1
-      '@iconify/types': 2.0.0
-      debug: 4.4.3
-      globals: 15.15.0
-      kolorist: 1.8.0
-      local-pkg: 1.1.2
-      mlly: 1.8.0
-    transitivePeerDependencies:
-      - supports-color
-
-  '@iconify/vue@4.1.2(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      '@iconify/types': 2.0.0
-      vue: 3.5.22(typescript@5.9.3)
-
-  '@inquirer/ansi@1.0.1': {}
-
-  '@inquirer/confirm@5.1.19(@types/node@24.10.0)':
-    dependencies:
-      '@inquirer/core': 10.3.0(@types/node@24.10.0)
-      '@inquirer/type': 3.0.9(@types/node@24.10.0)
-    optionalDependencies:
-      '@types/node': 24.10.0
-
-  '@inquirer/core@10.3.0(@types/node@24.10.0)':
-    dependencies:
-      '@inquirer/ansi': 1.0.1
-      '@inquirer/figures': 1.0.14
-      '@inquirer/type': 3.0.9(@types/node@24.10.0)
-      cli-width: 4.1.0
-      mute-stream: 2.0.0
-      signal-exit: 4.1.0
-      wrap-ansi: 6.2.0
-      yoctocolors-cjs: 2.1.3
-    optionalDependencies:
-      '@types/node': 24.10.0
-
-  '@inquirer/figures@1.0.14': {}
-
-  '@inquirer/type@3.0.9(@types/node@24.10.0)':
-    optionalDependencies:
-      '@types/node': 24.10.0
-
-  '@intlify/bundle-utils@11.0.1(vue-i18n@11.1.12(vue@3.5.22(typescript@5.9.3)))':
-    dependencies:
-      '@intlify/message-compiler': 11.1.12
-      '@intlify/shared': 11.1.12
-      acorn: 8.15.0
-      esbuild: 0.25.12
-      escodegen: 2.1.0
-      estree-walker: 2.0.2
-      jsonc-eslint-parser: 2.4.1
-      source-map-js: 1.2.1
-      yaml-eslint-parser: 1.3.0
-    optionalDependencies:
-      vue-i18n: 11.1.12(vue@3.5.22(typescript@5.9.3))
-
-  '@intlify/core-base@11.1.12':
-    dependencies:
-      '@intlify/message-compiler': 11.1.12
-      '@intlify/shared': 11.1.12
-
-  '@intlify/message-compiler@11.1.12':
-    dependencies:
-      '@intlify/shared': 11.1.12
-      source-map-js: 1.2.1
-
-  '@intlify/shared@11.1.12': {}
-
-  '@intlify/unplugin-vue-i18n@11.0.1(@vue/compiler-dom@3.5.22)(eslint@8.57.1)(rollup@4.52.5)(typescript@5.9.3)(vue-i18n@11.1.12(vue@3.5.22(typescript@5.9.3)))(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
-      '@intlify/bundle-utils': 11.0.1(vue-i18n@11.1.12(vue@3.5.22(typescript@5.9.3)))
-      '@intlify/shared': 11.1.12
-      '@intlify/vue-i18n-extensions': 8.0.0(@intlify/shared@11.1.12)(@vue/compiler-dom@3.5.22)(vue-i18n@11.1.12(vue@3.5.22(typescript@5.9.3)))(vue@3.5.22(typescript@5.9.3))
-      '@rollup/pluginutils': 5.3.0(rollup@4.52.5)
-      '@typescript-eslint/scope-manager': 8.46.3
-      '@typescript-eslint/typescript-estree': 8.46.3(typescript@5.9.3)
-      debug: 4.4.3
-      fast-glob: 3.3.3
-      pathe: 2.0.3
-      picocolors: 1.1.1
-      unplugin: 2.3.10
-      vue: 3.5.22(typescript@5.9.3)
-    optionalDependencies:
-      vue-i18n: 11.1.12(vue@3.5.22(typescript@5.9.3))
-    transitivePeerDependencies:
-      - '@vue/compiler-dom'
-      - eslint
-      - rollup
-      - supports-color
-      - typescript
-
-  '@intlify/vue-i18n-extensions@8.0.0(@intlify/shared@11.1.12)(@vue/compiler-dom@3.5.22)(vue-i18n@11.1.12(vue@3.5.22(typescript@5.9.3)))(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      '@babel/parser': 7.28.5
-    optionalDependencies:
-      '@intlify/shared': 11.1.12
-      '@vue/compiler-dom': 3.5.22
-      vue: 3.5.22(typescript@5.9.3)
-      vue-i18n: 11.1.12(vue@3.5.22(typescript@5.9.3))
-
-  '@jridgewell/gen-mapping@0.3.13':
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
-      '@jridgewell/trace-mapping': 0.3.31
-
-  '@jridgewell/remapping@2.3.5':
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.13
-      '@jridgewell/trace-mapping': 0.3.31
-
-  '@jridgewell/resolve-uri@3.1.2': {}
-
-  '@jridgewell/sourcemap-codec@1.5.5': {}
-
-  '@jridgewell/trace-mapping@0.3.31':
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.5.5
-
-  '@kurkle/color@0.3.4': {}
-
-  '@mapbox/jsonlint-lines-primitives@2.0.2': {}
-
-  '@mapbox/mapbox-gl-supported@3.0.0': {}
-
-  '@mapbox/point-geometry@0.1.0': {}
-
-  '@mapbox/tiny-sdf@2.0.7': {}
-
-  '@mapbox/unitbezier@0.0.1': {}
-
-  '@mapbox/vector-tile@1.3.1':
-    dependencies:
-      '@mapbox/point-geometry': 0.1.0
-
-  '@mapbox/whoots-js@3.1.0': {}
-
-  '@mswjs/interceptors@0.37.6':
-    dependencies:
-      '@open-draft/deferred-promise': 2.2.0
-      '@open-draft/logger': 0.3.0
-      '@open-draft/until': 2.1.0
-      is-node-process: 1.2.0
-      outvariant: 1.4.3
-      strict-event-emitter: 0.5.1
-
-  '@napi-rs/wasm-runtime@0.2.12':
-    dependencies:
-      '@emnapi/core': 1.7.0
-      '@emnapi/runtime': 1.7.0
-      '@tybys/wasm-util': 0.10.1
-    optional: true
-
-  '@nodelib/fs.scandir@2.1.5':
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
-
-  '@nodelib/fs.stat@2.0.5': {}
-
-  '@nodelib/fs.walk@1.2.8':
-    dependencies:
-      '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.19.1
-
-  '@nolyfill/is-core-module@1.0.39': {}
-
-  '@open-draft/deferred-promise@2.2.0': {}
-
-  '@open-draft/logger@0.3.0':
-    dependencies:
-      is-node-process: 1.2.0
-      outvariant: 1.4.3
-
-  '@open-draft/until@2.1.0': {}
-
-  '@pkgr/core@0.1.2': {}
-
-  '@pkgr/core@0.2.9': {}
-
-  '@polka/url@1.0.0-next.29': {}
-
-  '@popperjs/core@2.11.8': {}
-
-  '@remirror/core-constants@3.0.0': {}
-
-  '@rolldown/pluginutils@1.0.0-beta.29': {}
-
-  '@rolldown/pluginutils@1.0.0-beta.46': {}
-
-  '@rollup/pluginutils@5.3.0(rollup@4.52.5)':
-    dependencies:
-      '@types/estree': 1.0.8
-      estree-walker: 2.0.2
-      picomatch: 4.0.3
-    optionalDependencies:
-      rollup: 4.52.5
-
-  '@rollup/rollup-android-arm-eabi@4.52.5':
-    optional: true
-
-  '@rollup/rollup-android-arm64@4.52.5':
-    optional: true
-
-  '@rollup/rollup-darwin-arm64@4.52.5':
-    optional: true
-
-  '@rollup/rollup-darwin-x64@4.52.5':
-    optional: true
-
-  '@rollup/rollup-freebsd-arm64@4.52.5':
-    optional: true
-
-  '@rollup/rollup-freebsd-x64@4.52.5':
-    optional: true
-
-  '@rollup/rollup-linux-arm-gnueabihf@4.52.5':
-    optional: true
-
-  '@rollup/rollup-linux-arm-musleabihf@4.52.5':
-    optional: true
-
-  '@rollup/rollup-linux-arm64-gnu@4.52.5':
-    optional: true
-
-  '@rollup/rollup-linux-arm64-musl@4.52.5':
-    optional: true
-
-  '@rollup/rollup-linux-loong64-gnu@4.52.5':
-    optional: true
-
-  '@rollup/rollup-linux-ppc64-gnu@4.52.5':
-    optional: true
-
-  '@rollup/rollup-linux-riscv64-gnu@4.52.5':
-    optional: true
-
-  '@rollup/rollup-linux-riscv64-musl@4.52.5':
-    optional: true
-
-  '@rollup/rollup-linux-s390x-gnu@4.52.5':
-    optional: true
-
-  '@rollup/rollup-linux-x64-gnu@4.52.5':
-    optional: true
-
-  '@rollup/rollup-linux-x64-musl@4.52.5':
-    optional: true
-
-  '@rollup/rollup-openharmony-arm64@4.52.5':
-    optional: true
-
-  '@rollup/rollup-win32-arm64-msvc@4.52.5':
-    optional: true
-
-  '@rollup/rollup-win32-ia32-msvc@4.52.5':
-    optional: true
-
-  '@rollup/rollup-win32-x64-gnu@4.52.5':
-    optional: true
-
-  '@rollup/rollup-win32-x64-msvc@4.52.5':
-    optional: true
-
-  '@rtsao/scc@1.1.0': {}
-
-  '@scarf/scarf@1.4.0': {}
-
-  '@sec-ant/readable-stream@0.4.1': {}
-
-  '@shikijs/core@1.29.2':
-    dependencies:
-      '@shikijs/engine-javascript': 1.29.2
-      '@shikijs/engine-oniguruma': 1.29.2
-      '@shikijs/types': 1.29.2
-      '@shikijs/vscode-textmate': 10.0.2
-      '@types/hast': 3.0.4
-      hast-util-to-html: 9.0.5
-
-  '@shikijs/engine-javascript@1.29.2':
-    dependencies:
-      '@shikijs/types': 1.29.2
-      '@shikijs/vscode-textmate': 10.0.2
-      oniguruma-to-es: 2.3.0
-
-  '@shikijs/engine-oniguruma@1.29.2':
-    dependencies:
-      '@shikijs/types': 1.29.2
-      '@shikijs/vscode-textmate': 10.0.2
-
-  '@shikijs/langs@1.29.2':
-    dependencies:
-      '@shikijs/types': 1.29.2
-
-  '@shikijs/themes@1.29.2':
-    dependencies:
-      '@shikijs/types': 1.29.2
-
-  '@shikijs/types@1.29.2':
-    dependencies:
-      '@shikijs/vscode-textmate': 10.0.2
-      '@types/hast': 3.0.4
-
-  '@shikijs/vscode-textmate@10.0.2': {}
-
-  '@sindresorhus/is@7.1.1': {}
-
-  '@sindresorhus/merge-streams@4.0.0': {}
-
-  '@stylistic/eslint-plugin-js@0.0.4':
-    dependencies:
-      acorn: 8.15.0
-      escape-string-regexp: 4.0.0
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      esutils: 2.0.3
-      graphemer: 1.4.0
-
-  '@stylistic/eslint-plugin-ts@0.0.4(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@stylistic/eslint-plugin-js': 0.0.4
-      '@typescript-eslint/scope-manager': 6.21.0
-      '@typescript-eslint/type-utils': 6.21.0(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/utils': 6.21.0(eslint@8.57.1)(typescript@5.9.3)
-      eslint: 8.57.1
-      graphemer: 1.4.0
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@stylistic/stylelint-config@1.0.1(stylelint@16.8.0(typescript@5.9.3))':
-    dependencies:
-      '@stylistic/stylelint-plugin': 2.1.3(stylelint@16.8.0(typescript@5.9.3))
-      stylelint: 16.8.0(typescript@5.9.3)
-
-  '@stylistic/stylelint-plugin@2.1.3(stylelint@16.8.0(typescript@5.9.3))':
-    dependencies:
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/media-query-list-parser': 2.1.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      is-plain-object: 5.0.0
-      postcss-selector-parser: 6.1.2
-      postcss-value-parser: 4.2.0
-      style-search: 0.1.0
-      stylelint: 16.8.0(typescript@5.9.3)
-
-  '@tiptap/core@2.27.1(@tiptap/pm@2.27.1)':
-    dependencies:
-      '@tiptap/pm': 2.27.1
-
-  '@tiptap/extension-blockquote@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-bold@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-bubble-menu@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-      '@tiptap/pm': 2.27.1
-      tippy.js: 6.3.7
-
-  '@tiptap/extension-bullet-list@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-character-count@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-      '@tiptap/pm': 2.27.1
-
-  '@tiptap/extension-code-block@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-      '@tiptap/pm': 2.27.1
-
-  '@tiptap/extension-code@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-document@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-dropcursor@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-      '@tiptap/pm': 2.27.1
-
-  '@tiptap/extension-floating-menu@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-      '@tiptap/pm': 2.27.1
-      tippy.js: 6.3.7
-
-  '@tiptap/extension-gapcursor@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-      '@tiptap/pm': 2.27.1
-
-  '@tiptap/extension-hard-break@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-heading@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-highlight@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-history@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-      '@tiptap/pm': 2.27.1
-
-  '@tiptap/extension-horizontal-rule@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-      '@tiptap/pm': 2.27.1
-
-  '@tiptap/extension-image@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-italic@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-link@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-      '@tiptap/pm': 2.27.1
-      linkifyjs: 4.3.2
-
-  '@tiptap/extension-list-item@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-ordered-list@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-paragraph@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-placeholder@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-      '@tiptap/pm': 2.27.1
-
-  '@tiptap/extension-strike@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-subscript@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-superscript@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-text-align@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-text-style@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-text@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/extension-underline@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-
-  '@tiptap/pm@2.27.1':
-    dependencies:
-      prosemirror-changeset: 2.3.1
-      prosemirror-collab: 1.3.1
-      prosemirror-commands: 1.7.1
-      prosemirror-dropcursor: 1.8.2
-      prosemirror-gapcursor: 1.4.0
-      prosemirror-history: 1.4.1
-      prosemirror-inputrules: 1.5.1
-      prosemirror-keymap: 1.2.3
-      prosemirror-markdown: 1.13.2
-      prosemirror-menu: 1.2.5
-      prosemirror-model: 1.25.4
-      prosemirror-schema-basic: 1.2.4
-      prosemirror-schema-list: 1.5.1
-      prosemirror-state: 1.4.4
-      prosemirror-tables: 1.8.1
-      prosemirror-trailing-node: 3.0.0(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.3)
-      prosemirror-transform: 1.10.4
-      prosemirror-view: 1.41.3
-
-  '@tiptap/starter-kit@2.27.1':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-      '@tiptap/extension-blockquote': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-bold': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-bullet-list': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-code': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-code-block': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)
-      '@tiptap/extension-document': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-dropcursor': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)
-      '@tiptap/extension-gapcursor': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)
-      '@tiptap/extension-hard-break': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-heading': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-history': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)
-      '@tiptap/extension-horizontal-rule': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)
-      '@tiptap/extension-italic': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-list-item': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-ordered-list': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-paragraph': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-strike': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-text': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/extension-text-style': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))
-      '@tiptap/pm': 2.27.1
-
-  '@tiptap/vue-3@2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      '@tiptap/core': 2.27.1(@tiptap/pm@2.27.1)
-      '@tiptap/extension-bubble-menu': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)
-      '@tiptap/extension-floating-menu': 2.27.1(@tiptap/core@2.27.1(@tiptap/pm@2.27.1))(@tiptap/pm@2.27.1)
-      '@tiptap/pm': 2.27.1
-      vue: 3.5.22(typescript@5.9.3)
-
-  '@trysound/sax@0.2.0': {}
-
-  '@tybys/wasm-util@0.10.1':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@types/cookie@0.6.0': {}
-
-  '@types/estree@1.0.8': {}
-
-  '@types/geojson@7946.0.16': {}
-
-  '@types/hast@3.0.4':
-    dependencies:
-      '@types/unist': 3.0.3
-
-  '@types/json-schema@7.0.15': {}
-
-  '@types/json5@0.0.29': {}
-
-  '@types/linkify-it@5.0.0': {}
-
-  '@types/mapbox-gl@3.4.1':
-    dependencies:
-      '@types/geojson': 7946.0.16
-
-  '@types/mapbox__point-geometry@0.1.4': {}
-
-  '@types/mapbox__vector-tile@1.3.4':
-    dependencies:
-      '@types/geojson': 7946.0.16
-      '@types/mapbox__point-geometry': 0.1.4
-      '@types/pbf': 3.0.5
-
-  '@types/markdown-it@14.1.2':
-    dependencies:
-      '@types/linkify-it': 5.0.0
-      '@types/mdurl': 2.0.0
-
-  '@types/mdast@3.0.15':
-    dependencies:
-      '@types/unist': 2.0.11
-
-  '@types/mdast@4.0.4':
-    dependencies:
-      '@types/unist': 3.0.3
-
-  '@types/mdurl@2.0.0': {}
-
-  '@types/node@24.10.0':
-    dependencies:
-      undici-types: 7.16.0
-
-  '@types/normalize-package-data@2.4.4': {}
-
-  '@types/pbf@3.0.5': {}
-
-  '@types/semver@7.7.1': {}
-
-  '@types/statuses@2.0.6': {}
-
-  '@types/tar@6.1.13':
-    dependencies:
-      '@types/node': 24.10.0
-      minipass: 4.2.8
-
-  '@types/tough-cookie@4.0.5': {}
-
-  '@types/unist@2.0.11': {}
-
-  '@types/unist@3.0.3': {}
-
-  '@types/web-bluetooth@0.0.20': {}
-
-  '@types/webfontloader@1.6.38': {}
-
-  '@types/yauzl@2.10.3':
-    dependencies:
-      '@types/node': 24.10.0
-    optional: true
-
-  '@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 6.21.0
-      '@typescript-eslint/type-utils': 6.21.0(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/utils': 6.21.0(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.4.3
-      eslint: 8.57.1
-      graphemer: 1.4.0
-      ignore: 5.3.2
-      natural-compare: 1.4.0
-      semver: 7.7.3
-      ts-api-utils: 1.4.3(typescript@5.9.3)
-    optionalDependencies:
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 7.18.0(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 7.18.0
-      '@typescript-eslint/type-utils': 7.18.0(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/utils': 7.18.0(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 7.18.0
-      eslint: 8.57.1
-      graphemer: 1.4.0
-      ignore: 5.3.2
-      natural-compare: 1.4.0
-      ts-api-utils: 1.4.3(typescript@5.9.3)
-    optionalDependencies:
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/scope-manager': 6.21.0
-      '@typescript-eslint/types': 6.21.0
-      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.4.3
-      eslint: 8.57.1
-    optionalDependencies:
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/scope-manager': 7.18.0
-      '@typescript-eslint/types': 7.18.0
-      '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 7.18.0
-      debug: 4.4.3
-      eslint: 8.57.1
-    optionalDependencies:
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/project-service@8.46.3(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.46.3(typescript@5.9.3)
-      '@typescript-eslint/types': 8.46.3
-      debug: 4.4.3
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/scope-manager@5.62.0':
-    dependencies:
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/visitor-keys': 5.62.0
-
-  '@typescript-eslint/scope-manager@6.21.0':
-    dependencies:
-      '@typescript-eslint/types': 6.21.0
-      '@typescript-eslint/visitor-keys': 6.21.0
-
-  '@typescript-eslint/scope-manager@7.18.0':
-    dependencies:
-      '@typescript-eslint/types': 7.18.0
-      '@typescript-eslint/visitor-keys': 7.18.0
-
-  '@typescript-eslint/scope-manager@8.46.3':
-    dependencies:
-      '@typescript-eslint/types': 8.46.3
-      '@typescript-eslint/visitor-keys': 8.46.3
-
-  '@typescript-eslint/tsconfig-utils@8.46.3(typescript@5.9.3)':
-    dependencies:
-      typescript: 5.9.3
-
-  '@typescript-eslint/type-utils@6.21.0(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 6.21.0(eslint@8.57.1)(typescript@5.9.3)
-      debug: 4.4.3
-      eslint: 8.57.1
-      ts-api-utils: 1.4.3(typescript@5.9.3)
-    optionalDependencies:
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/type-utils@7.18.0(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 7.18.0(eslint@8.57.1)(typescript@5.9.3)
-      debug: 4.4.3
-      eslint: 8.57.1
-      ts-api-utils: 1.4.3(typescript@5.9.3)
-    optionalDependencies:
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/types@5.62.0': {}
-
-  '@typescript-eslint/types@6.21.0': {}
-
-  '@typescript-eslint/types@7.18.0': {}
-
-  '@typescript-eslint/types@8.46.3': {}
-
-  '@typescript-eslint/typescript-estree@5.62.0(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/visitor-keys': 5.62.0
-      debug: 4.4.3
-      globby: 11.1.0
-      is-glob: 4.0.3
-      semver: 7.7.3
-      tsutils: 3.21.0(typescript@5.9.3)
-    optionalDependencies:
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/typescript-estree@6.21.0(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/types': 6.21.0
-      '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.4.3
-      globby: 11.1.0
-      is-glob: 4.0.3
-      minimatch: 9.0.3
-      semver: 7.7.3
-      ts-api-utils: 1.4.3(typescript@5.9.3)
-    optionalDependencies:
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/typescript-estree@7.18.0(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/types': 7.18.0
-      '@typescript-eslint/visitor-keys': 7.18.0
-      debug: 4.4.3
-      globby: 11.1.0
-      is-glob: 4.0.3
-      minimatch: 9.0.5
-      semver: 7.7.3
-      ts-api-utils: 1.4.3(typescript@5.9.3)
-    optionalDependencies:
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/typescript-estree@8.46.3(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/project-service': 8.46.3(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.46.3(typescript@5.9.3)
-      '@typescript-eslint/types': 8.46.3
-      '@typescript-eslint/visitor-keys': 8.46.3
-      debug: 4.4.3
-      fast-glob: 3.3.3
-      is-glob: 4.0.3
-      minimatch: 9.0.5
-      semver: 7.7.3
-      ts-api-utils: 2.1.0(typescript@5.9.3)
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/utils@5.62.0(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
-      '@types/json-schema': 7.0.15
-      '@types/semver': 7.7.1
-      '@typescript-eslint/scope-manager': 5.62.0
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.9.3)
-      eslint: 8.57.1
-      eslint-scope: 5.1.1
-      semver: 7.7.3
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
-  '@typescript-eslint/utils@6.21.0(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
-      '@types/json-schema': 7.0.15
-      '@types/semver': 7.7.1
-      '@typescript-eslint/scope-manager': 6.21.0
-      '@typescript-eslint/types': 6.21.0
-      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.9.3)
-      eslint: 8.57.1
-      semver: 7.7.3
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
-  '@typescript-eslint/utils@7.18.0(eslint@8.57.1)(typescript@5.9.3)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
-      '@typescript-eslint/scope-manager': 7.18.0
-      '@typescript-eslint/types': 7.18.0
-      '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.9.3)
-      eslint: 8.57.1
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
-  '@typescript-eslint/visitor-keys@5.62.0':
-    dependencies:
-      '@typescript-eslint/types': 5.62.0
-      eslint-visitor-keys: 3.4.3
-
-  '@typescript-eslint/visitor-keys@6.21.0':
-    dependencies:
-      '@typescript-eslint/types': 6.21.0
-      eslint-visitor-keys: 3.4.3
-
-  '@typescript-eslint/visitor-keys@7.18.0':
-    dependencies:
-      '@typescript-eslint/types': 7.18.0
-      eslint-visitor-keys: 3.4.3
-
-  '@typescript-eslint/visitor-keys@8.46.3':
-    dependencies:
-      '@typescript-eslint/types': 8.46.3
-      eslint-visitor-keys: 4.2.1
-
-  '@ucast/core@1.10.2': {}
-
-  '@ucast/js@3.0.4':
-    dependencies:
-      '@ucast/core': 1.10.2
-
-  '@ucast/mongo2js@1.4.0':
-    dependencies:
-      '@ucast/core': 1.10.2
-      '@ucast/js': 3.0.4
-      '@ucast/mongo': 2.4.3
-
-  '@ucast/mongo@2.4.3':
-    dependencies:
-      '@ucast/core': 1.10.2
-
-  '@ungap/structured-clone@1.3.0': {}
-
-  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-android-arm64@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-darwin-arm64@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-darwin-x64@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-freebsd-x64@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
-    dependencies:
-      '@napi-rs/wasm-runtime': 0.2.12
-    optional: true
-
-  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
-    optional: true
-
-  '@vitejs/plugin-vue-jsx@5.1.1(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.5)
-      '@babel/plugin-transform-typescript': 7.28.5(@babel/core@7.28.5)
-      '@rolldown/pluginutils': 1.0.0-beta.46
-      '@vue/babel-plugin-jsx': 1.5.0(@babel/core@7.28.5)
-      vite: 7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)
-      vue: 3.5.22(typescript@5.9.3)
-    transitivePeerDependencies:
-      - supports-color
-
-  '@vitejs/plugin-vue@6.0.1(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      '@rolldown/pluginutils': 1.0.0-beta.29
-      vite: 7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)
-      vue: 3.5.22(typescript@5.9.3)
-
-  '@volar/language-core@2.4.23':
-    dependencies:
-      '@volar/source-map': 2.4.23
-
-  '@volar/source-map@2.4.23': {}
-
-  '@volar/typescript@2.4.23':
-    dependencies:
-      '@volar/language-core': 2.4.23
-      path-browserify: 1.0.1
-      vscode-uri: 3.1.0
-
-  '@vue-macros/common@1.16.1(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      '@vue/compiler-sfc': 3.5.22
-      ast-kit: 1.4.3
-      local-pkg: 1.1.2
-      magic-string-ast: 0.7.1
-      pathe: 2.0.3
-      picomatch: 4.0.3
-    optionalDependencies:
-      vue: 3.5.22(typescript@5.9.3)
-
-  '@vue/babel-helper-vue-transform-on@1.5.0': {}
-
-  '@vue/babel-plugin-jsx@1.5.0(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/helper-module-imports': 7.27.1
-      '@babel/helper-plugin-utils': 7.27.1
-      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.5)
-      '@babel/template': 7.27.2
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
-      '@vue/babel-helper-vue-transform-on': 1.5.0
-      '@vue/babel-plugin-resolve-type': 1.5.0(@babel/core@7.28.5)
-      '@vue/shared': 3.5.22
-    optionalDependencies:
-      '@babel/core': 7.28.5
-    transitivePeerDependencies:
-      - supports-color
-
-  '@vue/babel-plugin-resolve-type@1.5.0(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/core': 7.28.5
-      '@babel/helper-module-imports': 7.27.1
-      '@babel/helper-plugin-utils': 7.27.1
-      '@babel/parser': 7.28.5
-      '@vue/compiler-sfc': 3.5.22
-    transitivePeerDependencies:
-      - supports-color
-
-  '@vue/compiler-core@3.5.22':
-    dependencies:
-      '@babel/parser': 7.28.5
-      '@vue/shared': 3.5.22
-      entities: 4.5.0
-      estree-walker: 2.0.2
-      source-map-js: 1.2.1
-
-  '@vue/compiler-dom@3.5.22':
-    dependencies:
-      '@vue/compiler-core': 3.5.22
-      '@vue/shared': 3.5.22
-
-  '@vue/compiler-sfc@3.5.22':
-    dependencies:
-      '@babel/parser': 7.28.5
-      '@vue/compiler-core': 3.5.22
-      '@vue/compiler-dom': 3.5.22
-      '@vue/compiler-ssr': 3.5.22
-      '@vue/shared': 3.5.22
-      estree-walker: 2.0.2
-      magic-string: 0.30.21
-      postcss: 8.5.6
-      source-map-js: 1.2.1
-
-  '@vue/compiler-ssr@3.5.22':
-    dependencies:
-      '@vue/compiler-dom': 3.5.22
-      '@vue/shared': 3.5.22
-
-  '@vue/devtools-api@6.6.4': {}
-
-  '@vue/devtools-api@7.7.7':
-    dependencies:
-      '@vue/devtools-kit': 7.7.7
-
-  '@vue/devtools-core@8.0.3(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      '@vue/devtools-kit': 8.0.3
-      '@vue/devtools-shared': 8.0.3
-      mitt: 3.0.1
-      nanoid: 5.1.6
-      pathe: 2.0.3
-      vite-hot-client: 2.1.0(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))
-      vue: 3.5.22(typescript@5.9.3)
-    transitivePeerDependencies:
-      - vite
-
-  '@vue/devtools-kit@7.7.7':
-    dependencies:
-      '@vue/devtools-shared': 7.7.7
-      birpc: 2.7.0
-      hookable: 5.5.3
-      mitt: 3.0.1
-      perfect-debounce: 1.0.0
-      speakingurl: 14.0.1
-      superjson: 2.2.5
-
-  '@vue/devtools-kit@8.0.3':
-    dependencies:
-      '@vue/devtools-shared': 8.0.3
-      birpc: 2.7.0
-      hookable: 5.5.3
-      mitt: 3.0.1
-      perfect-debounce: 2.0.0
-      speakingurl: 14.0.1
-      superjson: 2.2.5
-
-  '@vue/devtools-shared@7.7.7':
-    dependencies:
-      rfdc: 1.4.1
-
-  '@vue/devtools-shared@8.0.3':
-    dependencies:
-      rfdc: 1.4.1
-
-  '@vue/language-core@3.1.3(typescript@5.9.3)':
-    dependencies:
-      '@volar/language-core': 2.4.23
-      '@vue/compiler-dom': 3.5.22
-      '@vue/shared': 3.5.22
-      alien-signals: 3.0.5
-      muggle-string: 0.4.1
-      path-browserify: 1.0.1
-      picomatch: 4.0.3
-    optionalDependencies:
-      typescript: 5.9.3
-
-  '@vue/reactivity@3.5.22':
-    dependencies:
-      '@vue/shared': 3.5.22
-
-  '@vue/runtime-core@3.5.22':
-    dependencies:
-      '@vue/reactivity': 3.5.22
-      '@vue/shared': 3.5.22
-
-  '@vue/runtime-dom@3.5.22':
-    dependencies:
-      '@vue/reactivity': 3.5.22
-      '@vue/runtime-core': 3.5.22
-      '@vue/shared': 3.5.22
-      csstype: 3.1.3
-
-  '@vue/server-renderer@3.5.22(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      '@vue/compiler-ssr': 3.5.22
-      '@vue/shared': 3.5.22
-      vue: 3.5.22(typescript@5.9.3)
-
-  '@vue/shared@3.5.22': {}
-
-  '@vuetify/loader-shared@2.1.1(vue@3.5.22(typescript@5.9.3))(vuetify@3.10.8)':
-    dependencies:
-      upath: 2.0.1
-      vue: 3.5.22(typescript@5.9.3)
-      vuetify: 3.10.8(typescript@5.9.3)(vite-plugin-vuetify@2.1.2)(vue@3.5.22(typescript@5.9.3))
-
-  '@vueuse/core@10.11.1(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      '@types/web-bluetooth': 0.0.20
-      '@vueuse/metadata': 10.11.1
-      '@vueuse/shared': 10.11.1(vue@3.5.22(typescript@5.9.3))
-      vue-demi: 0.14.10(vue@3.5.22(typescript@5.9.3))
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-
-  '@vueuse/math@10.11.1(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      '@vueuse/shared': 10.11.1(vue@3.5.22(typescript@5.9.3))
-      vue-demi: 0.14.10(vue@3.5.22(typescript@5.9.3))
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-
-  '@vueuse/metadata@10.11.1': {}
-
-  '@vueuse/shared@10.11.1(vue@3.5.22(typescript@5.9.3))':
-    dependencies:
-      vue-demi: 0.14.10(vue@3.5.22(typescript@5.9.3))
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-
-  '@yr/monotone-cubic-spline@1.0.3': {}
-
-  acorn-jsx@5.3.2(acorn@8.15.0):
-    dependencies:
-      acorn: 8.15.0
-
-  acorn@8.15.0: {}
-
-  ajv@6.12.6:
-    dependencies:
-      fast-deep-equal: 3.1.3
-      fast-json-stable-stringify: 2.1.0
-      json-schema-traverse: 0.4.1
-      uri-js: 4.4.1
-
-  ajv@8.17.1:
-    dependencies:
-      fast-deep-equal: 3.1.3
-      fast-uri: 3.1.0
-      json-schema-traverse: 1.0.0
-      require-from-string: 2.0.2
-
-  alien-signals@3.0.5: {}
-
-  ansi-regex@5.0.1: {}
-
-  ansi-regex@6.2.2: {}
-
-  ansi-styles@4.3.0:
-    dependencies:
-      color-convert: 2.0.1
-
-  ansis@4.2.0: {}
-
-  anymatch@3.1.3:
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.1
-
-  apexcharts@3.54.1:
-    dependencies:
-      '@yr/monotone-cubic-spline': 1.0.3
-      svg.draggable.js: 2.2.2
-      svg.easing.js: 2.0.0
-      svg.filter.js: 2.0.2
-      svg.pathmorphing.js: 0.1.3
-      svg.resize.js: 1.4.3
-      svg.select.js: 3.0.1
-
-  are-docs-informative@0.0.2: {}
-
-  argparse@2.0.1: {}
-
-  array-buffer-byte-length@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      is-array-buffer: 3.0.5
-
-  array-includes@3.1.9:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      is-string: 1.1.1
-      math-intrinsics: 1.1.0
-
-  array-union@2.1.0: {}
-
-  array.prototype.findlastindex@1.2.6:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      es-shim-unscopables: 1.1.0
-
-  array.prototype.flat@1.3.3:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-shim-unscopables: 1.1.0
-
-  array.prototype.flatmap@1.3.3:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-shim-unscopables: 1.1.0
-
-  arraybuffer.prototype.slice@1.0.4:
-    dependencies:
-      array-buffer-byte-length: 1.0.2
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      is-array-buffer: 3.0.5
-
-  ast-kit@1.4.3:
-    dependencies:
-      '@babel/parser': 7.28.5
-      pathe: 2.0.3
-
-  ast-walker-scope@0.6.2:
-    dependencies:
-      '@babel/parser': 7.28.5
-      ast-kit: 1.4.3
-
-  astral-regex@2.0.0: {}
-
-  async-function@1.0.0: {}
-
-  asynckit@0.4.0: {}
-
-  available-typed-arrays@1.0.7:
-    dependencies:
-      possible-typed-array-names: 1.1.0
-
-  axios@1.13.1:
-    dependencies:
-      follow-redirects: 1.15.11
-      form-data: 4.0.4
-      proxy-from-env: 1.1.0
-    transitivePeerDependencies:
-      - debug
-
-  balanced-match@1.0.2: {}
-
-  balanced-match@2.0.0: {}
-
-  baseline-browser-mapping@2.8.23: {}
-
-  binary-extensions@2.3.0: {}
-
-  birpc@2.7.0: {}
-
-  boolbase@1.0.0: {}
-
-  brace-expansion@1.1.12:
-    dependencies:
-      balanced-match: 1.0.2
-      concat-map: 0.0.1
-
-  brace-expansion@2.0.2:
-    dependencies:
-      balanced-match: 1.0.2
-
-  braces@3.0.3:
-    dependencies:
-      fill-range: 7.1.1
-
-  browserslist@4.27.0:
-    dependencies:
-      baseline-browser-mapping: 2.8.23
-      caniuse-lite: 1.0.30001753
-      electron-to-chromium: 1.5.244
-      node-releases: 2.0.27
-      update-browserslist-db: 1.1.4(browserslist@4.27.0)
-
-  buffer-crc32@0.2.13: {}
-
-  builtin-modules@3.3.0: {}
-
-  builtins@5.1.0:
-    dependencies:
-      semver: 7.7.3
-
-  bundle-name@4.1.0:
-    dependencies:
-      run-applescript: 7.1.0
-
-  call-bind-apply-helpers@1.0.2:
-    dependencies:
-      es-errors: 1.3.0
-      function-bind: 1.1.2
-
-  call-bind@1.0.8:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      es-define-property: 1.0.1
-      get-intrinsic: 1.3.0
-      set-function-length: 1.2.2
-
-  call-bound@1.0.4:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      get-intrinsic: 1.3.0
-
-  callsites@3.1.0: {}
-
-  caniuse-lite@1.0.30001753: {}
-
-  case-police@0.6.1: {}
-
-  ccount@2.0.1: {}
-
-  chalk@4.1.2:
-    dependencies:
-      ansi-styles: 4.3.0
-      supports-color: 7.2.0
-
-  character-entities-html4@2.1.0: {}
-
-  character-entities-legacy@1.1.4: {}
-
-  character-entities-legacy@3.0.0: {}
-
-  character-entities@1.2.4: {}
-
-  character-reference-invalid@1.1.4: {}
-
-  chart.js@4.5.1:
-    dependencies:
-      '@kurkle/color': 0.3.4
-
-  cheap-ruler@4.0.0: {}
-
-  cheerio-select@2.1.0:
-    dependencies:
-      boolbase: 1.0.0
-      css-select: 5.2.2
-      css-what: 6.2.2
-      domelementtype: 2.3.0
-      domhandler: 5.0.3
-      domutils: 3.2.2
-
-  cheerio@1.0.0:
-    dependencies:
-      cheerio-select: 2.1.0
-      dom-serializer: 2.0.0
-      domhandler: 5.0.3
-      domutils: 3.2.2
-      encoding-sniffer: 0.2.1
-      htmlparser2: 9.1.0
-      parse5: 7.3.0
-      parse5-htmlparser2-tree-adapter: 7.1.0
-      parse5-parser-stream: 7.1.2
-      undici: 6.22.0
-      whatwg-mimetype: 4.0.0
-
-  chokidar@3.6.0:
-    dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.3
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.3
-
-  chownr@2.0.0: {}
-
-  ci-info@3.9.0: {}
-
-  ci-info@4.3.1: {}
-
-  clean-regexp@1.0.0:
-    dependencies:
-      escape-string-regexp: 1.0.5
-
-  cli-width@4.1.0: {}
-
-  cliui@8.0.1:
-    dependencies:
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      wrap-ansi: 7.0.0
-
-  color-convert@2.0.1:
-    dependencies:
-      color-name: 1.1.4
-
-  color-name@1.1.4: {}
-
-  colord@2.9.3: {}
-
-  combined-stream@1.0.8:
-    dependencies:
-      delayed-stream: 1.0.0
-
-  comma-separated-tokens@2.0.3: {}
-
-  commander@7.2.0: {}
-
-  comment-parser@1.4.1: {}
-
-  concat-map@0.0.1: {}
-
-  confbox@0.1.8: {}
-
-  confbox@0.2.2: {}
-
-  confusing-browser-globals@1.0.11: {}
-
-  convert-source-map@2.0.0: {}
-
-  cookie-es@1.2.2: {}
-
-  cookie@0.7.2: {}
-
-  copy-anything@4.0.5:
-    dependencies:
-      is-what: 5.5.0
-
-  core-js-compat@3.46.0:
-    dependencies:
-      browserslist: 4.27.0
-
-  cosmiconfig@9.0.0(typescript@5.9.3):
-    dependencies:
-      env-paths: 2.2.1
-      import-fresh: 3.3.1
-      js-yaml: 4.1.0
-      parse-json: 5.2.0
-    optionalDependencies:
-      typescript: 5.9.3
-
-  crelt@1.0.6: {}
-
-  cross-spawn@7.0.6:
-    dependencies:
-      path-key: 3.1.1
-      shebang-command: 2.0.0
-      which: 2.0.2
-
-  css-functions-list@3.2.3: {}
-
-  css-select@5.2.2:
-    dependencies:
-      boolbase: 1.0.0
-      css-what: 6.2.2
-      domhandler: 5.0.3
-      domutils: 3.2.2
-      nth-check: 2.1.1
-
-  css-tree@2.2.1:
-    dependencies:
-      mdn-data: 2.0.28
-      source-map-js: 1.2.1
-
-  css-tree@2.3.1:
-    dependencies:
-      mdn-data: 2.0.30
-      source-map-js: 1.2.1
-
-  css-tree@3.1.0:
-    dependencies:
-      mdn-data: 2.12.2
-      source-map-js: 1.2.1
-
-  css-what@6.2.2: {}
-
-  csscolorparser@1.0.3: {}
-
-  cssesc@3.0.0: {}
-
-  csso@5.0.5:
-    dependencies:
-      css-tree: 2.2.1
-
-  csstype@3.1.3: {}
-
-  data-view-buffer@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-data-view: 1.0.2
-
-  data-view-byte-length@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-data-view: 1.0.2
-
-  data-view-byte-offset@1.0.1:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-data-view: 1.0.2
-
-  debug@3.2.7:
-    dependencies:
-      ms: 2.1.3
-
-  debug@4.4.3:
-    dependencies:
-      ms: 2.1.3
-
-  deep-is@0.1.4: {}
-
-  deepmerge-ts@5.1.0: {}
-
-  deepmerge@4.3.1: {}
-
-  default-browser-id@5.0.0: {}
-
-  default-browser@5.2.1:
-    dependencies:
-      bundle-name: 4.1.0
-      default-browser-id: 5.0.0
-
-  define-data-property@1.1.4:
-    dependencies:
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
-      gopd: 1.2.0
-
-  define-lazy-prop@3.0.0: {}
-
-  define-properties@1.2.1:
-    dependencies:
-      define-data-property: 1.1.4
-      has-property-descriptors: 1.0.2
-      object-keys: 1.1.1
-
-  delayed-stream@1.0.0: {}
-
-  dequal@2.0.3: {}
-
-  destr@2.0.5: {}
-
-  devlop@1.1.0:
-    dependencies:
-      dequal: 2.0.3
-
-  diff-sequences@27.5.1: {}
-
-  dir-glob@3.0.1:
-    dependencies:
-      path-type: 4.0.0
-
-  doctrine@2.1.0:
-    dependencies:
-      esutils: 2.0.3
-
-  doctrine@3.0.0:
-    dependencies:
-      esutils: 2.0.3
-
-  dom-serializer@2.0.0:
-    dependencies:
-      domelementtype: 2.3.0
-      domhandler: 5.0.3
-      entities: 4.5.0
-
-  domelementtype@2.3.0: {}
-
-  domhandler@5.0.3:
-    dependencies:
-      domelementtype: 2.3.0
-
-  domutils@3.2.2:
-    dependencies:
-      dom-serializer: 2.0.0
-      domelementtype: 2.3.0
-      domhandler: 5.0.3
-
-  dunder-proto@1.0.1:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      es-errors: 1.3.0
-      gopd: 1.2.0
-
-  earcut@3.0.2: {}
-
-  electron-to-chromium@1.5.244: {}
-
-  emoji-regex-xs@1.0.0: {}
-
-  emoji-regex@8.0.0: {}
-
-  encoding-sniffer@0.2.1:
-    dependencies:
-      iconv-lite: 0.6.3
-      whatwg-encoding: 3.1.1
-
-  end-of-stream@1.4.5:
-    dependencies:
-      once: 1.4.0
-
-  entities@4.5.0: {}
-
-  entities@6.0.1: {}
-
-  env-paths@2.2.1: {}
-
-  error-ex@1.3.4:
-    dependencies:
-      is-arrayish: 0.2.1
-
-  error-stack-parser-es@1.0.5: {}
-
-  es-abstract@1.24.0:
-    dependencies:
-      array-buffer-byte-length: 1.0.2
-      arraybuffer.prototype.slice: 1.0.4
-      available-typed-arrays: 1.0.7
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      data-view-buffer: 1.0.2
-      data-view-byte-length: 1.0.2
-      data-view-byte-offset: 1.0.1
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      es-set-tostringtag: 2.1.0
-      es-to-primitive: 1.3.0
-      function.prototype.name: 1.1.8
-      get-intrinsic: 1.3.0
-      get-proto: 1.0.1
-      get-symbol-description: 1.1.0
-      globalthis: 1.0.4
-      gopd: 1.2.0
-      has-property-descriptors: 1.0.2
-      has-proto: 1.2.0
-      has-symbols: 1.1.0
-      hasown: 2.0.2
-      internal-slot: 1.1.0
-      is-array-buffer: 3.0.5
-      is-callable: 1.2.7
-      is-data-view: 1.0.2
-      is-negative-zero: 2.0.3
-      is-regex: 1.2.1
-      is-set: 2.0.3
-      is-shared-array-buffer: 1.0.4
-      is-string: 1.1.1
-      is-typed-array: 1.1.15
-      is-weakref: 1.1.1
-      math-intrinsics: 1.1.0
-      object-inspect: 1.13.4
-      object-keys: 1.1.1
-      object.assign: 4.1.7
-      own-keys: 1.0.1
-      regexp.prototype.flags: 1.5.4
-      safe-array-concat: 1.1.3
-      safe-push-apply: 1.0.0
-      safe-regex-test: 1.1.0
-      set-proto: 1.0.0
-      stop-iteration-iterator: 1.1.0
-      string.prototype.trim: 1.2.10
-      string.prototype.trimend: 1.0.9
-      string.prototype.trimstart: 1.0.8
-      typed-array-buffer: 1.0.3
-      typed-array-byte-length: 1.0.3
-      typed-array-byte-offset: 1.0.4
-      typed-array-length: 1.0.7
-      unbox-primitive: 1.1.0
-      which-typed-array: 1.1.19
-
-  es-define-property@1.0.1: {}
-
-  es-errors@1.3.0: {}
-
-  es-object-atoms@1.1.1:
-    dependencies:
-      es-errors: 1.3.0
-
-  es-set-tostringtag@2.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      has-tostringtag: 1.0.2
-      hasown: 2.0.2
-
-  es-shim-unscopables@1.1.0:
-    dependencies:
-      hasown: 2.0.2
-
-  es-to-primitive@1.3.0:
-    dependencies:
-      is-callable: 1.2.7
-      is-date-object: 1.1.0
-      is-symbol: 1.1.1
-
-  esbuild@0.25.12:
-    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.25.12
-      '@esbuild/android-arm': 0.25.12
-      '@esbuild/android-arm64': 0.25.12
-      '@esbuild/android-x64': 0.25.12
-      '@esbuild/darwin-arm64': 0.25.12
-      '@esbuild/darwin-x64': 0.25.12
-      '@esbuild/freebsd-arm64': 0.25.12
-      '@esbuild/freebsd-x64': 0.25.12
-      '@esbuild/linux-arm': 0.25.12
-      '@esbuild/linux-arm64': 0.25.12
-      '@esbuild/linux-ia32': 0.25.12
-      '@esbuild/linux-loong64': 0.25.12
-      '@esbuild/linux-mips64el': 0.25.12
-      '@esbuild/linux-ppc64': 0.25.12
-      '@esbuild/linux-riscv64': 0.25.12
-      '@esbuild/linux-s390x': 0.25.12
-      '@esbuild/linux-x64': 0.25.12
-      '@esbuild/netbsd-arm64': 0.25.12
-      '@esbuild/netbsd-x64': 0.25.12
-      '@esbuild/openbsd-arm64': 0.25.12
-      '@esbuild/openbsd-x64': 0.25.12
-      '@esbuild/openharmony-arm64': 0.25.12
-      '@esbuild/sunos-x64': 0.25.12
-      '@esbuild/win32-arm64': 0.25.12
-      '@esbuild/win32-ia32': 0.25.12
-      '@esbuild/win32-x64': 0.25.12
-
-  escalade@3.2.0: {}
-
-  escape-string-regexp@1.0.5: {}
-
-  escape-string-regexp@4.0.0: {}
-
-  escape-string-regexp@5.0.0: {}
-
-  escodegen@2.1.0:
-    dependencies:
-      esprima: 4.0.1
-      estraverse: 5.3.0
-      esutils: 2.0.3
-    optionalDependencies:
-      source-map: 0.6.1
-
-  eslint-compat-utils@0.5.1(eslint@8.57.1):
-    dependencies:
-      eslint: 8.57.1
-      semver: 7.7.3
-
-  eslint-compat-utils@0.6.5(eslint@8.57.1):
-    dependencies:
-      eslint: 8.57.1
-      semver: 7.7.3
-
-  eslint-config-airbnb-base@15.0.0(eslint-plugin-import@2.32.0)(eslint@8.57.1):
-    dependencies:
-      confusing-browser-globals: 1.0.11
-      eslint: 8.57.1
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
-      object.assign: 4.1.7
-      object.entries: 1.1.9
-      semver: 6.3.1
-
-  eslint-import-resolver-node@0.3.9:
-    dependencies:
-      debug: 3.2.7
-      is-core-module: 2.16.1
-      resolve: 1.22.11
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@8.57.1):
-    dependencies:
-      '@nolyfill/is-core-module': 1.0.39
-      debug: 4.4.3
-      eslint: 8.57.1
-      get-tsconfig: 4.13.0
-      is-bun-module: 2.0.0
-      stable-hash: 0.0.5
-      tinyglobby: 0.2.15
-      unrs-resolver: 1.11.1
-    optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-json-compat-utils@0.2.1(eslint@8.57.1)(jsonc-eslint-parser@2.4.1):
-    dependencies:
-      eslint: 8.57.1
-      esquery: 1.6.0
-      jsonc-eslint-parser: 2.4.1
-
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
-    dependencies:
-      debug: 3.2.7
-    optionalDependencies:
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.9.3)
-      eslint: 8.57.1
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@8.57.1)
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
-    dependencies:
-      debug: 3.2.7
-    optionalDependencies:
-      '@typescript-eslint/parser': 7.18.0(eslint@8.57.1)(typescript@5.9.3)
-      eslint: 8.57.1
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@8.57.1)
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-plugin-antfu@0.43.1(eslint@8.57.1)(typescript@5.9.3):
-    dependencies:
-      '@typescript-eslint/utils': 6.21.0(eslint@8.57.1)(typescript@5.9.3)
-    transitivePeerDependencies:
-      - eslint
-      - supports-color
-      - typescript
-
-  eslint-plugin-case-police@0.6.1(eslint@8.57.1)(typescript@5.9.3):
-    dependencies:
-      '@typescript-eslint/utils': 5.62.0(eslint@8.57.1)(typescript@5.9.3)
-      case-police: 0.6.1
-      synckit: 0.8.8
-    transitivePeerDependencies:
-      - eslint
-      - supports-color
-      - typescript
-
-  eslint-plugin-es-x@7.8.0(eslint@8.57.1):
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
-      '@eslint-community/regexpp': 4.12.2
-      eslint: 8.57.1
-      eslint-compat-utils: 0.5.1(eslint@8.57.1)
-
-  eslint-plugin-eslint-comments@3.2.0(eslint@8.57.1):
-    dependencies:
-      escape-string-regexp: 1.0.5
-      eslint: 8.57.1
-      ignore: 5.3.2
-
-  eslint-plugin-html@7.1.0:
-    dependencies:
-      htmlparser2: 8.0.2
-
-  eslint-plugin-i@2.28.1(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
-    dependencies:
-      debug: 3.2.7
-      doctrine: 2.1.0
-      eslint: 8.57.1
-      eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
-      get-tsconfig: 4.13.0
-      is-glob: 4.0.3
-      minimatch: 3.1.2
-      resolve: 1.22.11
-      semver: 7.7.3
-    transitivePeerDependencies:
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-
-  eslint-plugin-i@2.28.1(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
-    dependencies:
-      debug: 3.2.7
-      doctrine: 2.1.0
-      eslint: 8.57.1
-      eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
-      get-tsconfig: 4.13.0
-      is-glob: 4.0.3
-      minimatch: 3.1.2
-      resolve: 1.22.11
-      semver: 7.7.3
-    transitivePeerDependencies:
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
-    dependencies:
-      '@rtsao/scc': 1.1.0
-      array-includes: 3.1.9
-      array.prototype.findlastindex: 1.2.6
-      array.prototype.flat: 1.3.3
-      array.prototype.flatmap: 1.3.3
-      debug: 3.2.7
-      doctrine: 2.1.0
-      eslint: 8.57.1
-      eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
-      hasown: 2.0.2
-      is-core-module: 2.16.1
-      is-glob: 4.0.3
-      minimatch: 3.1.2
-      object.fromentries: 2.0.8
-      object.groupby: 1.0.3
-      object.values: 1.2.1
-      semver: 6.3.1
-      string.prototype.trimend: 1.0.9
-      tsconfig-paths: 3.15.0
-    optionalDependencies:
-      '@typescript-eslint/parser': 7.18.0(eslint@8.57.1)(typescript@5.9.3)
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-
-  eslint-plugin-jest@27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3):
-    dependencies:
-      '@typescript-eslint/utils': 5.62.0(eslint@8.57.1)(typescript@5.9.3)
-      eslint: 8.57.1
-    optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
-  eslint-plugin-jsdoc@46.10.1(eslint@8.57.1):
-    dependencies:
-      '@es-joy/jsdoccomment': 0.41.0
-      are-docs-informative: 0.0.2
-      comment-parser: 1.4.1
-      debug: 4.4.3
-      escape-string-regexp: 4.0.0
-      eslint: 8.57.1
-      esquery: 1.6.0
-      is-builtin-module: 3.2.1
-      semver: 7.7.3
-      spdx-expression-parse: 4.0.0
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-plugin-jsonc@2.21.0(eslint@8.57.1):
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
-      diff-sequences: 27.5.1
-      eslint: 8.57.1
-      eslint-compat-utils: 0.6.5(eslint@8.57.1)
-      eslint-json-compat-utils: 0.2.1(eslint@8.57.1)(jsonc-eslint-parser@2.4.1)
-      espree: 10.4.0
-      graphemer: 1.4.0
-      jsonc-eslint-parser: 2.4.1
-      natural-compare: 1.4.0
-      synckit: 0.11.11
-    transitivePeerDependencies:
-      - '@eslint/json'
-
-  eslint-plugin-markdown@3.0.1(eslint@8.57.1):
-    dependencies:
-      eslint: 8.57.1
-      mdast-util-from-markdown: 0.8.5
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-plugin-n@16.6.2(eslint@8.57.1):
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
-      builtins: 5.1.0
-      eslint: 8.57.1
-      eslint-plugin-es-x: 7.8.0(eslint@8.57.1)
-      get-tsconfig: 4.13.0
-      globals: 13.24.0
-      ignore: 5.3.2
-      is-builtin-module: 3.2.1
-      is-core-module: 2.16.1
-      minimatch: 3.1.2
-      resolve: 1.22.11
-      semver: 7.7.3
-
-  eslint-plugin-no-only-tests@3.3.0: {}
-
-  eslint-plugin-promise@6.6.0(eslint@8.57.1):
-    dependencies:
-      eslint: 8.57.1
-
-  eslint-plugin-regex@1.10.0(eslint@8.57.1):
-    dependencies:
-      eslint: 8.57.1
-
-  eslint-plugin-regexp@2.10.0(eslint@8.57.1):
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
-      '@eslint-community/regexpp': 4.12.2
-      comment-parser: 1.4.1
-      eslint: 8.57.1
-      jsdoc-type-pratt-parser: 4.8.0
-      refa: 0.12.1
-      regexp-ast-analysis: 0.7.1
-      scslre: 0.3.0
-
-  eslint-plugin-sonarjs@0.24.0(eslint@8.57.1):
-    dependencies:
-      eslint: 8.57.1
-
-  eslint-plugin-unicorn@48.0.1(eslint@8.57.1):
-    dependencies:
-      '@babel/helper-validator-identifier': 7.28.5
-      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
-      ci-info: 3.9.0
-      clean-regexp: 1.0.0
-      eslint: 8.57.1
-      esquery: 1.6.0
-      indent-string: 4.0.0
-      is-builtin-module: 3.2.1
-      jsesc: 3.1.0
-      lodash: 4.17.21
-      pluralize: 8.0.0
-      read-pkg-up: 7.0.1
-      regexp-tree: 0.1.27
-      regjsparser: 0.10.0
-      semver: 7.7.3
-      strip-indent: 3.0.0
-
-  eslint-plugin-unicorn@51.0.1(eslint@8.57.1):
-    dependencies:
-      '@babel/helper-validator-identifier': 7.28.5
-      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
-      '@eslint/eslintrc': 2.1.4
-      ci-info: 4.3.1
-      clean-regexp: 1.0.0
-      core-js-compat: 3.46.0
-      eslint: 8.57.1
-      esquery: 1.6.0
-      indent-string: 4.0.0
-      is-builtin-module: 3.2.1
-      jsesc: 3.1.0
-      pluralize: 8.0.0
-      read-pkg-up: 7.0.1
-      regexp-tree: 0.1.27
-      regjsparser: 0.10.0
-      semver: 7.7.3
-      strip-indent: 3.0.0
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-plugin-unused-imports@3.2.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1):
-    dependencies:
-      eslint: 8.57.1
-      eslint-rule-composer: 0.3.0
-    optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)
-
-  eslint-plugin-unused-imports@3.2.0(@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1):
-    dependencies:
-      eslint: 8.57.1
-      eslint-rule-composer: 0.3.0
-    optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)
-
-  eslint-plugin-vue@9.33.0(eslint@8.57.1):
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
-      eslint: 8.57.1
-      globals: 13.24.0
-      natural-compare: 1.4.0
-      nth-check: 2.1.1
-      postcss-selector-parser: 6.1.2
-      semver: 7.7.3
-      vue-eslint-parser: 9.4.3(eslint@8.57.1)
-      xml-name-validator: 4.0.0
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-plugin-yml@1.19.0(eslint@8.57.1):
-    dependencies:
-      debug: 4.4.3
-      diff-sequences: 27.5.1
-      escape-string-regexp: 4.0.0
-      eslint: 8.57.1
-      eslint-compat-utils: 0.6.5(eslint@8.57.1)
-      natural-compare: 1.4.0
-      yaml-eslint-parser: 1.3.0
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-rule-composer@0.3.0: {}
-
-  eslint-scope@5.1.1:
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 4.3.0
-
-  eslint-scope@7.2.2:
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 5.3.0
-
-  eslint-visitor-keys@3.4.3: {}
-
-  eslint-visitor-keys@4.2.1: {}
-
-  eslint@8.57.1:
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
-      '@eslint-community/regexpp': 4.12.2
-      '@eslint/eslintrc': 2.1.4
-      '@eslint/js': 8.57.1
-      '@humanwhocodes/config-array': 0.13.0
-      '@humanwhocodes/module-importer': 1.0.1
-      '@nodelib/fs.walk': 1.2.8
-      '@ungap/structured-clone': 1.3.0
-      ajv: 6.12.6
-      chalk: 4.1.2
-      cross-spawn: 7.0.6
-      debug: 4.4.3
-      doctrine: 3.0.0
-      escape-string-regexp: 4.0.0
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      esquery: 1.6.0
-      esutils: 2.0.3
-      fast-deep-equal: 3.1.3
-      file-entry-cache: 6.0.1
-      find-up: 5.0.0
-      glob-parent: 6.0.2
-      globals: 13.24.0
-      graphemer: 1.4.0
-      ignore: 5.3.2
-      imurmurhash: 0.1.4
-      is-glob: 4.0.3
-      is-path-inside: 3.0.3
-      js-yaml: 4.1.0
-      json-stable-stringify-without-jsonify: 1.0.1
-      levn: 0.4.1
-      lodash.merge: 4.6.2
-      minimatch: 3.1.2
-      natural-compare: 1.4.0
-      optionator: 0.9.4
-      strip-ansi: 6.0.1
-      text-table: 0.2.0
-    transitivePeerDependencies:
-      - supports-color
-
-  espree@10.4.0:
-    dependencies:
-      acorn: 8.15.0
-      acorn-jsx: 5.3.2(acorn@8.15.0)
-      eslint-visitor-keys: 4.2.1
-
-  espree@9.6.1:
-    dependencies:
-      acorn: 8.15.0
-      acorn-jsx: 5.3.2(acorn@8.15.0)
-      eslint-visitor-keys: 3.4.3
-
-  esprima@4.0.1: {}
-
-  esquery@1.6.0:
-    dependencies:
-      estraverse: 5.3.0
-
-  esrecurse@4.3.0:
-    dependencies:
-      estraverse: 5.3.0
-
-  estraverse@4.3.0: {}
-
-  estraverse@5.3.0: {}
-
-  estree-walker@2.0.2: {}
-
-  estree-walker@3.0.3:
-    dependencies:
-      '@types/estree': 1.0.8
-
-  esutils@2.0.3: {}
-
-  execa@9.6.0:
-    dependencies:
-      '@sindresorhus/merge-streams': 4.0.0
-      cross-spawn: 7.0.6
-      figures: 6.1.0
-      get-stream: 9.0.1
-      human-signals: 8.0.1
-      is-plain-obj: 4.1.0
-      is-stream: 4.0.1
-      npm-run-path: 6.0.0
-      pretty-ms: 9.3.0
-      signal-exit: 4.1.0
-      strip-final-newline: 4.0.0
-      yoctocolors: 2.1.2
-
-  exsolve@1.0.7: {}
-
-  extract-zip@2.0.1:
-    dependencies:
-      debug: 4.4.3
-      get-stream: 5.2.0
-      yauzl: 2.10.0
-    optionalDependencies:
-      '@types/yauzl': 2.10.3
-    transitivePeerDependencies:
-      - supports-color
-
-  fast-deep-equal@3.1.3: {}
-
-  fast-glob@3.3.3:
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.8
-
-  fast-json-stable-stringify@2.1.0: {}
-
-  fast-levenshtein@2.0.6: {}
-
-  fast-uri@3.1.0: {}
-
-  fastest-levenshtein@1.0.16: {}
-
-  fastq@1.19.1:
-    dependencies:
-      reusify: 1.1.0
-
-  fd-slicer@1.1.0:
-    dependencies:
-      pend: 1.2.0
-
-  fdir@6.5.0(picomatch@4.0.3):
-    optionalDependencies:
-      picomatch: 4.0.3
-
-  fflate@0.8.2: {}
-
-  figures@6.1.0:
-    dependencies:
-      is-unicode-supported: 2.1.0
-
-  file-entry-cache@6.0.1:
-    dependencies:
-      flat-cache: 3.2.0
-
-  file-entry-cache@9.1.0:
-    dependencies:
-      flat-cache: 5.0.0
-
-  fill-range@7.1.1:
-    dependencies:
-      to-regex-range: 5.0.1
-
-  find-up@4.1.0:
-    dependencies:
-      locate-path: 5.0.0
-      path-exists: 4.0.0
-
-  find-up@5.0.0:
-    dependencies:
-      locate-path: 6.0.0
-      path-exists: 4.0.0
-
-  flat-cache@3.2.0:
-    dependencies:
-      flatted: 3.3.3
-      keyv: 4.5.4
-      rimraf: 3.0.2
-
-  flat-cache@5.0.0:
-    dependencies:
-      flatted: 3.3.3
-      keyv: 4.5.4
-
-  flatpickr@4.6.13: {}
-
-  flatted@3.3.3: {}
-
-  follow-redirects@1.15.11: {}
-
-  for-each@0.3.5:
-    dependencies:
-      is-callable: 1.2.7
-
-  form-data@4.0.4:
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      es-set-tostringtag: 2.1.0
-      hasown: 2.0.2
-      mime-types: 2.1.35
-
-  fs-minipass@2.1.0:
-    dependencies:
-      minipass: 3.3.6
-
-  fs.realpath@1.0.0: {}
-
-  fsevents@2.3.3:
-    optional: true
-
-  function-bind@1.1.2: {}
-
-  function.prototype.name@1.1.8:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      functions-have-names: 1.2.3
-      hasown: 2.0.2
-      is-callable: 1.2.7
-
-  functions-have-names@1.2.3: {}
-
-  generator-function@2.0.1: {}
-
-  gensync@1.0.0-beta.2: {}
-
-  geojson-vt@4.0.2: {}
-
-  get-caller-file@2.0.5: {}
-
-  get-intrinsic@1.3.0:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      function-bind: 1.1.2
-      get-proto: 1.0.1
-      gopd: 1.2.0
-      has-symbols: 1.1.0
-      hasown: 2.0.2
-      math-intrinsics: 1.1.0
-
-  get-proto@1.0.1:
-    dependencies:
-      dunder-proto: 1.0.1
-      es-object-atoms: 1.1.1
-
-  get-stream@5.2.0:
-    dependencies:
-      pump: 3.0.3
-
-  get-stream@9.0.1:
-    dependencies:
-      '@sec-ant/readable-stream': 0.4.1
-      is-stream: 4.0.1
-
-  get-symbol-description@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-
-  get-tsconfig@4.13.0:
-    dependencies:
-      resolve-pkg-maps: 1.0.0
-
-  gl-matrix@3.4.4: {}
-
-  glob-parent@5.1.2:
-    dependencies:
-      is-glob: 4.0.3
-
-  glob-parent@6.0.2:
-    dependencies:
-      is-glob: 4.0.3
-
-  glob@7.2.3:
-    dependencies:
-      fs.realpath: 1.0.0
-      inflight: 1.0.6
-      inherits: 2.0.4
-      minimatch: 3.1.2
-      once: 1.4.0
-      path-is-absolute: 1.0.1
-
-  global-modules@2.0.0:
-    dependencies:
-      global-prefix: 3.0.0
-
-  global-prefix@3.0.0:
-    dependencies:
-      ini: 1.3.8
-      kind-of: 6.0.3
-      which: 1.3.1
-
-  globals@13.24.0:
-    dependencies:
-      type-fest: 0.20.2
-
-  globals@15.15.0: {}
-
-  globalthis@1.0.4:
-    dependencies:
-      define-properties: 1.2.1
-      gopd: 1.2.0
-
-  globby@11.1.0:
-    dependencies:
-      array-union: 2.1.0
-      dir-glob: 3.0.1
-      fast-glob: 3.3.3
-      ignore: 5.3.2
-      merge2: 1.4.1
-      slash: 3.0.0
-
-  globjoin@0.1.4: {}
-
-  gopd@1.2.0: {}
-
-  graphemer@1.4.0: {}
-
-  graphql@16.12.0: {}
-
-  grid-index@1.1.0: {}
-
-  has-bigints@1.1.0: {}
-
-  has-flag@4.0.0: {}
-
-  has-property-descriptors@1.0.2:
-    dependencies:
-      es-define-property: 1.0.1
-
-  has-proto@1.2.0:
-    dependencies:
-      dunder-proto: 1.0.1
-
-  has-symbols@1.1.0: {}
-
-  has-tostringtag@1.0.2:
-    dependencies:
-      has-symbols: 1.1.0
-
-  hasown@2.0.2:
-    dependencies:
-      function-bind: 1.1.2
-
-  hast-util-to-html@9.0.5:
-    dependencies:
-      '@types/hast': 3.0.4
-      '@types/unist': 3.0.3
-      ccount: 2.0.1
-      comma-separated-tokens: 2.0.3
-      hast-util-whitespace: 3.0.0
-      html-void-elements: 3.0.0
-      mdast-util-to-hast: 13.2.0
-      property-information: 7.1.0
-      space-separated-tokens: 2.0.2
-      stringify-entities: 4.0.4
-      zwitch: 2.0.4
-
-  hast-util-whitespace@3.0.0:
-    dependencies:
-      '@types/hast': 3.0.4
-
-  headers-polyfill@4.0.3: {}
-
-  hookable@5.5.3: {}
-
-  hosted-git-info@2.8.9: {}
-
-  html-tags@3.3.1: {}
-
-  html-void-elements@3.0.0: {}
-
-  htmlparser2@8.0.2:
-    dependencies:
-      domelementtype: 2.3.0
-      domhandler: 5.0.3
-      domutils: 3.2.2
-      entities: 4.5.0
-
-  htmlparser2@9.1.0:
-    dependencies:
-      domelementtype: 2.3.0
-      domhandler: 5.0.3
-      domutils: 3.2.2
-      entities: 4.5.0
-
-  human-signals@8.0.1: {}
-
-  iconv-lite@0.6.3:
-    dependencies:
-      safer-buffer: 2.1.2
-
-  ieee754@1.2.1: {}
-
-  ignore@5.3.2: {}
-
-  immutable@4.3.7: {}
-
-  import-fresh@3.3.1:
-    dependencies:
-      parent-module: 1.0.1
-      resolve-from: 4.0.0
-
-  imurmurhash@0.1.4: {}
-
-  indent-string@4.0.0: {}
-
-  inflight@1.0.6:
-    dependencies:
-      once: 1.4.0
-      wrappy: 1.0.2
-
-  inherits@2.0.4: {}
-
-  ini@1.3.8: {}
-
-  internal-slot@1.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      hasown: 2.0.2
-      side-channel: 1.1.0
-
-  is-alphabetical@1.0.4: {}
-
-  is-alphanumerical@1.0.4:
-    dependencies:
-      is-alphabetical: 1.0.4
-      is-decimal: 1.0.4
-
-  is-array-buffer@3.0.5:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-
-  is-arrayish@0.2.1: {}
-
-  is-async-function@2.1.1:
-    dependencies:
-      async-function: 1.0.0
-      call-bound: 1.0.4
-      get-proto: 1.0.1
-      has-tostringtag: 1.0.2
-      safe-regex-test: 1.1.0
-
-  is-bigint@1.1.0:
-    dependencies:
-      has-bigints: 1.1.0
-
-  is-binary-path@2.1.0:
-    dependencies:
-      binary-extensions: 2.3.0
-
-  is-boolean-object@1.2.2:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-builtin-module@3.2.1:
-    dependencies:
-      builtin-modules: 3.3.0
-
-  is-bun-module@2.0.0:
-    dependencies:
-      semver: 7.7.3
-
-  is-callable@1.2.7: {}
-
-  is-core-module@2.16.1:
-    dependencies:
-      hasown: 2.0.2
-
-  is-data-view@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-      is-typed-array: 1.1.15
-
-  is-date-object@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-decimal@1.0.4: {}
-
-  is-docker@3.0.0: {}
-
-  is-extglob@2.1.1: {}
-
-  is-finalizationregistry@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-
-  is-fullwidth-code-point@3.0.0: {}
-
-  is-generator-function@1.1.2:
-    dependencies:
-      call-bound: 1.0.4
-      generator-function: 2.0.1
-      get-proto: 1.0.1
-      has-tostringtag: 1.0.2
-      safe-regex-test: 1.1.0
-
-  is-glob@4.0.3:
-    dependencies:
-      is-extglob: 2.1.1
-
-  is-hexadecimal@1.0.4: {}
-
-  is-inside-container@1.0.0:
-    dependencies:
-      is-docker: 3.0.0
-
-  is-map@2.0.3: {}
-
-  is-negative-zero@2.0.3: {}
-
-  is-node-process@1.2.0: {}
-
-  is-number-object@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-number@7.0.0: {}
-
-  is-path-inside@3.0.3: {}
-
-  is-plain-obj@4.1.0: {}
-
-  is-plain-object@5.0.0: {}
-
-  is-regex@1.2.1:
-    dependencies:
-      call-bound: 1.0.4
-      gopd: 1.2.0
-      has-tostringtag: 1.0.2
-      hasown: 2.0.2
-
-  is-set@2.0.3: {}
-
-  is-shared-array-buffer@1.0.4:
-    dependencies:
-      call-bound: 1.0.4
-
-  is-stream@4.0.1: {}
-
-  is-string@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-symbol@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-      has-symbols: 1.1.0
-      safe-regex-test: 1.1.0
-
-  is-typed-array@1.1.15:
-    dependencies:
-      which-typed-array: 1.1.19
-
-  is-unicode-supported@2.1.0: {}
-
-  is-weakmap@2.0.2: {}
-
-  is-weakref@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-
-  is-weakset@2.0.4:
-    dependencies:
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-
-  is-what@5.5.0: {}
-
-  is-wsl@3.1.0:
-    dependencies:
-      is-inside-container: 1.0.0
-
-  isarray@2.0.5: {}
-
-  isexe@2.0.0: {}
-
-  js-tokens@4.0.0: {}
-
-  js-tokens@9.0.1: {}
-
-  js-yaml@4.1.0:
-    dependencies:
-      argparse: 2.0.1
-
-  jsdoc-type-pratt-parser@4.0.0: {}
-
-  jsdoc-type-pratt-parser@4.8.0: {}
-
-  jsesc@0.5.0: {}
-
-  jsesc@3.1.0: {}
-
-  json-buffer@3.0.1: {}
-
-  json-parse-even-better-errors@2.3.1: {}
-
-  json-schema-traverse@0.4.1: {}
-
-  json-schema-traverse@1.0.0: {}
-
-  json-stable-stringify-without-jsonify@1.0.1: {}
-
-  json5@1.0.2:
-    dependencies:
-      minimist: 1.2.8
-
-  json5@2.2.3: {}
-
-  jsonc-eslint-parser@2.4.1:
-    dependencies:
-      acorn: 8.15.0
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      semver: 7.7.3
-
-  jwt-decode@4.0.0: {}
-
-  kdbush@4.0.2: {}
-
-  keyv@4.5.4:
-    dependencies:
-      json-buffer: 3.0.1
-
-  kind-of@6.0.3: {}
-
-  known-css-properties@0.34.0: {}
-
-  known-css-properties@0.36.0: {}
-
-  kolorist@1.8.0: {}
-
-  laravel-vite-plugin@2.0.1(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)):
-    dependencies:
-      picocolors: 1.1.1
-      vite: 7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)
-      vite-plugin-full-reload: 1.2.0
-
-  levn@0.4.1:
-    dependencies:
-      prelude-ls: 1.2.1
-      type-check: 0.4.0
-
-  lines-and-columns@1.2.4: {}
-
-  linkify-it@5.0.0:
-    dependencies:
-      uc.micro: 2.1.0
-
-  linkifyjs@4.3.2: {}
-
-  local-pkg@0.4.3: {}
-
-  local-pkg@0.5.1:
-    dependencies:
-      mlly: 1.8.0
-      pkg-types: 1.3.1
-
-  local-pkg@1.1.2:
-    dependencies:
-      mlly: 1.8.0
-      pkg-types: 2.3.0
-      quansync: 0.2.11
-
-  locate-path@5.0.0:
-    dependencies:
-      p-locate: 4.1.0
-
-  locate-path@6.0.0:
-    dependencies:
-      p-locate: 5.0.0
-
-  lodash.clonedeep@4.5.0: {}
-
-  lodash.merge@4.6.2: {}
-
-  lodash.truncate@4.4.2: {}
-
-  lodash@4.17.21: {}
-
-  lru-cache@5.1.1:
-    dependencies:
-      yallist: 3.1.1
-
-  magic-string-ast@0.7.1:
-    dependencies:
-      magic-string: 0.30.21
-
-  magic-string@0.30.21:
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
-
-  mapbox-gl@3.5.2:
-    dependencies:
-      '@mapbox/jsonlint-lines-primitives': 2.0.2
-      '@mapbox/mapbox-gl-supported': 3.0.0
-      '@mapbox/point-geometry': 0.1.0
-      '@mapbox/tiny-sdf': 2.0.7
-      '@mapbox/unitbezier': 0.0.1
-      '@mapbox/vector-tile': 1.3.1
-      '@mapbox/whoots-js': 3.1.0
-      '@types/geojson': 7946.0.16
-      '@types/mapbox__vector-tile': 1.3.4
-      cheap-ruler: 4.0.0
-      csscolorparser: 1.0.3
-      earcut: 3.0.2
-      fflate: 0.8.2
-      geojson-vt: 4.0.2
-      gl-matrix: 3.4.4
-      grid-index: 1.1.0
-      kdbush: 4.0.2
-      lodash.clonedeep: 4.5.0
-      murmurhash-js: 1.0.0
-      pbf: 3.3.0
-      potpack: 2.1.0
-      quickselect: 3.0.0
-      rw: 1.3.3
-      serialize-to-js: 3.1.2
-      supercluster: 8.0.1
-      tiny-lru: 11.4.5
-      tinyqueue: 3.0.0
-      tweakpane: 4.0.5
-      vt-pbf: 3.1.3
-
-  markdown-it@14.1.0:
-    dependencies:
-      argparse: 2.0.1
-      entities: 4.5.0
-      linkify-it: 5.0.0
-      mdurl: 2.0.0
-      punycode.js: 2.3.1
-      uc.micro: 2.1.0
-
-  math-intrinsics@1.1.0: {}
-
-  mathml-tag-names@2.1.3: {}
-
-  mdast-util-from-markdown@0.8.5:
-    dependencies:
-      '@types/mdast': 3.0.15
-      mdast-util-to-string: 2.0.0
-      micromark: 2.11.4
-      parse-entities: 2.0.0
-      unist-util-stringify-position: 2.0.3
-    transitivePeerDependencies:
-      - supports-color
-
-  mdast-util-to-hast@13.2.0:
-    dependencies:
-      '@types/hast': 3.0.4
-      '@types/mdast': 4.0.4
-      '@ungap/structured-clone': 1.3.0
-      devlop: 1.1.0
-      micromark-util-sanitize-uri: 2.0.1
-      trim-lines: 3.0.1
-      unist-util-position: 5.0.0
-      unist-util-visit: 5.0.0
-      vfile: 6.0.3
-
-  mdast-util-to-string@2.0.0: {}
-
-  mdn-data@2.0.28: {}
-
-  mdn-data@2.0.30: {}
-
-  mdn-data@2.12.2: {}
-
-  mdn-data@2.25.0: {}
-
-  mdurl@2.0.0: {}
-
-  meow@13.2.0: {}
-
-  merge2@1.4.1: {}
-
-  micromark-util-character@2.1.1:
-    dependencies:
-      micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.2
-
-  micromark-util-encode@2.0.1: {}
-
-  micromark-util-sanitize-uri@2.0.1:
-    dependencies:
-      micromark-util-character: 2.1.1
-      micromark-util-encode: 2.0.1
-      micromark-util-symbol: 2.0.1
-
-  micromark-util-symbol@2.0.1: {}
-
-  micromark-util-types@2.0.2: {}
-
-  micromark@2.11.4:
-    dependencies:
-      debug: 4.4.3
-      parse-entities: 2.0.0
-    transitivePeerDependencies:
-      - supports-color
-
-  micromatch@4.0.8:
-    dependencies:
-      braces: 3.0.3
-      picomatch: 2.3.1
-
-  mime-db@1.52.0: {}
-
-  mime-types@2.1.35:
-    dependencies:
-      mime-db: 1.52.0
-
-  min-indent@1.0.1: {}
-
-  minimatch@3.1.2:
-    dependencies:
-      brace-expansion: 1.1.12
-
-  minimatch@9.0.3:
-    dependencies:
-      brace-expansion: 2.0.2
-
-  minimatch@9.0.5:
-    dependencies:
-      brace-expansion: 2.0.2
-
-  minimist@1.2.8: {}
-
-  minipass@3.3.6:
-    dependencies:
-      yallist: 4.0.0
-
-  minipass@4.2.8: {}
-
-  minipass@5.0.0: {}
-
-  minizlib@2.1.2:
-    dependencies:
-      minipass: 3.3.6
-      yallist: 4.0.0
-
-  mitt@3.0.1: {}
-
-  mkdirp@1.0.4: {}
-
-  mlly@1.8.0:
-    dependencies:
-      acorn: 8.15.0
-      pathe: 2.0.3
-      pkg-types: 1.3.1
-      ufo: 1.6.1
-
-  mrmime@2.0.1: {}
-
-  ms@2.1.3: {}
-
-  msw@2.6.8(@types/node@24.10.0)(typescript@5.9.3):
-    dependencies:
-      '@bundled-es-modules/cookie': 2.0.1
-      '@bundled-es-modules/statuses': 1.0.1
-      '@bundled-es-modules/tough-cookie': 0.1.6
-      '@inquirer/confirm': 5.1.19(@types/node@24.10.0)
-      '@mswjs/interceptors': 0.37.6
-      '@open-draft/deferred-promise': 2.2.0
-      '@open-draft/until': 2.1.0
-      '@types/cookie': 0.6.0
-      '@types/statuses': 2.0.6
-      chalk: 4.1.2
-      graphql: 16.12.0
-      headers-polyfill: 4.0.3
-      is-node-process: 1.2.0
-      outvariant: 1.4.3
-      path-to-regexp: 6.3.0
-      strict-event-emitter: 0.5.1
-      type-fest: 4.41.0
-      yargs: 17.7.2
-    optionalDependencies:
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - '@types/node'
-
-  muggle-string@0.4.1: {}
-
-  murmurhash-js@1.0.0: {}
-
-  mute-stream@2.0.0: {}
-
-  nanoid@3.3.11: {}
-
-  nanoid@5.1.6: {}
-
-  napi-postinstall@0.3.4: {}
-
-  natural-compare@1.4.0: {}
-
-  node-fetch-native@1.6.7: {}
-
-  node-releases@2.0.27: {}
-
-  normalize-package-data@2.5.0:
-    dependencies:
-      hosted-git-info: 2.8.9
-      resolve: 1.22.11
-      semver: 5.7.2
-      validate-npm-package-license: 3.0.4
-
-  normalize-path@3.0.0: {}
-
-  npm-run-path@6.0.0:
-    dependencies:
-      path-key: 4.0.0
-      unicorn-magic: 0.3.0
-
-  nth-check@2.1.1:
-    dependencies:
-      boolbase: 1.0.0
-
-  object-inspect@1.13.4: {}
-
-  object-keys@1.1.1: {}
-
-  object.assign@4.1.7:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-      has-symbols: 1.1.0
-      object-keys: 1.1.1
-
-  object.entries@1.1.9:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  object.fromentries@2.0.8:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-object-atoms: 1.1.1
-
-  object.groupby@1.0.3:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-
-  object.values@1.2.1:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  ofetch@1.5.1:
-    dependencies:
-      destr: 2.0.5
-      node-fetch-native: 1.6.7
-      ufo: 1.6.1
-
-  ohash@2.0.11: {}
-
-  once@1.4.0:
-    dependencies:
-      wrappy: 1.0.2
-
-  oniguruma-to-es@2.3.0:
-    dependencies:
-      emoji-regex-xs: 1.0.0
-      regex: 5.1.1
-      regex-recursion: 5.1.1
-
-  open@10.2.0:
-    dependencies:
-      default-browser: 5.2.1
-      define-lazy-prop: 3.0.0
-      is-inside-container: 1.0.0
-      wsl-utils: 0.1.0
-
-  optionator@0.9.4:
-    dependencies:
-      deep-is: 0.1.4
-      fast-levenshtein: 2.0.6
-      levn: 0.4.1
-      prelude-ls: 1.2.1
-      type-check: 0.4.0
-      word-wrap: 1.2.5
-
-  orderedmap@2.1.1: {}
-
-  outvariant@1.4.3: {}
-
-  own-keys@1.0.1:
-    dependencies:
-      get-intrinsic: 1.3.0
-      object-keys: 1.1.1
-      safe-push-apply: 1.0.0
-
-  p-limit@2.3.0:
-    dependencies:
-      p-try: 2.2.0
-
-  p-limit@3.1.0:
-    dependencies:
-      yocto-queue: 0.1.0
-
-  p-locate@4.1.0:
-    dependencies:
-      p-limit: 2.3.0
-
-  p-locate@5.0.0:
-    dependencies:
-      p-limit: 3.1.0
-
-  p-try@2.2.0: {}
-
-  package-manager-detector@1.5.0: {}
-
-  parent-module@1.0.1:
-    dependencies:
-      callsites: 3.1.0
-
-  parse-entities@2.0.0:
-    dependencies:
-      character-entities: 1.2.4
-      character-entities-legacy: 1.1.4
-      character-reference-invalid: 1.1.4
-      is-alphanumerical: 1.0.4
-      is-decimal: 1.0.4
-      is-hexadecimal: 1.0.4
-
-  parse-json@5.2.0:
-    dependencies:
-      '@babel/code-frame': 7.27.1
-      error-ex: 1.3.4
-      json-parse-even-better-errors: 2.3.1
-      lines-and-columns: 1.2.4
-
-  parse-ms@4.0.0: {}
-
-  parse5-htmlparser2-tree-adapter@7.1.0:
-    dependencies:
-      domhandler: 5.0.3
-      parse5: 7.3.0
-
-  parse5-parser-stream@7.1.2:
-    dependencies:
-      parse5: 7.3.0
-
-  parse5@7.3.0:
-    dependencies:
-      entities: 6.0.1
-
-  path-browserify@1.0.1: {}
-
-  path-exists@4.0.0: {}
-
-  path-is-absolute@1.0.1: {}
-
-  path-key@3.1.1: {}
-
-  path-key@4.0.0: {}
-
-  path-parse@1.0.7: {}
-
-  path-to-regexp@6.3.0: {}
-
-  path-type@4.0.0: {}
-
-  pathe@1.1.2: {}
-
-  pathe@2.0.3: {}
-
-  pbf@3.3.0:
-    dependencies:
-      ieee754: 1.2.1
-      resolve-protobuf-schema: 2.1.0
-
-  pend@1.2.0: {}
-
-  perfect-debounce@1.0.0: {}
-
-  perfect-debounce@2.0.0: {}
-
-  perfect-scrollbar@1.5.6: {}
-
-  picocolors@1.1.1: {}
-
-  picomatch@2.3.1: {}
-
-  picomatch@4.0.3: {}
-
-  pinia@3.0.3(typescript@5.9.3)(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      '@vue/devtools-api': 7.7.7
-      vue: 3.5.22(typescript@5.9.3)
-    optionalDependencies:
-      typescript: 5.9.3
-
-  pkg-types@1.3.1:
-    dependencies:
-      confbox: 0.1.8
-      mlly: 1.8.0
-      pathe: 2.0.3
-
-  pkg-types@2.3.0:
-    dependencies:
-      confbox: 0.2.2
-      exsolve: 1.0.7
-      pathe: 2.0.3
-
-  pluralize@8.0.0: {}
-
-  possible-typed-array-names@1.1.0: {}
-
-  postcss-html@1.8.0:
-    dependencies:
-      htmlparser2: 8.0.2
-      js-tokens: 9.0.1
-      postcss: 8.5.6
-      postcss-safe-parser: 6.0.0(postcss@8.5.6)
-
-  postcss-media-query-parser@0.2.3: {}
-
-  postcss-resolve-nested-selector@0.1.6: {}
-
-  postcss-safe-parser@6.0.0(postcss@8.5.6):
-    dependencies:
-      postcss: 8.5.6
-
-  postcss-safe-parser@7.0.1(postcss@8.5.6):
-    dependencies:
-      postcss: 8.5.6
-
-  postcss-scss@4.0.9(postcss@8.5.6):
-    dependencies:
-      postcss: 8.5.6
-
-  postcss-selector-parser@6.1.2:
-    dependencies:
-      cssesc: 3.0.0
-      util-deprecate: 1.0.2
-
-  postcss-selector-parser@7.1.0:
-    dependencies:
-      cssesc: 3.0.0
-      util-deprecate: 1.0.2
-
-  postcss-sorting@8.0.2(postcss@8.5.6):
-    dependencies:
-      postcss: 8.5.6
-
-  postcss-value-parser@4.2.0: {}
-
-  postcss@8.5.6:
-    dependencies:
-      nanoid: 3.3.11
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
-  potpack@2.1.0: {}
-
-  preact@10.12.1: {}
-
-  prelude-ls@1.2.1: {}
-
-  pretty-ms@9.3.0:
-    dependencies:
-      parse-ms: 4.0.0
-
-  prismjs@1.30.0: {}
-
-  property-information@7.1.0: {}
-
-  prosemirror-changeset@2.3.1:
-    dependencies:
-      prosemirror-transform: 1.10.4
-
-  prosemirror-collab@1.3.1:
-    dependencies:
-      prosemirror-state: 1.4.4
-
-  prosemirror-commands@1.7.1:
-    dependencies:
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.4
-
-  prosemirror-dropcursor@1.8.2:
-    dependencies:
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.4
-      prosemirror-view: 1.41.3
-
-  prosemirror-gapcursor@1.4.0:
-    dependencies:
-      prosemirror-keymap: 1.2.3
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-view: 1.41.3
-
-  prosemirror-history@1.4.1:
-    dependencies:
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.4
-      prosemirror-view: 1.41.3
-      rope-sequence: 1.3.4
-
-  prosemirror-inputrules@1.5.1:
-    dependencies:
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.4
-
-  prosemirror-keymap@1.2.3:
-    dependencies:
-      prosemirror-state: 1.4.4
-      w3c-keyname: 2.2.8
-
-  prosemirror-markdown@1.13.2:
-    dependencies:
-      '@types/markdown-it': 14.1.2
-      markdown-it: 14.1.0
-      prosemirror-model: 1.25.4
-
-  prosemirror-menu@1.2.5:
-    dependencies:
-      crelt: 1.0.6
-      prosemirror-commands: 1.7.1
-      prosemirror-history: 1.4.1
-      prosemirror-state: 1.4.4
-
-  prosemirror-model@1.25.4:
-    dependencies:
-      orderedmap: 2.1.1
-
-  prosemirror-schema-basic@1.2.4:
-    dependencies:
-      prosemirror-model: 1.25.4
-
-  prosemirror-schema-list@1.5.1:
-    dependencies:
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.4
-
-  prosemirror-state@1.4.4:
-    dependencies:
-      prosemirror-model: 1.25.4
-      prosemirror-transform: 1.10.4
-      prosemirror-view: 1.41.3
-
-  prosemirror-tables@1.8.1:
-    dependencies:
-      prosemirror-keymap: 1.2.3
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.4
-      prosemirror-view: 1.41.3
-
-  prosemirror-trailing-node@3.0.0(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.3):
-    dependencies:
-      '@remirror/core-constants': 3.0.0
-      escape-string-regexp: 4.0.0
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-view: 1.41.3
-
-  prosemirror-transform@1.10.4:
-    dependencies:
-      prosemirror-model: 1.25.4
-
-  prosemirror-view@1.41.3:
-    dependencies:
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.4
-
-  protocol-buffers-schema@3.6.0: {}
-
-  proxy-from-env@1.1.0: {}
-
-  psl@1.15.0:
-    dependencies:
-      punycode: 2.3.1
-
-  pump@3.0.3:
-    dependencies:
-      end-of-stream: 1.4.5
-      once: 1.4.0
-
-  punycode.js@2.3.1: {}
-
-  punycode@2.3.1: {}
-
-  quansync@0.2.11: {}
-
-  querystringify@2.2.0: {}
-
-  queue-microtask@1.2.3: {}
-
-  quickselect@3.0.0: {}
-
-  read-pkg-up@7.0.1:
-    dependencies:
-      find-up: 4.1.0
-      read-pkg: 5.2.0
-      type-fest: 0.8.1
-
-  read-pkg@5.2.0:
-    dependencies:
-      '@types/normalize-package-data': 2.4.4
-      normalize-package-data: 2.5.0
-      parse-json: 5.2.0
-      type-fest: 0.6.0
-
-  readdirp@3.6.0:
-    dependencies:
-      picomatch: 2.3.1
-
-  refa@0.12.1:
-    dependencies:
-      '@eslint-community/regexpp': 4.12.2
-
-  reflect.getprototypeof@1.0.10:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      get-proto: 1.0.1
-      which-builtin-type: 1.2.1
-
-  regex-recursion@5.1.1:
-    dependencies:
-      regex: 5.1.1
-      regex-utilities: 2.3.0
-
-  regex-utilities@2.3.0: {}
-
-  regex@5.1.1:
-    dependencies:
-      regex-utilities: 2.3.0
-
-  regexp-ast-analysis@0.7.1:
-    dependencies:
-      '@eslint-community/regexpp': 4.12.2
-      refa: 0.12.1
-
-  regexp-tree@0.1.27: {}
-
-  regexp.prototype.flags@1.5.4:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-errors: 1.3.0
-      get-proto: 1.0.1
-      gopd: 1.2.0
-      set-function-name: 2.0.2
-
-  regjsparser@0.10.0:
-    dependencies:
-      jsesc: 0.5.0
-
-  require-directory@2.1.1: {}
-
-  require-from-string@2.0.2: {}
-
-  requires-port@1.0.0: {}
-
-  resolve-from@4.0.0: {}
-
-  resolve-from@5.0.0: {}
-
-  resolve-pkg-maps@1.0.0: {}
-
-  resolve-protobuf-schema@2.1.0:
-    dependencies:
-      protocol-buffers-schema: 3.6.0
-
-  resolve@1.22.11:
-    dependencies:
-      is-core-module: 2.16.1
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-
-  reusify@1.1.0: {}
-
-  rfdc@1.4.1: {}
-
-  rimraf@3.0.2:
-    dependencies:
-      glob: 7.2.3
-
-  roboto-fontface@0.10.0: {}
-
-  rollup@4.52.5:
-    dependencies:
-      '@types/estree': 1.0.8
-    optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.52.5
-      '@rollup/rollup-android-arm64': 4.52.5
-      '@rollup/rollup-darwin-arm64': 4.52.5
-      '@rollup/rollup-darwin-x64': 4.52.5
-      '@rollup/rollup-freebsd-arm64': 4.52.5
-      '@rollup/rollup-freebsd-x64': 4.52.5
-      '@rollup/rollup-linux-arm-gnueabihf': 4.52.5
-      '@rollup/rollup-linux-arm-musleabihf': 4.52.5
-      '@rollup/rollup-linux-arm64-gnu': 4.52.5
-      '@rollup/rollup-linux-arm64-musl': 4.52.5
-      '@rollup/rollup-linux-loong64-gnu': 4.52.5
-      '@rollup/rollup-linux-ppc64-gnu': 4.52.5
-      '@rollup/rollup-linux-riscv64-gnu': 4.52.5
-      '@rollup/rollup-linux-riscv64-musl': 4.52.5
-      '@rollup/rollup-linux-s390x-gnu': 4.52.5
-      '@rollup/rollup-linux-x64-gnu': 4.52.5
-      '@rollup/rollup-linux-x64-musl': 4.52.5
-      '@rollup/rollup-openharmony-arm64': 4.52.5
-      '@rollup/rollup-win32-arm64-msvc': 4.52.5
-      '@rollup/rollup-win32-ia32-msvc': 4.52.5
-      '@rollup/rollup-win32-x64-gnu': 4.52.5
-      '@rollup/rollup-win32-x64-msvc': 4.52.5
-      fsevents: 2.3.3
-
-  rope-sequence@1.3.4: {}
-
-  run-applescript@7.1.0: {}
-
-  run-parallel@1.2.0:
-    dependencies:
-      queue-microtask: 1.2.3
-
-  rw@1.3.3: {}
-
-  safe-array-concat@1.1.3:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-      has-symbols: 1.1.0
-      isarray: 2.0.5
-
-  safe-push-apply@1.0.0:
-    dependencies:
-      es-errors: 1.3.0
-      isarray: 2.0.5
-
-  safe-regex-test@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-regex: 1.2.1
-
-  safer-buffer@2.1.2: {}
-
-  sass@1.76.0:
-    dependencies:
-      chokidar: 3.6.0
-      immutable: 4.3.7
-      source-map-js: 1.2.1
-
-  scslre@0.3.0:
-    dependencies:
-      '@eslint-community/regexpp': 4.12.2
-      refa: 0.12.1
-      regexp-ast-analysis: 0.7.1
-
-  scule@1.3.0: {}
-
-  semver@5.7.2: {}
-
-  semver@6.3.1: {}
-
-  semver@7.7.3: {}
-
-  serialize-to-js@3.1.2: {}
-
-  set-function-length@1.2.2:
-    dependencies:
-      define-data-property: 1.1.4
-      es-errors: 1.3.0
-      function-bind: 1.1.2
-      get-intrinsic: 1.3.0
-      gopd: 1.2.0
-      has-property-descriptors: 1.0.2
-
-  set-function-name@2.0.2:
-    dependencies:
-      define-data-property: 1.1.4
-      es-errors: 1.3.0
-      functions-have-names: 1.2.3
-      has-property-descriptors: 1.0.2
-
-  set-proto@1.0.0:
-    dependencies:
-      dunder-proto: 1.0.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-
-  shebang-command@2.0.0:
-    dependencies:
-      shebang-regex: 3.0.0
-
-  shebang-regex@3.0.0: {}
-
-  shepherd.js@11.2.0:
-    dependencies:
-      '@floating-ui/dom': 1.6.8
-      deepmerge: 4.3.1
-
-  shepherd.js@13.0.3:
-    dependencies:
-      '@floating-ui/dom': 1.6.8
-      '@scarf/scarf': 1.4.0
-      deepmerge-ts: 5.1.0
-
-  shiki@1.29.2:
-    dependencies:
-      '@shikijs/core': 1.29.2
-      '@shikijs/engine-javascript': 1.29.2
-      '@shikijs/engine-oniguruma': 1.29.2
-      '@shikijs/langs': 1.29.2
-      '@shikijs/themes': 1.29.2
-      '@shikijs/types': 1.29.2
-      '@shikijs/vscode-textmate': 10.0.2
-      '@types/hast': 3.0.4
-
-  side-channel-list@1.0.0:
-    dependencies:
-      es-errors: 1.3.0
-      object-inspect: 1.13.4
-
-  side-channel-map@1.0.1:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      object-inspect: 1.13.4
-
-  side-channel-weakmap@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      object-inspect: 1.13.4
-      side-channel-map: 1.0.1
-
-  side-channel@1.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      object-inspect: 1.13.4
-      side-channel-list: 1.0.0
-      side-channel-map: 1.0.1
-      side-channel-weakmap: 1.0.2
-
-  signal-exit@4.1.0: {}
-
-  sirv@3.0.2:
-    dependencies:
-      '@polka/url': 1.0.0-next.29
-      mrmime: 2.0.1
-      totalist: 3.0.1
-
-  slash@3.0.0: {}
-
-  slice-ansi@4.0.0:
-    dependencies:
-      ansi-styles: 4.3.0
-      astral-regex: 2.0.0
-      is-fullwidth-code-point: 3.0.0
-
-  source-map-js@1.2.1: {}
-
-  source-map@0.6.1:
-    optional: true
-
-  space-separated-tokens@2.0.2: {}
-
-  spdx-correct@3.2.0:
-    dependencies:
-      spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.22
-
-  spdx-exceptions@2.5.0: {}
-
-  spdx-expression-parse@3.0.1:
-    dependencies:
-      spdx-exceptions: 2.5.0
-      spdx-license-ids: 3.0.22
-
-  spdx-expression-parse@4.0.0:
-    dependencies:
-      spdx-exceptions: 2.5.0
-      spdx-license-ids: 3.0.22
-
-  spdx-license-ids@3.0.22: {}
-
-  speakingurl@14.0.1: {}
-
-  stable-hash@0.0.5: {}
-
-  statuses@2.0.2: {}
-
-  stop-iteration-iterator@1.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      internal-slot: 1.1.0
-
-  strict-event-emitter@0.5.1: {}
-
-  string-width@4.2.3:
-    dependencies:
-      emoji-regex: 8.0.0
-      is-fullwidth-code-point: 3.0.0
-      strip-ansi: 6.0.1
-
-  string.prototype.trim@1.2.10:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-data-property: 1.1.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-object-atoms: 1.1.1
-      has-property-descriptors: 1.0.2
-
-  string.prototype.trimend@1.0.9:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  string.prototype.trimstart@1.0.8:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  stringify-entities@4.0.4:
-    dependencies:
-      character-entities-html4: 2.1.0
-      character-entities-legacy: 3.0.0
-
-  strip-ansi@6.0.1:
-    dependencies:
-      ansi-regex: 5.0.1
-
-  strip-ansi@7.1.2:
-    dependencies:
-      ansi-regex: 6.2.2
-
-  strip-bom@3.0.0: {}
-
-  strip-final-newline@4.0.0: {}
-
-  strip-indent@3.0.0:
-    dependencies:
-      min-indent: 1.0.1
-
-  strip-json-comments@3.1.1: {}
-
-  strip-literal@2.1.1:
-    dependencies:
-      js-tokens: 9.0.1
-
-  style-search@0.1.0: {}
-
-  stylelint-config-idiomatic-order@10.0.0(stylelint@16.8.0(typescript@5.9.3)):
-    dependencies:
-      stylelint: 16.8.0(typescript@5.9.3)
-      stylelint-order: 6.0.4(stylelint@16.8.0(typescript@5.9.3))
-
-  stylelint-config-recommended-scss@14.1.0(postcss@8.5.6)(stylelint@16.8.0(typescript@5.9.3)):
-    dependencies:
-      postcss-scss: 4.0.9(postcss@8.5.6)
-      stylelint: 16.8.0(typescript@5.9.3)
-      stylelint-config-recommended: 14.0.1(stylelint@16.8.0(typescript@5.9.3))
-      stylelint-scss: 6.12.1(stylelint@16.8.0(typescript@5.9.3))
-    optionalDependencies:
-      postcss: 8.5.6
-
-  stylelint-config-recommended@14.0.1(stylelint@16.8.0(typescript@5.9.3)):
-    dependencies:
-      stylelint: 16.8.0(typescript@5.9.3)
-
-  stylelint-config-standard-scss@13.1.0(postcss@8.5.6)(stylelint@16.8.0(typescript@5.9.3)):
-    dependencies:
-      stylelint: 16.8.0(typescript@5.9.3)
-      stylelint-config-recommended-scss: 14.1.0(postcss@8.5.6)(stylelint@16.8.0(typescript@5.9.3))
-      stylelint-config-standard: 36.0.1(stylelint@16.8.0(typescript@5.9.3))
-    optionalDependencies:
-      postcss: 8.5.6
-
-  stylelint-config-standard@36.0.1(stylelint@16.8.0(typescript@5.9.3)):
-    dependencies:
-      stylelint: 16.8.0(typescript@5.9.3)
-      stylelint-config-recommended: 14.0.1(stylelint@16.8.0(typescript@5.9.3))
-
-  stylelint-order@6.0.4(stylelint@16.8.0(typescript@5.9.3)):
-    dependencies:
-      postcss: 8.5.6
-      postcss-sorting: 8.0.2(postcss@8.5.6)
-      stylelint: 16.8.0(typescript@5.9.3)
-
-  stylelint-scss@6.12.1(stylelint@16.8.0(typescript@5.9.3)):
-    dependencies:
-      css-tree: 3.1.0
-      is-plain-object: 5.0.0
-      known-css-properties: 0.36.0
-      mdn-data: 2.25.0
-      postcss-media-query-parser: 0.2.3
-      postcss-resolve-nested-selector: 0.1.6
-      postcss-selector-parser: 7.1.0
-      postcss-value-parser: 4.2.0
-      stylelint: 16.8.0(typescript@5.9.3)
-
-  stylelint-use-logical-spec@5.0.1(stylelint@16.8.0(typescript@5.9.3)):
-    dependencies:
-      stylelint: 16.8.0(typescript@5.9.3)
-
-  stylelint@16.8.0(typescript@5.9.3):
-    dependencies:
-      '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
-      '@csstools/css-tokenizer': 2.4.1
-      '@csstools/media-query-list-parser': 2.1.13(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
-      '@csstools/selector-specificity': 3.1.1(postcss-selector-parser@6.1.2)
-      '@dual-bundle/import-meta-resolve': 4.2.1
-      balanced-match: 2.0.0
-      colord: 2.9.3
-      cosmiconfig: 9.0.0(typescript@5.9.3)
-      css-functions-list: 3.2.3
-      css-tree: 2.3.1
-      debug: 4.4.3
-      fast-glob: 3.3.3
-      fastest-levenshtein: 1.0.16
-      file-entry-cache: 9.1.0
-      global-modules: 2.0.0
-      globby: 11.1.0
-      globjoin: 0.1.4
-      html-tags: 3.3.1
-      ignore: 5.3.2
-      imurmurhash: 0.1.4
-      is-plain-object: 5.0.0
-      known-css-properties: 0.34.0
-      mathml-tag-names: 2.1.3
-      meow: 13.2.0
-      micromatch: 4.0.8
-      normalize-path: 3.0.0
-      picocolors: 1.1.1
-      postcss: 8.5.6
-      postcss-resolve-nested-selector: 0.1.6
-      postcss-safe-parser: 7.0.1(postcss@8.5.6)
-      postcss-selector-parser: 6.1.2
-      postcss-value-parser: 4.2.0
-      resolve-from: 5.0.0
-      string-width: 4.2.3
-      strip-ansi: 7.1.2
-      supports-hyperlinks: 3.2.0
-      svg-tags: 1.0.0
-      table: 6.9.0
-      write-file-atomic: 5.0.1
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
-  supercluster@8.0.1:
-    dependencies:
-      kdbush: 4.0.2
-
-  superjson@2.2.5:
-    dependencies:
-      copy-anything: 4.0.5
-
-  supports-color@7.2.0:
-    dependencies:
-      has-flag: 4.0.0
-
-  supports-hyperlinks@3.2.0:
-    dependencies:
-      has-flag: 4.0.0
-      supports-color: 7.2.0
-
-  supports-preserve-symlinks-flag@1.0.0: {}
-
-  svg-tags@1.0.0: {}
-
-  svg.draggable.js@2.2.2:
-    dependencies:
-      svg.js: 2.7.1
-
-  svg.easing.js@2.0.0:
-    dependencies:
-      svg.js: 2.7.1
-
-  svg.filter.js@2.0.2:
-    dependencies:
-      svg.js: 2.7.1
-
-  svg.js@2.7.1: {}
-
-  svg.pathmorphing.js@0.1.3:
-    dependencies:
-      svg.js: 2.7.1
-
-  svg.resize.js@1.4.3:
-    dependencies:
-      svg.js: 2.7.1
-      svg.select.js: 2.1.2
-
-  svg.select.js@2.1.2:
-    dependencies:
-      svg.js: 2.7.1
-
-  svg.select.js@3.0.1:
-    dependencies:
-      svg.js: 2.7.1
-
-  svgo@3.3.2:
-    dependencies:
-      '@trysound/sax': 0.2.0
-      commander: 7.2.0
-      css-select: 5.2.2
-      css-tree: 2.3.1
-      css-what: 6.2.2
-      csso: 5.0.5
-      picocolors: 1.1.1
-
-  swiper@11.2.10: {}
-
-  synckit@0.11.11:
-    dependencies:
-      '@pkgr/core': 0.2.9
-
-  synckit@0.8.8:
-    dependencies:
-      '@pkgr/core': 0.1.2
-      tslib: 2.8.1
-
-  table@6.9.0:
-    dependencies:
-      ajv: 8.17.1
-      lodash.truncate: 4.4.2
-      slice-ansi: 4.0.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-
-  tagged-tag@1.0.0: {}
-
-  tar@6.2.1:
-    dependencies:
-      chownr: 2.0.0
-      fs-minipass: 2.1.0
-      minipass: 5.0.0
-      minizlib: 2.1.2
-      mkdirp: 1.0.4
-      yallist: 4.0.0
-
-  text-table@0.2.0: {}
-
-  tiny-lru@11.4.5: {}
-
-  tinyexec@1.0.1: {}
-
-  tinyglobby@0.2.15:
-    dependencies:
-      fdir: 6.5.0(picomatch@4.0.3)
-      picomatch: 4.0.3
-
-  tinyqueue@3.0.0: {}
-
-  tippy.js@6.3.7:
-    dependencies:
-      '@popperjs/core': 2.11.8
-
-  to-regex-range@5.0.1:
-    dependencies:
-      is-number: 7.0.0
-
-  totalist@3.0.1: {}
-
-  tough-cookie@4.1.4:
-    dependencies:
-      psl: 1.15.0
-      punycode: 2.3.1
-      universalify: 0.2.0
-      url-parse: 1.5.10
-
-  trim-lines@3.0.1: {}
-
-  ts-api-utils@1.4.3(typescript@5.9.3):
-    dependencies:
-      typescript: 5.9.3
-
-  ts-api-utils@2.1.0(typescript@5.9.3):
-    dependencies:
-      typescript: 5.9.3
-
-  tsconfig-paths@3.15.0:
-    dependencies:
-      '@types/json5': 0.0.29
-      json5: 1.0.2
-      minimist: 1.2.8
-      strip-bom: 3.0.0
-
-  tslib@1.14.1: {}
-
-  tslib@2.8.1: {}
-
-  tsutils@3.21.0(typescript@5.9.3):
-    dependencies:
-      tslib: 1.14.1
-      typescript: 5.9.3
-
-  tsx@4.20.6:
-    dependencies:
-      esbuild: 0.25.12
-      get-tsconfig: 4.13.0
-    optionalDependencies:
-      fsevents: 2.3.3
-
-  tweakpane@4.0.5: {}
-
-  type-check@0.4.0:
-    dependencies:
-      prelude-ls: 1.2.1
-
-  type-fest@0.20.2: {}
-
-  type-fest@0.6.0: {}
-
-  type-fest@0.8.1: {}
-
-  type-fest@4.41.0: {}
-
-  type-fest@5.2.0:
-    dependencies:
-      tagged-tag: 1.0.0
-
-  typed-array-buffer@1.0.3:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-typed-array: 1.1.15
-
-  typed-array-byte-length@1.0.3:
-    dependencies:
-      call-bind: 1.0.8
-      for-each: 0.3.5
-      gopd: 1.2.0
-      has-proto: 1.2.0
-      is-typed-array: 1.1.15
-
-  typed-array-byte-offset@1.0.4:
-    dependencies:
-      available-typed-arrays: 1.0.7
-      call-bind: 1.0.8
-      for-each: 0.3.5
-      gopd: 1.2.0
-      has-proto: 1.2.0
-      is-typed-array: 1.1.15
-      reflect.getprototypeof: 1.0.10
-
-  typed-array-length@1.0.7:
-    dependencies:
-      call-bind: 1.0.8
-      for-each: 0.3.5
-      gopd: 1.2.0
-      is-typed-array: 1.1.15
-      possible-typed-array-names: 1.1.0
-      reflect.getprototypeof: 1.0.10
-
-  typescript@5.9.3: {}
-
-  uc.micro@2.1.0: {}
-
-  ufo@1.6.1: {}
-
-  unbox-primitive@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      has-bigints: 1.1.0
-      has-symbols: 1.1.0
-      which-boxed-primitive: 1.1.1
-
-  undici-types@7.16.0: {}
-
-  undici@6.22.0: {}
-
-  unicorn-magic@0.3.0: {}
-
-  unimport@3.14.6(rollup@4.52.5):
-    dependencies:
-      '@rollup/pluginutils': 5.3.0(rollup@4.52.5)
-      acorn: 8.15.0
-      escape-string-regexp: 5.0.0
-      estree-walker: 3.0.3
-      fast-glob: 3.3.3
-      local-pkg: 1.1.2
-      magic-string: 0.30.21
-      mlly: 1.8.0
-      pathe: 2.0.3
-      picomatch: 4.0.3
-      pkg-types: 1.3.1
-      scule: 1.3.0
-      strip-literal: 2.1.1
-      unplugin: 1.16.1
-    transitivePeerDependencies:
-      - rollup
-
-  unist-util-is@6.0.1:
-    dependencies:
-      '@types/unist': 3.0.3
-
-  unist-util-position@5.0.0:
-    dependencies:
-      '@types/unist': 3.0.3
-
-  unist-util-stringify-position@2.0.3:
-    dependencies:
-      '@types/unist': 2.0.11
-
-  unist-util-stringify-position@4.0.0:
-    dependencies:
-      '@types/unist': 3.0.3
-
-  unist-util-visit-parents@6.0.2:
-    dependencies:
-      '@types/unist': 3.0.3
-      unist-util-is: 6.0.1
-
-  unist-util-visit@5.0.0:
-    dependencies:
-      '@types/unist': 3.0.3
-      unist-util-is: 6.0.1
-      unist-util-visit-parents: 6.0.2
-
-  universalify@0.2.0: {}
-
-  unplugin-auto-import@0.18.6(@vueuse/core@10.11.1(vue@3.5.22(typescript@5.9.3)))(rollup@4.52.5):
-    dependencies:
-      '@antfu/utils': 0.7.10
-      '@rollup/pluginutils': 5.3.0(rollup@4.52.5)
-      fast-glob: 3.3.3
-      local-pkg: 0.5.1
-      magic-string: 0.30.21
-      minimatch: 9.0.5
-      unimport: 3.14.6(rollup@4.52.5)
-      unplugin: 1.16.1
-    optionalDependencies:
-      '@vueuse/core': 10.11.1(vue@3.5.22(typescript@5.9.3))
-    transitivePeerDependencies:
-      - rollup
-
-  unplugin-utils@0.3.1:
-    dependencies:
-      pathe: 2.0.3
-      picomatch: 4.0.3
-
-  unplugin-vue-components@0.27.5(@babel/parser@7.28.5)(rollup@4.52.5)(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      '@antfu/utils': 0.7.10
-      '@rollup/pluginutils': 5.3.0(rollup@4.52.5)
-      chokidar: 3.6.0
-      debug: 4.4.3
-      fast-glob: 3.3.3
-      local-pkg: 0.5.1
-      magic-string: 0.30.21
-      minimatch: 9.0.5
-      mlly: 1.8.0
-      unplugin: 1.16.1
-      vue: 3.5.22(typescript@5.9.3)
-    optionalDependencies:
-      '@babel/parser': 7.28.5
-    transitivePeerDependencies:
-      - rollup
-      - supports-color
-
-  unplugin-vue-define-options@1.5.5(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      '@vue-macros/common': 1.16.1(vue@3.5.22(typescript@5.9.3))
-      ast-walker-scope: 0.6.2
-      unplugin: 1.16.1
-    transitivePeerDependencies:
-      - vue
-
-  unplugin-vue-router@0.8.8(rollup@4.52.5)(vue-router@4.5.1(vue@3.5.22(typescript@5.9.3)))(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      '@babel/types': 7.28.5
-      '@rollup/pluginutils': 5.3.0(rollup@4.52.5)
-      '@vue-macros/common': 1.16.1(vue@3.5.22(typescript@5.9.3))
-      ast-walker-scope: 0.6.2
-      chokidar: 3.6.0
-      fast-glob: 3.3.3
-      json5: 2.2.3
-      local-pkg: 0.5.1
-      mlly: 1.8.0
-      pathe: 1.1.2
-      scule: 1.3.0
-      unplugin: 1.16.1
-      yaml: 2.8.1
-    optionalDependencies:
-      vue-router: 4.5.1(vue@3.5.22(typescript@5.9.3))
-    transitivePeerDependencies:
-      - rollup
-      - vue
-
-  unplugin@1.16.1:
-    dependencies:
-      acorn: 8.15.0
-      webpack-virtual-modules: 0.6.2
-
-  unplugin@2.3.10:
-    dependencies:
-      '@jridgewell/remapping': 2.3.5
-      acorn: 8.15.0
-      picomatch: 4.0.3
-      webpack-virtual-modules: 0.6.2
-
-  unrs-resolver@1.11.1:
-    dependencies:
-      napi-postinstall: 0.3.4
-    optionalDependencies:
-      '@unrs/resolver-binding-android-arm-eabi': 1.11.1
-      '@unrs/resolver-binding-android-arm64': 1.11.1
-      '@unrs/resolver-binding-darwin-arm64': 1.11.1
-      '@unrs/resolver-binding-darwin-x64': 1.11.1
-      '@unrs/resolver-binding-freebsd-x64': 1.11.1
-      '@unrs/resolver-binding-linux-arm-gnueabihf': 1.11.1
-      '@unrs/resolver-binding-linux-arm-musleabihf': 1.11.1
-      '@unrs/resolver-binding-linux-arm64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-arm64-musl': 1.11.1
-      '@unrs/resolver-binding-linux-ppc64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-riscv64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-riscv64-musl': 1.11.1
-      '@unrs/resolver-binding-linux-s390x-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-x64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-x64-musl': 1.11.1
-      '@unrs/resolver-binding-wasm32-wasi': 1.11.1
-      '@unrs/resolver-binding-win32-arm64-msvc': 1.11.1
-      '@unrs/resolver-binding-win32-ia32-msvc': 1.11.1
-      '@unrs/resolver-binding-win32-x64-msvc': 1.11.1
-
-  upath@2.0.1: {}
-
-  update-browserslist-db@1.1.4(browserslist@4.27.0):
-    dependencies:
-      browserslist: 4.27.0
-      escalade: 3.2.0
-      picocolors: 1.1.1
-
-  uri-js@4.4.1:
-    dependencies:
-      punycode: 2.3.1
-
-  url-parse@1.5.10:
-    dependencies:
-      querystringify: 2.2.0
-      requires-port: 1.0.0
-
-  util-deprecate@1.0.2: {}
-
-  validate-npm-package-license@3.0.4:
-    dependencies:
-      spdx-correct: 3.2.0
-      spdx-expression-parse: 3.0.1
-
-  vfile-message@4.0.3:
-    dependencies:
-      '@types/unist': 3.0.3
-      unist-util-stringify-position: 4.0.0
-
-  vfile@6.0.3:
-    dependencies:
-      '@types/unist': 3.0.3
-      vfile-message: 4.0.3
-
-  vite-dev-rpc@1.1.0(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)):
-    dependencies:
-      birpc: 2.7.0
-      vite: 7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)
-      vite-hot-client: 2.1.0(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))
-
-  vite-hot-client@2.1.0(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)):
-    dependencies:
-      vite: 7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)
-
-  vite-plugin-full-reload@1.2.0:
-    dependencies:
-      picocolors: 1.1.1
-      picomatch: 2.3.1
-
-  vite-plugin-inspect@11.3.3(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)):
-    dependencies:
-      ansis: 4.2.0
-      debug: 4.4.3
-      error-stack-parser-es: 1.0.5
-      ohash: 2.0.11
-      open: 10.2.0
-      perfect-debounce: 2.0.0
-      sirv: 3.0.2
-      unplugin-utils: 0.3.1
-      vite: 7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)
-      vite-dev-rpc: 1.1.0(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))
-    transitivePeerDependencies:
-      - supports-color
-
-  vite-plugin-vue-devtools@8.0.2(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      '@vue/devtools-core': 8.0.3(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))(vue@3.5.22(typescript@5.9.3))
-      '@vue/devtools-kit': 8.0.3
-      '@vue/devtools-shared': 8.0.3
-      execa: 9.6.0
-      sirv: 3.0.2
-      vite: 7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)
-      vite-plugin-inspect: 11.3.3(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))
-      vite-plugin-vue-inspector: 5.3.2(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))
-    transitivePeerDependencies:
-      - '@nuxt/kit'
-      - supports-color
-      - vue
-
-  vite-plugin-vue-inspector@5.3.2(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)):
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/plugin-proposal-decorators': 7.28.0(@babel/core@7.28.5)
-      '@babel/plugin-syntax-import-attributes': 7.27.1(@babel/core@7.28.5)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.28.5)
-      '@babel/plugin-transform-typescript': 7.28.5(@babel/core@7.28.5)
-      '@vue/babel-plugin-jsx': 1.5.0(@babel/core@7.28.5)
-      '@vue/compiler-dom': 3.5.22
-      kolorist: 1.8.0
-      magic-string: 0.30.21
-      vite: 7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)
-    transitivePeerDependencies:
-      - supports-color
-
-  vite-plugin-vue-meta-layouts@0.6.1(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))(vue-router@4.5.1(vue@3.5.22(typescript@5.9.3))):
-    dependencies:
-      local-pkg: 0.5.1
-      vite: 7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)
-      vue-router: 4.5.1(vue@3.5.22(typescript@5.9.3))
-
-  vite-plugin-vuetify@2.1.2(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))(vue@3.5.22(typescript@5.9.3))(vuetify@3.10.8):
-    dependencies:
-      '@vuetify/loader-shared': 2.1.1(vue@3.5.22(typescript@5.9.3))(vuetify@3.10.8)
-      debug: 4.4.3
-      upath: 2.0.1
-      vite: 7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1)
-      vue: 3.5.22(typescript@5.9.3)
-      vuetify: 3.10.8(typescript@5.9.3)(vite-plugin-vuetify@2.1.2)(vue@3.5.22(typescript@5.9.3))
-    transitivePeerDependencies:
-      - supports-color
-
-  vite-svg-loader@5.1.0(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      svgo: 3.3.2
-      vue: 3.5.22(typescript@5.9.3)
-
-  vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1):
-    dependencies:
-      esbuild: 0.25.12
-      fdir: 6.5.0(picomatch@4.0.3)
-      picomatch: 4.0.3
-      postcss: 8.5.6
-      rollup: 4.52.5
-      tinyglobby: 0.2.15
-    optionalDependencies:
-      '@types/node': 24.10.0
-      fsevents: 2.3.3
-      sass: 1.76.0
-      tsx: 4.20.6
-      yaml: 2.8.1
-
-  vscode-uri@3.1.0: {}
-
-  vt-pbf@3.1.3:
-    dependencies:
-      '@mapbox/point-geometry': 0.1.0
-      '@mapbox/vector-tile': 1.3.1
-      pbf: 3.3.0
-
-  vue-chartjs@5.3.3(chart.js@4.5.1)(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      chart.js: 4.5.1
-      vue: 3.5.22(typescript@5.9.3)
-
-  vue-demi@0.14.10(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      vue: 3.5.22(typescript@5.9.3)
-
-  vue-eslint-parser@9.4.3(eslint@8.57.1):
-    dependencies:
-      debug: 4.4.3
-      eslint: 8.57.1
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      esquery: 1.6.0
-      lodash: 4.17.21
-      semver: 7.7.3
-    transitivePeerDependencies:
-      - supports-color
-
-  vue-flatpickr-component@11.0.5(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      flatpickr: 4.6.13
-      vue: 3.5.22(typescript@5.9.3)
-
-  vue-i18n@11.1.12(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      '@intlify/core-base': 11.1.12
-      '@intlify/shared': 11.1.12
-      '@vue/devtools-api': 6.6.4
-      vue: 3.5.22(typescript@5.9.3)
-
-  vue-prism-component@2.0.0: {}
-
-  vue-router@4.5.1(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      '@vue/devtools-api': 6.6.4
-      vue: 3.5.22(typescript@5.9.3)
-
-  vue-shepherd@3.0.0(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      shepherd.js: 11.2.0
-      vue: 3.5.22(typescript@5.9.3)
-
-  vue-tsc@3.1.3(typescript@5.9.3):
-    dependencies:
-      '@volar/typescript': 2.4.23
-      '@vue/language-core': 3.1.3(typescript@5.9.3)
-      typescript: 5.9.3
-
-  vue3-apexcharts@1.5.3(apexcharts@3.54.1)(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      apexcharts: 3.54.1
-      vue: 3.5.22(typescript@5.9.3)
-
-  vue3-perfect-scrollbar@2.0.0(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      perfect-scrollbar: 1.5.6
-      vue: 3.5.22(typescript@5.9.3)
-
-  vue@3.5.22(typescript@5.9.3):
-    dependencies:
-      '@vue/compiler-dom': 3.5.22
-      '@vue/compiler-sfc': 3.5.22
-      '@vue/runtime-dom': 3.5.22
-      '@vue/server-renderer': 3.5.22(vue@3.5.22(typescript@5.9.3))
-      '@vue/shared': 3.5.22
-    optionalDependencies:
-      typescript: 5.9.3
-
-  vuetify@3.10.8(typescript@5.9.3)(vite-plugin-vuetify@2.1.2)(vue@3.5.22(typescript@5.9.3)):
-    dependencies:
-      vue: 3.5.22(typescript@5.9.3)
-    optionalDependencies:
-      typescript: 5.9.3
-      vite-plugin-vuetify: 2.1.2(vite@7.1.12(@types/node@24.10.0)(sass@1.76.0)(tsx@4.20.6)(yaml@2.8.1))(vue@3.5.22(typescript@5.9.3))(vuetify@3.10.8)
-
-  w3c-keyname@2.2.8: {}
-
-  webfontloader@1.6.28: {}
-
-  webpack-virtual-modules@0.6.2: {}
-
-  whatwg-encoding@3.1.1:
-    dependencies:
-      iconv-lite: 0.6.3
-
-  whatwg-mimetype@4.0.0: {}
-
-  which-boxed-primitive@1.1.1:
-    dependencies:
-      is-bigint: 1.1.0
-      is-boolean-object: 1.2.2
-      is-number-object: 1.1.1
-      is-string: 1.1.1
-      is-symbol: 1.1.1
-
-  which-builtin-type@1.2.1:
-    dependencies:
-      call-bound: 1.0.4
-      function.prototype.name: 1.1.8
-      has-tostringtag: 1.0.2
-      is-async-function: 2.1.1
-      is-date-object: 1.1.0
-      is-finalizationregistry: 1.1.1
-      is-generator-function: 1.1.2
-      is-regex: 1.2.1
-      is-weakref: 1.1.1
-      isarray: 2.0.5
-      which-boxed-primitive: 1.1.1
-      which-collection: 1.0.2
-      which-typed-array: 1.1.19
-
-  which-collection@1.0.2:
-    dependencies:
-      is-map: 2.0.3
-      is-set: 2.0.3
-      is-weakmap: 2.0.2
-      is-weakset: 2.0.4
-
-  which-typed-array@1.1.19:
-    dependencies:
-      available-typed-arrays: 1.0.7
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      for-each: 0.3.5
-      get-proto: 1.0.1
-      gopd: 1.2.0
-      has-tostringtag: 1.0.2
-
-  which@1.3.1:
-    dependencies:
-      isexe: 2.0.0
-
-  which@2.0.2:
-    dependencies:
-      isexe: 2.0.0
-
-  word-wrap@1.2.5: {}
-
-  wrap-ansi@6.2.0:
-    dependencies:
-      ansi-styles: 4.3.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-
-  wrap-ansi@7.0.0:
-    dependencies:
-      ansi-styles: 4.3.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-
-  wrappy@1.0.2: {}
-
-  write-file-atomic@5.0.1:
-    dependencies:
-      imurmurhash: 0.1.4
-      signal-exit: 4.1.0
-
-  wsl-utils@0.1.0:
-    dependencies:
-      is-wsl: 3.1.0
-
-  xml-name-validator@4.0.0: {}
-
-  y18n@5.0.8: {}
-
-  yallist@3.1.1: {}
-
-  yallist@4.0.0: {}
-
-  yaml-eslint-parser@1.3.0:
-    dependencies:
-      eslint-visitor-keys: 3.4.3
-      yaml: 2.8.1
-
-  yaml@2.8.1: {}
-
-  yargs-parser@21.1.1: {}
-
-  yargs@17.7.2:
-    dependencies:
-      cliui: 8.0.1
-      escalade: 3.2.0
-      get-caller-file: 2.0.5
-      require-directory: 2.1.1
-      string-width: 4.2.3
-      y18n: 5.0.8
-      yargs-parser: 21.1.1
-
-  yauzl@2.10.0:
-    dependencies:
-      buffer-crc32: 0.2.13
-      fd-slicer: 1.1.0
-
-  yocto-queue@0.1.0: {}
-
-  yoctocolors-cjs@2.1.3: {}
-
-  yoctocolors@2.1.2: {}
-
-  zwitch@2.0.4: {}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/public/.htaccess b/vuexy-theme-vue-laravel-full-example-typescript/public/.htaccess
deleted file mode 100644
index ea3a6dc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/public/.htaccess
+++ /dev/null
@@ -1,25 +0,0 @@
-<IfModule mod_rewrite.c>
-    <IfModule mod_negotiation.c>
-        Options -MultiViews -Indexes
-    </IfModule>
-
-    RewriteEngine On
-
-    # Handle Authorization Header
-    RewriteCond %{HTTP:Authorization} .
-    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
-
-    # Handle X-XSRF-Token Header
-    RewriteCond %{HTTP:x-xsrf-token} .
-    RewriteRule .* - [E=HTTP_X_XSRF_TOKEN:%{HTTP:X-XSRF-Token}]
-
-    # Redirect Trailing Slashes If Not A Folder...
-    RewriteCond %{REQUEST_FILENAME} !-d
-    RewriteCond %{REQUEST_URI} (.+)/$
-    RewriteRule ^ %1 [L,R=301]
-
-    # Send Requests To Front Controller...
-    RewriteCond %{REQUEST_FILENAME} !-d
-    RewriteCond %{REQUEST_FILENAME} !-f
-    RewriteRule ^ index.php [L]
-</IfModule>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/public/favicon.ico b/vuexy-theme-vue-laravel-full-example-typescript/public/favicon.ico
deleted file mode 100644
index e39ac2c..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/public/favicon.ico and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/public/images/avatars/avatar-1.png b/vuexy-theme-vue-laravel-full-example-typescript/public/images/avatars/avatar-1.png
deleted file mode 100644
index 8cd2cd6..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/public/images/avatars/avatar-1.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/public/images/avatars/avatar-2.png b/vuexy-theme-vue-laravel-full-example-typescript/public/images/avatars/avatar-2.png
deleted file mode 100644
index ed47d5a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/public/images/avatars/avatar-2.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/discord.svg b/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/discord.svg
deleted file mode 100644
index 9d4cd96..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/discord.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="59" height="58" viewBox="0 0 59 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.2">
-<path d="M23.2164 41.2571L20.475 46.6946C20.2986 47.0654 19.9986 47.3632 19.6265 47.5368C19.2544 47.7105 18.8334 47.7491 18.4359 47.6462C12.8852 46.2868 8.08203 43.9305 4.59297 40.8946C4.32992 40.6625 4.1389 40.3599 4.04253 40.0226C3.94616 39.6853 3.94848 39.3275 4.04922 38.9915L11.7297 13.3446C11.8044 13.0821 11.9397 12.8409 12.1247 12.6402C12.3096 12.4395 12.539 12.285 12.7945 12.1891C14.9645 11.2989 17.2085 10.6014 19.5008 10.1047C19.9413 10.0083 20.4019 10.0774 20.7947 10.2988C21.1875 10.5203 21.485 10.8787 21.6305 11.3055L23.4203 16.7204C27.3437 16.1766 31.3234 16.1766 35.2469 16.7204L37.0367 11.3055C37.1822 10.8787 37.4797 10.5203 37.8725 10.2988C38.2653 10.0774 38.7259 10.0083 39.1664 10.1047C41.4587 10.6014 43.7027 11.2989 45.8727 12.1891C46.1282 12.285 46.3576 12.4395 46.5425 12.6402C46.7275 12.8409 46.8628 13.0821 46.9375 13.3446L54.618 38.9915C54.7187 39.3275 54.721 39.6853 54.6247 40.0226C54.5283 40.3599 54.3373 40.6625 54.0742 40.8946C50.5852 43.9305 45.782 46.2868 40.2313 47.6462C39.8338 47.7491 39.4128 47.7105 39.0407 47.5368C38.6686 47.3632 38.3686 47.0654 38.1922 46.6946L35.4508 41.2571C33.4242 41.5421 31.3802 41.6859 29.3336 41.6876C27.287 41.6859 25.243 41.5421 23.2164 41.2571Z" fill="#4B465C"/>
-<path d="M23.2164 41.2571L20.475 46.6946C20.2986 47.0654 19.9986 47.3632 19.6265 47.5368C19.2544 47.7105 18.8334 47.7491 18.4359 47.6462C12.8852 46.2868 8.08203 43.9305 4.59297 40.8946C4.32992 40.6625 4.1389 40.3599 4.04253 40.0226C3.94616 39.6853 3.94848 39.3275 4.04922 38.9915L11.7297 13.3446C11.8044 13.0821 11.9397 12.8409 12.1247 12.6402C12.3096 12.4395 12.539 12.285 12.7945 12.1891C14.9645 11.2989 17.2085 10.6014 19.5008 10.1047C19.9413 10.0083 20.4019 10.0774 20.7947 10.2988C21.1875 10.5203 21.485 10.8787 21.6305 11.3055L23.4203 16.7204C27.3437 16.1766 31.3234 16.1766 35.2469 16.7204L37.0367 11.3055C37.1822 10.8787 37.4797 10.5203 37.8725 10.2988C38.2653 10.0774 38.7259 10.0083 39.1664 10.1047C41.4587 10.6014 43.7027 11.2989 45.8727 12.1891C46.1282 12.285 46.3576 12.4395 46.5425 12.6402C46.7275 12.8409 46.8628 13.0821 46.9375 13.3446L54.618 38.9915C54.7187 39.3275 54.721 39.6853 54.6247 40.0226C54.5283 40.3599 54.3373 40.6625 54.0742 40.8946C50.5852 43.9305 45.782 46.2868 40.2313 47.6462C39.8338 47.7491 39.4128 47.7105 39.0407 47.5368C38.6686 47.3632 38.3686 47.0654 38.1922 46.6946L35.4508 41.2571C33.4242 41.5421 31.3802 41.6859 29.3336 41.6876C27.287 41.6859 25.243 41.5421 23.2164 41.2571Z" fill="white" fill-opacity="0.2"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24.8022 32.625C24.8022 34.1265 23.585 35.3438 22.0835 35.3438C20.582 35.3438 19.3647 34.1265 19.3647 32.625C19.3647 31.1235 20.582 29.9062 22.0835 29.9062C23.585 29.9062 24.8022 31.1235 24.8022 32.625ZM39.3022 32.625C39.3022 34.1265 38.085 35.3438 36.5835 35.3438C35.082 35.3438 33.8647 34.1265 33.8647 32.625C33.8647 31.1235 35.082 29.9062 36.5835 29.9062C38.085 29.9062 39.3022 31.1235 39.3022 32.625Z" fill="#4B465C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24.8022 32.625C24.8022 34.1265 23.585 35.3438 22.0835 35.3438C20.582 35.3438 19.3647 34.1265 19.3647 32.625C19.3647 31.1235 20.582 29.9062 22.0835 29.9062C23.585 29.9062 24.8022 31.1235 24.8022 32.625ZM39.3022 32.625C39.3022 34.1265 38.085 35.3438 36.5835 35.3438C35.082 35.3438 33.8647 34.1265 33.8647 32.625C33.8647 31.1235 35.082 29.9062 36.5835 29.9062C38.085 29.9062 39.3022 31.1235 39.3022 32.625Z" fill="white" fill-opacity="0.2"/>
-<path d="M17.1898 18.1251C21.119 16.8936 25.2161 16.2821 29.3336 16.3126C33.4511 16.2821 37.5482 16.8936 41.4773 18.1251M41.4773 39.8751C37.5482 41.1065 33.4511 41.718 29.3336 41.6876C25.2161 41.718 21.119 41.1065 17.1898 39.8751M35.4508 41.2571L38.1922 46.6946C38.3686 47.0654 38.6686 47.3632 39.0407 47.5368C39.4128 47.7105 39.8338 47.7491 40.2313 47.6462C45.782 46.2868 50.5852 43.9305 54.0742 40.8946C54.3373 40.6625 54.5283 40.3599 54.6247 40.0226C54.721 39.6853 54.7187 39.3275 54.618 38.9915L46.9375 13.3446C46.8628 13.0821 46.7275 12.8409 46.5425 12.6402C46.3576 12.4395 46.1282 12.285 45.8727 12.1891C43.7027 11.2989 41.4587 10.6014 39.1664 10.1047C38.7259 10.0083 38.2653 10.0774 37.8725 10.2988C37.4797 10.5203 37.1822 10.8787 37.0367 11.3055L35.2469 16.7204M23.2164 41.2571L20.475 46.6946C20.2986 47.0654 19.9986 47.3632 19.6265 47.5368C19.2544 47.7105 18.8334 47.7491 18.4359 47.6462C12.8852 46.2868 8.08203 43.9305 4.59297 40.8946C4.32992 40.6625 4.1389 40.3599 4.04253 40.0226C3.94616 39.6853 3.94848 39.3275 4.04922 38.9915L11.7297 13.3446C11.8044 13.0821 11.9397 12.8409 12.1247 12.6402C12.3096 12.4395 12.539 12.285 12.7945 12.1891C14.9645 11.2989 17.2085 10.6014 19.5008 10.1047C19.9413 10.0083 20.4019 10.0774 20.7947 10.2988C21.1875 10.5203 21.485 10.8787 21.6305 11.3055L23.4203 16.7204" stroke="#4B465C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17.1898 18.1251C21.119 16.8936 25.2161 16.2821 29.3336 16.3126C33.4511 16.2821 37.5482 16.8936 41.4773 18.1251M41.4773 39.8751C37.5482 41.1065 33.4511 41.718 29.3336 41.6876C25.2161 41.718 21.119 41.1065 17.1898 39.8751M35.4508 41.2571L38.1922 46.6946C38.3686 47.0654 38.6686 47.3632 39.0407 47.5368C39.4128 47.7105 39.8338 47.7491 40.2313 47.6462C45.782 46.2868 50.5852 43.9305 54.0742 40.8946C54.3373 40.6625 54.5283 40.3599 54.6247 40.0226C54.721 39.6853 54.7187 39.3275 54.618 38.9915L46.9375 13.3446C46.8628 13.0821 46.7275 12.8409 46.5425 12.6402C46.3576 12.4395 46.1282 12.285 45.8727 12.1891C43.7027 11.2989 41.4587 10.6014 39.1664 10.1047C38.7259 10.0083 38.2653 10.0774 37.8725 10.2988C37.4797 10.5203 37.1822 10.8787 37.0367 11.3055L35.2469 16.7204M23.2164 41.2571L20.475 46.6946C20.2986 47.0654 19.9986 47.3632 19.6265 47.5368C19.2544 47.7105 18.8334 47.7491 18.4359 47.6462C12.8852 46.2868 8.08203 43.9305 4.59297 40.8946C4.32992 40.6625 4.1389 40.3599 4.04253 40.0226C3.94616 39.6853 3.94848 39.3275 4.04922 38.9915L11.7297 13.3446C11.8044 13.0821 11.9397 12.8409 12.1247 12.6402C12.3096 12.4395 12.539 12.285 12.7945 12.1891C14.9645 11.2989 17.2085 10.6014 19.5008 10.1047C19.9413 10.0083 20.4019 10.0774 20.7947 10.2988C21.1875 10.5203 21.485 10.8787 21.6305 11.3055L23.4203 16.7204" stroke="white" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/gift.svg b/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/gift.svg
deleted file mode 100644
index dfe6546..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/gift.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M32.2689 8.56722C31.7876 9.05354 31.3688 9.84814 31.029 10.8704C30.6946 11.8767 30.4652 13.0152 30.31 14.1032C30.1553 15.1872 30.0776 16.197 30.0386 16.9371C30.0358 16.991 30.0332 17.0434 30.0307 17.0943C30.0816 17.0918 30.134 17.0892 30.1879 17.0864C30.928 17.0475 31.9378 16.9697 33.0218 16.815C34.1098 16.6598 35.2483 16.4304 36.2546 16.096C37.2769 15.7562 38.0715 15.3374 38.5578 14.8561C39.3907 14.0223 39.8587 12.8919 39.8587 11.7133C39.8587 10.5339 39.3901 9.4028 38.5562 8.56883C37.7222 7.73487 36.5911 7.26636 35.4117 7.26636C34.2331 7.26636 33.1027 7.73427 32.2689 8.56722ZM39.2633 15.5649L39.9704 16.272C41.1794 15.0629 41.8587 13.4231 41.8587 11.7133C41.8587 10.0035 41.1794 8.36365 39.9704 7.15462C38.7614 5.94559 37.1216 5.26636 35.4117 5.26636C33.7019 5.26636 32.0621 5.94559 30.853 7.15461L30.8499 7.15774C30.0518 7.96296 29.5111 9.09639 29.1311 10.2396C29.0855 10.3767 29.0418 10.5154 28.9999 10.6551C28.958 10.5154 28.9143 10.3767 28.8688 10.2396C28.4888 9.09639 27.9481 7.96296 27.1499 7.15774L27.1468 7.15462C25.9378 5.94559 24.298 5.26636 22.5882 5.26636C20.8783 5.26636 19.2385 5.94559 18.0295 7.15462C16.8205 8.36366 16.1412 10.0035 16.1412 11.7133C16.1412 13.4231 16.8205 15.0629 18.0295 16.272L18.7366 15.5649L18.0326 16.2751C18.3589 16.5985 18.7391 16.8797 19.152 17.125H9.0625C7.5092 17.125 6.25 18.3842 6.25 19.9375V27.1875C6.25 28.7408 7.5092 30 9.0625 30H9.875V45.3125C9.875 46.0584 10.1713 46.7738 10.6988 47.3012C11.2262 47.8287 11.9416 48.125 12.6875 48.125H29H45.3125C46.0584 48.125 46.7738 47.8287 47.3012 47.3012C47.8287 46.7738 48.125 46.0584 48.125 45.3125V30H48.9375C50.4908 30 51.75 28.7408 51.75 27.1875V19.9375C51.75 18.3842 50.4908 17.125 48.9375 17.125H38.8479C39.2608 16.8797 39.641 16.5985 39.9673 16.2751L39.2633 15.5649ZM9.0625 19.125C8.61377 19.125 8.25 19.4888 8.25 19.9375V27.1875C8.25 27.6362 8.61377 28 9.0625 28H10.875H28V19.125H9.0625ZM30 19.125V28H47.125H48.9375C49.3862 28 49.75 27.6362 49.75 27.1875V19.9375C49.75 19.4888 49.3862 19.125 48.9375 19.125H30ZM28 30H11.875V45.3125C11.875 45.528 11.9606 45.7347 12.113 45.887C12.2653 46.0394 12.472 46.125 12.6875 46.125H28V30ZM30 46.125V30H46.125V45.3125C46.125 45.528 46.0394 45.7347 45.887 45.887C45.7347 46.0394 45.528 46.125 45.3125 46.125H30ZM21.7452 16.096C20.723 15.7562 19.9284 15.3374 19.4421 14.8562C18.6091 14.0223 18.1412 12.8919 18.1412 11.7133C18.1412 10.5339 18.6097 9.4028 19.4437 8.56883C20.2777 7.73487 21.4088 7.26636 22.5882 7.26636C23.7668 7.26636 24.8972 7.73428 25.731 8.56725C26.2123 9.05357 26.6311 9.84816 26.9708 10.8704C27.3053 11.8767 27.5346 13.0152 27.6899 14.1032C27.8445 15.1872 27.9223 16.197 27.9613 16.9371C27.9641 16.991 27.9667 17.0434 27.9691 17.0943C27.9183 17.0918 27.8659 17.0892 27.812 17.0864C27.0719 17.0475 26.0621 16.9697 24.978 16.815C23.89 16.6598 22.7516 16.4304 21.7452 16.096Z" fill="#4B465C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M32.2689 8.56722C31.7876 9.05354 31.3688 9.84814 31.029 10.8704C30.6946 11.8767 30.4652 13.0152 30.31 14.1032C30.1553 15.1872 30.0776 16.197 30.0386 16.9371C30.0358 16.991 30.0332 17.0434 30.0307 17.0943C30.0816 17.0918 30.134 17.0892 30.1879 17.0864C30.928 17.0475 31.9378 16.9697 33.0218 16.815C34.1098 16.6598 35.2483 16.4304 36.2546 16.096C37.2769 15.7562 38.0715 15.3374 38.5578 14.8561C39.3907 14.0223 39.8587 12.8919 39.8587 11.7133C39.8587 10.5339 39.3901 9.4028 38.5562 8.56883C37.7222 7.73487 36.5911 7.26636 35.4117 7.26636C34.2331 7.26636 33.1027 7.73427 32.2689 8.56722ZM39.2633 15.5649L39.9704 16.272C41.1794 15.0629 41.8587 13.4231 41.8587 11.7133C41.8587 10.0035 41.1794 8.36365 39.9704 7.15462C38.7614 5.94559 37.1216 5.26636 35.4117 5.26636C33.7019 5.26636 32.0621 5.94559 30.853 7.15461L30.8499 7.15774C30.0518 7.96296 29.5111 9.09639 29.1311 10.2396C29.0855 10.3767 29.0418 10.5154 28.9999 10.6551C28.958 10.5154 28.9143 10.3767 28.8688 10.2396C28.4888 9.09639 27.9481 7.96296 27.1499 7.15774L27.1468 7.15462C25.9378 5.94559 24.298 5.26636 22.5882 5.26636C20.8783 5.26636 19.2385 5.94559 18.0295 7.15462C16.8205 8.36366 16.1412 10.0035 16.1412 11.7133C16.1412 13.4231 16.8205 15.0629 18.0295 16.272L18.7366 15.5649L18.0326 16.2751C18.3589 16.5985 18.7391 16.8797 19.152 17.125H9.0625C7.5092 17.125 6.25 18.3842 6.25 19.9375V27.1875C6.25 28.7408 7.5092 30 9.0625 30H9.875V45.3125C9.875 46.0584 10.1713 46.7738 10.6988 47.3012C11.2262 47.8287 11.9416 48.125 12.6875 48.125H29H45.3125C46.0584 48.125 46.7738 47.8287 47.3012 47.3012C47.8287 46.7738 48.125 46.0584 48.125 45.3125V30H48.9375C50.4908 30 51.75 28.7408 51.75 27.1875V19.9375C51.75 18.3842 50.4908 17.125 48.9375 17.125H38.8479C39.2608 16.8797 39.641 16.5985 39.9673 16.2751L39.2633 15.5649ZM9.0625 19.125C8.61377 19.125 8.25 19.4888 8.25 19.9375V27.1875C8.25 27.6362 8.61377 28 9.0625 28H10.875H28V19.125H9.0625ZM30 19.125V28H47.125H48.9375C49.3862 28 49.75 27.6362 49.75 27.1875V19.9375C49.75 19.4888 49.3862 19.125 48.9375 19.125H30ZM28 30H11.875V45.3125C11.875 45.528 11.9606 45.7347 12.113 45.887C12.2653 46.0394 12.472 46.125 12.6875 46.125H28V30ZM30 46.125V30H46.125V45.3125C46.125 45.528 46.0394 45.7347 45.887 45.887C45.7347 46.0394 45.528 46.125 45.3125 46.125H30ZM21.7452 16.096C20.723 15.7562 19.9284 15.3374 19.4421 14.8562C18.6091 14.0223 18.1412 12.8919 18.1412 11.7133C18.1412 10.5339 18.6097 9.4028 19.4437 8.56883C20.2777 7.73487 21.4088 7.26636 22.5882 7.26636C23.7668 7.26636 24.8972 7.73428 25.731 8.56725C26.2123 9.05357 26.6311 9.84816 26.9708 10.8704C27.3053 11.8767 27.5346 13.0152 27.6899 14.1032C27.8445 15.1872 27.9223 16.197 27.9613 16.9371C27.9641 16.991 27.9667 17.0434 27.9691 17.0943C27.9183 17.0918 27.8659 17.0892 27.812 17.0864C27.0719 17.0475 26.0621 16.9697 24.978 16.815C23.89 16.6598 22.7516 16.4304 21.7452 16.096Z" fill="white" fill-opacity="0.2"/>
-<g opacity="0.2">
-<path d="M47.125 29V45.3125C47.125 45.7932 46.934 46.2542 46.5941 46.5941C46.2542 46.934 45.7932 47.125 45.3125 47.125H12.6875C12.2068 47.125 11.7458 46.934 11.4059 46.5941C11.066 46.2542 10.875 45.7932 10.875 45.3125V29H47.125Z" fill="#4B465C"/>
-<path d="M47.125 29V45.3125C47.125 45.7932 46.934 46.2542 46.5941 46.5941C46.2542 46.934 45.7932 47.125 45.3125 47.125H12.6875C12.2068 47.125 11.7458 46.934 11.4059 46.5941C11.066 46.2542 10.875 45.7932 10.875 45.3125V29H47.125Z" fill="white" fill-opacity="0.2"/>
-</g>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/keyboard.svg b/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/keyboard.svg
deleted file mode 100644
index 74453fe..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/keyboard.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 59 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.2">
-<path d="M50.9702 12.6875H7.69678C6.6332 12.6875 5.771 13.5497 5.771 14.6133V43.3867C5.771 44.4503 6.6332 45.3125 7.69678 45.3125H50.9702C52.0338 45.3125 52.896 44.4503 52.896 43.3867V14.6133C52.896 13.5497 52.0338 12.6875 50.9702 12.6875Z" fill="#4B465C"/>
-<path d="M50.9702 12.6875H7.69678C6.6332 12.6875 5.771 13.5497 5.771 14.6133V43.3867C5.771 44.4503 6.6332 45.3125 7.69678 45.3125H50.9702C52.0338 45.3125 52.896 44.4503 52.896 43.3867V14.6133C52.896 13.5497 52.0338 12.6875 50.9702 12.6875Z" fill="white" fill-opacity="0.2"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.021 14.6133C7.021 14.2401 7.32355 13.9375 7.69678 13.9375H50.9702C51.3434 13.9375 51.646 14.2401 51.646 14.6133V43.3867C51.646 43.7599 51.3434 44.0625 50.9702 44.0625H7.69678C7.32355 44.0625 7.021 43.7599 7.021 43.3867V14.6133ZM7.69678 11.4375C5.94284 11.4375 4.521 12.8593 4.521 14.6133V43.3867C4.521 45.1407 5.94284 46.5625 7.69678 46.5625H50.9702C52.7242 46.5625 54.146 45.1407 54.146 43.3867V14.6133C54.146 12.8593 52.7242 11.4375 50.9702 11.4375H7.69678ZM13.021 20.75C12.4687 20.75 12.021 21.1977 12.021 21.75C12.021 22.3023 12.4687 22.75 13.021 22.75H45.646C46.1983 22.75 46.646 22.3023 46.646 21.75C46.646 21.1977 46.1983 20.75 45.646 20.75H13.021ZM13.021 28C12.4687 28 12.021 28.4477 12.021 29C12.021 29.5523 12.4687 30 13.021 30H45.646C46.1983 30 46.646 29.5523 46.646 29C46.646 28.4477 46.1983 28 45.646 28H13.021ZM12.021 36.25C12.021 35.6977 12.4687 35.25 13.021 35.25H14.8335C15.3858 35.25 15.8335 35.6977 15.8335 36.25C15.8335 36.8023 15.3858 37.25 14.8335 37.25H13.021C12.4687 37.25 12.021 36.8023 12.021 36.25ZM22.0835 35.25C21.5312 35.25 21.0835 35.6977 21.0835 36.25C21.0835 36.8023 21.5312 37.25 22.0835 37.25H36.5835C37.1358 37.25 37.5835 36.8023 37.5835 36.25C37.5835 35.6977 37.1358 35.25 36.5835 35.25H22.0835ZM42.8335 36.25C42.8335 35.6977 43.2812 35.25 43.8335 35.25H45.646C46.1983 35.25 46.646 35.6977 46.646 36.25C46.646 36.8023 46.1983 37.25 45.646 37.25H43.8335C43.2812 37.25 42.8335 36.8023 42.8335 36.25Z" fill="#4B465C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.021 14.6133C7.021 14.2401 7.32355 13.9375 7.69678 13.9375H50.9702C51.3434 13.9375 51.646 14.2401 51.646 14.6133V43.3867C51.646 43.7599 51.3434 44.0625 50.9702 44.0625H7.69678C7.32355 44.0625 7.021 43.7599 7.021 43.3867V14.6133ZM7.69678 11.4375C5.94284 11.4375 4.521 12.8593 4.521 14.6133V43.3867C4.521 45.1407 5.94284 46.5625 7.69678 46.5625H50.9702C52.7242 46.5625 54.146 45.1407 54.146 43.3867V14.6133C54.146 12.8593 52.7242 11.4375 50.9702 11.4375H7.69678ZM13.021 20.75C12.4687 20.75 12.021 21.1977 12.021 21.75C12.021 22.3023 12.4687 22.75 13.021 22.75H45.646C46.1983 22.75 46.646 22.3023 46.646 21.75C46.646 21.1977 46.1983 20.75 45.646 20.75H13.021ZM13.021 28C12.4687 28 12.021 28.4477 12.021 29C12.021 29.5523 12.4687 30 13.021 30H45.646C46.1983 30 46.646 29.5523 46.646 29C46.646 28.4477 46.1983 28 45.646 28H13.021ZM12.021 36.25C12.021 35.6977 12.4687 35.25 13.021 35.25H14.8335C15.3858 35.25 15.8335 35.6977 15.8335 36.25C15.8335 36.8023 15.3858 37.25 14.8335 37.25H13.021C12.4687 37.25 12.021 36.8023 12.021 36.25ZM22.0835 35.25C21.5312 35.25 21.0835 35.6977 21.0835 36.25C21.0835 36.8023 21.5312 37.25 22.0835 37.25H36.5835C37.1358 37.25 37.5835 36.8023 37.5835 36.25C37.5835 35.6977 37.1358 35.25 36.5835 35.25H22.0835ZM42.8335 36.25C42.8335 35.6977 43.2812 35.25 43.8335 35.25H45.646C46.1983 35.25 46.646 35.6977 46.646 36.25C46.646 36.8023 46.1983 37.25 45.646 37.25H43.8335C43.2812 37.25 42.8335 36.8023 42.8335 36.25Z" fill="white" fill-opacity="0.2"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/laptop.svg b/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/laptop.svg
deleted file mode 100644
index 65e70da..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/laptop.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 59 58" fill="#4B465C" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.2">
-<path d="M9.72925 39.875V16.3125C9.72925 15.3511 10.1112 14.4291 10.791 13.7492C11.4708 13.0694 12.3928 12.6875 13.3542 12.6875H45.9792C46.9407 12.6875 47.8627 13.0694 48.5425 13.7492C49.2223 14.4291 49.6042 15.3511 49.6042 16.3125V39.875H9.72925Z" fill="#4B465C"/>
-<path d="M9.72925 39.875V16.3125C9.72925 15.3511 10.1112 14.4291 10.791 13.7492C11.4708 13.0694 12.3928 12.6875 13.3542 12.6875H45.9792C46.9407 12.6875 47.8627 13.0694 48.5425 13.7492C49.2223 14.4291 49.6042 15.3511 49.6042 16.3125V39.875H9.72925Z" fill="white" fill-opacity="0.2"/>
-</g>
-<path d="M8.72925 39.875C8.72925 40.4273 9.17696 40.875 9.72925 40.875C10.2815 40.875 10.7292 40.4273 10.7292 39.875H8.72925ZM13.3542 12.6875V11.6875V12.6875ZM45.9792 12.6875V11.6875V12.6875ZM48.6042 39.875C48.6042 40.4273 49.052 40.875 49.6042 40.875C50.1565 40.875 50.6042 40.4273 50.6042 39.875H48.6042ZM6.10425 39.875V38.875C5.55196 38.875 5.10425 39.3227 5.10425 39.875H6.10425ZM53.2292 39.875H54.2292C54.2292 39.3227 53.7815 38.875 53.2292 38.875V39.875ZM6.10425 43.5H5.10425H6.10425ZM33.2917 20.9375C33.844 20.9375 34.2917 20.4898 34.2917 19.9375C34.2917 19.3852 33.844 18.9375 33.2917 18.9375V20.9375ZM26.0417 18.9375C25.4895 18.9375 25.0417 19.3852 25.0417 19.9375C25.0417 20.4898 25.4895 20.9375 26.0417 20.9375V18.9375ZM10.7292 39.875V16.3125H8.72925V39.875H10.7292ZM10.7292 16.3125C10.7292 15.6163 11.0058 14.9486 11.4981 14.4563L10.0839 13.0421C9.21652 13.9095 8.72925 15.0859 8.72925 16.3125H10.7292ZM11.4981 14.4563C11.9904 13.9641 12.6581 13.6875 13.3542 13.6875L13.3542 11.6875C12.1276 11.6875 10.9512 12.1748 10.0839 13.0421L11.4981 14.4563ZM13.3542 13.6875H45.9792V11.6875H13.3542V13.6875ZM45.9792 13.6875C46.6754 13.6875 47.3431 13.9641 47.8354 14.4563L49.2496 13.0421C48.3823 12.1748 47.2059 11.6875 45.9792 11.6875V13.6875ZM47.8354 14.4563C48.3277 14.9486 48.6042 15.6163 48.6042 16.3125H50.6042C50.6042 15.0859 50.117 13.9095 49.2496 13.0421L47.8354 14.4563ZM48.6042 16.3125V39.875H50.6042V16.3125H48.6042ZM6.10425 40.875H53.2292V38.875H6.10425V40.875ZM52.2292 39.875V43.5H54.2292V39.875H52.2292ZM52.2292 43.5C52.2292 44.1962 51.9527 44.8639 51.4604 45.3562L52.8746 46.7704C53.742 45.903 54.2292 44.7266 54.2292 43.5H52.2292ZM51.4604 45.3562C50.9681 45.8484 50.3004 46.125 49.6042 46.125V48.125C50.8309 48.125 52.0073 47.6377 52.8746 46.7704L51.4604 45.3562ZM49.6042 46.125H9.72925V48.125H49.6042V46.125ZM9.72925 46.125C9.03305 46.125 8.36538 45.8484 7.87309 45.3562L6.45888 46.7704C7.32623 47.6377 8.50262 48.125 9.72925 48.125V46.125ZM7.87309 45.3562C7.38081 44.8639 7.10425 44.1962 7.10425 43.5H5.10425C5.10425 44.7266 5.59152 45.903 6.45888 46.7704L7.87309 45.3562ZM7.10425 43.5V39.875H5.10425V43.5H7.10425ZM33.2917 18.9375H26.0417V20.9375H33.2917V18.9375Z" fill="#4B465C"/>
-<path d="M8.72925 39.875C8.72925 40.4273 9.17696 40.875 9.72925 40.875C10.2815 40.875 10.7292 40.4273 10.7292 39.875H8.72925ZM13.3542 12.6875V11.6875V12.6875ZM45.9792 12.6875V11.6875V12.6875ZM48.6042 39.875C48.6042 40.4273 49.052 40.875 49.6042 40.875C50.1565 40.875 50.6042 40.4273 50.6042 39.875H48.6042ZM6.10425 39.875V38.875C5.55196 38.875 5.10425 39.3227 5.10425 39.875H6.10425ZM53.2292 39.875H54.2292C54.2292 39.3227 53.7815 38.875 53.2292 38.875V39.875ZM6.10425 43.5H5.10425H6.10425ZM33.2917 20.9375C33.844 20.9375 34.2917 20.4898 34.2917 19.9375C34.2917 19.3852 33.844 18.9375 33.2917 18.9375V20.9375ZM26.0417 18.9375C25.4895 18.9375 25.0417 19.3852 25.0417 19.9375C25.0417 20.4898 25.4895 20.9375 26.0417 20.9375V18.9375ZM10.7292 39.875V16.3125H8.72925V39.875H10.7292ZM10.7292 16.3125C10.7292 15.6163 11.0058 14.9486 11.4981 14.4563L10.0839 13.0421C9.21652 13.9095 8.72925 15.0859 8.72925 16.3125H10.7292ZM11.4981 14.4563C11.9904 13.9641 12.6581 13.6875 13.3542 13.6875L13.3542 11.6875C12.1276 11.6875 10.9512 12.1748 10.0839 13.0421L11.4981 14.4563ZM13.3542 13.6875H45.9792V11.6875H13.3542V13.6875ZM45.9792 13.6875C46.6754 13.6875 47.3431 13.9641 47.8354 14.4563L49.2496 13.0421C48.3823 12.1748 47.2059 11.6875 45.9792 11.6875V13.6875ZM47.8354 14.4563C48.3277 14.9486 48.6042 15.6163 48.6042 16.3125H50.6042C50.6042 15.0859 50.117 13.9095 49.2496 13.0421L47.8354 14.4563ZM48.6042 16.3125V39.875H50.6042V16.3125H48.6042ZM6.10425 40.875H53.2292V38.875H6.10425V40.875ZM52.2292 39.875V43.5H54.2292V39.875H52.2292ZM52.2292 43.5C52.2292 44.1962 51.9527 44.8639 51.4604 45.3562L52.8746 46.7704C53.742 45.903 54.2292 44.7266 54.2292 43.5H52.2292ZM51.4604 45.3562C50.9681 45.8484 50.3004 46.125 49.6042 46.125V48.125C50.8309 48.125 52.0073 47.6377 52.8746 46.7704L51.4604 45.3562ZM49.6042 46.125H9.72925V48.125H49.6042V46.125ZM9.72925 46.125C9.03305 46.125 8.36538 45.8484 7.87309 45.3562L6.45888 46.7704C7.32623 47.6377 8.50262 48.125 9.72925 48.125V46.125ZM7.87309 45.3562C7.38081 44.8639 7.10425 44.1962 7.10425 43.5H5.10425C5.10425 44.7266 5.59152 45.903 6.45888 46.7704L7.87309 45.3562ZM7.10425 43.5V39.875H5.10425V43.5H7.10425ZM33.2917 18.9375H26.0417V20.9375H33.2917V18.9375Z" fill="white" fill-opacity="0.2"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/lightbulb.svg b/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/lightbulb.svg
deleted file mode 100644
index 59a32bc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/lightbulb.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.2">
-<path d="M17.8304 37.8359C15.6726 36.1581 13.925 34.0112 12.7199 31.5579C11.5148 29.1045 10.8839 26.4091 10.8749 23.6757C10.8296 13.8429 18.7367 5.66403 28.5695 5.43747C32.375 5.34725 36.1123 6.45746 39.2514 8.61062C42.3904 10.7638 44.7719 13.8506 46.0581 17.4333C47.3442 21.016 47.4698 24.9127 46.4169 28.5707C45.364 32.2288 43.1861 35.4625 40.1921 37.8132C39.5308 38.3245 38.995 38.9802 38.6259 39.7302C38.2568 40.4802 38.0641 41.3047 38.0625 42.1406V43.5C38.0625 43.9807 37.8715 44.4417 37.5316 44.7816C37.1917 45.1215 36.7307 45.3125 36.25 45.3125H21.7499C21.2692 45.3125 20.8082 45.1215 20.4683 44.7816C20.1284 44.4417 19.9374 43.9807 19.9374 43.5V42.1406C19.9318 41.3109 19.7394 40.4932 19.3747 39.748C19.0099 39.0028 18.4821 38.3493 17.8304 37.8359Z" fill="#4B465C"/>
-<path d="M17.8304 37.8359C15.6726 36.1581 13.925 34.0112 12.7199 31.5579C11.5148 29.1045 10.8839 26.4091 10.8749 23.6757C10.8296 13.8429 18.7367 5.66403 28.5695 5.43747C32.375 5.34725 36.1123 6.45746 39.2514 8.61062C42.3904 10.7638 44.7719 13.8506 46.0581 17.4333C47.3442 21.016 47.4698 24.9127 46.4169 28.5707C45.364 32.2288 43.1861 35.4625 40.1921 37.8132C39.5308 38.3245 38.995 38.9802 38.6259 39.7302C38.2568 40.4802 38.0641 41.3047 38.0625 42.1406V43.5C38.0625 43.9807 37.8715 44.4417 37.5316 44.7816C37.1917 45.1215 36.7307 45.3125 36.25 45.3125H21.7499C21.2692 45.3125 20.8082 45.1215 20.4683 44.7816C20.1284 44.4417 19.9374 43.9807 19.9374 43.5V42.1406C19.9318 41.3109 19.7394 40.4932 19.3747 39.748C19.0099 39.0028 18.4821 38.3493 17.8304 37.8359Z" fill="white" fill-opacity="0.2"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M38.6857 9.43527C35.7198 7.4009 32.1887 6.35195 28.5932 6.43719L28.5925 6.4372C28.3515 6.44275 28.1116 6.45338 27.8731 6.46896L28.5464 4.43773C32.5617 4.34269 36.5049 5.51414 39.817 7.78597C43.1293 10.0579 45.6422 13.3151 46.9993 17.0954C48.3564 20.8758 48.4889 24.9875 47.3779 28.8473C46.2669 32.7072 43.9688 36.1193 40.8097 38.5998L40.8037 38.6045L40.8037 38.6044C40.263 39.0224 39.8249 39.5585 39.5232 40.1717C39.2215 40.7847 39.0639 41.4585 39.0625 42.1416V42.1425V43.5C39.0625 44.2459 38.7661 44.9613 38.2387 45.4887C37.7112 46.0162 36.9959 46.3125 36.25 46.3125H21.75C21.004 46.3125 20.2887 46.0162 19.7612 45.4887C19.2338 44.9613 18.9375 44.2459 18.9375 43.5V42.1441C18.9323 41.4657 18.7748 40.7971 18.4765 40.1877C18.1782 39.5781 17.7466 39.0434 17.2138 38.6231L17.8866 36.5936C18.069 36.7483 18.255 36.8993 18.4442 37.0465L17.8304 37.836L18.4492 37.0504C19.2189 37.6567 19.8421 38.4284 20.2729 39.3084C20.7036 40.1884 20.9307 41.154 20.9374 42.1338L20.9375 42.1406L20.9375 43.5C20.9375 43.7155 21.0231 43.9221 21.1754 44.0745C21.3278 44.2269 21.5345 44.3125 21.75 44.3125H36.25C36.4654 44.3125 36.6721 44.2269 36.8245 44.0745C36.9768 43.9221 37.0625 43.7155 37.0625 43.5V42.1406V42.1387C37.0644 41.1503 37.2923 40.1754 37.7287 39.2886C38.1646 38.4029 38.7969 37.6285 39.5775 37.0244C42.4048 34.8035 44.4614 31.7492 45.4559 28.2941C46.4507 24.8379 46.3321 21.1562 45.1169 17.7712C43.9017 14.3862 41.6516 11.4696 38.6857 9.43527ZM17.8865 36.5936L17.8866 36.5936L27.8731 6.46896L27.8724 6.469L28.5458 4.43775C18.1651 4.67729 9.8275 13.3058 9.87496 23.6797C9.88451 26.5645 10.5504 29.4094 11.8223 31.9987C13.0938 34.5872 14.9375 36.8525 17.2138 38.6231L17.8865 36.5936ZM17.8865 36.5936C16.1041 35.0827 14.6499 33.2189 13.6175 31.117C12.4793 28.7998 11.8834 26.254 11.8749 23.6725L11.8749 23.6711C11.8332 14.6214 18.9246 7.05389 27.8724 6.469L17.8865 36.5936ZM18.9376 52.5625C18.9376 52.0102 19.3853 51.5625 19.9376 51.5625H38.0626C38.6149 51.5625 39.0626 52.0102 39.0626 52.5625C39.0626 53.1148 38.6149 53.5625 38.0626 53.5625H19.9376C19.3853 53.5625 18.9376 53.1148 18.9376 52.5625ZM31.0024 11.8828C30.4579 11.7905 29.9416 12.1571 29.8493 12.7016C29.757 13.2461 30.1236 13.7624 30.6681 13.8547C32.6793 14.1956 34.535 15.1524 35.9792 16.5929C37.4235 18.0334 38.385 19.8867 38.731 21.897C38.8247 22.4413 39.3419 22.8066 39.8862 22.7129C40.4304 22.6192 40.7957 22.102 40.702 21.5577C40.2857 19.1394 39.129 16.9098 37.3916 15.1769C35.6543 13.4439 33.4218 12.293 31.0024 11.8828Z" fill="#4B465C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M38.6857 9.43527C35.7198 7.4009 32.1887 6.35195 28.5932 6.43719L28.5925 6.4372C28.3515 6.44275 28.1116 6.45338 27.8731 6.46896L28.5464 4.43773C32.5617 4.34269 36.5049 5.51414 39.817 7.78597C43.1293 10.0579 45.6422 13.3151 46.9993 17.0954C48.3564 20.8758 48.4889 24.9875 47.3779 28.8473C46.2669 32.7072 43.9688 36.1193 40.8097 38.5998L40.8037 38.6045L40.8037 38.6044C40.263 39.0224 39.8249 39.5585 39.5232 40.1717C39.2215 40.7847 39.0639 41.4585 39.0625 42.1416V42.1425V43.5C39.0625 44.2459 38.7661 44.9613 38.2387 45.4887C37.7112 46.0162 36.9959 46.3125 36.25 46.3125H21.75C21.004 46.3125 20.2887 46.0162 19.7612 45.4887C19.2338 44.9613 18.9375 44.2459 18.9375 43.5V42.1441C18.9323 41.4657 18.7748 40.7971 18.4765 40.1877C18.1782 39.5781 17.7466 39.0434 17.2138 38.6231L17.8866 36.5936C18.069 36.7483 18.255 36.8993 18.4442 37.0465L17.8304 37.836L18.4492 37.0504C19.2189 37.6567 19.8421 38.4284 20.2729 39.3084C20.7036 40.1884 20.9307 41.154 20.9374 42.1338L20.9375 42.1406L20.9375 43.5C20.9375 43.7155 21.0231 43.9221 21.1754 44.0745C21.3278 44.2269 21.5345 44.3125 21.75 44.3125H36.25C36.4654 44.3125 36.6721 44.2269 36.8245 44.0745C36.9768 43.9221 37.0625 43.7155 37.0625 43.5V42.1406V42.1387C37.0644 41.1503 37.2923 40.1754 37.7287 39.2886C38.1646 38.4029 38.7969 37.6285 39.5775 37.0244C42.4048 34.8035 44.4614 31.7492 45.4559 28.2941C46.4507 24.8379 46.3321 21.1562 45.1169 17.7712C43.9017 14.3862 41.6516 11.4696 38.6857 9.43527ZM17.8865 36.5936L17.8866 36.5936L27.8731 6.46896L27.8724 6.469L28.5458 4.43775C18.1651 4.67729 9.8275 13.3058 9.87496 23.6797C9.88451 26.5645 10.5504 29.4094 11.8223 31.9987C13.0938 34.5872 14.9375 36.8525 17.2138 38.6231L17.8865 36.5936ZM17.8865 36.5936C16.1041 35.0827 14.6499 33.2189 13.6175 31.117C12.4793 28.7998 11.8834 26.254 11.8749 23.6725L11.8749 23.6711C11.8332 14.6214 18.9246 7.05389 27.8724 6.469L17.8865 36.5936ZM18.9376 52.5625C18.9376 52.0102 19.3853 51.5625 19.9376 51.5625H38.0626C38.6149 51.5625 39.0626 52.0102 39.0626 52.5625C39.0626 53.1148 38.6149 53.5625 38.0626 53.5625H19.9376C19.3853 53.5625 18.9376 53.1148 18.9376 52.5625ZM31.0024 11.8828C30.4579 11.7905 29.9416 12.1571 29.8493 12.7016C29.757 13.2461 30.1236 13.7624 30.6681 13.8547C32.6793 14.1956 34.535 15.1524 35.9792 16.5929C37.4235 18.0334 38.385 19.8867 38.731 21.897C38.8247 22.4413 39.3419 22.8066 39.8862 22.7129C40.4304 22.6192 40.7957 22.102 40.702 21.5577C40.2857 19.1394 39.129 16.9098 37.3916 15.1769C35.6543 13.4439 33.4218 12.293 31.0024 11.8828Z" fill="white" fill-opacity="0.2"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/rocket.svg b/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/rocket.svg
deleted file mode 100644
index 1a5a4be..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/public/images/svg/rocket.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 59 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.2">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M48.9019 33.6218L41.7878 25.0804C42.0597 30.314 40.7683 36.4086 36.7808 43.364L43.5777 48.8015C43.8194 48.9935 44.1061 49.1205 44.4106 49.1706C44.7151 49.2207 45.0274 49.1922 45.3178 49.0879C45.6083 48.9835 45.8673 48.8067 46.0702 48.5742C46.2732 48.3417 46.4134 48.0612 46.4777 47.7593L49.2644 35.1625C49.3316 34.8954 49.3337 34.6161 49.2706 34.348C49.2076 34.08 49.0811 33.8309 48.9019 33.6218ZM10.2956 33.7578L17.4097 25.239C17.1378 30.4726 18.4292 36.5672 22.4167 43.5L15.6198 48.9375C15.3797 49.1294 15.0947 49.257 14.7916 49.3084C14.4885 49.3598 14.1773 49.3333 13.8873 49.2314C13.5973 49.1294 13.338 48.9554 13.1338 48.7256C12.9295 48.4958 12.7871 48.2179 12.7198 47.9179L9.93313 35.2984C9.86594 35.0313 9.8638 34.7521 9.92688 34.484C9.98995 34.2159 10.1164 33.9669 10.2956 33.7578Z" fill="#4B465C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M48.9019 33.6218L41.7878 25.0804C42.0597 30.314 40.7683 36.4086 36.7808 43.364L43.5777 48.8015C43.8194 48.9935 44.1061 49.1205 44.4106 49.1706C44.7151 49.2207 45.0274 49.1922 45.3178 49.0879C45.6083 48.9835 45.8673 48.8067 46.0702 48.5742C46.2732 48.3417 46.4134 48.0612 46.4777 47.7593L49.2644 35.1625C49.3316 34.8954 49.3337 34.6161 49.2706 34.348C49.2076 34.08 49.0811 33.8309 48.9019 33.6218ZM10.2956 33.7578L17.4097 25.239C17.1378 30.4726 18.4292 36.5672 22.4167 43.5L15.6198 48.9375C15.3797 49.1294 15.0947 49.257 14.7916 49.3084C14.4885 49.3598 14.1773 49.3333 13.8873 49.2314C13.5973 49.1294 13.338 48.9554 13.1338 48.7256C12.9295 48.4958 12.7871 48.2179 12.7198 47.9179L9.93313 35.2984C9.86594 35.0313 9.8638 34.7521 9.92688 34.484C9.98995 34.2159 10.1164 33.9669 10.2956 33.7578Z" fill="white" fill-opacity="0.2"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9017 3.71102C28.3979 3.30011 29.0221 3.07513 29.6666 3.07513C30.3127 3.07513 30.9383 3.30117 31.435 3.71394C33.6315 5.50224 38.386 9.93871 41.0105 16.7606C41.9219 19.1296 42.5713 21.7739 42.7735 24.6785L49.8022 33.113C50.0828 33.4423 50.2809 33.8338 50.38 34.255C50.4785 34.6735 50.4764 35.1093 50.374 35.5267L47.5901 48.1336L47.5894 48.1367C47.485 48.6022 47.264 49.0335 46.9471 49.39C46.6302 49.7465 46.2278 50.0166 45.7778 50.1748C45.3278 50.333 44.8449 50.3742 44.3746 50.2944C43.9043 50.2146 43.4621 50.0165 43.0894 49.7188L43.0889 49.7184L36.566 44.5H22.7675L16.2445 49.7184L16.2441 49.7188C15.8714 50.0165 15.4291 50.2146 14.9588 50.2944C14.4885 50.3742 14.0057 50.333 13.5556 50.1748C13.1056 50.0166 12.7032 49.7465 12.3863 49.39C12.0694 49.0335 11.8484 48.6022 11.7441 48.1367L11.7434 48.1336L8.95943 35.5267C8.85707 35.1093 8.85499 34.6735 8.95346 34.255C9.05262 33.8335 9.25088 33.4419 9.53173 33.1125L16.4274 24.8553C16.6112 21.877 17.2734 19.1695 18.2135 16.7491C20.8639 9.92541 25.6801 5.4896 27.9017 3.71102ZM40.8041 25.2385C40.7893 25.1573 40.7846 25.0748 40.7899 24.993C40.6159 22.2127 40.0004 19.7051 39.1438 17.4787C36.6951 11.1136 32.2331 6.94203 30.1682 5.26158L30.1583 5.25355L30.1584 5.25349C30.0204 5.13826 29.8464 5.07513 29.6666 5.07513C29.4869 5.07513 29.3128 5.13826 29.1748 5.25349L29.1585 5.26684C27.0721 6.93594 22.5504 11.1072 20.0778 17.4732C19.1887 19.7623 18.5587 22.3492 18.4096 25.2244C18.4102 25.2674 18.4081 25.3106 18.4032 25.3535C18.1745 30.253 19.3435 35.9842 22.9982 42.5H36.3292C39.938 35.9325 41.0647 30.1631 40.8041 25.2385ZM48.2696 34.398L42.8122 27.8492C42.6094 32.4348 41.2748 37.5835 38.2005 43.2464L44.3378 48.1563C44.4455 48.2423 44.5733 48.2995 44.7091 48.3226C44.845 48.3456 44.9845 48.3337 45.1145 48.288C45.2445 48.2423 45.3607 48.1643 45.4523 48.0613C45.5436 47.9586 45.6073 47.8344 45.6376 47.7004L45.6378 47.6992L48.4239 35.0828L48.4272 35.0682L48.4305 35.0545C48.4587 34.9425 48.4596 34.8255 48.4332 34.7131C48.4067 34.6007 48.3537 34.4963 48.2786 34.4086L48.2695 34.3981L48.2696 34.398ZM16.4139 27.9916L11.0632 34.3988L11.0549 34.4087L11.0549 34.4086C10.9798 34.4963 10.9267 34.6007 10.9003 34.7131C10.8738 34.8255 10.8747 34.9425 10.9029 35.0545C10.9053 35.0639 10.9075 35.0734 10.9096 35.0828L13.6956 47.6992L13.6959 47.7005C13.7262 47.8345 13.7899 47.9586 13.8812 48.0613C13.9727 48.1643 14.089 48.2423 14.219 48.288C14.349 48.3337 14.4885 48.3456 14.6243 48.3226C14.7602 48.2995 14.888 48.2423 14.9956 48.1563L21.1271 43.2511C18.0233 37.6471 16.6517 32.5443 16.4139 27.9916ZM25.0417 50.75C25.0417 50.1977 25.4895 49.75 26.0417 49.75H33.2917C33.844 49.75 34.2917 50.1977 34.2917 50.75C34.2917 51.3023 33.844 51.75 33.2917 51.75H26.0417C25.4895 51.75 25.0417 51.3023 25.0417 50.75ZM32.3855 21.75C32.3855 23.2515 31.1683 24.4688 29.6667 24.4688C28.1652 24.4688 26.948 23.2515 26.948 21.75C26.948 20.2485 28.1652 19.0313 29.6667 19.0313C31.1683 19.0313 32.3855 20.2485 32.3855 21.75Z" fill="#4B465C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9017 3.71102C28.3979 3.30011 29.0221 3.07513 29.6666 3.07513C30.3127 3.07513 30.9383 3.30117 31.435 3.71394C33.6315 5.50224 38.386 9.93871 41.0105 16.7606C41.9219 19.1296 42.5713 21.7739 42.7735 24.6785L49.8022 33.113C50.0828 33.4423 50.2809 33.8338 50.38 34.255C50.4785 34.6735 50.4764 35.1093 50.374 35.5267L47.5901 48.1336L47.5894 48.1367C47.485 48.6022 47.264 49.0335 46.9471 49.39C46.6302 49.7465 46.2278 50.0166 45.7778 50.1748C45.3278 50.333 44.8449 50.3742 44.3746 50.2944C43.9043 50.2146 43.4621 50.0165 43.0894 49.7188L43.0889 49.7184L36.566 44.5H22.7675L16.2445 49.7184L16.2441 49.7188C15.8714 50.0165 15.4291 50.2146 14.9588 50.2944C14.4885 50.3742 14.0057 50.333 13.5556 50.1748C13.1056 50.0166 12.7032 49.7465 12.3863 49.39C12.0694 49.0335 11.8484 48.6022 11.7441 48.1367L11.7434 48.1336L8.95943 35.5267C8.85707 35.1093 8.85499 34.6735 8.95346 34.255C9.05262 33.8335 9.25088 33.4419 9.53173 33.1125L16.4274 24.8553C16.6112 21.877 17.2734 19.1695 18.2135 16.7491C20.8639 9.92541 25.6801 5.4896 27.9017 3.71102ZM40.8041 25.2385C40.7893 25.1573 40.7846 25.0748 40.7899 24.993C40.6159 22.2127 40.0004 19.7051 39.1438 17.4787C36.6951 11.1136 32.2331 6.94203 30.1682 5.26158L30.1583 5.25355L30.1584 5.25349C30.0204 5.13826 29.8464 5.07513 29.6666 5.07513C29.4869 5.07513 29.3128 5.13826 29.1748 5.25349L29.1585 5.26684C27.0721 6.93594 22.5504 11.1072 20.0778 17.4732C19.1887 19.7623 18.5587 22.3492 18.4096 25.2244C18.4102 25.2674 18.4081 25.3106 18.4032 25.3535C18.1745 30.253 19.3435 35.9842 22.9982 42.5H36.3292C39.938 35.9325 41.0647 30.1631 40.8041 25.2385ZM48.2696 34.398L42.8122 27.8492C42.6094 32.4348 41.2748 37.5835 38.2005 43.2464L44.3378 48.1563C44.4455 48.2423 44.5733 48.2995 44.7091 48.3226C44.845 48.3456 44.9845 48.3337 45.1145 48.288C45.2445 48.2423 45.3607 48.1643 45.4523 48.0613C45.5436 47.9586 45.6073 47.8344 45.6376 47.7004L45.6378 47.6992L48.4239 35.0828L48.4272 35.0682L48.4305 35.0545C48.4587 34.9425 48.4596 34.8255 48.4332 34.7131C48.4067 34.6007 48.3537 34.4963 48.2786 34.4086L48.2695 34.3981L48.2696 34.398ZM16.4139 27.9916L11.0632 34.3988L11.0549 34.4087L11.0549 34.4086C10.9798 34.4963 10.9267 34.6007 10.9003 34.7131C10.8738 34.8255 10.8747 34.9425 10.9029 35.0545C10.9053 35.0639 10.9075 35.0734 10.9096 35.0828L13.6956 47.6992L13.6959 47.7005C13.7262 47.8345 13.7899 47.9586 13.8812 48.0613C13.9727 48.1643 14.089 48.2423 14.219 48.288C14.349 48.3337 14.4885 48.3456 14.6243 48.3226C14.7602 48.2995 14.888 48.2423 14.9956 48.1563L21.1271 43.2511C18.0233 37.6471 16.6517 32.5443 16.4139 27.9916ZM25.0417 50.75C25.0417 50.1977 25.4895 49.75 26.0417 49.75H33.2917C33.844 49.75 34.2917 50.1977 34.2917 50.75C34.2917 51.3023 33.844 51.75 33.2917 51.75H26.0417C25.4895 51.75 25.0417 51.3023 25.0417 50.75ZM32.3855 21.75C32.3855 23.2515 31.1683 24.4688 29.6667 24.4688C28.1652 24.4688 26.948 23.2515 26.948 21.75C26.948 20.2485 28.1652 19.0313 29.6667 19.0313C31.1683 19.0313 32.3855 20.2485 32.3855 21.75Z" fill="white" fill-opacity="0.2"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/public/index.php b/vuexy-theme-vue-laravel-full-example-typescript/public/index.php
deleted file mode 100644
index fce2da7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/public/index.php
+++ /dev/null
@@ -1,20 +0,0 @@
-<?php
-
-use Illuminate\Foundation\Application;
-use Illuminate\Http\Request;
-
-define('LARAVEL_START', microtime(true));
-
-// Determine if the application is in maintenance mode...
-if (file_exists($maintenance = __DIR__.'/../storage/framework/maintenance.php')) {
-    require $maintenance;
-}
-
-// Register the Composer autoloader...
-require __DIR__.'/../vendor/autoload.php';
-
-// Bootstrap Laravel and handle the request...
-/** @var Application $app */
-$app = require_once __DIR__.'/../bootstrap/app.php';
-
-$app->handleRequest(Request::capture());
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/public/loader.css b/vuexy-theme-vue-laravel-full-example-typescript/public/loader.css
deleted file mode 100644
index b38f5af..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/public/loader.css
+++ /dev/null
@@ -1,79 +0,0 @@
-body {
-  margin: 0;
-}
-
-html {
-  overflow-x: hidden;
-  overflow-y: scroll;
-}
-
-#loading-bg {
-  position: absolute;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: var(--initial-loader-bg, #fff);
-  block-size: 100%;
-  gap: 1rem 0;
-  inline-size: 100%;
-}
-
-.loading {
-  position: relative;
-  box-sizing: border-box;
-  border: 3px solid transparent;
-  border-radius: 50%;
-  block-size: 55px;
-  inline-size: 55px;
-}
-
-.loading .effect-1,
-.loading .effect-2,
-.loading .effect-3 {
-  position: absolute;
-  box-sizing: border-box;
-  border: 3px solid transparent;
-  border-radius: 50%;
-  block-size: 100%;
-  border-inline-start: 3px solid var(--initial-loader-color, #eee);
-  inline-size: 100%;
-}
-
-.loading .effect-1 {
-  animation: rotate 1s ease infinite;
-}
-
-.loading .effect-2 {
-  animation: rotate-opacity 1s ease infinite 0.1s;
-}
-
-.loading .effect-3 {
-  animation: rotate-opacity 1s ease infinite 0.2s;
-}
-
-.loading .effects {
-  transition: all 0.3s ease;
-}
-
-@keyframes rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(1turn);
-  }
-}
-
-@keyframes rotate-opacity {
-  0% {
-    opacity: 0.1;
-    transform: rotate(0deg);
-  }
-
-  100% {
-    opacity: 1;
-    transform: rotate(1turn);
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/public/robots.txt b/vuexy-theme-vue-laravel-full-example-typescript/public/robots.txt
deleted file mode 100644
index 27a40db..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/public/robots.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-User-agent: *
-Disallow:
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-1.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-1.png
deleted file mode 100644
index 8cd2cd6..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-1.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-10.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-10.png
deleted file mode 100644
index 4a30283..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-10.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-11.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-11.png
deleted file mode 100644
index 39c1cab..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-11.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-12.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-12.png
deleted file mode 100644
index ff8c329..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-12.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-13.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-13.png
deleted file mode 100644
index a4face9..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-13.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-14.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-14.png
deleted file mode 100644
index 94a8f41..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-14.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-15.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-15.png
deleted file mode 100644
index 1290287..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-15.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-2.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-2.png
deleted file mode 100644
index ed47d5a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-2.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-3.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-3.png
deleted file mode 100644
index e94415f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-3.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-4.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-4.png
deleted file mode 100644
index d803b12..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-4.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-5.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-5.png
deleted file mode 100644
index ad9ea60..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-5.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-6.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-6.png
deleted file mode 100644
index 3b2b3c1..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-6.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-7.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-7.png
deleted file mode 100644
index b2bd2c7..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-7.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-8.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-8.png
deleted file mode 100644
index 1fb676a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-8.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-9.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-9.png
deleted file mode 100644
index 8ebff54..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/avatars/avatar-9.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-1.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-1.jpg
deleted file mode 100644
index 7617f26..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-1.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-10.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-10.jpg
deleted file mode 100644
index f4f8112..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-10.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-11.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-11.jpg
deleted file mode 100644
index b84da12..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-11.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-12.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-12.jpg
deleted file mode 100644
index 36d6e1f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-12.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-13.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-13.jpg
deleted file mode 100644
index 7d44c0c..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-13.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-14.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-14.jpg
deleted file mode 100644
index 56e8136..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-14.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-15.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-15.jpg
deleted file mode 100644
index daf44e1..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-15.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-16.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-16.jpg
deleted file mode 100644
index 1afb90a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-16.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-17.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-17.jpg
deleted file mode 100644
index 5c9c7eb..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-17.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-18.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-18.jpg
deleted file mode 100644
index 1ec60f1..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-18.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-19.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-19.jpg
deleted file mode 100644
index 10ebd8f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-19.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-2.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-2.jpg
deleted file mode 100644
index 0a79e90..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-2.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-20.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-20.jpg
deleted file mode 100644
index 093942a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-20.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-21.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-21.jpg
deleted file mode 100644
index ab002e0..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-21.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-22.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-22.jpg
deleted file mode 100644
index 955928d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-22.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-23.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-23.jpg
deleted file mode 100644
index bd572af..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-23.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-24.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-24.jpg
deleted file mode 100644
index 784a24f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-24.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-25.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-25.jpg
deleted file mode 100644
index c82abab..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-25.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-26.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-26.jpg
deleted file mode 100644
index 1d158d7..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-26.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-27.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-27.jpg
deleted file mode 100644
index b4650a2..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-27.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-28.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-28.jpg
deleted file mode 100644
index 468767b..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-28.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-29.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-29.jpg
deleted file mode 100644
index da531e9..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-29.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-3.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-3.jpg
deleted file mode 100644
index de38280..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-3.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-30.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-30.jpg
deleted file mode 100644
index 2872a9b..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-30.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-31.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-31.jpg
deleted file mode 100644
index f0e1045..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-31.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-32.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-32.jpg
deleted file mode 100644
index bf52d05..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-32.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-33.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-33.jpg
deleted file mode 100644
index fe313bd..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-33.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-34.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-34.jpg
deleted file mode 100644
index d7895a6..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-34.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-35.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-35.jpg
deleted file mode 100644
index bb367a5..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-35.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-36.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-36.jpg
deleted file mode 100644
index 6ac98f8..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-36.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-37.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-37.jpg
deleted file mode 100644
index b16bcd4..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-37.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-38.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-38.jpg
deleted file mode 100644
index 3d31b1f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-38.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-39.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-39.jpg
deleted file mode 100644
index 5ae439e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-39.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-4.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-4.jpg
deleted file mode 100644
index 734391b..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-4.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-40.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-40.jpg
deleted file mode 100644
index 5bf9214..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-40.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-5.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-5.jpg
deleted file mode 100644
index 00c2975..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-5.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-6.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-6.jpg
deleted file mode 100644
index d20167c..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-6.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-7.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-7.jpg
deleted file mode 100644
index 452e12f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-7.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-8.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-8.jpg
deleted file mode 100644
index d033cb5..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-8.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-9.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-9.jpg
deleted file mode 100644
index 40781b1..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner-9.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner.png
deleted file mode 100644
index fe30656..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/banner.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/parallax-4.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/parallax-4.jpg
deleted file mode 100644
index 063f067..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/parallax-4.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/upgrade.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/upgrade.png
deleted file mode 100644
index 2a797d6..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/banner/upgrade.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/cards/logo-mastercard-small.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/cards/logo-mastercard-small.png
deleted file mode 100644
index 6ab9419..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/cards/logo-mastercard-small.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/cards/paypal-primary.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/cards/paypal-primary.png
deleted file mode 100644
index b6ac4e8..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/cards/paypal-primary.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/cards/paypal-rounded.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/cards/paypal-rounded.png
deleted file mode 100644
index fc38051..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/cards/paypal-rounded.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/border-light.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/border-light.svg
deleted file mode 100644
index cdc8e19..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/border-light.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
-  <rect width="104" height="66" rx="4" fill="currentColor" fill-opacity="0.02"/>
-  <rect x="4.90625" y="23.8839" width="17.6604" height="2.78946" rx="1.39473" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="8.83008" y="5.88135" width="9.81132" height="9.70588" rx="2" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="4.90625" y="34.4381" width="17.6604" height="2.78946" rx="1.39473" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="4.90625" y="44.9923" width="17.6604" height="2.78946" rx="1.39473" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="4.90625" y="55.5462" width="17.6604" height="2.78946" rx="1.39473" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="34.6152" y="5.17166" width="63.7547" height="7.8" rx="1.5" stroke="currentColor" stroke-opacity="0.12"/>
-  <rect x="37.0391" y="6.87158" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="80.21" y="6.87158" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="86.0957" y="6.87158" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="91.002" y="6.87158" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="58.9844" y="20.1134" width="39.2264" height="16.6" rx="1.5" stroke="currentColor" stroke-opacity="0.12"/>
-  <rect x="34.6152" y="20.1134" width="18.0455" height="16.6" rx="1.5" stroke="currentColor" stroke-opacity="0.12"/>
-  <rect x="34.6152" y="42.9545" width="63.7547" height="16.6" rx="1.5" stroke="currentColor" stroke-opacity="0.12"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/collapsed-light.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/collapsed-light.svg
deleted file mode 100644
index 45dda74..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/collapsed-light.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
-  <rect width="104" height="66" rx="4" fill="currentColor" fill-opacity="0.02"/>
-  <path d="M0 4C0 1.79086 1.79086 0 4 0H13.7359V66H4C1.79086 66 0 64.2091 0 62V4Z" fill="currentColor" fill-opacity="0.04"/>
-  <rect x="2.94336" y="23.8839" width="7.84906" height="2.78946" rx="1.39473" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="3.43359" y="5.88135" width="6.86793" height="6.79412" rx="2" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="2.94336" y="34.4382" width="7.84906" height="2.78946" rx="1.39473" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="2.94336" y="44.9923" width="7.84906" height="2.78946" rx="1.39473" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="2.94336" y="55.5463" width="7.84906" height="2.78946" rx="1.39473" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="21.4717" y="4.67169" width="75.437" height="8.8" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="25.6172" y="6.87158" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="78.248" y="6.87158" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="84.1348" y="6.87158" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="90.0215" y="6.87158" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="50.4912" y="19.6134" width="46.8212" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="21.4717" y="19.6134" width="22.1679" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="21.4717" y="42.4545" width="75.8413" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/compact-light.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/compact-light.svg
deleted file mode 100644
index fbb12e6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/compact-light.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
-  <rect width="104" height="66" rx="4" fill="currentColor" fill-opacity="0.02"/>
-  <rect x="19.4209" y="4.67169" width="64.7547" height="8.8" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="22.3447" y="6.87164" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="65.5146" y="6.87164" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="71.4014" y="6.87164" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="77.2881" y="6.87164" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="44.3525" y="19.6135" width="40.2264" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="19.4209" y="19.6135" width="19.0455" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="19.4209" y="42.4545" width="65.1591" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/default-light.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/default-light.svg
deleted file mode 100644
index 23539bc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/default-light.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
-  <rect width="104" height="66" rx="4" fill="currentColor" fill-opacity="0.02"/>
-  <path d="M0 4C0 1.79086 1.79086 0 4 0H27.4717V66H4C1.79086 66 0 64.2091 0 62V4Z" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="4.90625" y="23.8839" width="17.6604" height="2.78946" rx="1.39473" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="8.83008" y="5.88135" width="9.81132" height="9.70588" rx="2" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="4.90625" y="34.4381" width="17.6604" height="2.78946" rx="1.39473" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="4.90625" y="44.9923" width="17.6604" height="2.78946" rx="1.39473" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="4.90625" y="55.5462" width="17.6604" height="2.78946" rx="1.39473" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="34.1152" y="4.67166" width="64.7547" height="8.8" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="37.0391" y="6.87158" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="80.21" y="6.87158" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="86.0957" y="6.87158" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="91.9824" y="6.87158" width="3.92453" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="58.4844" y="19.6134" width="40.2264" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="34.1152" y="19.6134" width="19.0455" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="34.1152" y="42.4545" width="64.7547" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/horizontal-light.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/horizontal-light.svg
deleted file mode 100644
index aa4303b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/horizontal-light.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
-  <rect width="104" height="66" rx="4" fill="currentColor" fill-opacity="0.02"/>
-  <rect x="44.0068" y="19.6136" width="46.8212" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="14.9854" y="19.6136" width="22.1679" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="14.9854" y="42.4547" width="75.8413" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="14.9248" y="4.68896" width="74.1506" height="9.00999" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="20.0264" y="6.50403" width="6.00327" height="5.38019" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="33.877" y="7.96356" width="6.6372" height="2.46129" rx="1.23064" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="48.3652" y="7.96356" width="6.6372" height="2.46129" rx="1.23064" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="62.8506" y="7.96356" width="6.6372" height="2.46129" rx="1.23064" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="77.3379" y="7.96356" width="6.6372" height="2.46129" rx="1.23064" fill="currentColor" fill-opacity="0.3"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/ltr-light.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/ltr-light.svg
deleted file mode 100644
index 09f64f1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/ltr-light.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
-  <rect width="104" height="66" rx="4" fill="currentColor" fill-opacity="0.02"/>
-  <rect x="5.20215" y="4.12146" width="24.0976" height="57.5885" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="10.3232" y="16.8697" width="13.8545" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="10.3232" y="25.5618" width="9.87943" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="10.3232" y="34.2538" width="12.3826" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="10.3232" y="42.946" width="6.08818" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="10.3232" y="51.6384" width="8.09094" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="35.5137" y="4.12134" width="62.3885" height="57.5885" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="43.7578" y="14.1833" width="13.8545" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="43.7578" y="22.8753" width="32.8013" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="43.7578" y="31.5674" width="41.2076" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="43.7578" y="40.2593" width="32.8013" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="43.7578" y="48.9517" width="5.77482" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/rtl-light.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/rtl-light.svg
deleted file mode 100644
index 80cc4ef..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/rtl-light.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
-  <rect width="104" height="66" rx="4" fill="currentColor" fill-opacity="0.02"/>
-  <rect x="73.4756" y="4.12134" width="24.0976" height="57.5885" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="78.5986" y="16.8697" width="13.8545" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="82.5713" y="25.5618" width="9.87943" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="80.0693" y="34.2537" width="12.3826" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="86.3633" y="42.9459" width="6.08818" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="84.3613" y="51.6382" width="8.09094" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="5.20215" y="4.12146" width="62.3885" height="57.5885" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="45.709" y="14.1833" width="13.8545" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="26.7617" y="22.8754" width="32.8013" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="18.3555" y="31.5674" width="41.2076" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="26.7617" y="40.2594" width="32.8013" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="53.7881" y="48.9517" width="5.77482" height="2.0921" rx="1.04605" fill="currentColor" fill-opacity="0.3"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/wide-light.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/wide-light.svg
deleted file mode 100644
index acb3627..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/customizer-icons/wide-light.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
-  <rect width="104" height="66" rx="4" fill="currentColor" fill-opacity="0.02"/>
-  <rect x="6.6875" y="4.67169" width="90.6244" height="8.8" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="10.165" y="6.87164" width="4.90566" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="75.2002" y="6.87164" width="4.90566" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="82.0674" y="6.87164" width="4.90566" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="88.9346" y="6.87164" width="4.90566" height="4.4" rx="1" fill="currentColor" fill-opacity="0.3"/>
-  <rect x="41.3652" y="19.6135" width="55.9476" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="6.6875" y="19.6135" width="26.4888" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-  <rect x="6.6875" y="42.4545" width="90.6244" height="17.6" rx="2" fill="currentColor" fill-opacity="0.08"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/1.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/1.png
deleted file mode 100644
index d3f6c71..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/1.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/10.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/10.png
deleted file mode 100644
index dd24a0c..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/10.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/11.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/11.png
deleted file mode 100644
index d13242b..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/11.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/12.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/12.png
deleted file mode 100644
index 2406050..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/12.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/13.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/13.png
deleted file mode 100644
index d66e04a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/13.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/14.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/14.png
deleted file mode 100644
index c5d87aa..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/14.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/15.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/15.png
deleted file mode 100644
index 2271c1b..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/15.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/16.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/16.png
deleted file mode 100644
index 7ec7205..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/16.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/17.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/17.png
deleted file mode 100644
index 22427a5..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/17.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/18.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/18.png
deleted file mode 100644
index e3a5a5f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/18.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/19.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/19.png
deleted file mode 100644
index 292330d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/19.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/2.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/2.png
deleted file mode 100644
index 8c75844..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/2.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/20.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/20.png
deleted file mode 100644
index 4bfa350..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/20.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/21.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/21.png
deleted file mode 100644
index 7b625af..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/21.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/22.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/22.png
deleted file mode 100644
index 95a6b8e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/22.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/23.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/23.png
deleted file mode 100644
index 3a8cf1d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/23.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/24.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/24.png
deleted file mode 100644
index 95d667e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/24.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/25.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/25.png
deleted file mode 100644
index 5cbbdd8..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/25.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/26.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/26.png
deleted file mode 100644
index 15db07d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/26.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/27.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/27.png
deleted file mode 100644
index 705dd65..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/27.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/3.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/3.png
deleted file mode 100644
index b35c978..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/3.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/4.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/4.png
deleted file mode 100644
index 3a79091..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/4.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/5.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/5.png
deleted file mode 100644
index 7e68c6e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/5.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/6.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/6.png
deleted file mode 100644
index ae954cc..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/6.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/7.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/7.png
deleted file mode 100644
index e3db361..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/7.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/8.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/8.png
deleted file mode 100644
index 7e5617b..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/8.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/9.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/9.png
deleted file mode 100644
index e6a2d60..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/9.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/amazon-echo-dot.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/amazon-echo-dot.png
deleted file mode 100644
index 69e2d4d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/amazon-echo-dot.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/apple-watch.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/apple-watch.png
deleted file mode 100644
index ea543d9..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/apple-watch.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/headphone.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/headphone.png
deleted file mode 100644
index ef64cc8..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/headphone.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/iphone.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/iphone.png
deleted file mode 100644
index 7c51068..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/iphone.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/nike.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/nike.png
deleted file mode 100644
index 9d8348f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/nike.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/rocket.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/rocket.png
deleted file mode 100644
index 5267685..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/rocket.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/sony-dualsense.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/sony-dualsense.png
deleted file mode 100644
index b991808..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/eCommerce/sony-dualsense.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-1.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-1.png
deleted file mode 100644
index ad57038..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-1.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-10.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-10.png
deleted file mode 100644
index 0c6faef..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-10.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-11.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-11.png
deleted file mode 100644
index 9af6302..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-11.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-12.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-12.png
deleted file mode 100644
index d089240..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-12.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-13.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-13.png
deleted file mode 100644
index ad5f16c..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-13.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-14.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-14.png
deleted file mode 100644
index 38d241e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-14.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-15.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-15.png
deleted file mode 100644
index 8c39da1..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-15.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-16.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-16.png
deleted file mode 100644
index 02db593..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-16.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-17.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-17.png
deleted file mode 100644
index 08d1cbd..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-17.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-18.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-18.png
deleted file mode 100644
index 77f6a94..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-18.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-19.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-19.png
deleted file mode 100644
index eb5b4bb..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-19.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-2.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-2.png
deleted file mode 100644
index 29767bd..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-2.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-20.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-20.png
deleted file mode 100644
index 09e8c46..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-20.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-21.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-21.png
deleted file mode 100644
index 473ea86..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-21.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-22.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-22.png
deleted file mode 100644
index f5d5731..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-22.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-23.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-23.png
deleted file mode 100644
index 355fff8..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-23.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-24.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-24.png
deleted file mode 100644
index af86b2e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-24.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-25.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-25.png
deleted file mode 100644
index 3baea29..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-25.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-26.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-26.png
deleted file mode 100644
index af9fe2e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-26.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-27.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-27.png
deleted file mode 100644
index c5ac272..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-27.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-28.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-28.png
deleted file mode 100644
index 51ba9ee..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-28.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-29.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-29.png
deleted file mode 100644
index f24ab4e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-29.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-3.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-3.png
deleted file mode 100644
index 6e155d8..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-3.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-30.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-30.png
deleted file mode 100644
index fec340d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-30.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-4.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-4.png
deleted file mode 100644
index 395fe75..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-4.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-5.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-5.png
deleted file mode 100644
index dd6d986..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-5.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-6.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-6.png
deleted file mode 100644
index eae7cdf..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-6.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-7.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-7.png
deleted file mode 100644
index da6b1c7..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-7.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-8.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-8.png
deleted file mode 100644
index 1b68872..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-8.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-9.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-9.png
deleted file mode 100644
index b4d7f72..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/ecommerce-images/product-9.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/cta-bg-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/cta-bg-dark.png
deleted file mode 100644
index 1f06ac4..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/cta-bg-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/cta-bg.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/cta-bg.png
deleted file mode 100644
index 03fb205..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/cta-bg.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/footer-bg-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/footer-bg-dark.png
deleted file mode 100644
index 364b99f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/footer-bg-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/footer-bg-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/footer-bg-light.png
deleted file mode 100644
index 9f7a94c..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/footer-bg-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/hero-bg.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/hero-bg.png
deleted file mode 100644
index 678679e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/backgrounds/hero-bg.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-1-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-1-dark.png
deleted file mode 100644
index 52a4a00..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-1-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-1-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-1-light.png
deleted file mode 100644
index 88f0b7a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-1-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-1.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-1.png
deleted file mode 100644
index 2896bd9..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-1.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-2-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-2-dark.png
deleted file mode 100644
index 12e670c..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-2-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-2-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-2-light.png
deleted file mode 100644
index 77334d5..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-2-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-2.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-2.png
deleted file mode 100644
index ee3daab..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-2.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-3-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-3-dark.png
deleted file mode 100644
index 97efa2f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-3-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-3-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-3-light.png
deleted file mode 100644
index 84758d2..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-3-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-3.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-3.png
deleted file mode 100644
index 425b49d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-3.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-4-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-4-dark.png
deleted file mode 100644
index f8dbdbb..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-4-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-4-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-4-light.png
deleted file mode 100644
index ca0f6d7..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-4-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-4.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-4.png
deleted file mode 100644
index bbc5d75..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-4.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-5-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-5-dark.png
deleted file mode 100644
index 3f37c43..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-5-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-5-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-5-light.png
deleted file mode 100644
index c4c8db0..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-5-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-5.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-5.png
deleted file mode 100644
index 8fe04a4..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-5.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-6.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-6.png
deleted file mode 100644
index 478336a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/branding/logo-6.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/Join-community-arrow.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/Join-community-arrow.png
deleted file mode 100644
index 835ba56..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/Join-community-arrow.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/check-warning.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/check-warning.png
deleted file mode 100644
index f6524dc..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/check-warning.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/check.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/check.png
deleted file mode 100644
index f7ced56..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/check.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/contact-border.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/contact-border.png
deleted file mode 100644
index c1c1379..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/contact-border.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/diamond-info.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/diamond-info.png
deleted file mode 100644
index 57dc118..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/diamond-info.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/keyboard.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/keyboard.png
deleted file mode 100644
index cde9dc4..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/keyboard.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/laptop.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/laptop.png
deleted file mode 100644
index 57e8928..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/laptop.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/paper-airplane.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/paper-airplane.png
deleted file mode 100644
index 6e3cc95..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/paper-airplane.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/paper.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/paper.png
deleted file mode 100644
index 1b27c50..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/paper.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/plane.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/plane.png
deleted file mode 100644
index e2be2f9..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/plane.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/pricing-plans-arrow.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/pricing-plans-arrow.png
deleted file mode 100644
index 3a686d2..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/pricing-plans-arrow.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/rocket.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/rocket.png
deleted file mode 100644
index 44c5206..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/rocket.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/section-title-icon.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/section-title-icon.png
deleted file mode 100644
index d24d5d0..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/section-title-icon.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/shuttle-rocket.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/shuttle-rocket.png
deleted file mode 100644
index 61fb7f1..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/shuttle-rocket.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/user-success.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/user-success.png
deleted file mode 100644
index aff12dc..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/user-success.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/user.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/user.png
deleted file mode 100644
index 1ec8c00..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/icons/user.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/apple-icon.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/apple-icon.png
deleted file mode 100644
index 5fd6e74..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/apple-icon.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/contact-customer-service.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/contact-customer-service.png
deleted file mode 100644
index 45a08f2..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/contact-customer-service.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/cta-dashboard.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/cta-dashboard.png
deleted file mode 100644
index a010b43..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/cta-dashboard.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/faq-boy-with-logos.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/faq-boy-with-logos.png
deleted file mode 100644
index 5d424db..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/faq-boy-with-logos.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/google-play-icon.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/google-play-icon.png
deleted file mode 100644
index a143930..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/google-play-icon.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/hero-dashboard-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/hero-dashboard-dark.png
deleted file mode 100644
index 1e8be5e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/hero-dashboard-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/hero-dashboard-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/hero-dashboard-light.png
deleted file mode 100644
index a024449..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/hero-dashboard-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/hero-elements-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/hero-elements-dark.png
deleted file mode 100644
index 24bb4b3..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/hero-elements-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/hero-elements-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/hero-elements-light.png
deleted file mode 100644
index 1de2a2d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/hero-elements-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/lets-contact.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/lets-contact.png
deleted file mode 100644
index 871ef18..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/lets-contact.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/team-member-1.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/team-member-1.png
deleted file mode 100644
index 33b8f11..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/team-member-1.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/team-member-2.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/team-member-2.png
deleted file mode 100644
index 0430174..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/team-member-2.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/team-member-3.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/team-member-3.png
deleted file mode 100644
index 70731ea..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/team-member-3.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/team-member-4.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/team-member-4.png
deleted file mode 100644
index b664d5b..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/landing-page/team-member-4.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/misc/checkout-image.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/misc/checkout-image.png
deleted file mode 100644
index 00d7d52..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/misc/checkout-image.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/misc/nav-item-col-img.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/misc/nav-item-col-img.png
deleted file mode 100644
index a73335f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/misc/nav-item-col-img.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/misc/product-image.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/misc/product-image.png
deleted file mode 100644
index 56626ba..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/front-pages/misc/product-image.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/asana.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/asana.png
deleted file mode 100644
index f546dae..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/asana.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/behance.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/behance.png
deleted file mode 100644
index 9588936..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/behance.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/bootstrap-logo.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/bootstrap-logo.png
deleted file mode 100644
index ffb6b3e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/bootstrap-logo.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/dribbble.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/dribbble.png
deleted file mode 100644
index f693d51..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/dribbble.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/facebook.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/facebook.png
deleted file mode 100644
index 781f490..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/facebook.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/figma-label.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/figma-label.png
deleted file mode 100644
index feaf826..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/figma-label.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/figma-logo.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/figma-logo.png
deleted file mode 100644
index 9889d18..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/figma-logo.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/github.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/github.png
deleted file mode 100644
index 4f7da3c..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/github.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/google.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/google.png
deleted file mode 100644
index 34df591..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/google.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/html-label.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/html-label.png
deleted file mode 100644
index 1f9c213..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/html-label.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/instagram.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/instagram.png
deleted file mode 100644
index 412e09d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/instagram.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/laravel-logo.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/laravel-logo.png
deleted file mode 100644
index a77dd4d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/laravel-logo.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/linkedin.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/linkedin.png
deleted file mode 100644
index f13f142..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/linkedin.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/mailchimp.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/mailchimp.png
deleted file mode 100644
index 3124c65..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/mailchimp.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/react-label.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/react-label.png
deleted file mode 100644
index 4da5c29..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/react-label.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/react-logo.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/react-logo.png
deleted file mode 100644
index 2488d05..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/react-logo.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/sketch-label.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/sketch-label.png
deleted file mode 100644
index 867b00a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/sketch-label.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/sketch-logo.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/sketch-logo.png
deleted file mode 100644
index 9b24127..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/sketch-logo.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/slack.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/slack.png
deleted file mode 100644
index 59084cb..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/slack.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/social-label.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/social-label.png
deleted file mode 100644
index 0574b74..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/social-label.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/twitter.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/twitter.png
deleted file mode 100644
index e90f6b6..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/twitter.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/vue-label.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/vue-label.png
deleted file mode 100644
index 442b114..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/vue-label.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/vuejs-logo.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/vuejs-logo.png
deleted file mode 100644
index c1cd892..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/vuejs-logo.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/xd-label.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/xd-label.png
deleted file mode 100644
index 92b7564..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/brands/xd-label.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/au.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/au.png
deleted file mode 100644
index f64df6a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/au.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/br.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/br.png
deleted file mode 100644
index cea4bbd..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/br.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/cn.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/cn.png
deleted file mode 100644
index baea601..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/cn.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/fr.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/fr.png
deleted file mode 100644
index caf63e4..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/fr.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/in.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/in.png
deleted file mode 100644
index bdba21f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/in.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/us.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/us.png
deleted file mode 100644
index e5c49a2..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/countries/us.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/file/txt.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/file/txt.png
deleted file mode 100644
index c09e156..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/file/txt.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/file/xls.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/file/xls.png
deleted file mode 100644
index 93f9ed0..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/file/xls.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/ae-icon.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/ae-icon.png
deleted file mode 100644
index 0a62460..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/ae-icon.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/american-express.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/american-express.png
deleted file mode 100644
index d530108..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/american-express.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/ae-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/ae-dark.png
deleted file mode 100644
index eb105a2..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/ae-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/american-express.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/american-express.png
deleted file mode 100644
index d8ddb04..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/american-express.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/dc-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/dc-dark.png
deleted file mode 100644
index 4cd5e32..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/dc-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/dc-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/dc-light.png
deleted file mode 100644
index cf0a68d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/dc-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/jcb-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/jcb-dark.png
deleted file mode 100644
index 5621063..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/jcb-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/jcb-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/jcb-light.png
deleted file mode 100644
index aebb636..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/jcb-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/master-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/master-dark.png
deleted file mode 100644
index 5b0ebca..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/master-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/mastercard.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/mastercard.png
deleted file mode 100644
index c76daff..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/mastercard.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/paypal-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/paypal-dark.png
deleted file mode 100644
index ef5de64..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/paypal-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/paypal-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/paypal-light.png
deleted file mode 100644
index 1370fa6..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/paypal-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/visa-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/visa-dark.png
deleted file mode 100644
index 2f30ce6..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/visa-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/visa-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/visa-light.png
deleted file mode 100644
index 510c563..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/img/visa-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/mastercard-icon.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/mastercard-icon.png
deleted file mode 100644
index e13066f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/mastercard-icon.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/mastercard.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/mastercard.png
deleted file mode 100644
index f51f8ce..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/mastercard.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/visa-icon.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/visa-icon.png
deleted file mode 100644
index 27ec419..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/visa-icon.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/visa.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/visa.png
deleted file mode 100644
index ebe31b1..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/payments/visa.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/event.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/event.png
deleted file mode 100644
index 71d8062..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/event.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/figma.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/figma.png
deleted file mode 100644
index 6546182..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/figma.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/html5.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/html5.png
deleted file mode 100644
index 96f0fc3..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/html5.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/pdf.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/pdf.png
deleted file mode 100644
index 3be2515..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/pdf.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/python.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/python.png
deleted file mode 100644
index 49f650c..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/python.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/react.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/react.png
deleted file mode 100644
index c4a7a07..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/react.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/sketch.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/sketch.png
deleted file mode 100644
index 96b2086..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/sketch.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/social.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/social.png
deleted file mode 100644
index d8c2ca0..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/social.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/support.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/support.png
deleted file mode 100644
index 3024ca4..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/support.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/twitter.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/twitter.png
deleted file mode 100644
index e3a5794..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/twitter.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/vue.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/vue.png
deleted file mode 100644
index a02cdff..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/vue.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/xamarin.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/xamarin.png
deleted file mode 100644
index 3cb0abe..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/xamarin.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/xd.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/xd.png
deleted file mode 100644
index fca9fbf..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/icons/project-icons/xd.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/boy-app-academy.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/boy-app-academy.png
deleted file mode 100644
index 659f809..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/boy-app-academy.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/congo-illustration.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/congo-illustration.png
deleted file mode 100644
index 630e587..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/congo-illustration.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/girl-app-academy.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/girl-app-academy.png
deleted file mode 100644
index 880df41..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/girl-app-academy.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/laptop-girl.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/laptop-girl.png
deleted file mode 100644
index f61caaf..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/laptop-girl.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/register-multi-step-illustration-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/register-multi-step-illustration-dark.png
deleted file mode 100644
index c8c9cc2..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/register-multi-step-illustration-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/register-multi-step-illustration-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/register-multi-step-illustration-light.png
deleted file mode 100644
index 5c90813..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/register-multi-step-illustration-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/sidebar-pic-1.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/sidebar-pic-1.png
deleted file mode 100644
index 4097e3e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/sidebar-pic-1.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/sidebar-pic-2.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/sidebar-pic-2.png
deleted file mode 100644
index 6a9cafe..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/sidebar-pic-2.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/sidebar-pic-3.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/sidebar-pic-3.png
deleted file mode 100644
index a9332fe..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/sidebar-pic-3.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/sitting-girl-with-laptop.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/sitting-girl-with-laptop.png
deleted file mode 100644
index 7f3a04a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/sitting-girl-with-laptop.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/standingGirlImg.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/standingGirlImg.png
deleted file mode 100644
index 2da2e05..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/illustrations/standingGirlImg.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logo.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logo.svg
deleted file mode 100644
index 255e784..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logo.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="35" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.00183571 0.3125V7.59485C0.00183571 7.59485 -0.141502 9.88783 2.10473 11.8288L14.5469 23.6837L21.0172 23.6005L19.9794 10.8126L17.5261 7.93369L9.81536 0.3125H0.00183571Z" fill="currentColor"/>
-<path opacity="0.06" fill-rule="evenodd" clip-rule="evenodd" d="M8.17969 17.7762L13.3027 3.75173L17.589 8.02192L8.17969 17.7762Z" fill="#161616"/>
-<path opacity="0.06" fill-rule="evenodd" clip-rule="evenodd" d="M8.58203 17.2248L14.8129 5.24231L17.6211 8.05247L8.58203 17.2248Z" fill="#161616"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.25781 17.6914L25.1339 0.3125H33.9991V7.62657C33.9991 7.62657 33.8144 10.0645 32.5743 11.3686L21.0179 23.6875H14.5487L8.25781 17.6914Z" fill="currentColor"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/aviato.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/aviato.png
deleted file mode 100644
index b854e39..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/aviato.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/bitbank.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/bitbank.png
deleted file mode 100644
index fe93c51..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/bitbank.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/brave.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/brave.png
deleted file mode 100644
index 670540a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/brave.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/chrome.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/chrome.png
deleted file mode 100644
index 69acd54..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/chrome.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/firefox.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/firefox.png
deleted file mode 100644
index 8b2f546..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/firefox.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/gumroad.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/gumroad.png
deleted file mode 100644
index 2ec9513..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/gumroad.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/internet-explorer.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/internet-explorer.png
deleted file mode 100644
index a786830..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/internet-explorer.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/opera-mini.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/opera-mini.png
deleted file mode 100644
index ed99208..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/opera-mini.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/safari.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/safari.png
deleted file mode 100644
index 9680fe3..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/safari.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/zipcar.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/zipcar.png
deleted file mode 100644
index caf86ac..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/logos/zipcar.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/misc/3d-safe-box-with-golden-dollar-coins.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/misc/3d-safe-box-with-golden-dollar-coins.png
deleted file mode 100644
index c53323c..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/misc/3d-safe-box-with-golden-dollar-coins.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/misc/3d-space-rocket-with-smoke.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/misc/3d-space-rocket-with-smoke.png
deleted file mode 100644
index d861713..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/misc/3d-space-rocket-with-smoke.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/misc/dollar-coins-flying-pink-piggy-bank.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/misc/dollar-coins-flying-pink-piggy-bank.png
deleted file mode 100644
index 8610847..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/misc/dollar-coins-flying-pink-piggy-bank.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/misc/fleet-car.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/misc/fleet-car.png
deleted file mode 100644
index d29971e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/misc/fleet-car.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/1.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/1.png
deleted file mode 100644
index eadfbaa..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/1.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/2.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/2.png
deleted file mode 100644
index 4e47f17..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/2.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/3.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/3.png
deleted file mode 100644
index 6656908..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/3.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/401.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/401.png
deleted file mode 100644
index 7f5d708..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/401.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/404.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/404.png
deleted file mode 100644
index 1ef577b..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/404.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/5.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/5.jpg
deleted file mode 100644
index 3d31b1f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/5.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/6.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/6.jpg
deleted file mode 100644
index 36d6e1f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/6.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/DealTypeBackground-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/DealTypeBackground-dark.png
deleted file mode 100644
index 767f44d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/DealTypeBackground-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/DealTypeBackground-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/DealTypeBackground-light.png
deleted file mode 100644
index 42ce4ce..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/DealTypeBackground-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/TimelineRectangle1.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/TimelineRectangle1.png
deleted file mode 100644
index 5f7dcc3..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/TimelineRectangle1.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/TimelineRectangle2.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/TimelineRectangle2.png
deleted file mode 100644
index 8a0da98..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/TimelineRectangle2.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/TimelineRectangle3.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/TimelineRectangle3.png
deleted file mode 100644
index 6059d5d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/TimelineRectangle3.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/TimelineRectangle4.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/TimelineRectangle4.png
deleted file mode 100644
index 588ed39..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/TimelineRectangle4.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/academy-course-illustration1.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/academy-course-illustration1.png
deleted file mode 100644
index e1904f9..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/academy-course-illustration1.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/academy-course-illustration2-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/academy-course-illustration2-dark.png
deleted file mode 100644
index a8dab20..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/academy-course-illustration2-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/academy-course-illustration2-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/academy-course-illustration2-light.png
deleted file mode 100644
index 16661a6..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/academy-course-illustration2-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-1.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-1.png
deleted file mode 100644
index cee6693..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-1.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-2.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-2.png
deleted file mode 100644
index 5b0dd4f..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-2.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-3.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-3.png
deleted file mode 100644
index c74d23b..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-3.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-4.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-4.png
deleted file mode 100644
index ebe348a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-4.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-5.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-5.png
deleted file mode 100644
index 8130626..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-5.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-6.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-6.png
deleted file mode 100644
index bfb6286..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-academy-tutor-6.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-search-header-bg.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-search-header-bg.png
deleted file mode 100644
index 8df950d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/app-search-header-bg.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-forgot-password-illustration-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-forgot-password-illustration-dark.png
deleted file mode 100644
index 270499a..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-forgot-password-illustration-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-forgot-password-illustration-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-forgot-password-illustration-light.png
deleted file mode 100644
index 8781429..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-forgot-password-illustration-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-login-illustration-bordered-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-login-illustration-bordered-dark.png
deleted file mode 100644
index 5196bc6..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-login-illustration-bordered-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-login-illustration-bordered-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-login-illustration-bordered-light.png
deleted file mode 100644
index 4cd1c96..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-login-illustration-bordered-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-login-illustration-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-login-illustration-dark.png
deleted file mode 100644
index 067b0f9..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-login-illustration-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-login-illustration-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-login-illustration-light.png
deleted file mode 100644
index 0c17ed5..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-login-illustration-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-register-illustration-bordered-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-register-illustration-bordered-dark.png
deleted file mode 100644
index 4c41d55..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-register-illustration-bordered-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-register-illustration-bordered-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-register-illustration-bordered-light.png
deleted file mode 100644
index 5d1bcf3..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-register-illustration-bordered-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-register-illustration-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-register-illustration-dark.png
deleted file mode 100644
index 347cf01..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-register-illustration-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-register-illustration-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-register-illustration-light.png
deleted file mode 100644
index 23597de..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-register-illustration-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-reset-password-illustration-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-reset-password-illustration-dark.png
deleted file mode 100644
index 20e5092..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-reset-password-illustration-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-reset-password-illustration-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-reset-password-illustration-light.png
deleted file mode 100644
index 025e727..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-reset-password-illustration-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-two-step-illustration-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-two-step-illustration-dark.png
deleted file mode 100644
index af602ed..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-two-step-illustration-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-two-step-illustration-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-two-step-illustration-light.png
deleted file mode 100644
index 1cf7a37..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-two-step-illustration-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-verify-email-illustration-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-verify-email-illustration-dark.png
deleted file mode 100644
index 616ee5e..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-verify-email-illustration-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-verify-email-illustration-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-verify-email-illustration-light.png
deleted file mode 100644
index 33039f6..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/auth-v2-verify-email-illustration-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/background-1.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/background-1.jpg
deleted file mode 100644
index 5d71227..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/background-1.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/background-2.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/background-2.jpg
deleted file mode 100644
index e41d3a5..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/background-2.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/background-3.jpg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/background-3.jpg
deleted file mode 100644
index e1b46a1..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/background-3.jpg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/boy-illustration.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/boy-illustration.png
deleted file mode 100644
index bd3192d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/boy-illustration.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-checkbox-img-1.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-checkbox-img-1.png
deleted file mode 100644
index 0a329a4..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-checkbox-img-1.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-checkbox-img-2.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-checkbox-img-2.png
deleted file mode 100644
index 26e31e9..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-checkbox-img-2.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-checkbox-img-3.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-checkbox-img-3.png
deleted file mode 100644
index b6386a6..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-checkbox-img-3.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-radio-img-1.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-radio-img-1.png
deleted file mode 100644
index 46ead5d..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-radio-img-1.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-radio-img-2.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-radio-img-2.png
deleted file mode 100644
index 1b01a72..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-radio-img-2.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-radio-img-3.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-radio-img-3.png
deleted file mode 100644
index f37ba97..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/custom-radio-img-3.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/empty-cart.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/empty-cart.png
deleted file mode 100644
index e507004..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/empty-cart.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/forgot-password-illustration.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/forgot-password-illustration.png
deleted file mode 100644
index 1763660..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/forgot-password-illustration.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/girl-using-mobile.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/girl-using-mobile.png
deleted file mode 100644
index 21f6d97..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/girl-using-mobile.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/google-home.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/google-home.png
deleted file mode 100644
index 0a05309..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/google-home.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/guitar-course-poster.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/guitar-course-poster.png
deleted file mode 100644
index 6346d48..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/guitar-course-poster.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/instructor-poster.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/instructor-poster.png
deleted file mode 100644
index b4b9fac..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/instructor-poster.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/iphone-11.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/iphone-11.png
deleted file mode 100644
index 22cec51..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/iphone-11.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/misc-coming-soon.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/misc-coming-soon.png
deleted file mode 100644
index 3bec417..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/misc-coming-soon.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/misc-mask-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/misc-mask-dark.png
deleted file mode 100644
index c906915..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/misc-mask-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/misc-mask-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/misc-mask-light.png
deleted file mode 100644
index 15109e9..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/misc-mask-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/misc-under-maintenance.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/misc-under-maintenance.png
deleted file mode 100644
index 8262763..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/misc-under-maintenance.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/puma-shoes.jpeg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/puma-shoes.jpeg
deleted file mode 100644
index 65ded35..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/puma-shoes.jpeg and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/register-multi-step-bg-dark.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/register-multi-step-bg-dark.png
deleted file mode 100644
index e2663cc..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/register-multi-step-bg-dark.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/register-multi-step-bg-light.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/register-multi-step-bg-light.png
deleted file mode 100644
index dca5233..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/register-multi-step-bg-light.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/singing-course-poster.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/singing-course-poster.png
deleted file mode 100644
index 81cd710..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/singing-course-poster.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/themeselection-qr.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/themeselection-qr.png
deleted file mode 100644
index 933f370..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/themeselection-qr.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/tree-pot.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/tree-pot.png
deleted file mode 100644
index 4c375e9..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/tree-pot.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/user-profile-header-bg.png b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/user-profile-header-bg.png
deleted file mode 100644
index 69ec636..0000000
Binary files a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/pages/user-profile-header-bg.png and /dev/null differ
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Card.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Card.svg
deleted file mode 100644
index 214d8e7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Card.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.2">
-<path d="M4 15.1406H36.5V30C36.5 30.3315 36.3683 30.6495 36.1339 30.8839C35.8995 31.1183 35.5815 31.25 35.25 31.25H5.25C4.91848 31.25 4.60054 31.1183 4.36612 30.8839C4.1317 30.6495 4 30.3315 4 30V15.1406Z" fill="currentColor"/>
-<path d="M4 15.1406H36.5V30C36.5 30.3315 36.3683 30.6495 36.1339 30.8839C35.8995 31.1183 35.5815 31.25 35.25 31.25H5.25C4.91848 31.25 4.60054 31.1183 4.36612 30.8839C4.1317 30.6495 4 30.3315 4 30V15.1406Z" fill="white" fill-opacity="0.2"/>
-</g>
-<path d="M26.5 26.25H31.5M19 26.25H21.5M4 15.1406H36.5M5.25 8.75H35.25C35.9404 8.75 36.5 9.30964 36.5 10V30C36.5 30.6904 35.9404 31.25 35.25 31.25H5.25C4.55964 31.25 4 30.6904 4 30V10C4 9.30964 4.55964 8.75 5.25 8.75Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M26.5 26.25H31.5M19 26.25H21.5M4 15.1406H36.5M5.25 8.75H35.25C35.9404 8.75 36.5 9.30964 36.5 10V30C36.5 30.6904 35.9404 31.25 35.25 31.25H5.25C4.55964 31.25 4 30.6904 4 30V10C4 9.30964 4.55964 8.75 5.25 8.75Z" stroke="white" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Check.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Check.svg
deleted file mode 100644
index 85f14d0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Check.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 65" fill="none">
-  <path opacity="0.2" d="M13.625 51.0693C11.325 48.7693 12.85 43.9443 11.675 41.1193C10.5 38.2943 6 35.8193 6 32.6943C6 29.5693 10.45 27.1943 11.675 24.2693C12.9 21.3443 11.325 16.6193 13.625 14.3193C15.925 12.0193 20.75 13.5443 23.575 12.3693C26.4 11.1943 28.875 6.69434 32 6.69434C35.125 6.69434 37.5 11.1443 40.425 12.3693C43.35 13.5943 48.075 12.0193 50.375 14.3193C52.675 16.6193 51.15 21.4443 52.325 24.2693C53.5 27.0943 58 29.5693 58 32.6943C58 35.8193 53.55 38.1943 52.325 41.1193C51.1 44.0443 52.675 48.7693 50.375 51.0693C48.075 53.3693 43.25 51.8443 40.425 53.0193C37.6 54.1943 35.125 58.6943 32 58.6943C28.875 58.6943 26.5 54.2443 23.575 53.0193C20.65 51.7943 15.925 53.3693 13.625 51.0693Z" fill="currentColor"/>
-  <path d="M43 26.6943L28.325 40.6943L21 33.6943M13.625 51.0693C11.325 48.7693 12.85 43.9443 11.675 41.1193C10.5 38.2943 6 35.8193 6 32.6943C6 29.5693 10.45 27.1943 11.675 24.2693C12.9 21.3443 11.325 16.6193 13.625 14.3193C15.925 12.0193 20.75 13.5443 23.575 12.3693C26.4 11.1943 28.875 6.69434 32 6.69434C35.125 6.69434 37.5 11.1443 40.425 12.3693C43.35 13.5943 48.075 12.0193 50.375 14.3193C52.675 16.6193 51.15 21.4443 52.325 24.2693C53.5 27.0943 58 29.5693 58 32.6943C58 35.8193 53.55 38.1943 52.325 41.1193C51.1 44.0443 52.675 48.7693 50.375 51.0693C48.075 53.3693 43.25 51.8443 40.425 53.0193C37.6 54.1943 35.125 58.6943 32 58.6943C28.875 58.6943 26.5 54.2443 23.575 53.0193C20.65 51.7943 15.925 53.3693 13.625 51.0693Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Diamond.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Diamond.svg
deleted file mode 100644
index 42cc73b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Diamond.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_8329_34566)">
-<path opacity="0.2" d="M20.1248 4.375H13.9998L8.62952 11.375L13.9998 24.5L26.2498 11.375L20.1248 4.375Z" fill="currentColor" fill-opacity="0.9"/>
-<path d="M7.87488 4.375H20.1249L26.2499 11.375L13.9999 24.5L1.74988 11.375L7.87488 4.375Z" stroke="currentColor" stroke-opacity="0.9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7933 3.76631C14.604 3.51962 14.3108 3.375 13.9999 3.375C13.689 3.375 13.3957 3.51962 13.2065 3.76631L8.13636 10.375H1.74988C1.19759 10.375 0.749878 10.8227 0.749878 11.375C0.749878 11.9273 1.19759 12.375 1.74988 12.375H7.95826L13.0744 24.8787C13.2281 25.2545 13.5938 25.5 13.9999 25.5C14.4059 25.5 14.7716 25.2545 14.9254 24.8787L20.0415 12.375H26.2499C26.8022 12.375 27.2499 11.9273 27.2499 11.375C27.2499 10.8227 26.8022 10.375 26.2499 10.375H19.8634L14.7933 3.76631ZM17.3426 10.375L13.9999 6.01787L10.6571 10.375H17.3426ZM10.1192 12.375L13.9999 21.8593L17.8806 12.375H10.1192Z" fill="currentColor" fill-opacity="0.9"/>
-</g>
-<defs>
-<clipPath id="clip0_8329_34566">
-<rect width="28" height="28" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Suitcase.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Suitcase.svg
deleted file mode 100644
index 2fd8d6b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Suitcase.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M9.95825 23.625V7.875H4.70825C4.47619 7.875 4.25363 7.96719 4.08953 8.13128C3.92544 8.29538 3.83325 8.51794 3.83325 8.75V22.75C3.83325 22.9821 3.92544 23.2046 4.08953 23.3687C4.25363 23.5328 4.47619 23.625 4.70825 23.625H9.95825ZM18.7083 23.625V7.875H23.9583C24.1903 7.875 24.4129 7.96719 24.577 8.13128C24.7411 8.29538 24.8333 8.51794 24.8333 8.75V22.75C24.8333 22.9821 24.7411 23.2046 24.577 23.3687C24.4129 23.5328 24.1903 23.625 23.9583 23.625H18.7083Z" fill="currentColor" fill-opacity="0.9"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7083 3.375C10.9789 3.375 10.2794 3.66473 9.76371 4.18046C9.24798 4.69618 8.95825 5.39565 8.95825 6.125V6.875H4.70825C3.67272 6.875 2.83325 7.71447 2.83325 8.75V22.75C2.83325 23.7855 3.67272 24.625 4.70825 24.625H9.95825H18.7083H23.9583C24.9938 24.625 25.8333 23.7855 25.8333 22.75V8.75C25.8333 7.71447 24.9938 6.875 23.9583 6.875H19.7083V6.125C19.7083 5.39565 19.4185 4.69618 18.9028 4.18046C18.3871 3.66473 17.6876 3.375 16.9583 3.375H11.7083ZM17.7083 6.875V6.125C17.7083 5.92609 17.6292 5.73532 17.4886 5.59467C17.3479 5.45402 17.1572 5.375 16.9583 5.375H11.7083C11.5093 5.375 11.3186 5.45402 11.1779 5.59467C11.0373 5.73532 10.9583 5.92609 10.9583 6.125V6.875H17.7083ZM10.9583 8.875H17.7083V22.625H10.9583V8.875ZM8.95825 8.875H4.83325V22.625H8.95825V8.875ZM19.7083 22.625V8.875H23.8333V22.625H19.7083Z" fill="currentColor" fill-opacity="0.9"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Wallet.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Wallet.svg
deleted file mode 100644
index e8d986b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/Wallet.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.2">
-<path d="M6.5 30C6.5 30.663 6.76339 31.2989 7.23223 31.7678C7.70107 32.2366 8.33696 32.5 9 32.5H34C34.3315 32.5 34.6495 32.3683 34.8839 32.1339C35.1183 31.8995 35.25 31.5815 35.25 31.25V13.75C35.25 13.4185 35.1183 13.1005 34.8839 12.8661C34.6495 12.6317 34.3315 12.5 34 12.5H9C8.33696 12.5 7.70107 12.2366 7.23223 11.7678C6.76339 11.2989 6.5 10.663 6.5 10V30Z" fill="currentColor"/>
-<path d="M6.5 30C6.5 30.663 6.76339 31.2989 7.23223 31.7678C7.70107 32.2366 8.33696 32.5 9 32.5H34C34.3315 32.5 34.6495 32.3683 34.8839 32.1339C35.1183 31.8995 35.25 31.5815 35.25 31.25V13.75C35.25 13.4185 35.1183 13.1005 34.8839 12.8661C34.6495 12.6317 34.3315 12.5 34 12.5H9C8.33696 12.5 7.70107 12.2366 7.23223 11.7678C6.76339 11.2989 6.5 10.663 6.5 10V30Z" fill="white" fill-opacity="0.2"/>
-</g>
-<path d="M6.5 10V30C6.5 30.663 6.76339 31.2989 7.23223 31.7678C7.70107 32.2366 8.33696 32.5 9 32.5H34C34.3315 32.5 34.6495 32.3683 34.8839 32.1339C35.1183 31.8995 35.25 31.5815 35.25 31.25V13.75C35.25 13.4185 35.1183 13.1005 34.8839 12.8661C34.6495 12.6317 34.3315 12.5 34 12.5H9C8.33696 12.5 7.70107 12.2366 7.23223 11.7678C6.76339 11.2989 6.5 10.663 6.5 10ZM6.5 10C6.5 9.33696 6.76339 8.70107 7.23223 8.23223C7.70107 7.76339 8.33696 7.5 9 7.5H30.25" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.5 10V30C6.5 30.663 6.76339 31.2989 7.23223 31.7678C7.70107 32.2366 8.33696 32.5 9 32.5H34C34.3315 32.5 34.6495 32.3683 34.8839 32.1339C35.1183 31.8995 35.25 31.5815 35.25 31.25V13.75C35.25 13.4185 35.1183 13.1005 34.8839 12.8661C34.6495 12.6317 34.3315 12.5 34 12.5H9C8.33696 12.5 7.70107 12.2366 7.23223 11.7678C6.76339 11.2989 6.5 10.663 6.5 10ZM6.5 10C6.5 9.33696 6.76339 8.70107 7.23223 8.23223C7.70107 7.76339 8.33696 7.5 9 7.5H30.25" stroke="white" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M28.375 24.375C29.4105 24.375 30.25 23.5355 30.25 22.5C30.25 21.4645 29.4105 20.625 28.375 20.625C27.3395 20.625 26.5 21.4645 26.5 22.5C26.5 23.5355 27.3395 24.375 28.375 24.375Z" fill="#4B465C"/>
-<path d="M28.375 24.375C29.4105 24.375 30.25 23.5355 30.25 22.5C30.25 21.4645 29.4105 20.625 28.375 20.625C27.3395 20.625 26.5 21.4645 26.5 22.5C26.5 23.5355 27.3395 24.375 28.375 24.375Z" fill="white" fill-opacity="0.2"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/address.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/address.svg
deleted file mode 100644
index eaee739..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/address.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_7904_84890)">
-<path d="M60 8V0H0V8H2V48H1C0.448 48 0 48.447 0 49C0 49.553 0.448 50 1 50H2H29V52C29 52.047 29.021 52.088 29.027 52.134C27.293 52.571 26 54.131 26 56C26 58.206 27.794 60 30 60C32.206 60 34 58.206 34 56C34 54.131 32.707 52.571 30.973 52.134C30.979 52.088 31 52.047 31 52V50H58H59C59.552 50 60 49.553 60 49C60 48.447 59.552 48 59 48H58V8H60ZM32 56C32 57.103 31.103 58 30 58C28.897 58 28 57.103 28 56C28 54.897 28.897 54 30 54C31.103 54 32 54.897 32 56ZM2 2H58V6H2V2ZM56 48H4V8H56V48Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M50 41H35C34.448 41 34 41.447 34 42C34 42.553 34.448 43 35 43H50C50.552 43 51 42.553 51 42C51 41.447 50.552 41 50 41Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M10 36H20C20.552 36 21 35.553 21 35C21 34.447 20.552 34 20 34H10C9.448 34 9 34.447 9 35C9 35.553 9.448 36 10 36Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M30 36H45C45.552 36 46 35.553 46 35C46 34.447 45.552 34 45 34H30C29.448 34 29 34.447 29 35C29 35.553 29.448 36 30 36Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M24.29 34.29C24.11 34.479 24 34.729 24 35C24 35.26 24.11 35.52 24.29 35.71C24.48 35.89 24.74 36 25 36C25.26 36 25.52 35.89 25.71 35.71C25.89 35.52 26 35.26 26 35C26 34.74 25.89 34.479 25.71 34.29C25.34 33.92 24.66 33.92 24.29 34.29Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M30 41H15C14.448 41 14 41.447 14 42C14 42.553 14.448 43 15 43H30C30.552 43 31 42.553 31 42C31 41.447 30.552 41 30 41Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M10 43C10.26 43 10.52 42.89 10.71 42.71C10.89 42.52 11 42.26 11 42C11 41.74 10.89 41.479 10.71 41.3C10.34 40.92 9.67 40.92 9.29 41.29C9.11 41.479 9 41.74 9 42C9 42.26 9.11 42.52 9.29 42.71C9.48 42.89 9.74 43 10 43Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M49.29 34.29C49.11 34.479 49 34.729 49 35C49 35.26 49.11 35.52 49.29 35.71C49.48 35.89 49.74 36 50 36C50.26 36 50.52 35.89 50.71 35.71C50.89 35.52 51 35.26 51 35C51 34.74 50.89 34.479 50.71 34.29C50.34 33.92 49.67 33.92 49.29 34.29Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M50 20H35C34.448 20 34 20.447 34 21C34 21.553 34.448 22 35 22H50C50.552 22 51 21.553 51 21C51 20.447 50.552 20 50 20Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M50 27H40C39.448 27 39 27.447 39 28C39 28.553 39.448 29 40 29H50C50.552 29 51 28.553 51 28C51 27.447 50.552 27 50 27Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M30 29H32C32.552 29 33 28.553 33 28C33 27.447 32.552 27 32 27H30C29.448 27 29 27.447 29 28C29 28.553 29.448 29 30 29Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M30 15H45C45.552 15 46 14.553 46 14C46 13.447 45.552 13 45 13H30C29.448 13 29 13.447 29 14C29 14.553 29.448 15 30 15Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M50 15C50.26 15 50.52 14.89 50.71 14.71C50.9 14.52 51 14.26 51 14C51 13.74 50.9 13.479 50.71 13.29C50.33 12.92 49.66 12.92 49.29 13.29C49.11 13.479 49 13.74 49 14C49 14.26 49.11 14.52 49.29 14.71C49.48 14.89 49.74 15 50 15Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M30.29 20.29C30.11 20.479 30 20.729 30 21C30 21.26 30.11 21.52 30.29 21.71C30.48 21.89 30.74 22 31 22C31.26 22 31.52 21.89 31.71 21.71C31.89 21.52 32 21.26 32 21C32 20.729 31.89 20.479 31.71 20.29C31.33 19.92 30.67 19.92 30.29 20.29Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M35.29 27.29C35.11 27.479 35 27.74 35 28C35 28.26 35.11 28.52 35.29 28.71C35.48 28.89 35.74 29 36 29C36.26 29 36.52 28.89 36.71 28.71C36.89 28.52 37 28.26 37 28C37 27.74 36.89 27.479 36.71 27.29C36.34 26.92 35.66 26.92 35.29 27.29Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M25 13H9V29H25V13ZM23 27H11V15H23V27Z" fill="currentColor" fill-opacity="0.87"/>
-</g>
-<defs>
-<clipPath id="clip0_7904_84890">
-<rect width="60" height="60" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/auth-v1-bottom-shape.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/auth-v1-bottom-shape.svg
deleted file mode 100644
index 1aa7309..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/auth-v1-bottom-shape.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="180" height="180" viewBox="0 0 181 181" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1.30469" y="1.44312" width="178" height="178" rx="19" stroke="currentColor" stroke-opacity="0.16" stroke-width="2" stroke-dasharray="8 8"/>
-<rect x="22.8047" y="22.9431" width="135" height="135" rx="10" fill="currentColor" fill-opacity="0.08"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/auth-v1-top-shape.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/auth-v1-top-shape.svg
deleted file mode 100644
index c31dc8d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/auth-v1-top-shape.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="239" height="234" viewBox="0 0 239 234" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="88.5605" y="0.700195" width="149" height="149" rx="19.5" stroke="currentColor" stroke-opacity="0.16"/>
-<rect x="0.621094" y="33.761" width="200" height="200" rx="10" fill="currentColor" fill-opacity="0.08"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/cart.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/cart.svg
deleted file mode 100644
index ec2d557..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/cart.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M60 41.5V15.5H50.8475C50.2851 15.5 49.8305 15.947 49.8305 16.5C49.8305 17.053 50.2851 17.5 50.8475 17.5H57.9661V39.5H11.1864V17.5H18.3051C18.8675 17.5 19.322 17.053 19.322 16.5C19.322 15.947 18.8675 15.5 18.3051 15.5H11.1864V7.5C11.1864 6.947 10.7319 6.5 10.1695 6.5H7.99119C7.53661 4.78 5.95831 3.5 4.0678 3.5C1.82441 3.5 0 5.294 0 7.5C0 9.706 1.82441 11.5 4.0678 11.5C5.95831 11.5 7.53661 10.22 7.99119 8.5H9.15254V15.5V16.5V40.5V41.5V47.5C9.15254 48.053 9.60712 48.5 10.1695 48.5H17.3197C16.0739 49.412 15.2542 50.859 15.2542 52.5C15.2542 55.257 17.5353 57.5 20.339 57.5C23.1427 57.5 25.4237 55.257 25.4237 52.5C25.4237 50.859 24.6041 49.412 23.3583 48.5H41.7264C40.4807 49.412 39.661 50.859 39.661 52.5C39.661 55.257 41.942 57.5 44.7458 57.5C47.5495 57.5 49.8305 55.257 49.8305 52.5C49.8305 50.859 49.0108 49.412 47.7651 48.5H53.8983C54.4607 48.5 54.9153 48.053 54.9153 47.5C54.9153 46.947 54.4607 46.5 53.8983 46.5H11.1864V41.5H60ZM4.0678 9.5C2.9461 9.5 2.0339 8.603 2.0339 7.5C2.0339 6.397 2.9461 5.5 4.0678 5.5C4.81729 5.5 5.4661 5.905 5.81898 6.5H5.08475C4.52237 6.5 4.0678 6.947 4.0678 7.5C4.0678 8.053 4.52237 8.5 5.08475 8.5H5.81898C5.4661 9.095 4.81729 9.5 4.0678 9.5ZM20.339 55.5C18.6569 55.5 17.2881 54.154 17.2881 52.5C17.2881 50.846 18.6569 49.5 20.339 49.5C22.021 49.5 23.3898 50.846 23.3898 52.5C23.3898 54.154 22.021 55.5 20.339 55.5ZM44.7458 55.5C43.0637 55.5 41.6949 54.154 41.6949 52.5C41.6949 50.846 43.0637 49.5 44.7458 49.5C46.4278 49.5 47.7966 50.846 47.7966 52.5C47.7966 54.154 46.4278 55.5 44.7458 55.5Z" fill="currentColor"/>
-<path d="M34.5762 30.5C42.427 30.5 48.8134 24.22 48.8134 16.5C48.8134 8.78 42.427 2.5 34.5762 2.5C26.7253 2.5 20.3389 8.78 20.3389 16.5C20.3389 24.22 26.7253 30.5 34.5762 30.5ZM34.5762 4.5C41.3053 4.5 46.7795 9.883 46.7795 16.5C46.7795 23.117 41.3053 28.5 34.5762 28.5C27.847 28.5 22.3728 23.117 22.3728 16.5C22.3728 9.883 27.847 4.5 34.5762 4.5Z" fill="currentColor"/>
-<path d="M32.9074 22.269C32.9735 22.322 33.0478 22.354 33.122 22.389C33.1525 22.404 33.18 22.428 33.2115 22.439C33.3234 22.479 33.4413 22.5 33.5583 22.5C33.7007 22.5 33.843 22.469 33.9742 22.411C34.0241 22.389 34.0617 22.345 34.1085 22.315C34.1807 22.268 34.2579 22.231 34.3179 22.164L34.3373 22.142C34.3373 22.142 34.3383 22.141 34.3393 22.141C34.3393 22.141 34.3403 22.14 34.3403 22.139L42.4525 13.164C42.8257 12.752 42.7881 12.119 42.3681 11.753C41.9481 11.385 41.3054 11.422 40.9332 11.836L33.4525 20.112L28.1074 15.732C27.6732 15.379 27.0346 15.436 26.6746 15.86C26.3146 16.285 26.3735 16.916 26.8047 17.269L32.9074 22.269Z" fill="currentColor"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/checkbox-checked.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/checkbox-checked.svg
deleted file mode 100644
index 836cb91..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/checkbox-checked.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3 7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7Z" fill="currentColor"/>
-  <path d="m8.5 12 2.5 2.5 5-5" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/checkbox-indeterminate.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/checkbox-indeterminate.svg
deleted file mode 100644
index 638b26e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/checkbox-indeterminate.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="24" height="24" class="custom-checkbox-indeterminate" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3 7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7Z" fill="currentColor"/>
-  <path d="M8.5 12h7" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/checkbox-unchecked.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/checkbox-unchecked.svg
deleted file mode 100644
index c95482c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/checkbox-unchecked.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g clip-path="url(#a)">
-    <path d="M4 7a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7Z" stroke="currentColor" stroke-opacity="0.4" stroke-width="2"/>
-  </g>
-  <defs>
-    <clipPath id="a">
-      <path fill="#fff" d="M0 0h24v24H0z"/>
-    </clipPath>
-  </defs>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/discord.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/discord.svg
deleted file mode 100644
index 01deca5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/discord.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="59" height="58" viewBox="0 0 59 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.2">
-<path d="M23.2164 41.2571L20.475 46.6946C20.2986 47.0654 19.9986 47.3632 19.6265 47.5368C19.2544 47.7105 18.8334 47.7491 18.4359 47.6462C12.8852 46.2868 8.08203 43.9305 4.59297 40.8946C4.32992 40.6625 4.1389 40.3599 4.04253 40.0226C3.94616 39.6853 3.94848 39.3275 4.04922 38.9915L11.7297 13.3446C11.8044 13.0821 11.9397 12.8409 12.1247 12.6402C12.3096 12.4395 12.539 12.285 12.7945 12.1891C14.9645 11.2989 17.2085 10.6014 19.5008 10.1047C19.9413 10.0083 20.4019 10.0774 20.7947 10.2988C21.1875 10.5203 21.485 10.8787 21.6305 11.3055L23.4203 16.7204C27.3437 16.1766 31.3234 16.1766 35.2469 16.7204L37.0367 11.3055C37.1822 10.8787 37.4797 10.5203 37.8725 10.2988C38.2653 10.0774 38.7259 10.0083 39.1664 10.1047C41.4587 10.6014 43.7027 11.2989 45.8727 12.1891C46.1282 12.285 46.3576 12.4395 46.5425 12.6402C46.7275 12.8409 46.8628 13.0821 46.9375 13.3446L54.618 38.9915C54.7187 39.3275 54.721 39.6853 54.6247 40.0226C54.5283 40.3599 54.3373 40.6625 54.0742 40.8946C50.5852 43.9305 45.782 46.2868 40.2313 47.6462C39.8338 47.7491 39.4128 47.7105 39.0407 47.5368C38.6686 47.3632 38.3686 47.0654 38.1922 46.6946L35.4508 41.2571C33.4242 41.5421 31.3802 41.6859 29.3336 41.6876C27.287 41.6859 25.243 41.5421 23.2164 41.2571Z" fill="currentColor"/>
-<path d="M23.2164 41.2571L20.475 46.6946C20.2986 47.0654 19.9986 47.3632 19.6265 47.5368C19.2544 47.7105 18.8334 47.7491 18.4359 47.6462C12.8852 46.2868 8.08203 43.9305 4.59297 40.8946C4.32992 40.6625 4.1389 40.3599 4.04253 40.0226C3.94616 39.6853 3.94848 39.3275 4.04922 38.9915L11.7297 13.3446C11.8044 13.0821 11.9397 12.8409 12.1247 12.6402C12.3096 12.4395 12.539 12.285 12.7945 12.1891C14.9645 11.2989 17.2085 10.6014 19.5008 10.1047C19.9413 10.0083 20.4019 10.0774 20.7947 10.2988C21.1875 10.5203 21.485 10.8787 21.6305 11.3055L23.4203 16.7204C27.3437 16.1766 31.3234 16.1766 35.2469 16.7204L37.0367 11.3055C37.1822 10.8787 37.4797 10.5203 37.8725 10.2988C38.2653 10.0774 38.7259 10.0083 39.1664 10.1047C41.4587 10.6014 43.7027 11.2989 45.8727 12.1891C46.1282 12.285 46.3576 12.4395 46.5425 12.6402C46.7275 12.8409 46.8628 13.0821 46.9375 13.3446L54.618 38.9915C54.7187 39.3275 54.721 39.6853 54.6247 40.0226C54.5283 40.3599 54.3373 40.6625 54.0742 40.8946C50.5852 43.9305 45.782 46.2868 40.2313 47.6462C39.8338 47.7491 39.4128 47.7105 39.0407 47.5368C38.6686 47.3632 38.3686 47.0654 38.1922 46.6946L35.4508 41.2571C33.4242 41.5421 31.3802 41.6859 29.3336 41.6876C27.287 41.6859 25.243 41.5421 23.2164 41.2571Z" fill="white" fill-opacity="0.2"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24.8022 32.625C24.8022 34.1265 23.585 35.3438 22.0835 35.3438C20.582 35.3438 19.3647 34.1265 19.3647 32.625C19.3647 31.1235 20.582 29.9062 22.0835 29.9062C23.585 29.9062 24.8022 31.1235 24.8022 32.625ZM39.3022 32.625C39.3022 34.1265 38.085 35.3438 36.5835 35.3438C35.082 35.3438 33.8647 34.1265 33.8647 32.625C33.8647 31.1235 35.082 29.9062 36.5835 29.9062C38.085 29.9062 39.3022 31.1235 39.3022 32.625Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24.8022 32.625C24.8022 34.1265 23.585 35.3438 22.0835 35.3438C20.582 35.3438 19.3647 34.1265 19.3647 32.625C19.3647 31.1235 20.582 29.9062 22.0835 29.9062C23.585 29.9062 24.8022 31.1235 24.8022 32.625ZM39.3022 32.625C39.3022 34.1265 38.085 35.3438 36.5835 35.3438C35.082 35.3438 33.8647 34.1265 33.8647 32.625C33.8647 31.1235 35.082 29.9062 36.5835 29.9062C38.085 29.9062 39.3022 31.1235 39.3022 32.625Z" fill="white" fill-opacity="0.2"/>
-<path d="M17.1898 18.1251C21.119 16.8936 25.2161 16.2821 29.3336 16.3126C33.4511 16.2821 37.5482 16.8936 41.4773 18.1251M41.4773 39.8751C37.5482 41.1065 33.4511 41.718 29.3336 41.6876C25.2161 41.718 21.119 41.1065 17.1898 39.8751M35.4508 41.2571L38.1922 46.6946C38.3686 47.0654 38.6686 47.3632 39.0407 47.5368C39.4128 47.7105 39.8338 47.7491 40.2313 47.6462C45.782 46.2868 50.5852 43.9305 54.0742 40.8946C54.3373 40.6625 54.5283 40.3599 54.6247 40.0226C54.721 39.6853 54.7187 39.3275 54.618 38.9915L46.9375 13.3446C46.8628 13.0821 46.7275 12.8409 46.5425 12.6402C46.3576 12.4395 46.1282 12.285 45.8727 12.1891C43.7027 11.2989 41.4587 10.6014 39.1664 10.1047C38.7259 10.0083 38.2653 10.0774 37.8725 10.2988C37.4797 10.5203 37.1822 10.8787 37.0367 11.3055L35.2469 16.7204M23.2164 41.2571L20.475 46.6946C20.2986 47.0654 19.9986 47.3632 19.6265 47.5368C19.2544 47.7105 18.8334 47.7491 18.4359 47.6462C12.8852 46.2868 8.08203 43.9305 4.59297 40.8946C4.32992 40.6625 4.1389 40.3599 4.04253 40.0226C3.94616 39.6853 3.94848 39.3275 4.04922 38.9915L11.7297 13.3446C11.8044 13.0821 11.9397 12.8409 12.1247 12.6402C12.3096 12.4395 12.539 12.285 12.7945 12.1891C14.9645 11.2989 17.2085 10.6014 19.5008 10.1047C19.9413 10.0083 20.4019 10.0774 20.7947 10.2988C21.1875 10.5203 21.485 10.8787 21.6305 11.3055L23.4203 16.7204" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17.1898 18.1251C21.119 16.8936 25.2161 16.2821 29.3336 16.3126C33.4511 16.2821 37.5482 16.8936 41.4773 18.1251M41.4773 39.8751C37.5482 41.1065 33.4511 41.718 29.3336 41.6876C25.2161 41.718 21.119 41.1065 17.1898 39.8751M35.4508 41.2571L38.1922 46.6946C38.3686 47.0654 38.6686 47.3632 39.0407 47.5368C39.4128 47.7105 39.8338 47.7491 40.2313 47.6462C45.782 46.2868 50.5852 43.9305 54.0742 40.8946C54.3373 40.6625 54.5283 40.3599 54.6247 40.0226C54.721 39.6853 54.7187 39.3275 54.618 38.9915L46.9375 13.3446C46.8628 13.0821 46.7275 12.8409 46.5425 12.6402C46.3576 12.4395 46.1282 12.285 45.8727 12.1891C43.7027 11.2989 41.4587 10.6014 39.1664 10.1047C38.7259 10.0083 38.2653 10.0774 37.8725 10.2988C37.4797 10.5203 37.1822 10.8787 37.0367 11.3055L35.2469 16.7204M23.2164 41.2571L20.475 46.6946C20.2986 47.0654 19.9986 47.3632 19.6265 47.5368C19.2544 47.7105 18.8334 47.7491 18.4359 47.6462C12.8852 46.2868 8.08203 43.9305 4.59297 40.8946C4.32992 40.6625 4.1389 40.3599 4.04253 40.0226C3.94616 39.6853 3.94848 39.3275 4.04922 38.9915L11.7297 13.3446C11.8044 13.0821 11.9397 12.8409 12.1247 12.6402C12.3096 12.4395 12.539 12.285 12.7945 12.1891C14.9645 11.2989 17.2085 10.6014 19.5008 10.1047C19.9413 10.0083 20.4019 10.0774 20.7947 10.2988C21.1875 10.5203 21.485 10.8787 21.6305 11.3055L23.4203 16.7204" stroke="white" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/gift.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/gift.svg
deleted file mode 100644
index 2cd5186..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/gift.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M32.2689 8.56722C31.7876 9.05354 31.3688 9.84814 31.029 10.8704C30.6946 11.8767 30.4652 13.0152 30.31 14.1032C30.1553 15.1872 30.0776 16.197 30.0386 16.9371C30.0358 16.991 30.0332 17.0434 30.0307 17.0943C30.0816 17.0918 30.134 17.0892 30.1879 17.0864C30.928 17.0475 31.9378 16.9697 33.0218 16.815C34.1098 16.6598 35.2483 16.4304 36.2546 16.096C37.2769 15.7562 38.0715 15.3374 38.5578 14.8561C39.3907 14.0223 39.8587 12.8919 39.8587 11.7133C39.8587 10.5339 39.3901 9.4028 38.5562 8.56883C37.7222 7.73487 36.5911 7.26636 35.4117 7.26636C34.2331 7.26636 33.1027 7.73427 32.2689 8.56722ZM39.2633 15.5649L39.9704 16.272C41.1794 15.0629 41.8587 13.4231 41.8587 11.7133C41.8587 10.0035 41.1794 8.36365 39.9704 7.15462C38.7614 5.94559 37.1216 5.26636 35.4117 5.26636C33.7019 5.26636 32.0621 5.94559 30.853 7.15461L30.8499 7.15774C30.0518 7.96296 29.5111 9.09639 29.1311 10.2396C29.0855 10.3767 29.0418 10.5154 28.9999 10.6551C28.958 10.5154 28.9143 10.3767 28.8688 10.2396C28.4888 9.09639 27.9481 7.96296 27.1499 7.15774L27.1468 7.15462C25.9378 5.94559 24.298 5.26636 22.5882 5.26636C20.8783 5.26636 19.2385 5.94559 18.0295 7.15462C16.8205 8.36366 16.1412 10.0035 16.1412 11.7133C16.1412 13.4231 16.8205 15.0629 18.0295 16.272L18.7366 15.5649L18.0326 16.2751C18.3589 16.5985 18.7391 16.8797 19.152 17.125H9.0625C7.5092 17.125 6.25 18.3842 6.25 19.9375V27.1875C6.25 28.7408 7.5092 30 9.0625 30H9.875V45.3125C9.875 46.0584 10.1713 46.7738 10.6988 47.3012C11.2262 47.8287 11.9416 48.125 12.6875 48.125H29H45.3125C46.0584 48.125 46.7738 47.8287 47.3012 47.3012C47.8287 46.7738 48.125 46.0584 48.125 45.3125V30H48.9375C50.4908 30 51.75 28.7408 51.75 27.1875V19.9375C51.75 18.3842 50.4908 17.125 48.9375 17.125H38.8479C39.2608 16.8797 39.641 16.5985 39.9673 16.2751L39.2633 15.5649ZM9.0625 19.125C8.61377 19.125 8.25 19.4888 8.25 19.9375V27.1875C8.25 27.6362 8.61377 28 9.0625 28H10.875H28V19.125H9.0625ZM30 19.125V28H47.125H48.9375C49.3862 28 49.75 27.6362 49.75 27.1875V19.9375C49.75 19.4888 49.3862 19.125 48.9375 19.125H30ZM28 30H11.875V45.3125C11.875 45.528 11.9606 45.7347 12.113 45.887C12.2653 46.0394 12.472 46.125 12.6875 46.125H28V30ZM30 46.125V30H46.125V45.3125C46.125 45.528 46.0394 45.7347 45.887 45.887C45.7347 46.0394 45.528 46.125 45.3125 46.125H30ZM21.7452 16.096C20.723 15.7562 19.9284 15.3374 19.4421 14.8562C18.6091 14.0223 18.1412 12.8919 18.1412 11.7133C18.1412 10.5339 18.6097 9.4028 19.4437 8.56883C20.2777 7.73487 21.4088 7.26636 22.5882 7.26636C23.7668 7.26636 24.8972 7.73428 25.731 8.56725C26.2123 9.05357 26.6311 9.84816 26.9708 10.8704C27.3053 11.8767 27.5346 13.0152 27.6899 14.1032C27.8445 15.1872 27.9223 16.197 27.9613 16.9371C27.9641 16.991 27.9667 17.0434 27.9691 17.0943C27.9183 17.0918 27.8659 17.0892 27.812 17.0864C27.0719 17.0475 26.0621 16.9697 24.978 16.815C23.89 16.6598 22.7516 16.4304 21.7452 16.096Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M32.2689 8.56722C31.7876 9.05354 31.3688 9.84814 31.029 10.8704C30.6946 11.8767 30.4652 13.0152 30.31 14.1032C30.1553 15.1872 30.0776 16.197 30.0386 16.9371C30.0358 16.991 30.0332 17.0434 30.0307 17.0943C30.0816 17.0918 30.134 17.0892 30.1879 17.0864C30.928 17.0475 31.9378 16.9697 33.0218 16.815C34.1098 16.6598 35.2483 16.4304 36.2546 16.096C37.2769 15.7562 38.0715 15.3374 38.5578 14.8561C39.3907 14.0223 39.8587 12.8919 39.8587 11.7133C39.8587 10.5339 39.3901 9.4028 38.5562 8.56883C37.7222 7.73487 36.5911 7.26636 35.4117 7.26636C34.2331 7.26636 33.1027 7.73427 32.2689 8.56722ZM39.2633 15.5649L39.9704 16.272C41.1794 15.0629 41.8587 13.4231 41.8587 11.7133C41.8587 10.0035 41.1794 8.36365 39.9704 7.15462C38.7614 5.94559 37.1216 5.26636 35.4117 5.26636C33.7019 5.26636 32.0621 5.94559 30.853 7.15461L30.8499 7.15774C30.0518 7.96296 29.5111 9.09639 29.1311 10.2396C29.0855 10.3767 29.0418 10.5154 28.9999 10.6551C28.958 10.5154 28.9143 10.3767 28.8688 10.2396C28.4888 9.09639 27.9481 7.96296 27.1499 7.15774L27.1468 7.15462C25.9378 5.94559 24.298 5.26636 22.5882 5.26636C20.8783 5.26636 19.2385 5.94559 18.0295 7.15462C16.8205 8.36366 16.1412 10.0035 16.1412 11.7133C16.1412 13.4231 16.8205 15.0629 18.0295 16.272L18.7366 15.5649L18.0326 16.2751C18.3589 16.5985 18.7391 16.8797 19.152 17.125H9.0625C7.5092 17.125 6.25 18.3842 6.25 19.9375V27.1875C6.25 28.7408 7.5092 30 9.0625 30H9.875V45.3125C9.875 46.0584 10.1713 46.7738 10.6988 47.3012C11.2262 47.8287 11.9416 48.125 12.6875 48.125H29H45.3125C46.0584 48.125 46.7738 47.8287 47.3012 47.3012C47.8287 46.7738 48.125 46.0584 48.125 45.3125V30H48.9375C50.4908 30 51.75 28.7408 51.75 27.1875V19.9375C51.75 18.3842 50.4908 17.125 48.9375 17.125H38.8479C39.2608 16.8797 39.641 16.5985 39.9673 16.2751L39.2633 15.5649ZM9.0625 19.125C8.61377 19.125 8.25 19.4888 8.25 19.9375V27.1875C8.25 27.6362 8.61377 28 9.0625 28H10.875H28V19.125H9.0625ZM30 19.125V28H47.125H48.9375C49.3862 28 49.75 27.6362 49.75 27.1875V19.9375C49.75 19.4888 49.3862 19.125 48.9375 19.125H30ZM28 30H11.875V45.3125C11.875 45.528 11.9606 45.7347 12.113 45.887C12.2653 46.0394 12.472 46.125 12.6875 46.125H28V30ZM30 46.125V30H46.125V45.3125C46.125 45.528 46.0394 45.7347 45.887 45.887C45.7347 46.0394 45.528 46.125 45.3125 46.125H30ZM21.7452 16.096C20.723 15.7562 19.9284 15.3374 19.4421 14.8562C18.6091 14.0223 18.1412 12.8919 18.1412 11.7133C18.1412 10.5339 18.6097 9.4028 19.4437 8.56883C20.2777 7.73487 21.4088 7.26636 22.5882 7.26636C23.7668 7.26636 24.8972 7.73428 25.731 8.56725C26.2123 9.05357 26.6311 9.84816 26.9708 10.8704C27.3053 11.8767 27.5346 13.0152 27.6899 14.1032C27.8445 15.1872 27.9223 16.197 27.9613 16.9371C27.9641 16.991 27.9667 17.0434 27.9691 17.0943C27.9183 17.0918 27.8659 17.0892 27.812 17.0864C27.0719 17.0475 26.0621 16.9697 24.978 16.815C23.89 16.6598 22.7516 16.4304 21.7452 16.096Z" fill="white" fill-opacity="0.2"/>
-<g opacity="0.2">
-<path d="M47.125 29V45.3125C47.125 45.7932 46.934 46.2542 46.5941 46.5941C46.2542 46.934 45.7932 47.125 45.3125 47.125H12.6875C12.2068 47.125 11.7458 46.934 11.4059 46.5941C11.066 46.2542 10.875 45.7932 10.875 45.3125V29H47.125Z" fill="currentColor"/>
-<path d="M47.125 29V45.3125C47.125 45.7932 46.934 46.2542 46.5941 46.5941C46.2542 46.934 45.7932 47.125 45.3125 47.125H12.6875C12.2068 47.125 11.7458 46.934 11.4059 46.5941C11.066 46.2542 10.875 45.7932 10.875 45.3125V29H47.125Z" fill="white" fill-opacity="0.2"/>
-</g>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/home.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/home.svg
deleted file mode 100644
index 6497836..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/home.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.2" d="M16.625 23.625V16.625H11.375V23.625H4.37501V12.6328C4.37437 12.5113 4.39937 12.391 4.44837 12.2798C4.49737 12.1686 4.56928 12.069 4.65939 11.9875L13.4094 4.03592C13.5689 3.88911 13.7778 3.80762 13.9945 3.80762C14.2113 3.80762 14.4202 3.88911 14.5797 4.03592L23.3406 11.9875C23.4287 12.0706 23.4992 12.1706 23.548 12.2814C23.5969 12.3922 23.6231 12.5117 23.625 12.6328V23.625H16.625Z" fill="currentColor"/>
-<path d="M23.625 23.625V12.6328C23.623 12.5117 23.5969 12.3922 23.548 12.2814C23.4992 12.1706 23.4287 12.0706 23.3406 11.9875L14.5797 4.03592C14.4202 3.88911 14.2113 3.80762 13.9945 3.80762C13.7777 3.80762 13.5689 3.88911 13.4094 4.03592L4.65937 11.9875C4.56926 12.069 4.49736 12.1686 4.44836 12.2798C4.39936 12.391 4.37436 12.5113 4.375 12.6328V23.625M1.75 23.625H26.25M16.625 23.625V17.5C16.625 17.2679 16.5328 17.0454 16.3687 16.8813C16.2046 16.7172 15.9821 16.625 15.75 16.625H12.25C12.0179 16.625 11.7954 16.7172 11.6313 16.8813C11.4672 17.0454 11.375 17.2679 11.375 17.5V23.625" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
-
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/keyboard.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/keyboard.svg
deleted file mode 100644
index 0a03e51..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/keyboard.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.2" d="M55.875 14.6943H8.125C6.95139 14.6943 6 15.6457 6 16.8193V48.5693C6 49.7429 6.95139 50.6943 8.125 50.6943H55.875C57.0486 50.6943 58 49.7429 58 48.5693V16.8193C58 15.6457 57.0486 14.6943 55.875 14.6943Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7 16.8193C7 16.198 7.50368 15.6943 8.125 15.6943H55.875C56.4963 15.6943 57 16.198 57 16.8193V48.5693C57 49.1907 56.4963 49.6943 55.875 49.6943H8.125C7.50368 49.6943 7 49.1907 7 48.5693V16.8193ZM8.125 13.6943C6.39911 13.6943 5 15.0934 5 16.8193V48.5693C5 50.2952 6.39911 51.6943 8.125 51.6943H55.875C57.6009 51.6943 59 50.2952 59 48.5693V16.8193C59 15.0934 57.6009 13.6943 55.875 13.6943H8.125ZM14 23.6943C13.4477 23.6943 13 24.1421 13 24.6943C13 25.2466 13.4477 25.6943 14 25.6943H50C50.5523 25.6943 51 25.2466 51 24.6943C51 24.1421 50.5523 23.6943 50 23.6943H14ZM14 31.6943C13.4477 31.6943 13 32.1421 13 32.6943C13 33.2466 13.4477 33.6943 14 33.6943H50C50.5523 33.6943 51 33.2466 51 32.6943C51 32.1421 50.5523 31.6943 50 31.6943H14ZM13 40.6943C13 40.1421 13.4477 39.6943 14 39.6943H16C16.5523 39.6943 17 40.1421 17 40.6943C17 41.2466 16.5523 41.6943 16 41.6943H14C13.4477 41.6943 13 41.2466 13 40.6943ZM24 39.6943C23.4477 39.6943 23 40.1421 23 40.6943C23 41.2466 23.4477 41.6943 24 41.6943H40C40.5523 41.6943 41 41.2466 41 40.6943C41 40.1421 40.5523 39.6943 40 39.6943H24ZM47 40.6943C47 40.1421 47.4477 39.6943 48 39.6943H50C50.5523 39.6943 51 40.1421 51 40.6943C51 41.2466 50.5523 41.6943 50 41.6943H48C47.4477 41.6943 47 41.2466 47 40.6943Z" fill="currentColor"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/laptop.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/laptop.svg
deleted file mode 100644
index 38bd4fa..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/laptop.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.2" d="M10 44.6943V18.6943C10 17.6335 10.4214 16.6161 11.1716 15.8659C11.9217 15.1158 12.9391 14.6943 14 14.6943H50C51.0609 14.6943 52.0783 15.1158 52.8284 15.8659C53.5786 16.6161 54 17.6335 54 18.6943V44.6943H10Z" fill="currentColor"/>
-<path d="M10 44.6943V18.6943C10 17.6335 10.4214 16.6161 11.1716 15.8659C11.9217 15.1158 12.9391 14.6943 14 14.6943H50C51.0609 14.6943 52.0783 15.1158 52.8284 15.8659C53.5786 16.6161 54 17.6335 54 18.6943V44.6943M36 22.6943H28M6 44.6943H58V48.6943C58 49.7552 57.5786 50.7726 56.8284 51.5228C56.0783 52.2729 55.0609 52.6943 54 52.6943H10C8.93913 52.6943 7.92172 52.2729 7.17157 51.5228C6.42143 50.7726 6 49.7552 6 48.6943V44.6943Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/lightbulb.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/lightbulb.svg
deleted file mode 100644
index a66a7f7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/lightbulb.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.2">
-<path d="M17.8304 37.8359C15.6726 36.1581 13.925 34.0112 12.7199 31.5579C11.5148 29.1045 10.8839 26.4091 10.8749 23.6757C10.8296 13.8429 18.7367 5.66403 28.5695 5.43747C32.375 5.34725 36.1123 6.45746 39.2514 8.61062C42.3904 10.7638 44.7719 13.8506 46.0581 17.4333C47.3442 21.016 47.4698 24.9127 46.4169 28.5707C45.364 32.2288 43.1861 35.4625 40.1921 37.8132C39.5308 38.3245 38.995 38.9802 38.6259 39.7302C38.2568 40.4802 38.0641 41.3047 38.0625 42.1406V43.5C38.0625 43.9807 37.8715 44.4417 37.5316 44.7816C37.1917 45.1215 36.7307 45.3125 36.25 45.3125H21.7499C21.2692 45.3125 20.8082 45.1215 20.4683 44.7816C20.1284 44.4417 19.9374 43.9807 19.9374 43.5V42.1406C19.9318 41.3109 19.7394 40.4932 19.3747 39.748C19.0099 39.0028 18.4821 38.3493 17.8304 37.8359Z" fill="currentColor"/>
-<path d="M17.8304 37.8359C15.6726 36.1581 13.925 34.0112 12.7199 31.5579C11.5148 29.1045 10.8839 26.4091 10.8749 23.6757C10.8296 13.8429 18.7367 5.66403 28.5695 5.43747C32.375 5.34725 36.1123 6.45746 39.2514 8.61062C42.3904 10.7638 44.7719 13.8506 46.0581 17.4333C47.3442 21.016 47.4698 24.9127 46.4169 28.5707C45.364 32.2288 43.1861 35.4625 40.1921 37.8132C39.5308 38.3245 38.995 38.9802 38.6259 39.7302C38.2568 40.4802 38.0641 41.3047 38.0625 42.1406V43.5C38.0625 43.9807 37.8715 44.4417 37.5316 44.7816C37.1917 45.1215 36.7307 45.3125 36.25 45.3125H21.7499C21.2692 45.3125 20.8082 45.1215 20.4683 44.7816C20.1284 44.4417 19.9374 43.9807 19.9374 43.5V42.1406C19.9318 41.3109 19.7394 40.4932 19.3747 39.748C19.0099 39.0028 18.4821 38.3493 17.8304 37.8359Z" fill="white" fill-opacity="0.2"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M38.6857 9.43527C35.7198 7.4009 32.1887 6.35195 28.5932 6.43719L28.5925 6.4372C28.3515 6.44275 28.1116 6.45338 27.8731 6.46896L28.5464 4.43773C32.5617 4.34269 36.5049 5.51414 39.817 7.78597C43.1293 10.0579 45.6422 13.3151 46.9993 17.0954C48.3564 20.8758 48.4889 24.9875 47.3779 28.8473C46.2669 32.7072 43.9688 36.1193 40.8097 38.5998L40.8037 38.6045L40.8037 38.6044C40.263 39.0224 39.8249 39.5585 39.5232 40.1717C39.2215 40.7847 39.0639 41.4585 39.0625 42.1416V42.1425V43.5C39.0625 44.2459 38.7661 44.9613 38.2387 45.4887C37.7112 46.0162 36.9959 46.3125 36.25 46.3125H21.75C21.004 46.3125 20.2887 46.0162 19.7612 45.4887C19.2338 44.9613 18.9375 44.2459 18.9375 43.5V42.1441C18.9323 41.4657 18.7748 40.7971 18.4765 40.1877C18.1782 39.5781 17.7466 39.0434 17.2138 38.6231L17.8866 36.5936C18.069 36.7483 18.255 36.8993 18.4442 37.0465L17.8304 37.836L18.4492 37.0504C19.2189 37.6567 19.8421 38.4284 20.2729 39.3084C20.7036 40.1884 20.9307 41.154 20.9374 42.1338L20.9375 42.1406L20.9375 43.5C20.9375 43.7155 21.0231 43.9221 21.1754 44.0745C21.3278 44.2269 21.5345 44.3125 21.75 44.3125H36.25C36.4654 44.3125 36.6721 44.2269 36.8245 44.0745C36.9768 43.9221 37.0625 43.7155 37.0625 43.5V42.1406V42.1387C37.0644 41.1503 37.2923 40.1754 37.7287 39.2886C38.1646 38.4029 38.7969 37.6285 39.5775 37.0244C42.4048 34.8035 44.4614 31.7492 45.4559 28.2941C46.4507 24.8379 46.3321 21.1562 45.1169 17.7712C43.9017 14.3862 41.6516 11.4696 38.6857 9.43527ZM17.8865 36.5936L17.8866 36.5936L27.8731 6.46896L27.8724 6.469L28.5458 4.43775C18.1651 4.67729 9.8275 13.3058 9.87496 23.6797C9.88451 26.5645 10.5504 29.4094 11.8223 31.9987C13.0938 34.5872 14.9375 36.8525 17.2138 38.6231L17.8865 36.5936ZM17.8865 36.5936C16.1041 35.0827 14.6499 33.2189 13.6175 31.117C12.4793 28.7998 11.8834 26.254 11.8749 23.6725L11.8749 23.6711C11.8332 14.6214 18.9246 7.05389 27.8724 6.469L17.8865 36.5936ZM18.9376 52.5625C18.9376 52.0102 19.3853 51.5625 19.9376 51.5625H38.0626C38.6149 51.5625 39.0626 52.0102 39.0626 52.5625C39.0626 53.1148 38.6149 53.5625 38.0626 53.5625H19.9376C19.3853 53.5625 18.9376 53.1148 18.9376 52.5625ZM31.0024 11.8828C30.4579 11.7905 29.9416 12.1571 29.8493 12.7016C29.757 13.2461 30.1236 13.7624 30.6681 13.8547C32.6793 14.1956 34.535 15.1524 35.9792 16.5929C37.4235 18.0334 38.385 19.8867 38.731 21.897C38.8247 22.4413 39.3419 22.8066 39.8862 22.7129C40.4304 22.6192 40.7957 22.102 40.702 21.5577C40.2857 19.1394 39.129 16.9098 37.3916 15.1769C35.6543 13.4439 33.4218 12.293 31.0024 11.8828Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M38.6857 9.43527C35.7198 7.4009 32.1887 6.35195 28.5932 6.43719L28.5925 6.4372C28.3515 6.44275 28.1116 6.45338 27.8731 6.46896L28.5464 4.43773C32.5617 4.34269 36.5049 5.51414 39.817 7.78597C43.1293 10.0579 45.6422 13.3151 46.9993 17.0954C48.3564 20.8758 48.4889 24.9875 47.3779 28.8473C46.2669 32.7072 43.9688 36.1193 40.8097 38.5998L40.8037 38.6045L40.8037 38.6044C40.263 39.0224 39.8249 39.5585 39.5232 40.1717C39.2215 40.7847 39.0639 41.4585 39.0625 42.1416V42.1425V43.5C39.0625 44.2459 38.7661 44.9613 38.2387 45.4887C37.7112 46.0162 36.9959 46.3125 36.25 46.3125H21.75C21.004 46.3125 20.2887 46.0162 19.7612 45.4887C19.2338 44.9613 18.9375 44.2459 18.9375 43.5V42.1441C18.9323 41.4657 18.7748 40.7971 18.4765 40.1877C18.1782 39.5781 17.7466 39.0434 17.2138 38.6231L17.8866 36.5936C18.069 36.7483 18.255 36.8993 18.4442 37.0465L17.8304 37.836L18.4492 37.0504C19.2189 37.6567 19.8421 38.4284 20.2729 39.3084C20.7036 40.1884 20.9307 41.154 20.9374 42.1338L20.9375 42.1406L20.9375 43.5C20.9375 43.7155 21.0231 43.9221 21.1754 44.0745C21.3278 44.2269 21.5345 44.3125 21.75 44.3125H36.25C36.4654 44.3125 36.6721 44.2269 36.8245 44.0745C36.9768 43.9221 37.0625 43.7155 37.0625 43.5V42.1406V42.1387C37.0644 41.1503 37.2923 40.1754 37.7287 39.2886C38.1646 38.4029 38.7969 37.6285 39.5775 37.0244C42.4048 34.8035 44.4614 31.7492 45.4559 28.2941C46.4507 24.8379 46.3321 21.1562 45.1169 17.7712C43.9017 14.3862 41.6516 11.4696 38.6857 9.43527ZM17.8865 36.5936L17.8866 36.5936L27.8731 6.46896L27.8724 6.469L28.5458 4.43775C18.1651 4.67729 9.8275 13.3058 9.87496 23.6797C9.88451 26.5645 10.5504 29.4094 11.8223 31.9987C13.0938 34.5872 14.9375 36.8525 17.2138 38.6231L17.8865 36.5936ZM17.8865 36.5936C16.1041 35.0827 14.6499 33.2189 13.6175 31.117C12.4793 28.7998 11.8834 26.254 11.8749 23.6725L11.8749 23.6711C11.8332 14.6214 18.9246 7.05389 27.8724 6.469L17.8865 36.5936ZM18.9376 52.5625C18.9376 52.0102 19.3853 51.5625 19.9376 51.5625H38.0626C38.6149 51.5625 39.0626 52.0102 39.0626 52.5625C39.0626 53.1148 38.6149 53.5625 38.0626 53.5625H19.9376C19.3853 53.5625 18.9376 53.1148 18.9376 52.5625ZM31.0024 11.8828C30.4579 11.7905 29.9416 12.1571 29.8493 12.7016C29.757 13.2461 30.1236 13.7624 30.6681 13.8547C32.6793 14.1956 34.535 15.1524 35.9792 16.5929C37.4235 18.0334 38.385 19.8867 38.731 21.897C38.8247 22.4413 39.3419 22.8066 39.8862 22.7129C40.4304 22.6192 40.7957 22.102 40.702 21.5577C40.2857 19.1394 39.129 16.9098 37.3916 15.1769C35.6543 13.4439 33.4218 12.293 31.0024 11.8828Z" fill="white" fill-opacity="0.2"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/office.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/office.svg
deleted file mode 100644
index 0077a6b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/office.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.2" d="M15.75 23.625V4.375C15.75 4.14294 15.6578 3.92038 15.4937 3.75628C15.3296 3.59219 15.1071 3.5 14.875 3.5H4.375C4.14294 3.5 3.92038 3.59219 3.75628 3.75628C3.59219 3.92038 3.5 4.14294 3.5 4.375V23.625" fill="currentColor" fill-opacity="0.9"/>
-<path d="M1.75 23.625H26.25M15.75 23.625V4.375C15.75 4.14294 15.6578 3.92038 15.4937 3.75628C15.3296 3.59219 15.1071 3.5 14.875 3.5H4.375C4.14294 3.5 3.92038 3.59219 3.75628 3.75628C3.59219 3.92038 3.5 4.14294 3.5 4.375V23.625M24.5 23.625V11.375C24.5 11.1429 24.4078 10.9204 24.2437 10.7563C24.0796 10.5922 23.8571 10.5 23.625 10.5H15.75M7 7.875H10.5M8.75 14.875H12.25M7 19.25H10.5M19.25 19.25H21M19.25 14.875H21" stroke="currentColor" stroke-opacity="0.9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/paper-send.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/paper-send.svg
deleted file mode 100644
index caf7fca..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/paper-send.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 43 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.2" d="M35.1707 5.89001L4.58941 14.5033C4.32909 14.5745 4.09703 14.7242 3.92485 14.932C3.75268 15.1398 3.64875 15.3956 3.62723 15.6647C3.60571 15.9337 3.66764 16.2028 3.80458 16.4353C3.94153 16.6679 4.14684 16.8526 4.39253 16.9642L18.4363 23.6088C18.7114 23.7362 18.9323 23.9571 19.0597 24.2322L25.7043 38.2759C25.8159 38.5216 26.0006 38.7269 26.2331 38.8639C26.4657 39.0008 26.7348 39.0628 27.0038 39.0412C27.2728 39.0197 27.5287 38.9158 27.7365 38.7436C27.9443 38.5714 28.094 38.3394 28.1652 38.0791L36.7785 7.49782C36.8437 7.27466 36.8478 7.03804 36.7902 6.81279C36.7325 6.58753 36.6154 6.38192 36.451 6.21751C36.2866 6.0531 36.081 5.93594 35.8557 5.87832C35.6304 5.8207 35.3938 5.82474 35.1707 5.89001V5.89001Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M36.1035 4.90951C35.7063 4.80791 35.2892 4.81452 34.8954 4.92862L4.32569 13.5387L4.32147 13.5398C3.86452 13.6657 3.45723 13.929 3.1548 14.294C2.85144 14.6602 2.66833 15.1109 2.63041 15.5849C2.59249 16.0589 2.70161 16.533 2.9429 16.9428C3.1827 17.35 3.54147 17.6739 3.97083 17.871L18.0086 24.5127L18.0086 24.5127L18.016 24.5162C18.0762 24.544 18.1245 24.5923 18.1523 24.6524L18.1523 24.6524L18.1558 24.6599L24.7975 38.6978C24.9946 39.1271 25.3185 39.4858 25.7257 39.7256C26.1354 39.9669 26.6096 40.076 27.0836 40.0381C27.5576 40.0001 28.0083 39.817 28.3745 39.5137C28.7395 39.2112 29.0028 38.804 29.1286 38.347L29.1298 38.3428L37.7383 7.77853L37.7398 7.77315C37.854 7.37938 37.8606 6.96221 37.759 6.56497C37.6569 6.16591 37.4493 5.80166 37.1581 5.5104C36.8668 5.21914 36.5026 5.01159 36.1035 4.90951ZM35.4418 6.85256L35.1707 5.89001L35.4514 6.8498C35.5024 6.83489 35.5564 6.83396 35.6079 6.84713C35.6593 6.86029 35.7063 6.88705 35.7439 6.92461C35.7814 6.96218 35.8082 7.00915 35.8214 7.06061C35.8345 7.11207 35.8336 7.16612 35.8187 7.2171L35.8186 7.21709L35.8159 7.22671L27.2026 37.808L27.2026 37.808L27.2006 37.8153C27.1836 37.8773 27.148 37.9326 27.0985 37.9736C27.049 38.0146 26.9881 38.0393 26.9241 38.0444C26.86 38.0496 26.7959 38.0348 26.7406 38.0022C26.6852 37.9696 26.6412 37.9207 26.6147 37.8622L26.6082 37.8483L20.0646 24.0181L26.9856 17.0971C27.3761 16.7066 27.3761 16.0734 26.9856 15.6829C26.5951 15.2924 25.9619 15.2924 25.5714 15.6829L18.6505 22.6038L4.82021 16.0603L4.80626 16.0538C4.74776 16.0272 4.69888 15.9833 4.66627 15.9279C4.63366 15.8725 4.61892 15.8085 4.62404 15.7444C4.62917 15.6803 4.65391 15.6194 4.69491 15.57C4.7359 15.5205 4.79115 15.4848 4.85313 15.4679L4.85314 15.4679L4.86051 15.4658L35.4418 6.85256Z" fill="currentColor"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/payment.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/payment.svg
deleted file mode 100644
index 60c2af1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/payment.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_7904_84912)">
-<path d="M9 26H17V16H9V26ZM11 18H15V24H11V18Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M9 38H17V28H9V38ZM11 30H15V36H11V30Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M9 50H17V40H9V50ZM11 42H15V48H11V42Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M36 25C35.447 25 35 25.447 35 26V35C35 35.553 35.447 36 36 36C36.553 36 37 35.553 37 35V26C37 25.447 36.553 25 36 25Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M36 38C35.447 38 35 38.447 35 39V48C35 48.553 35.447 49 36 49C36.553 49 37 48.553 37 48V39C37 38.447 36.553 38 36 38Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M31 25C30.447 25 30 25.447 30 26V27C30 27.553 30.447 28 31 28C31.553 28 32 27.553 32 27V26C32 25.447 31.553 25 31 25Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M31 30C30.447 30 30 30.447 30 31V33C30 33.553 30.447 34 31 34C31.553 34 32 33.553 32 33V31C32 30.447 31.553 30 31 30Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M31 36C30.447 36 30 36.447 30 37V38C30 38.553 30.447 39 31 39C31.553 39 32 38.553 32 38V37C32 36.447 31.553 36 31 36Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M31 41C30.447 41 30 41.447 30 42V44C30 44.553 30.447 45 31 45C31.553 45 32 44.553 32 44V42C32 41.447 31.553 41 31 41Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M30.29 47.29C30.109 47.479 30 47.74 30 48C30 48.27 30.109 48.52 30.29 48.71C30.479 48.89 30.74 49 31 49C31.26 49 31.52 48.89 31.71 48.71C31.89 48.52 32 48.27 32 48C32 47.74 31.89 47.479 31.71 47.29C31.33 46.92 30.68 46.91 30.29 47.29Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M48 2H0V9H3V53.783C3 56.108 4.892 58 7.217 58H40.783C43.108 58 45 56.108 45 53.783V9H48V2ZM43 53.783C43 55.006 42.006 56 40.783 56H7.217C5.994 56 5 55.006 5 53.783V7H9V14H17V7H26V11.255V12.745V18.745C26 19.988 27.012 21 28.255 21H36.255H37.745C38.988 21 40 19.988 40 18.745V11.255V7H43V53.783ZM11 7H15V12H11V7ZM34 7V9H32V7H34ZM38 7V9.026C37.915 9.016 37.832 9 37.745 9H36V7H38ZM28.255 19C28.114 19 28 18.886 28 18.745V14.974C28.085 14.984 28.168 15 28.255 15H30V19H28.255ZM32 15H33.745C33.886 15 34 15.114 34 15.255V18.745C34 18.832 34.016 18.915 34.026 19H32V15ZM36 18.745V15.255C36 14.012 34.988 13 33.745 13H28.255C28.114 13 28 12.886 28 12.745V11.255C28 11.114 28.114 11 28.255 11H37.745C37.886 11 38 11.114 38 11.255V18.745C38 18.886 37.886 19 37.745 19H36.255C36.114 19 36 18.886 36 18.745ZM30 9H28.255C28.168 9 28.085 9.016 28 9.026V7H30V9ZM46 7H45V5H40H26H17H9H3V7H2V4H46V7Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M59.707 34.293L53.708 28.294C53.616 28.201 53.505 28.128 53.382 28.077C53.138 27.976 52.863 27.976 52.618 28.077C52.495 28.128 52.384 28.202 52.292 28.294L46.293 34.293C45.902 34.684 45.902 35.316 46.293 35.707C46.488 35.902 46.744 36 47 36C47.256 36 47.512 35.902 47.707 35.707L52 31.414V57C52 57.553 52.447 58 53 58C53.553 58 54 57.553 54 57V31.414L58.293 35.707C58.488 35.902 58.744 36 59 36C59.256 36 59.512 35.902 59.707 35.707C60.098 35.316 60.098 34.684 59.707 34.293Z" fill="currentColor" fill-opacity="0.87"/>
-</g>
-<defs>
-<clipPath id="clip0_7904_84912">
-<rect width="60" height="60" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/radio-checked.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/radio-checked.svg
deleted file mode 100644
index 129e42f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/radio-checked.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M5.5 12a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0Z" fill="#fff" stroke="currentColor" stroke-width="5"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/radio-unchecked.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/radio-unchecked.svg
deleted file mode 100644
index e1e1f9f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/radio-unchecked.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z" stroke="currentColor" stroke-opacity=".4" stroke-width="2"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/rocket.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/rocket.svg
deleted file mode 100644
index 38a516b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/rocket.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M33.2656 23.1875L28.3594 17.2969C28.5469 20.9062 27.6563 25.1094 24.9063 29.9062L29.5938 33.6562C29.7604 33.7886 29.9581 33.8762 30.1682 33.9108C30.3782 33.9453 30.5936 33.9257 30.7939 33.8537C30.9942 33.7817 31.1728 33.6598 31.3128 33.4995C31.4527 33.3391 31.5495 33.1457 31.5938 32.9375L33.5156 24.25C33.562 24.0658 33.5634 23.8732 33.5199 23.6883C33.4764 23.5034 33.3892 23.3317 33.2656 23.1875ZM6.64061 23.2813L11.5469 17.4062C11.3594 21.0156 12.25 25.2188 15 30L10.3125 33.75C10.1469 33.8823 9.95029 33.9704 9.74127 34.0058C9.53225 34.0413 9.31764 34.023 9.11764 33.9527C8.91763 33.8824 8.73879 33.7623 8.59794 33.6039C8.4571 33.4454 8.35886 33.2537 8.31249 33.0469L6.39061 24.3438C6.34428 24.1596 6.3428 23.967 6.3863 23.7821C6.4298 23.5972 6.51701 23.4255 6.64061 23.2813Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5868 2.31872C18.9844 1.99031 19.484 1.81055 19.9999 1.81055C20.5174 1.81055 21.0185 1.99141 21.4166 2.32172C22.9521 3.57204 26.2759 6.67263 28.1129 11.4477C28.7422 13.0835 29.1922 14.9038 29.3415 16.8978L34.1239 22.6367C34.3488 22.9011 34.5076 23.2152 34.5871 23.5532C34.666 23.8883 34.6646 24.2372 34.5832 24.5716L32.664 33.2626L32.6633 33.2657C32.5798 33.6381 32.403 33.9831 32.1495 34.2684C31.8959 34.5536 31.574 34.7696 31.214 34.8962C30.854 35.0228 30.4677 35.0557 30.0915 34.9919C29.7152 34.928 29.3614 34.7696 29.0633 34.5314L29.0628 34.531L24.6492 31.0001H15.3508L10.9372 34.531L10.9367 34.5314C10.6386 34.7696 10.2847 34.928 9.90851 34.9919C9.53227 35.0557 9.14598 35.0228 8.78597 34.8962C8.42596 34.7696 8.10406 34.5536 7.85053 34.2684C7.597 33.9831 7.42018 33.6381 7.33671 33.2657L7.33601 33.2626L5.4168 24.5716C5.33541 24.2372 5.33403 23.8883 5.41289 23.5532C5.49245 23.215 5.65141 22.9007 5.87655 22.6362L10.5662 17.0205C10.7036 14.9754 11.1625 13.1108 11.8119 11.4389C13.667 6.66274 17.0333 3.56278 18.5868 2.31872ZM27.372 17.4408C27.3612 17.3736 27.3574 17.3057 27.3603 17.2381C27.2407 15.3587 26.8236 13.6664 26.2463 12.1658C24.585 7.84765 21.5539 5.01206 20.15 3.86949L20.1401 3.86146L20.1401 3.8614C20.1008 3.82855 20.0512 3.81055 19.9999 3.81055C19.9487 3.81055 19.899 3.82855 19.8597 3.8614L19.8434 3.87475C18.4249 5.00948 15.3534 7.84484 13.6762 12.163C13.0763 13.7076 12.6489 15.4559 12.5469 17.4027C12.547 17.4384 12.5453 17.4741 12.5416 17.5098C12.3904 20.7895 13.1636 24.6279 15.5833 29.0001H24.4106C26.7972 24.5972 27.5428 20.7358 27.372 17.4408ZM32.5912 23.9216L29.326 20.0033C29.081 22.9478 28.1679 26.2039 26.2812 29.7444L30.3117 32.9689L30.312 32.9691C30.3451 32.9954 30.3843 33.013 30.426 33.02C30.4678 33.0271 30.5107 33.0235 30.5507 33.0094C30.5907 32.9953 30.6265 32.9713 30.6546 32.9396C30.6826 32.9082 30.7021 32.8702 30.7115 32.8292L30.7117 32.8282L32.6329 24.1282C32.635 24.1188 32.6372 24.1093 32.6396 24.0999C32.6469 24.0708 32.6471 24.0404 32.6403 24.0112C32.6334 23.982 32.6196 23.9549 32.6001 23.9322L32.5911 23.9216L32.5912 23.9216ZM10.6056 20.0936L7.40817 23.9224L7.39994 23.9322L7.39987 23.9322C7.38036 23.9549 7.36659 23.982 7.35972 24.0112C7.35285 24.0404 7.35309 24.0708 7.3604 24.0999C7.36277 24.1093 7.365 24.1188 7.36709 24.1282L9.28827 32.8282L9.28849 32.8292C9.29786 32.8702 9.31741 32.9082 9.34536 32.9397C9.37353 32.9713 9.40929 32.9953 9.4493 33.0094C9.4893 33.0235 9.53222 33.0271 9.57403 33.02C9.61574 33.013 9.65498 32.9954 9.68806 32.969L9.68827 32.9689L13.7131 29.749C11.8077 26.2443 10.8721 23.0167 10.6056 20.0936ZM16.5 35.0001C16.5 34.4478 16.9477 34.0001 17.5 34.0001H22.5C23.0523 34.0001 23.5 34.4478 23.5 35.0001C23.5 35.5524 23.0523 36.0001 22.5 36.0001H17.5C16.9477 36.0001 16.5 35.5524 16.5 35.0001ZM21.875 15.0001C21.875 16.0357 21.0355 16.8751 20 16.8751C18.9645 16.8751 18.125 16.0357 18.125 15.0001C18.125 13.9646 18.9645 13.1251 20 13.1251C21.0355 13.1251 21.875 13.9646 21.875 15.0001Z" fill="currentColor"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/trending.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/trending.svg
deleted file mode 100644
index 0b20c53..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/trending.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_7904_84930)">
-<path d="M8 16H23C23.552 16 24 15.553 24 15C24 14.447 23.552 14 23 14H8C7.448 14 7 14.447 7 15C7 15.553 7.448 16 8 16Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M8 13H17C17.552 13 18 12.553 18 12C18 11.447 17.552 11 17 11H8C7.448 11 7 11.447 7 12C7 12.553 7.448 13 8 13Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M24 18C24 17.447 23.552 17 23 17H8C7.448 17 7 17.447 7 18C7 18.553 7.448 19 8 19H23C23.552 19 24 18.553 24 18Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M60 4H31V1C31 0.447 30.552 0 30 0C29.448 0 29 0.447 29 1V4H0V46H27.586L15.293 58.293C14.902 58.684 14.902 59.316 15.293 59.707C15.488 59.902 15.744 60 16 60C16.256 60 16.512 59.902 16.707 59.707L29 47.414V57C29 57.553 29.448 58 30 58C30.552 58 31 57.553 31 57V47.414L43.293 59.707C43.488 59.902 43.744 60 44 60C44.256 60 44.512 59.902 44.707 59.707C45.098 59.316 45.098 58.684 44.707 58.293L32.414 46H60V4ZM58 44H2V6H58V44Z" fill="currentColor" fill-opacity="0.87"/>
-<path d="M41 20H45.586L33.6 31.986L25.307 23.693C24.916 23.302 24.284 23.302 23.893 23.693L11.293 36.293C10.902 36.684 10.902 37.316 11.293 37.707C11.488 37.902 11.744 38 12 38C12.256 38 12.512 37.902 12.707 37.707L24.6 25.814L32.893 34.107C33.088 34.302 33.344 34.4 33.6 34.4C33.856 34.4 34.112 34.302 34.307 34.107L47 21.414V26C47 26.553 47.447 27 48 27C48.553 27 49 26.553 49 26V19C49 18.87 48.974 18.74 48.923 18.618C48.822 18.373 48.627 18.178 48.382 18.077C48.26 18.026 48.13 18 48 18H41C40.448 18 40 18.447 40 19C40 19.553 40.448 20 41 20Z" fill="currentColor" fill-opacity="0.87"/>
-</g>
-<defs>
-<clipPath id="clip0_7904_84930">
-<rect width="60" height="60" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/user-info.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/user-info.svg
deleted file mode 100644
index 9d955d1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/user-info.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="1em" height="1em" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.2" d="M9.1875 6.25H32.8125C32.8954 6.25 32.9749 6.28292 33.0335 6.34153C33.0921 6.40013 33.125 6.47962 33.125 6.5625V35.4375C33.125 35.5204 33.0921 35.5999 33.0335 35.6585C32.9749 35.7171 32.8954 35.75 32.8125 35.75H9.1875C9.10462 35.75 9.02513 35.7171 8.96653 35.6585C8.90792 35.5999 8.875 35.5204 8.875 35.4375V6.5625C8.875 6.47962 8.90792 6.40014 8.96653 6.34153C9.02514 6.28292 9.10462 6.25 9.1875 6.25ZM17.5277 27.5092C18.5555 28.1959 19.7639 28.5625 21 28.5625C22.6576 28.5625 24.2473 27.904 25.4194 26.7319C26.5915 25.5598 27.25 23.9701 27.25 22.3125C27.25 21.0764 26.8834 19.868 26.1967 18.8402C25.5099 17.8124 24.5338 17.0113 23.3918 16.5383C22.2497 16.0652 20.9931 15.9414 19.7807 16.1826C18.5683 16.4237 17.4547 17.019 16.5806 17.8931C15.7065 18.7672 15.1112 19.8808 14.8701 21.0932C14.6289 22.3056 14.7527 23.5622 15.2258 24.7043C15.6988 25.8463 16.4999 26.8224 17.5277 27.5092Z" fill="currentColor" stroke="currentColor" stroke-width="2"/>
-<path d="M21 27.5625C23.8995 27.5625 26.25 25.212 26.25 22.3125C26.25 19.413 23.8995 17.0625 21 17.0625C18.1005 17.0625 15.75 19.413 15.75 22.3125C15.75 25.212 18.1005 27.5625 21 27.5625ZM21 27.5625C19.4718 27.5625 17.9646 27.9183 16.5977 28.6017C15.2309 29.2852 14.0419 30.2774 13.125 31.5M21 27.5625C22.5282 27.5625 24.0354 27.9183 25.4023 28.6017C26.7691 29.2852 27.9581 30.2774 28.875 31.5M15.75 10.5H26.25M34.125 6.5625V35.4375C34.125 36.1624 33.5374 36.75 32.8125 36.75H9.1875C8.46263 36.75 7.875 36.1624 7.875 35.4375V6.5625C7.875 5.83763 8.46263 5.25 9.1875 5.25H32.8125C33.5374 5.25 34.125 5.83763 34.125 6.5625Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/user.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/user.svg
deleted file mode 100644
index 183ecc1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/user.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="User">
-<path id="Vector" opacity="0.2" d="M32.7502 8C27.8939 7.99858 23.1514 9.47041 19.1493 12.2211C15.1471 14.9717 12.0736 18.8718 10.3346 23.406C8.59566 27.9403 8.27315 32.8954 9.40969 37.6168C10.5462 42.3382 13.0883 46.6038 16.7002 49.85C18.2052 46.8863 20.5014 44.3973 23.3343 42.6587C26.1673 40.9201 29.4263 39.9999 32.7502 40C30.7724 40 28.839 39.4135 27.1945 38.3147C25.55 37.2159 24.2683 35.6541 23.5114 33.8268C22.7545 31.9996 22.5565 29.9889 22.9423 28.0491C23.3282 26.1093 24.2806 24.3275 25.6791 22.9289C27.0776 21.5304 28.8595 20.578 30.7993 20.1921C32.7391 19.8063 34.7498 20.0043 36.577 20.7612C38.4043 21.5181 39.9661 22.7998 41.0649 24.4443C42.1637 26.0888 42.7502 28.0222 42.7502 30C42.7502 32.6522 41.6966 35.1957 39.8213 37.0711C37.9459 38.9464 35.4023 40 32.7502 40C36.0741 39.9999 39.3331 40.9201 42.166 42.6587C44.999 44.3973 47.2952 46.8863 48.8002 49.85C52.412 46.6038 54.9541 42.3382 56.0907 37.6168C57.2272 32.8954 56.9047 27.9403 55.1658 23.406C53.4268 18.8718 50.3533 14.9717 46.3511 12.2211C42.3489 9.47041 37.6065 7.99858 32.7502 8Z" fill="currentColor"/>
-<path id="Vector_2" d="M32.7502 40C38.2731 40 42.7502 35.5228 42.7502 30C42.7502 24.4772 38.2731 20 32.7502 20C27.2274 20 22.7502 24.4772 22.7502 30C22.7502 35.5228 27.2274 40 32.7502 40ZM32.7502 40C29.4262 40 26.1671 40.9189 23.3341 42.6578C20.5011 44.3967 18.205 46.8861 16.7002 49.85M32.7502 40C36.0743 40 39.3334 40.9189 42.1664 42.6578C44.9993 44.3967 47.2955 46.8861 48.8002 49.85M56.7502 32C56.7502 45.2548 46.0051 56 32.7502 56C19.4954 56 8.75024 45.2548 8.75024 32C8.75024 18.7452 19.4954 8 32.7502 8C46.0051 8 56.7502 18.7452 56.7502 32Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-account.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-account.svg
deleted file mode 100644
index 1faf875..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-account.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg id="wizardAccount" width="54" height="54" xmlns="http://www.w3.org/2000/svg">
-    <g fill-rule="nonzero">
-        <path d="M54 7.2V4a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v3.2h1.8v36H.9a.9.9 0 1 0 0 1.8h25.2v1.8c0 .042.019.08.024.12A3.596 3.596 0 0 0 23.4 50.4c0 1.985 1.615 3.6 3.6 3.6s3.6-1.615 3.6-3.6a3.596 3.596 0 0 0-2.724-3.48c.005-.04.024-.078.024-.12V45h25.2a.9.9 0 1 0 0-1.8h-.9v-36H54zM28.8 50.4c0 .993-.807 1.8-1.8 1.8s-1.8-.807-1.8-1.8.807-1.8 1.8-1.8 1.8.807 1.8 1.8zM5.4 1.8h43.2a3.6 3.6 0 0 1 3.6 3.6H1.8a3.6 3.6 0 0 1 3.6-3.6zm43 41.4H5.6a2 2 0 0 1-2-2v-32a2 2 0 0 1 2-2h42.8a2 2 0 0 1 2 2v32a2 2 0 0 1-2 2z" fill="currentColor"/>
-        <path d="M45 36.9H31.5a.9.9 0 1 0 0 1.8H45a.9.9 0 1 0 0-1.8zM9 32.4h9a.9.9 0 1 0 0-1.8H9a.9.9 0 1 0 0 1.8zM27 32.4h13.5a.9.9 0 1 0 0-1.8H27a.9.9 0 1 0 0 1.8zM21.861 30.861a.926.926 0 0 0-.261.639c0 .234.099.468.261.639a.946.946 0 0 0 .639.261.946.946 0 0 0 .639-.261.946.946 0 0 0 .261-.639.945.945 0 0 0-.261-.639c-.333-.333-.945-.333-1.278 0zM27 36.9H13.5a.9.9 0 1 0 0 1.8H27a.9.9 0 1 0 0-1.8zM9 38.7a.946.946 0 0 0 .639-.261.946.946 0 0 0 .261-.639.906.906 0 0 0-.261-.63c-.333-.342-.936-.342-1.278-.009a.945.945 0 0 0-.261.639c0 .234.099.468.261.639A.946.946 0 0 0 9 38.7zM44.361 30.861a.926.926 0 0 0-.261.639c0 .234.099.468.261.639A.946.946 0 0 0 45 32.4a.946.946 0 0 0 .639-.261.946.946 0 0 0 .261-.639.945.945 0 0 0-.261-.639c-.333-.333-.936-.333-1.278 0zM45 18H31.5a.9.9 0 1 0 0 1.8H45a.9.9 0 1 0 0-1.8zM45 24.3h-9a.9.9 0 1 0 0 1.8h9a.9.9 0 1 0 0-1.8zM27 26.1h1.8a.9.9 0 1 0 0-1.8H27a.9.9 0 1 0 0 1.8zM27 13.5h13.5a.9.9 0 1 0 0-1.8H27a.9.9 0 1 0 0 1.8zM45 13.5a.946.946 0 0 0 .639-.261.906.906 0 0 0 .261-.639.905.905 0 0 0-.261-.639c-.342-.333-.945-.333-1.278 0a.945.945 0 0 0-.261.639c0 .234.099.468.261.639A.946.946 0 0 0 45 13.5zM27.261 18.261A.926.926 0 0 0 27 18.9c0 .234.099.468.261.639a.946.946 0 0 0 .639.261.946.946 0 0 0 .639-.261.946.946 0 0 0 .261-.639.926.926 0 0 0-.261-.639.942.942 0 0 0-1.278 0zM31.761 24.561a.945.945 0 0 0-.261.639c0 .234.099.468.261.639a.946.946 0 0 0 .639.261.946.946 0 0 0 .639-.261.946.946 0 0 0 .261-.639.945.945 0 0 0-.261-.639c-.333-.333-.945-.333-1.278 0zM19.5 11.7h-8.4a3 3 0 0 0-3 3v8.4a3 3 0 0 0 3 3h8.4a3 3 0 0 0 3-3v-8.4a3 3 0 0 0-3-3zm-1.8 12.6h-4.8a3 3 0 0 1-3-3v-4.8a3 3 0 0 1 3-3h4.8a3 3 0 0 1 3 3v4.8a3 3 0 0 1-3 3z" fill="currentColor"/>
-    </g>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-address.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-address.svg
deleted file mode 100644
index b1413e9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-address.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-<svg id="wizardAddress" width="54" height="54" xmlns="http://www.w3.org/2000/svg">
-    <g fill-rule="nonzero">
-        <path d="M54 3.864c0-1.986-1.615-3.6-3.6-3.6H3.6a3.604 3.604 0 0 0-3.6 3.6c0 1.673 1.152 3.07 2.7 3.472v43.7l2.7-2.7 5.4 5.4 5.4-5.4 5.4 5.4 5.4-5.4 5.4 5.4 5.4-5.4 5.4 5.4 5.4-5.4 2.7 2.7v-43.7c1.548-.402 2.7-1.8 2.7-3.472zM49.5 46.69l-.9-.9-5.4 5.4-5.4-5.4-5.4 5.4-5.4-5.4-5.4 5.4-5.4-5.4-5.4 5.4-5.4-5.4-.9.9V4.764h45V46.69zm1.8-41.27V2.965H2.7v2.458a1.8 1.8 0 0 1 .9-3.358h46.8a1.8 1.8 0 0 1 .9 3.358z" fill="currentColor"/>
-        <path d="M39.6 36.264H26.1a.9.9 0 1 0 0 1.8h13.5a.9.9 0 1 0 0-1.8zM43.461 36.525a.926.926 0 0 0-.261.639c0 .234.099.468.261.639a.946.946 0 0 0 .639.26.946.946 0 0 0 .639-.26.946.946 0 0 0 .261-.64.926.926 0 0 0-.261-.638.942.942 0 0 0-1.278 0zM44.1 23.664H30.6a.9.9 0 1 0 0 1.8h13.5a.9.9 0 1 0 0-1.8zM44.1 29.964h-9a.9.9 0 1 0 0 1.8h9a.9.9 0 1 0 0-1.8zM25.2 30.864a.9.9 0 0 0 .9.9h1.8a.9.9 0 1 0 0-1.8h-1.8a.9.9 0 0 0-.9.9zM40.5 18.264a.9.9 0 0 0-.9-.9H26.1a.9.9 0 1 0 0 1.8h13.5a.9.9 0 0 0 .9-.9zM43.461 17.625a.926.926 0 0 0-.261.639c0 .234.099.468.261.639a.946.946 0 0 0 .639.26.93.93 0 0 0 .639-.26.946.946 0 0 0 .261-.64.945.945 0 0 0-.261-.638c-.333-.333-.945-.333-1.278 0zM27.639 25.203a.93.93 0 0 0 .261-.64.926.926 0 0 0-.261-.638c-.333-.333-.936-.333-1.278 0a.926.926 0 0 0-.261.639.93.93 0 0 0 .261.639.946.946 0 0 0 .639.26.946.946 0 0 0 .639-.26zM32.139 31.503a.911.911 0 0 0 0-1.278c-.333-.333-.936-.333-1.278 0a.945.945 0 0 0-.261.639c0 .234.099.468.261.639a.946.946 0 0 0 .639.26.946.946 0 0 0 .639-.26zM15.3 19.255v-.991a.9.9 0 1 0-1.8 0v.993c-.982.2-1.877.721-2.536 1.502a3.094 3.094 0 0 0-.715 2.342 3.284 3.284 0 0 0 1.245 2.242l2.006 1.56v4.895a2.696 2.696 0 0 1-1.8-2.534.9.9 0 1 0-1.8 0 4.508 4.508 0 0 0 3.6 4.409v.79a.9.9 0 1 0 1.8 0v-.794c.982-.2 1.877-.72 2.537-1.501a3.1 3.1 0 0 0 .714-2.345 3.282 3.282 0 0 0-1.245-2.239l-2.006-1.56V21.13a2.696 2.696 0 0 1 1.8 2.535.9.9 0 1 0 1.8 0 4.509 4.509 0 0 0-3.6-4.41zm.9 9.75c.315.244.52.612.56 1.006.04.37-.067.723-.297.995-.313.37-.718.629-1.163.787v-3.49l.9.702zm-3.6-5.082a1.478 1.478 0 0 1-.56-1.008c-.038-.368.067-.721.297-.994.313-.37.718-.629 1.163-.787v3.49l-.9-.701z" fill="currentColor"/>
-        <circle cx="36" cy="10.164" r="1" fill="currentColor"/>
-        <circle cx="32.4" cy="10.164" r="1" fill="currentColor"/>
-        <circle cx="39.6" cy="10.164" r="1" fill="currentColor"/>
-        <circle cx="28.8" cy="10.164" r="1" fill="currentColor"/>
-        <circle cx="43.2" cy="10.164" r="1" fill="currentColor"/>
-        <circle cx="18" cy="10.164" r="1" fill="currentColor"/>
-        <circle cx="21.6" cy="10.164" r="1" fill="currentColor"/>
-        <circle cx="25.2" cy="10.164" r="1" fill="currentColor"/>
-        <circle cx="46.8" cy="10.164" r="1" fill="currentColor"/>
-        <circle cx="14.4" cy="10.164" r="1" fill="currentColor"/>
-        <circle cx="10.8" cy="10.164" r="1" fill="currentColor"/>
-        <circle cx="7.2" cy="10.164" r="1" fill="currentColor"/>
-    </g>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-personal.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-personal.svg
deleted file mode 100644
index 91f3d7e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-personal.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg id="wizardPersonal" width="58" height="54" xmlns="http://www.w3.org/2000/svg">
-    <g fill-rule="nonzero">
-        <path d="M53.857.283H4a4 4 0 0 0-4 4V40.64a4 4 0 0 0 4 4h32.643v9.077l6.75-6.75 6.75 6.75V44.64h3.714a4 4 0 0 0 4-4V4.283a4 4 0 0 0-4-4zm-5.643 48.779-4.821-4.822-4.822 4.822V38.517c.012.007.026.012.037.019a9.576 9.576 0 0 0 4.785 1.282 9.576 9.576 0 0 0 4.785-1.282c.011-.007.025-.01.036-.019v10.545zm.283-13.118c-.152.134-.307.26-.467.38a7.728 7.728 0 0 1-.58.4c-.038.023-.077.046-.114.07a7.303 7.303 0 0 1-.496.272l-.145.07c-.162.078-.325.15-.492.216-.064.025-.128.047-.193.07-.155.057-.313.11-.472.157-.085.025-.172.045-.259.067a7.314 7.314 0 0 1-.43.1c-.123.024-.248.04-.373.057-.114.016-.227.037-.343.047a7.855 7.855 0 0 1-.741.038c-.25 0-.498-.015-.742-.038-.114-.011-.227-.03-.342-.047-.124-.017-.25-.034-.373-.057-.145-.028-.288-.065-.43-.1-.087-.022-.174-.043-.26-.067-.159-.046-.315-.1-.471-.157-.065-.023-.13-.045-.193-.07a7.908 7.908 0 0 1-1.133-.559 7.728 7.728 0 0 1-.602-.4l-.092-.068a7.692 7.692 0 0 1-3.075-6.15c0-4.253 3.46-7.714 7.714-7.714 4.253 0 7.714 3.46 7.714 7.714a7.687 7.687 0 0 1-2.61 5.769zm3.432 6.767h-1.786V37.05a9.61 9.61 0 0 0 2.893-6.875c0-5.317-4.326-9.642-9.643-9.642-5.317 0-9.643 4.325-9.643 9.642 0 2.69 1.11 5.125 2.893 6.875v5.661H5.929a4 4 0 0 1-4-4v-32.5a4 4 0 0 1 4-4h46a4 4 0 0 1 4 4v32.5a4 4 0 0 1-4 4z" fill="currentColor"/>
-        <path d="M11.747 12.598a3.315 3.315 0 0 0-.766 2.51c.099.944.585 1.82 1.334 2.402l2.15 1.673v5.243a2.889 2.889 0 0 1-1.93-2.715.964.964 0 1 0-1.928 0 4.83 4.83 0 0 0 3.857 4.724v.847a.964.964 0 1 0 1.929 0v-.85a4.813 4.813 0 0 0 2.718-1.61c.59-.697.861-1.588.765-2.511a3.516 3.516 0 0 0-1.334-2.4l-2.15-1.67v-5.244c1.12.399 1.93 1.46 1.93 2.715a.964.964 0 1 0 1.928 0 4.83 4.83 0 0 0-3.857-4.724V9.926a.964.964 0 1 0-1.929 0v1.065a4.806 4.806 0 0 0-2.717 1.607zm5.611 8.836c.337.261.556.656.6 1.078.041.396-.072.775-.32 1.066-.335.396-.769.674-1.245.844v-3.74l.965.752zM13.5 15.99a1.584 1.584 0 0 1-.6-1.08c-.04-.395.073-.773.32-1.065.335-.396.769-.674 1.245-.843v3.738l-.965-.75zM24.107 14.747h22.179a.964.964 0 1 0 0-1.929H24.107a.964.964 0 1 0 0 1.929zM24.107 20.533h10.607a.964.964 0 1 0 0-1.929H24.107a.964.964 0 1 0 0 1.929zM24.107 26.318h7.714a.964.964 0 1 0 0-1.928h-7.714a.964.964 0 1 0 0 1.928zM10.607 33.068h20.25a.964.964 0 1 0 0-1.928h-20.25a.964.964 0 1 0 0 1.928z" fill="currentColor"/>
-    </g>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-social-link.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-social-link.svg
deleted file mode 100644
index 715f028..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-social-link.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg id="wizardSocialLink" width="54" height="54" xmlns="http://www.w3.org/2000/svg">
-    <g fill-rule="nonzero">
-        <path d="M50 3.6H27.9V.9a.9.9 0 1 0-1.8 0v2.7H4a4 4 0 0 0-4 4v29.8a4 4 0 0 0 4 4h20.827L13.764 52.464a.899.899 0 1 0 1.272 1.272L26.1 42.673V51.3a.9.9 0 1 0 1.8 0v-8.627l11.064 11.063a.898.898 0 0 0 1.272 0 .899.899 0 0 0 0-1.272L29.173 41.4H50a4 4 0 0 0 4-4V7.6a4 4 0 0 0-4-4zm-1.8 36H5.8a4 4 0 0 1-4-4V9.4a4 4 0 0 1 4-4h42.4a4 4 0 0 1 4 4v26.2a4 4 0 0 1-4 4z" fill="currentColor"/>
-        <path d="M32.4 37.8a.9.9 0 0 0 .9-.9v-2.7a.9.9 0 1 0-1.8 0v2.7a.9.9 0 0 0 .9.9zM36 29.7a.9.9 0 0 0-.9.9v6.3a.9.9 0 1 0 1.8 0v-6.3a.9.9 0 0 0-.9-.9zM39.6 31.5a.9.9 0 0 0-.9.9v4.5a.9.9 0 1 0 1.8 0v-4.5a.9.9 0 0 0-.9-.9zM43.2 25.2a.9.9 0 0 0-.9.9v10.8a.9.9 0 1 0 1.8 0V26.1a.9.9 0 0 0-.9-.9zM46.8 28.8a.9.9 0 0 0-.9.9v7.2a.9.9 0 1 0 1.8 0v-7.2a.9.9 0 0 0-.9-.9zM7.2 34.2h9a.9.9 0 1 0 0-1.8h-9a.9.9 0 1 0 0 1.8zM20.7 36H7.2a.9.9 0 1 0 0 1.8h13.5a.9.9 0 1 0 0-1.8zM26.96 16.746a9.85 9.85 0 0 0-.073-.637c-.018-.128-.035-.256-.058-.382a10.638 10.638 0 0 0-.153-.7c-.026-.104-.05-.208-.08-.311a10.382 10.382 0 0 0-.232-.704c-.036-.099-.07-.199-.11-.297a9.854 9.854 0 0 0-.285-.636c-.053-.112-.104-.225-.162-.335a9.992 9.992 0 0 0-.296-.513c-.082-.137-.16-.275-.249-.409-.08-.117-.166-.23-.25-.344-.124-.171-.245-.344-.38-.508l-.002-.002c-.21-.254-.428-.502-.663-.737a10.203 10.203 0 0 0-.706-.634l-.035-.032c-.155-.128-.32-.242-.481-.36-.123-.092-.245-.187-.375-.273-.122-.08-.25-.152-.375-.228-.18-.11-.363-.219-.55-.318-.099-.051-.2-.096-.3-.145-.22-.107-.445-.21-.674-.301-.089-.035-.178-.065-.266-.097a10.54 10.54 0 0 0-.732-.242c-.097-.027-.196-.05-.294-.075-.234-.06-.47-.113-.71-.156-.127-.023-.256-.04-.384-.058a11.14 11.14 0 0 0-.63-.072 9.776 9.776 0 0 0-.487-.024c-.107-.003-.21-.016-.318-.016-.081 0-.16.01-.241.013-.08.001-.158-.006-.238-.002l-.355.021-.01.01C10.495 7.674 6.3 12.127 6.3 17.55c0 5.707 4.643 10.35 10.35 10.35 2.591 0 4.957-.964 6.775-2.544.025-.02.056-.03.08-.053.014-.014.018-.033.032-.048a10.318 10.318 0 0 0 3.419-6.817l.017-.014.018-.396c.004-.08-.004-.157-.002-.236 0-.08.011-.16.011-.242 0-.11-.014-.217-.016-.326-.006-.16-.012-.318-.025-.478zM17.1 9.023c.09.004.18.006.268.013a8.926 8.926 0 0 1 .886.12c.06.011.12.021.18.034.245.052.488.113.724.186l.044.013a8.586 8.586 0 0 1 5.61 5.609c.004.014.007.03.012.044.073.236.134.478.186.723.013.06.023.12.034.181.038.2.069.402.093.606.01.093.019.186.027.28.007.088.009.179.013.268H17.1V9.022zm-9 8.527c0-4.254 3.127-7.782 7.2-8.433v8.878l.002.012.031.893h.494l5.68 5.679A8.498 8.498 0 0 1 16.65 26.1c-4.714 0-8.55-3.836-8.55-8.55zm14.77 5.847L18.373 18.9h6.71a8.51 8.51 0 0 1-2.213 4.497zM35.1 13.5h7.2a.9.9 0 1 0 0-1.8h-7.2a.9.9 0 1 0 0 1.8zM46.17 11.961a.879.879 0 0 0-.27.639c0 .243.098.477.261.63.17.171.395.27.639.27a.946.946 0 0 0 .639-.261.946.946 0 0 0 .261-.639.945.945 0 0 0-.261-.639c-.342-.333-.955-.324-1.269 0zM44.1 9h2.7a.9.9 0 1 0 0-1.8h-2.7a.9.9 0 1 0 0 1.8zM35.1 9h1.8a.9.9 0 1 0 0-1.8h-1.8a.9.9 0 1 0 0 1.8zM40.5 9a.93.93 0 0 0 .639-.261.93.93 0 0 0 .261-.639.926.926 0 0 0-.261-.639c-.333-.333-.955-.333-1.278 0a.922.922 0 0 0-.261.639c0 .243.098.468.261.639.17.162.395.261.639.261z" fill="currentColor"/>
-    </g>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-submit.svg b/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-submit.svg
deleted file mode 100644
index 32bb262..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/images/svg/wizard-submit.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg id="wizardSubmit" width="54" height="54" xmlns="http://www.w3.org/2000/svg">
-    <g fill-rule="nonzero">
-        <path d="M50.4 13.5V2.687A2.69 2.69 0 0 0 47.714 0h-3.627A2.69 2.69 0 0 0 41.4 2.687V13.5H4a4 4 0 0 0-4 4v21.7a4 4 0 0 0 4 4h37.4v2.04l3.6 6.3v1.56a.9.9 0 1 0 1.8 0v-1.56l3.6-6.3V43.2a3.6 3.6 0 0 0 3.6-3.6V17.1a3.6 3.6 0 0 0-3.6-3.6zm-1.8-3.6h-5.4V8.1h5.4v1.8zm-5.4-7.213c0-.49.398-.887.886-.887h3.628c.488 0 .886.398.886.887V6.3h-5.4V2.687zM1.8 38.4V18.3a3 3 0 0 1 3-3h33.6a3 3 0 0 1 3 3v20.1a3 3 0 0 1-3 3H4.8a3 3 0 0 1-3-3zm44.1 11.086L43.85 45.9h4.1l-2.05 3.586zm2.7-5.386h-5.4V11.7h5.4v32.4zm2.7-2.7a.9.9 0 0 1-.9-.9V16.2a.9.9 0 1 1 1.8 0v24.3a.9.9 0 0 1-.9.9z" fill="currentColor"/>
-        <path d="M35.1 23.4h-2.7a.9.9 0 1 0 0 1.8h2.7a.9.9 0 1 0 0-1.8zM18.9 21.6h2.7a.9.9 0 1 0 0-1.8h-2.7a.9.9 0 1 0 0 1.8zM35.1 19.8h-6.3a.9.9 0 1 0 0 1.8h6.3a.9.9 0 1 0 0-1.8zM25.2 21.6a.946.946 0 0 0 .639-.261.946.946 0 0 0 .261-.639.945.945 0 0 0-.261-.639c-.342-.333-.945-.333-1.278 0a.945.945 0 0 0-.261.639c0 .234.099.468.261.639a.93.93 0 0 0 .639.261zM21.6 24.3a.9.9 0 0 0 .9.9h6.3a.9.9 0 1 0 0-1.8h-6.3a.9.9 0 0 0-.9.9zM18.9 25.2a.946.946 0 0 0 .639-.261.946.946 0 0 0 .261-.639.926.926 0 0 0-.261-.639c-.342-.333-.945-.333-1.278 0A.926.926 0 0 0 18 24.3c0 .234.099.468.261.639a.93.93 0 0 0 .639.261zM9.9 20.79v-.99a.9.9 0 1 0-1.8 0v.994c-.982.2-1.877.721-2.536 1.502a3.094 3.094 0 0 0-.715 2.342 3.284 3.284 0 0 0 1.245 2.242L8.1 28.44v4.894A2.696 2.696 0 0 1 6.3 30.8a.9.9 0 1 0-1.8 0 4.508 4.508 0 0 0 3.6 4.409V36a.9.9 0 1 0 1.8 0v-.794c.982-.2 1.877-.72 2.537-1.501a3.1 3.1 0 0 0 .714-2.345 3.282 3.282 0 0 0-1.245-2.239L9.9 27.56v-4.894a2.696 2.696 0 0 1 1.8 2.534.9.9 0 1 0 1.8 0 4.508 4.508 0 0 0-3.6-4.41zm.9 9.752c.315.243.52.611.56 1.006.04.369-.067.722-.297.994-.313.37-.718.63-1.163.788v-3.49l.9.701zm-3.6-5.083a1.478 1.478 0 0 1-.56-1.008c-.038-.368.067-.72.297-.993.313-.37.718-.63 1.163-.788v3.49l-.9-.7zM21.73 30.06c-1.97 1.026-2.635 2.989-2.876 5.024l-1.117-.936c-.882-.74-2.162.527-1.272 1.272l2.525 2.116c.592.497 1.51.183 1.536-.636.066-1.95.158-4.268 2.114-5.286 1.026-.534.117-2.089-.91-1.554zM27.715 33.65c-1.246.289-2.664 1.875-3.542.096-.512-1.04-2.065-.128-1.554.908.465.944 1.35 1.604 2.402 1.737a3.006 3.006 0 0 0 1.52-.203c.367-.143 1.742-1.176 2.04-.645.565 1.011 2.12.104 1.554-.908-.484-.865-1.462-1.207-2.42-.985z" fill="currentColor"/>
-    </g>
-</svg>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_components.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_components.scss
deleted file mode 100644
index 7d96d69..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_components.scss
+++ /dev/null
@@ -1,195 +0,0 @@
-@use "@core-scss/base/mixins";
-@use "@layouts/styles/placeholders";
-@use "@layouts/styles/mixins" as layoutMixins;
-@use "@configured-variables" as variables;
-@use "@styles/variables/_vuetify.scss" as vuetify;
-
-// 👉 Avatar group
-.v-avatar-group {
-  display: flex;
-  align-items: center;
-
-  > * {
-    &:not(:first-child) {
-      margin-inline-start: -0.8rem;
-    }
-
-    transition: transform 0.25s ease, box-shadow 0.15s ease;
-
-    &:hover {
-      z-index: 2;
-      transform: translateY(-5px) scale(1.05);
-
-      @include mixins.elevation(3);
-    }
-  }
-
-  > .v-avatar {
-    border: 2px solid rgb(var(--v-theme-surface));
-    transition: transform 0.15s ease;
-  }
-}
-
-// 👉 Button outline with default color border color
-.v-alert--variant-outlined,
-.v-avatar--variant-outlined,
-.v-btn.v-btn--variant-outlined,
-.v-card--variant-outlined,
-.v-chip--variant-outlined,
-.v-list-item--variant-outlined {
-  &:not([class*="text-"]) {
-    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-  }
-
-  &.text-default {
-    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-  }
-}
-
-// 👉 Custom Input
-.v-label.custom-input {
-  padding: 1rem;
-  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-  opacity: 1;
-  white-space: normal;
-
-  +.v-label {
-    letter-spacing: normal;
-  }
-
-  &:hover {
-    border-color: rgba(var(--v-border-color), 0.25);
-  }
-
-  &.active {
-    border-color: rgb(var(--v-theme-primary));
-
-    .v-icon {
-      color: rgb(var(--v-theme-primary)) !important;
-    }
-  }
-
-  &.custom-checkbox,
-  &.custom-radio {
-    .v-input__control {
-      grid-area: none;
-    }
-  }
-}
-
-// 👉 Datatable
-.v-data-table-footer__pagination {
-  @include layoutMixins.rtl {
-    .v-btn {
-      .v-icon {
-        transform: rotate(180deg);
-      }
-    }
-  }
-}
-
-// Dialog responsive width
-.v-dialog {
-  // dialog custom close btn
-  .v-dialog-close-btn {
-    position: absolute;
-    z-index: 1;
-    color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !important;
-    inset-block-start: 0.5rem;
-    inset-inline-end: 0.5rem;
-
-    .v-btn__overlay {
-      display: none;
-    }
-  }
-
-  .v-card {
-    @extend %style-scroll-bar;
-  }
-}
-
-@media (min-width: 600px) {
-  .v-dialog {
-    &.v-dialog-sm,
-    &.v-dialog-lg,
-    &.v-dialog-xl {
-      .v-overlay__content {
-        inline-size: 565px !important;
-      }
-    }
-  }
-}
-
-@media (min-width: 960px) {
-  .v-dialog {
-    &.v-dialog-lg,
-    &.v-dialog-xl {
-      .v-overlay__content {
-        inline-size: 865px !important;
-      }
-    }
-  }
-}
-
-@media (min-width: 1264px) {
-  .v-dialog.v-dialog-xl {
-    .v-overlay__content {
-      inline-size: 1165px !important;
-    }
-  }
-}
-
-// 👉 Expansion panel
-.v-expansion-panels.customized-panels {
-  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-  border-radius: vuetify.$border-radius-root;
-
-  .v-expansion-panel-title {
-    background-color: rgb(var(--v-theme-expansion-panel-text-custom-bg));
-    border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-    margin-block-end: -1px;
-  }
-
-  .v-expansion-panel-text__wrapper {
-    padding: 20px;
-  }
-}
-
-// v-tab with pill support
-.v-tabs.v-tabs-pill {
-  .v-tab.v-btn {
-    border-radius: 6px !important;
-    transition: none;
-
-    .v-tab__slider {
-      visibility: hidden;
-    }
-  }
-}
-
-// loop for all colors bg
-@each $color-name in variables.$theme-colors-name {
-  body .v-tabs.v-tabs-pill {
-    .v-slide-group__content {
-      gap: 0.25rem;
-    }
-    .v-tab--selected.text-#{$color-name} {
-      background-color: rgb(var(--v-theme-#{$color-name}));
-      color: rgb(var(--v-theme-on-#{$color-name})) !important;
-    }
-  }
-}
-
-// ℹ️ We are make even width of all v-timeline body
-.v-timeline--vertical.v-timeline {
-  .v-timeline-item {
-    .v-timeline-item__body {
-      justify-self: stretch !important;
-    }
-  }
-}
-
-// 👉 Switch
-.v-switch .v-selection-control:not(.v-selection-control--dirty) .v-switch__thumb {
-  color: #fff !important;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_dark.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_dark.scss
deleted file mode 100644
index 8ff71c8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_dark.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-@use "@configured-variables" as variables;
-
-// ————————————————————————————————————
-// * ——— Perfect Scrollbar
-// ————————————————————————————————————
-
-body.v-theme--dark {
-  .ps__rail-y,
-  .ps__rail-x {
-    background-color: transparent !important;
-  }
-
-  .ps__thumb-y {
-    background-color: variables.$plugin-ps-thumb-y-dark;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_default-layout-w-horizontal-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_default-layout-w-horizontal-nav.scss
deleted file mode 100644
index c2613ae..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_default-layout-w-horizontal-nav.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-@use "@core-scss/base/placeholders" as *;
-@use "@core-scss/template/placeholders" as *;
-@use "@core-scss/base/mixins";
-
-.layout-wrapper.layout-nav-type-horizontal {
-  .layout-navbar-and-nav-container {
-    @extend %default-layout-horizontal-nav-navbar-and-nav-container;
-  }
-
-  // 👉 Navbar
-  .layout-navbar {
-    @extend %default-layout-horizontal-nav-navbar;
-  }
-
-  // 👉 Layout content container
-  .navbar-content-container {
-    display: flex;
-    align-items: center;
-    block-size: 100%;
-  }
-
-  .layout-horizontal-nav {
-    @extend %default-layout-horizontal-nav-nav;
-
-    .nav-items {
-      @extend %default-layout-horizontal-nav-nav-items-list;
-    }
-  }
-
-  // 👉 App footer
-  .layout-footer {
-    @at-root {
-      .layout-footer-sticky#{&} {
-        background-color: rgb(var(--v-theme-surface));
-
-        @include mixins.elevation(3);
-      }
-    }
-  }
-
-  // TODO: Use Vuetify grid sass variable here
-  .layout-page-content {
-    padding-block: 1.5rem;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_default-layout-w-vertical-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_default-layout-w-vertical-nav.scss
deleted file mode 100644
index 4e2bf48..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_default-layout-w-vertical-nav.scss
+++ /dev/null
@@ -1,103 +0,0 @@
-@use "@configured-variables" as variables;
-@use "@core-scss/base/placeholders" as *;
-@use "@core-scss/template/placeholders" as *;
-@use "misc";
-@use "@core-scss/base/mixins";
-
-$header: ".layout-navbar";
-
-@if variables.$layout-vertical-nav-navbar-is-contained {
-  $header: ".layout-navbar .navbar-content-container";
-}
-
-.layout-wrapper.layout-nav-type-vertical {
-  // SECTION  Layout Navbar
-  // 👉 Elevated navbar
-  @if variables.$vertical-nav-navbar-style == "elevated" {
-    // Add transition
-    #{$header} {
-      transition: padding 0.2s ease, background-color 0.18s ease;
-    }
-
-    // If navbar is contained => Add border radius to header
-    @if variables.$layout-vertical-nav-navbar-is-contained {
-      #{$header} {
-        border-radius: 0 0 variables.$default-layout-with-vertical-nav-navbar-footer-roundness variables.$default-layout-with-vertical-nav-navbar-footer-roundness;
-      }
-    }
-
-    // Scrolled styles for sticky navbar
-    @at-root {
-      /* ℹ️ This html selector with not selector is required when:
-        dialog is opened and window don't have any scroll. This removes window-scrolled class from layout and our style broke
-    */
-      html.v-overlay-scroll-blocked:not([style*="--v-body-scroll-y: 0px;"]) .layout-navbar-sticky,
-      &.window-scrolled.layout-navbar-sticky {
-
-        #{$header} {
-          @extend %default-layout-vertical-nav-scrolled-sticky-elevated-nav;
-          @extend %default-layout-vertical-nav-floating-navbar-and-sticky-elevated-navbar-scrolled;
-        }
-
-        .navbar-blur#{$header} {
-          @extend %blurry-bg;
-        }
-      }
-    }
-  }
-
-  // 👉 Floating navbar
-  @else if  variables.$vertical-nav-navbar-style == "floating" {
-    // ℹ️ Regardless of navbar is contained or not => Apply overlay to .layout-navbar
-    .layout-navbar {
-      &.navbar-blur {
-        @extend %default-layout-vertical-nav-floating-navbar-overlay;
-      }
-    }
-
-    &:not(.layout-navbar-sticky) {
-      #{$header} {
-        margin-block-start: variables.$vertical-nav-floating-navbar-top;
-      }
-    }
-
-    #{$header} {
-      @if variables.$layout-vertical-nav-navbar-is-contained {
-        border-radius: variables.$default-layout-with-vertical-nav-navbar-footer-roundness;
-      }
-
-      background-color: rgb(var(--v-theme-surface));
-
-      @extend %default-layout-vertical-nav-floating-navbar-and-sticky-elevated-navbar-scrolled;
-    }
-
-    .navbar-blur#{$header} {
-      @extend %blurry-bg;
-    }
-  }
-
-  // !SECTION
-
-  // 👉 Layout footer
-  .layout-footer {
-    $ele-layout-footer: &;
-
-    .footer-content-container {
-      border-radius: variables.$default-layout-with-vertical-nav-navbar-footer-roundness variables.$default-layout-with-vertical-nav-navbar-footer-roundness 0 0;
-
-      // Sticky footer
-      @at-root {
-        // ℹ️ .layout-footer-sticky#{$ele-layout-footer} => .layout-footer-sticky.layout-wrapper.layout-nav-type-vertical .layout-footer
-        .layout-footer-sticky#{$ele-layout-footer} {
-          .footer-content-container {
-            background-color: rgb(var(--v-theme-surface));
-            padding-block: 0;
-            padding-inline: 1.2rem;
-
-            @include mixins.elevation(3);
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_default-layout.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_default-layout.scss
deleted file mode 100644
index ca40714..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_default-layout.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-@use "@core-scss/base/placeholders";
-@use "@core-scss/base/variables";
-
-.layout-vertical-nav,
-.layout-horizontal-nav {
-  ol,
-  ul {
-    list-style: none;
-  }
-}
-
-.layout-navbar {
-  @if variables.$navbar-high-emphasis-text {
-    @extend %layout-navbar;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_horizontal-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_horizontal-nav.scss
deleted file mode 100644
index 725ff45..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_horizontal-nav.scss
+++ /dev/null
@@ -1,194 +0,0 @@
-@use "@core-scss/base/placeholders" as *;
-@use "@core-scss/template/placeholders" as *;
-@use "@configured-variables" as variables;
-@use "@layouts/styles/mixins" as layoutsMixins;
-@use "@core-scss/base/mixins";
-@use "vuetify/lib/styles/tools/states" as vuetifyStates;
-
-.layout-horizontal-nav {
-  @extend %nav;
-
-  // 👉 Icon styles
-  .nav-item-icon {
-    @extend %horizontal-nav-item-icon;
-  }
-
-  // 👉 Common styles for nav group & nav link
-  .nav-link,
-  .nav-group {
-    // 👉 Disabled nav items
-    &.disabled {
-      @extend %horizontal-nav-disabled;
-    }
-
-    // Set width of inner nav group and link
-    &.sub-item {
-      @extend %horizontal-nav-subitem;
-    }
-  }
-
-  // SECTION Nav Link
-  .nav-link {
-    @extend %nav-link;
-
-    a {
-      @extend %horizontal-nav-item;
-
-      // Adds before psudo element to style hover state
-      @include mixins.before-pseudo;
-
-      // Adds vuetify states
-      @include vuetifyStates.states($active: false);
-    }
-
-    // 👉 Top level nav link
-    &:not(.sub-item) {
-      a {
-        @extend %horizontal-nav-top-level-item;
-
-        &.router-link-active {
-          @extend %nav-link-active;
-        }
-      }
-    }
-
-    // 👉 Sub link
-    &.sub-item {
-      a {
-        &.router-link-active {
-          // ℹ️ We will not use active styles from material here because we want to use primary color for active link
-          @extend %horizontal-nav-sub-nav-link-active;
-        }
-      }
-    }
-  }
-
-  // !SECTION
-
-  // SECTION Nav Group
-  .nav-group {
-    .popper-triggerer {
-      .nav-group-label {
-        @extend %horizontal-nav-item;
-      }
-    }
-
-    > .popper-triggerer > .nav-group-label {
-      // Adds before psudo element to style hover state
-      @include mixins.before-pseudo;
-
-      // Adds vuetify states
-      @include vuetifyStates.states($active: false);
-    }
-
-    .popper-content {
-      @extend %horizontal-nav-popper-content-hidden;
-      @extend %horizontal-nav-popper-content;
-
-      background-color: rgb(var(--v-theme-surface));
-
-      // Set max-height for the popper content
-      > div {
-        max-block-size: variables.$horizontal-nav-popper-content-max-height;
-      }
-    }
-
-    // 👉 Top level group
-    &:not(.sub-item) {
-      > .popper-triggerer {
-        position: relative;
-
-        /*
-          ℹ️ The Bridge
-          This after pseudo will work as bridge when we have space between popper triggerer and popper content
-          Initially it will have pointer events none for normal behavior and once the content is shown it will
-            work as bridge by setting pointer events to `auto`
-        */
-        &::after {
-          position: absolute;
-          block-size: variables.$horizontal-nav-popper-content-top;
-          content: "";
-          inline-size: 100%;
-          inset-block-start: 100%;
-          inset-inline-start: 0;
-          pointer-events: none;
-        }
-      }
-
-      // Enable the pseudo bridge when content is shown by setting pointer events to `auto`
-      &.show-content > .popper-triggerer::after {
-        /*
-          ℹ️ We have added `z-index: 2` because when there is horizontal nav item below the popper trigger (group)
-            without this style nav item below popper trigger (group) gets focus hence closes the popper content
-        */
-        z-index: 2;
-        pointer-events: auto;
-      }
-
-      > .popper-triggerer > .nav-group-label {
-        @extend %horizontal-nav-top-level-item;
-      }
-
-      &.active {
-        > .popper-triggerer > .nav-group-label {
-          @extend %nav-link-active;
-        }
-      }
-
-      // ℹ️ Add space between popper wrapper & content
-      > .popper-content {
-        margin-block-start: variables.$horizontal-nav-popper-content-top !important;
-      }
-    }
-
-    // 👉 Sub group
-    &.sub-item {
-      &.active {
-        @include mixins.selected-states("> .popper-triggerer > .nav-group-label::before");
-      }
-
-      // Reduce the icon's size of nested group's nav links (Top level group > Sub group > [Nav links])
-      .sub-item {
-        .nav-item-icon {
-          @extend %third-level-nav-item-icon;
-        }
-      }
-    }
-
-    .nav-group-arrow {
-      font-size: variables.$horizontal-nav-group-arrow-icon-size;
-
-      /*
-        ℹ️ ml-auto won't matter in top level group (because we haven't specified fixed width for top level groups)
-        but we wrote generally because we don't want to become so specific
-      */
-      margin-inline-start: auto;
-    }
-
-    &.popper-inline-end {
-      .nav-group-arrow {
-        transform: rotateZ(270deg);
-
-        @include layoutsMixins.rtl {
-          transform: rotateZ(90deg);
-        }
-      }
-    }
-
-    .nav-item-title {
-      @extend %horizontal-nav-item-title;
-    }
-
-    &.show-content {
-      > .popper-content {
-        @extend %horizontal-nav-popper-content-visible;
-      }
-
-      &:not(.active) {
-        @include mixins.selected-states("> .popper-triggerer > .nav-group-label::before");
-      }
-    }
-  }
-
-  // !SECTION
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_index.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_index.scss
deleted file mode 100644
index e8687c6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_index.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-@use "sass:map";
-
-// Layout
-@use "vertical-nav";
-@use "horizontal-nav";
-@use "default-layout";
-@use "default-layout-w-vertical-nav";
-@use "default-layout-w-horizontal-nav";
-
-// Layouts package
-@use "layouts";
-
-// Skins
-@use "skins";
-
-// Components
-@use "components";
-
-// Utilities
-@use "utilities";
-
-// Route Transitions
-@use "route-transitions";
-
-// Misc
-@use "misc";
-
-// Dark
-@use "dark";
-
-// libs
-@use "libs/perfect-scrollbar";
-
-a {
-  color: rgb(var(--v-theme-primary));
-  text-decoration: none;
-}
-
-// Vuetify 3 don't provide margin bottom style like vuetify 2
-p {
-  margin-block-end: 1rem;
-}
-
-// Iconify icon size
-svg.iconify {
-  block-size: 1em;
-  inline-size: 1em;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_layouts.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_layouts.scss
deleted file mode 100644
index 904457c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_layouts.scss
+++ /dev/null
@@ -1,63 +0,0 @@
-@use "@configured-variables" as variables;
-
-/* ℹ️ This styles extends the existing layout package's styles for handling cases that aren't related to layouts package */
-
-/*
-  ℹ️ When we use v-layout as immediate first child of `.page-content-container`, it adds display:flex and page doesn't get contained height
-*/
-// .layout-wrapper.layout-nav-type-vertical {
-//   &.layout-content-height-fixed {
-//     .page-content-container {
-//       > .v-layout:first-child > :not(.v-navigation-drawer):first-child {
-//         flex-grow: 1;
-//         block-size: 100%;
-//       }
-//     }
-//   }
-// }
-.layout-wrapper.layout-nav-type-vertical {
-  &.layout-content-height-fixed {
-    .page-content-container {
-      > .v-layout:first-child {
-        overflow: hidden;
-        min-block-size: 100%;
-
-        > .v-main {
-          // overflow-y: auto;
-
-          .v-main__wrap > :first-child {
-            block-size: 100%;
-            overflow-y: auto;
-          }
-        }
-      }
-    }
-  }
-}
-
-// ℹ️ Let div/v-layout take full height. E.g. Email App
-.layout-wrapper.layout-nav-type-horizontal {
-  &.layout-content-height-fixed {
-    > .layout-page-content {
-      display: flex;
-    }
-  }
-}
-
-// 👉 Floating navbar styles
-@if variables.$vertical-nav-navbar-style == "floating" {
-  // ℹ️ Add spacing above navbar if navbar is floating (was in %layout-navbar-sticky placeholder)
-  body .layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky {
-    .layout-navbar {
-      inset-block-start: variables.$vertical-nav-floating-navbar-top;
-    }
-
-    /*
-      ℹ️ If it's floating navbar
-      Add `vertical-nav-floating-navbar-top` as margin top to .layout-page-content
-    */
-    .layout-page-content {
-      margin-block-start: variables.$vertical-nav-floating-navbar-top;
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_misc.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_misc.scss
deleted file mode 100644
index 970072d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_misc.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-// ℹ️ scrollable-content allows creating fixed header and scrollable content for VNavigationDrawer (Used when perfect scrollbar is used)
-.scrollable-content {
-  &.v-navigation-drawer {
-    .v-navigation-drawer__content {
-      display: flex;
-      overflow: hidden;
-      flex-direction: column;
-    }
-  }
-}
-
-// ℹ️ adding styling for code tag
-code {
-  border-radius: 3px;
-  color: rgb(var(--v-code-color));
-  font-size: 90%;
-  font-weight: 400;
-  padding-block: 0.2em;
-  padding-inline: 0.4em;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_mixins.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_mixins.scss
deleted file mode 100644
index 0fa189c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_mixins.scss
+++ /dev/null
@@ -1,63 +0,0 @@
-@use "sass:map";
-@use "@styles/variables/vuetify.scss";
-
-@mixin elevation($z, $important: false) {
-  box-shadow: map.get(vuetify.$shadow-key-umbra, $z), map.get(vuetify.$shadow-key-penumbra, $z), map.get(vuetify.$shadow-key-ambient, $z) if($important, !important, null);
-}
-
-// #region before-pseudo
-// ℹ️ This mixin is inspired from vuetify for adding hover styles via before pseudo element
-@mixin before-pseudo() {
-  position: relative;
-
-  &::before {
-    position: absolute;
-    border-radius: inherit;
-    background: currentcolor;
-    block-size: 100%;
-    content: "";
-    inline-size: 100%;
-    inset: 0;
-    opacity: 0;
-    pointer-events: none;
-  }
-}
-
-// #endregion before-pseudo
-
-@mixin bordered-skin($component, $border-property: "border", $important: false) {
-  #{$component} {
-    box-shadow: none !important;
-    // stylelint-disable-next-line annotation-no-unknown
-    #{$border-property}: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)) if($important, !important, null);
-  }
-}
-
-// #region selected-states
-// ℹ️ Inspired from vuetify's active-states mixin
-// focus => 0.12 & selected => 0.08
-@mixin selected-states($selector) {
-  #{$selector} {
-    opacity: calc(var(--v-selected-opacity) * var(--v-theme-overlay-multiplier));
-  }
-
-  &:hover
-  #{$selector} {
-    opacity: calc(var(--v-selected-opacity) + var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
-  }
-
-  &:focus-visible
-  #{$selector} {
-    opacity: calc(var(--v-selected-opacity) + var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
-  }
-
-  @supports not selector(:focus-visible) {
-    &:focus {
-      #{$selector} {
-        opacity: calc(var(--v-selected-opacity) + var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
-      }
-    }
-  }
-}
-
-// #endregion selected-states
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_route-transitions.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_route-transitions.scss
deleted file mode 100644
index 4b2106a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_route-transitions.scss
+++ /dev/null
@@ -1,70 +0,0 @@
-// 👉 Zoom fade
-.app-transition-zoom-fade-enter-active,
-.app-transition-zoom-fade-leave-active {
-  transition: transform 0.35s, opacity 0.28s ease-in-out;
-}
-
-.app-transition-zoom-fade-enter-from {
-  opacity: 0;
-  transform: scale(0.98);
-}
-
-.app-transition-zoom-fade-leave-to {
-  opacity: 0;
-  transform: scale(1.02);
-}
-
-// 👉 Fade
-.app-transition-fade-enter-active,
-.app-transition-fade-leave-active {
-  transition: opacity 0.25s ease-in-out;
-}
-
-.app-transition-fade-enter-from,
-.app-transition-fade-leave-to {
-  opacity: 0;
-}
-
-// 👉 Fade bottom
-.app-transition-fade-bottom-enter-active,
-.app-transition-fade-bottom-leave-active {
-  transition: opacity 0.3s, transform 0.35s;
-}
-
-.app-transition-fade-bottom-enter-from {
-  opacity: 0;
-  transform: translateY(-0.6rem);
-}
-
-.app-transition-fade-bottom-leave-to {
-  opacity: 0;
-  transform: translateY(0.6rem);
-}
-
-// 👉 Slide fade
-.app-transition-slide-fade-enter-active,
-.app-transition-slide-fade-leave-active {
-  transition: opacity 0.3s, transform 0.35s;
-}
-
-.app-transition-slide-fade-enter-from {
-  opacity: 0;
-  transform: translateX(-0.6rem);
-}
-
-.app-transition-slide-fade-leave-to {
-  opacity: 0;
-  transform: translateX(0.6rem);
-}
-
-// 👉 Zoom out
-.app-transition-zoom-out-enter-active,
-.app-transition-zoom-out-leave-active {
-  transition: opacity 0.26s ease-in-out, transform 0.3s ease-out;
-}
-
-.app-transition-zoom-out-enter-from,
-.app-transition-zoom-out-leave-to {
-  opacity: 0;
-  transform: scale(0.98);
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_utilities.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_utilities.scss
deleted file mode 100644
index b001536..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_utilities.scss
+++ /dev/null
@@ -1,189 +0,0 @@
-@use "@configured-variables" as variables;
-@use "@layouts/styles/mixins" as layoutsMixins;
-
-/* 👉 Demo spacers */
-
-/* TODO: Use vuetify SCSS variable here; */
-$card-spacer-content: 16px;
-
-.demo-space-x {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  margin-block-start: -$card-spacer-content;
-
-  & > * {
-    margin-block-start: $card-spacer-content;
-    margin-inline-end: $card-spacer-content;
-  }
-}
-
-.demo-space-y {
-  & > * {
-    margin-block-end: $card-spacer-content;
-
-    &:last-child {
-      margin-block-end: 0;
-    }
-  }
-}
-
-// 👉 Card match height
-.match-height.v-row {
-  .v-card {
-    block-size: 100%;
-  }
-}
-
-// 👉 Whitespace
-.whitespace-no-wrap {
-  white-space: nowrap;
-}
-
-// 👉 Colors
-
-/*
-  ℹ️ Vuetify is applying `.text-white` class to badge icon but don't provide its styles
-  Moreover, we also use this class in some places
-
-  ℹ️ In vuetify 2 with `$color-pack: false` SCSS var config this class was getting generated but this is not the case in v3
-
-  ℹ️ We also need !important to get correct color in badge icon
-*/
-.text-white {
-  color: #fff !important;
-}
-
-.text-white-variant {
-  color: rgba(211, 212, 220);
-}
-
-.text-link {
-  &:not(:hover) {
-    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-  }
-}
-
-.text-link {
-  &:not(:hover) {
-    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-  }
-}
-
-.bg-var-theme-background {
-  background-color: rgba(var(--v-theme-on-background), var(--v-hover-opacity)) !important;
-}
-
-.bg-global-primary {
-  background-color: rgb(var(--v-global-theme-primary)) !important;
-  color: rgb(var(--v-theme-on-primary)) !important;
-}
-
-// [/^bg-light-(\w+)$/, ([, w]) => ({ backgroundColor: `rgba(var(--v-theme-${w}), var(--v-activated-opacity))` })],
-@each $color-name in variables.$theme-colors-name {
-  .bg-light-#{$color-name} {
-    background-color: rgba(var(--v-theme-#{$color-name}), var(--v-activated-opacity)) !important;
-  }
-}
-
-// 👉 clamp text
-.clamp-text {
-  display: -webkit-box;
-  overflow: hidden;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  text-overflow: ellipsis;
-}
-
-.custom-badge {
-  .v-badge__badge {
-    border-radius: 6px !important;
-    block-size: 12px !important;
-    inline-size: 12px !important;
-  }
-}
-
-.leading-normal {
-  line-height: normal !important;
-}
-
-// 👉 for rtl only
-.flip-in-rtl {
-  @include layoutsMixins.rtl {
-    transform: scaleX(-1);
-  }
-}
-
-// 👉 Carousel
-.carousel-delimiter-top-end {
-  .v-carousel__controls {
-    justify-content: end;
-    block-size: 40px;
-    inset-block-start: 0;
-    padding-inline: 1rem;
-
-    .v-btn--icon.v-btn--density-default {
-      block-size: calc(var(--v-btn-height) + -10px);
-      inline-size: calc(var(--v-btn-height) + -8px);
-
-      &.v-btn--active {
-        color: #fff;
-      }
-
-      .v-btn__overlay {
-        opacity: 0;
-      }
-
-      .v-ripple__container {
-        display: none;
-      }
-
-      .v-btn__content {
-        .v-icon {
-          block-size: 8px !important;
-          font-size: 8px !important;
-          inline-size: 8px !important;
-        }
-      }
-    }
-  }
-
-  @each $color-name in variables.$theme-colors-name {
-
-    &.dots-active-#{$color-name} {
-      .v-carousel__controls {
-        .v-btn--active {
-          color: rgb(var(--v-theme-#{$color-name})) !important;
-        }
-      }
-    }
-  }
-}
-
-.v-timeline-item {
-  .app-timeline-title {
-    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-    font-size: 16px;
-    font-weight: 500;
-    line-height: 1.3125rem;
-  }
-
-  .app-timeline-meta {
-    color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
-    font-size: 12px;
-    line-height: 0.875rem;
-  }
-
-  .app-timeline-text {
-    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-    font-size: 14px;
-    line-height: 1.25rem;
-  }
-
-  .timeline-chip {
-    border-radius: 6px;
-    background: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
-    padding-block: 5px;
-    padding-inline: 10px;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_utils.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_utils.scss
deleted file mode 100644
index ce84357..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_utils.scss
+++ /dev/null
@@ -1,90 +0,0 @@
-@use "sass:map";
-@use "sass:list";
-@use "@configured-variables" as variables;
-
-// Thanks: https://css-tricks.com/snippets/sass/deep-getset-maps/
-@function map-deep-get($map, $keys...) {
-  @each $key in $keys {
-    $map: map.get($map, $key);
-  }
-
-  @return $map;
-}
-
-@function map-deep-set($map, $keys, $value) {
-  $maps: ($map,);
-  $result: null;
-
-  // If the last key is a map already
-  // Warn the user we will be overriding it with $value
-  @if type-of(nth($keys, -1)) == "map" {
-    @warn "The last key you specified is a map; it will be overrided with `#{$value}`.";
-  }
-
-  // If $keys is a single key
-  // Just merge and return
-  @if length($keys) == 1 {
-    @return map-merge($map, ($keys: $value));
-  }
-
-  // Loop from the first to the second to last key from $keys
-  // Store the associated map to this key in the $maps list
-  // If the key doesn't exist, throw an error
-  @for $i from 1 through length($keys) - 1 {
-    $current-key: list.nth($keys, $i);
-    $current-map: list.nth($maps, -1);
-    $current-get: map.get($current-map, $current-key);
-
-    @if not $current-get {
-      @error "Key `#{$key}` doesn't exist at current level in map.";
-    }
-
-    $maps: list.append($maps, $current-get);
-  }
-
-  // Loop from the last map to the first one
-  // Merge it with the previous one
-  @for $i from length($maps) through 1 {
-    $current-map: list.nth($maps, $i);
-    $current-key: list.nth($keys, $i);
-    $current-val: if($i == list.length($maps), $value, $result);
-    $result: map.map-merge($current-map, ($current-key: $current-val));
-  }
-
-  // Return result
-  @return $result;
-}
-
-// font size utility classes
-@each $name, $size in variables.$font-sizes {
-  .text-#{$name} {
-    font-size: $size;
-    line-height: map.get(variables.$font-line-height, $name);
-  }
-}
-
-// truncate utility class
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-// gap utility class
-@each $name, $size in variables.$gap {
-  .gap-#{$name} {
-    gap: $size;
-  }
-
-  .gap-x-#{$name} {
-    column-gap: $size;
-  }
-
-  .gap-y-#{$name} {
-    row-gap: $size;
-  }
-}
-
-.list-none {
-  list-style-type: none;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_variables.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_variables.scss
deleted file mode 100644
index 71b3529..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_variables.scss
+++ /dev/null
@@ -1,198 +0,0 @@
-@use "vuetify/lib/styles/tools/functions" as *;
-
-/*
-  TODO: Add docs on when to use placeholder vs when to use SASS variable
-
-  Placeholder
-    - When we want to keep customization to our self between templates use it
-
-  Variables
-    - When we want to allow customization from both user and our side
-    - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header)
-*/
-
-@forward "@layouts/styles/variables" with (
-  // Adjust z-index so vertical nav & overlay stays on top of v-layout in v-main. E.g. Email app
-  $layout-vertical-nav-z-index: 1003,
-  $layout-overlay-z-index: 1002,
-);
-@use "@layouts/styles/variables" as *;
-
-// 👉 Default layout
-
-$navbar-high-emphasis-text: true !default;
-
-// @forward "@layouts/styles/variables" with (
-//   $layout-vertical-nav-width: 350px !default,
-// );
-
-$theme-colors-name: (
-  "primary",
-  "secondary",
-  "error",
-  "info",
-  "success",
-  "warning"
-) !default;
-
-// 👉 Default layout with vertical nav
-
-$default-layout-with-vertical-nav-navbar-footer-roundness: 10px !default;
-
-// 👉 Vertical nav
-$vertical-nav-background-color-rgb: var(--v-theme-background) !default;
-$vertical-nav-background-color: rgb(#{$vertical-nav-background-color-rgb}) !default;
-
-// ℹ️ This is used to keep consistency between nav items and nav header left & right margin
-// This is used by nav items & nav header
-$vertical-nav-horizontal-spacing: 1rem !default;
-$vertical-nav-horizontal-padding: 0.75rem !default;
-
-// Vertical nav header height. Mostly we will align it with navbar height;
-$vertical-nav-header-height: $layout-vertical-nav-navbar-height !default;
-$vertical-nav-navbar-elevation: 3 !default;
-$vertical-nav-navbar-style: "elevated" !default; // options: elevated, floating
-$vertical-nav-floating-navbar-top: 1rem !default;
-
-// Vertical nav header padding
-$vertical-nav-header-padding: 1rem $vertical-nav-horizontal-padding !default;
-$vertical-nav-header-inline-spacing: $vertical-nav-horizontal-spacing !default;
-
-// Move logo when vertical nav is mini (collapsed but not hovered)
-$vertical-nav-header-logo-translate-x-when-vertical-nav-mini: -4px !default;
-
-// Space between logo and title
-$vertical-nav-header-logo-title-spacing: 0.9rem !default;
-
-// Section title margin top (when its not first child)
-$vertical-nav-section-title-mt: 1.5rem !default;
-
-// Section title margin bottom
-$vertical-nav-section-title-mb: 0.5rem !default;
-
-// Vertical nav icons
-$vertical-nav-items-icon-size: 1.5rem !default;
-$vertical-nav-items-nested-icon-size: 0.9rem !default;
-$vertical-nav-items-icon-margin-inline-end: 0.5rem !default;
-
-// Transition duration for nav group arrow
-$vertical-nav-nav-group-arrow-transition-duration: 0.15s !default;
-
-// Timing function for nav group arrow
-$vertical-nav-nav-group-arrow-transition-timing-function: ease-in-out !default;
-
-// 👉 Horizontal nav
-
-/*
-    ❗ Heads up
-    ==================
-    Here we assume we will always use shorthand property which will apply same padding on four side
-    This is because this have been used as value of top property by `.popper-content`
-*/
-$horizontal-nav-padding: 0.6875rem !default;
-
-// Gap between top level horizontal nav items
-$horizontal-nav-top-level-items-gap: 4px !default;
-
-// Horizontal nav icons
-$horizontal-nav-items-icon-size: 1.5rem !default;
-$horizontal-nav-third-level-icon-size: 0.9rem !default;
-$horizontal-nav-items-icon-margin-inline-end: 0.625rem !default;
-$horizontal-nav-group-arrow-icon-size: 1.375rem !default;
-
-// ℹ️ We used SCSS variable because we want to allow users to update max height of popper content
-// 120px is combined height of navbar & horizontal nav
-$horizontal-nav-popper-content-max-height: calc(100dvh - 120px - 4rem) !default;
-
-// ℹ️ This variable is used for horizontal nav popper content's `margin-top` and "The bridge"'s height. We need to sync both values.
-$horizontal-nav-popper-content-top: calc($horizontal-nav-padding + 0.375rem) !default;
-
-// 👉 Plugins
-
-$plugin-ps-thumb-y-dark: rgba(var(--v-theme-surface-variant), 0.35) !default;
-
-// 👉 Vuetify
-
-// Used in src/@core-scss/base/libs/vuetify/_overrides.scss
-$vuetify-reduce-default-compact-button-icon-size: true !default;
-
-// 👉 Custom variables
-// for utility classes
-$font-sizes: () !default;
-$font-sizes: map-deep-merge(
-  (
-    "xs": 0.75rem,
-    "sm": 0.875rem,
-    "base": 1rem,
-    "lg": 1.125rem,
-    "xl": 1.25rem,
-    "2xl": 1.5rem,
-    "3xl": 1.875rem,
-    "4xl": 2.25rem,
-    "5xl": 3rem,
-    "6xl": 3.75rem,
-    "7xl": 4.5rem,
-    "8xl": 6rem,
-    "9xl": 8rem
-  ),
-  $font-sizes
-);
-
-// line height
-$font-line-height: () !default;
-$font-line-height: map-deep-merge(
-  (
-    "xs": 1rem,
-    "sm": 1.25rem,
-    "base": 1.5rem,
-    "lg": 1.75rem,
-    "xl": 1.75rem,
-    "2xl": 2rem,
-    "3xl": 2.25rem,
-    "4xl": 2.5rem,
-    "5xl": 1,
-    "6xl": 1,
-    "7xl": 1,
-    "8xl": 1,
-    "9xl": 1
-  ),
-  $font-line-height
-);
-
-// gap utility class
-$gap: () !default;
-$gap: map-deep-merge(
-  (
-    "0": 0,
-    "1": 0.25rem,
-    "2": 0.5rem,
-    "3": 0.75rem,
-    "4": 1rem,
-    "5": 1.25rem,
-    "6":1.5rem,
-    "7": 1.75rem,
-    "8": 2rem,
-    "9": 2.25rem,
-    "10": 2.5rem,
-    "11": 2.75rem,
-    "12": 3rem,
-    "14": 3.5rem,
-    "16": 4rem,
-    "20": 5rem,
-    "24": 6rem,
-    "28": 7rem,
-    "32": 8rem,
-    "36": 9rem,
-    "40": 10rem,
-    "44": 11rem,
-    "48": 12rem,
-    "52": 13rem,
-    "56": 14rem,
-    "60": 15rem,
-    "64": 16rem,
-    "72": 18rem,
-    "80": 20rem,
-    "96": 24rem
-  ),
-  $gap
-);
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_vertical-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_vertical-nav.scss
deleted file mode 100644
index 166c262..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/_vertical-nav.scss
+++ /dev/null
@@ -1,255 +0,0 @@
-@use "@core-scss/base/placeholders" as *;
-@use "@core-scss/template/placeholders" as *;
-@use "@layouts/styles/mixins" as layoutsMixins;
-@use "@configured-variables" as variables;
-@use "@core-scss/base/mixins" as mixins;
-@use "vuetify/lib/styles/tools/states" as vuetifyStates;
-
-.layout-nav-type-vertical {
-  // 👉 Layout Vertical nav
-  .layout-vertical-nav {
-    $sl-layout-nav-type-vertical: &;
-
-    @extend %nav;
-
-    @at-root {
-      // ℹ️ Add styles for collapsed vertical nav
-      .layout-vertical-nav-collapsed#{$sl-layout-nav-type-vertical}.hovered {
-        @include mixins.elevation(6);
-      }
-    }
-
-    background-color: variables.$vertical-nav-background-color;
-
-    // 👉 Nav header
-    .nav-header {
-      overflow: hidden;
-      padding: variables.$vertical-nav-header-padding;
-      margin-inline: variables.$vertical-nav-header-inline-spacing;
-      min-block-size: variables.$vertical-nav-header-height;
-
-      // TEMPLATE: Check if we need to move this to master
-      .app-logo {
-        flex-shrink: 0;
-        transition: transform 0.25s ease-in-out;
-
-        @at-root {
-          // Move logo a bit to align center with the icons in vertical nav mini variant
-          .layout-vertical-nav-collapsed#{$sl-layout-nav-type-vertical}:not(.hovered) .nav-header .app-logo {
-            transform: translateX(variables.$vertical-nav-header-logo-translate-x-when-vertical-nav-mini);
-
-            @include layoutsMixins.rtl {
-              transform: translateX(-(variables.$vertical-nav-header-logo-translate-x-when-vertical-nav-mini));
-            }
-          }
-        }
-      }
-
-      .header-action {
-        @extend %nav-header-action;
-      }
-    }
-
-    // 👉 Nav items shadow
-    .vertical-nav-items-shadow {
-      position: absolute;
-      z-index: 1;
-      background:
-        linear-gradient(
-          rgb(#{variables.$vertical-nav-background-color-rgb}) 5%,
-          rgba(#{variables.$vertical-nav-background-color-rgb}, 75%) 45%,
-          rgba(#{variables.$vertical-nav-background-color-rgb}, 20%) 80%,
-          transparent
-        );
-      block-size: 55px;
-      inline-size: 100%;
-      inset-block-start: calc(#{variables.$vertical-nav-header-height} - 2px);
-      opacity: 0;
-      pointer-events: none;
-      transition: opacity 0.15s ease-in-out;
-      will-change: opacity;
-
-      @include layoutsMixins.rtl {
-        transform: translateX(8px);
-      }
-    }
-
-    &.scrolled {
-      .vertical-nav-items-shadow {
-        opacity: 1;
-      }
-    }
-
-    // ℹ️ Setting z-index 1 will make perfect scrollbar thumb appear on top of vertical nav items shadow;
-    .ps__rail-y {
-      z-index: 1;
-    }
-
-    // 👉 Nav section title
-    .nav-section-title {
-      @extend %vertical-nav-item;
-      @extend %vertical-nav-section-title;
-
-      margin-block-end: variables.$vertical-nav-section-title-mb;
-
-      &:not(:first-child) {
-        margin-block-start: variables.$vertical-nav-section-title-mt;
-      }
-
-      .placeholder-icon {
-        margin-inline: auto;
-      }
-    }
-
-    // Nav item badge
-    .nav-item-badge {
-      @extend %vertical-nav-item-badge;
-    }
-
-    // 👉 Nav group & Link
-    .nav-link,
-    .nav-group {
-      overflow: hidden;
-
-      > :first-child {
-        @extend %vertical-nav-item;
-        @extend %vertical-nav-item-interactive;
-      }
-
-      .nav-item-icon {
-        @extend %vertical-nav-items-icon;
-      }
-
-      &.disabled {
-        opacity: var(--v-disabled-opacity);
-        pointer-events: none;
-      }
-
-      a {
-        outline: none;
-      }
-    }
-
-    // 👉 Vertical nav link
-    .nav-link {
-      @extend %nav-link;
-
-      > .router-link-exact-active {
-        @extend %nav-link-active;
-      }
-
-      > a {
-        // Adds before psudo element to style hover state
-        @include mixins.before-pseudo;
-
-        // Adds vuetify states
-
-        &:not(.router-link-active, .router-link-exact-active) {
-          @include vuetifyStates.states($active: false);
-        }
-      }
-    }
-
-    // 👉 Vertical nav group
-    .nav-group {
-      // Reduce the size of icon if link/group is inside group
-      .nav-group,
-      .nav-link {
-        .nav-item-icon {
-          @extend %vertical-nav-items-nested-icon;
-        }
-      }
-
-      // Hide icons after 2nd level
-      & .nav-group {
-        .nav-link,
-        .nav-group {
-          .nav-item-icon {
-            @extend %vertical-nav-items-icon-after-2nd-level;
-          }
-        }
-      }
-
-      .nav-group-arrow {
-        flex-shrink: 0;
-        transform-origin: center;
-        transition: transform variables.$vertical-nav-nav-group-arrow-transition-duration variables.$vertical-nav-nav-group-arrow-transition-timing-function;
-        will-change: transform;
-      }
-
-      // Rotate arrow icon if group is opened
-      &.open {
-        > .nav-group-label .nav-group-arrow {
-          transform: rotateZ(90deg);
-        }
-      }
-
-      // Nav group label
-      > :first-child {
-        // Adds before psudo element to style hover state
-        @include mixins.before-pseudo;
-      }
-
-      &:not(.active,.open) > :first-child {
-        // Adds vuetify states
-        @include vuetifyStates.states($active: false);
-      }
-
-      // Active & open states for nav group label
-      &.active,
-      &.open {
-        > :first-child {
-          @extend %vertical-nav-group-open-active;
-        }
-      }
-    }
-  }
-}
-
-// SECTION: Transitions
-.vertical-nav-section-title-enter-active,
-.vertical-nav-section-title-leave-active {
-  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
-}
-
-.vertical-nav-section-title-enter-from,
-.vertical-nav-section-title-leave-to {
-  opacity: 0;
-  transform: translateX(15px);
-
-  @include layoutsMixins.rtl {
-    transform: translateX(-15px);
-  }
-}
-
-.transition-slide-x-enter-active,
-.transition-slide-x-leave-active {
-  transition: opacity 0.1s ease-in-out, transform 0.12s ease-in-out;
-}
-
-.transition-slide-x-enter-from,
-.transition-slide-x-leave-to {
-  opacity: 0;
-  transform: translateX(-15px);
-
-  @include layoutsMixins.rtl {
-    transform: translateX(15px);
-  }
-}
-
-.vertical-nav-app-title-enter-active,
-.vertical-nav-app-title-leave-active {
-  transition: opacity 0.1s ease-in-out, transform 0.12s ease-in-out;
-}
-
-.vertical-nav-app-title-enter-from,
-.vertical-nav-app-title-leave-to {
-  opacity: 0;
-  transform: translateX(-15px);
-
-  @include layoutsMixins.rtl {
-    transform: translateX(15px);
-  }
-}
-
-// !SECTION
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/libs/_perfect-scrollbar.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/libs/_perfect-scrollbar.scss
deleted file mode 100644
index a0faf69..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/libs/_perfect-scrollbar.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-$ps-size: 0.25rem;
-$ps-hover-size: 0.375rem;
-$ps-track-size: 0.5rem;
-
-.ps__thumb-y {
-  inline-size: $ps-size !important;
-  inset-inline-end: 0.0625rem;
-}
-
-.ps__thumb-y,
-.ps__thumb-x {
-  background-color: rgb(var(--v-theme-perfect-scrollbar-thumb)) !important;
-}
-
-.ps__thumb-x {
-  block-size: $ps-size !important;
-}
-
-.ps__rail-x {
-  background: transparent !important;
-  block-size: $ps-track-size;
-}
-
-.ps__rail-y {
-  background: transparent !important;
-  inline-size: $ps-track-size !important;
-  inset-inline-end: 0.125rem !important;
-  inset-inline-start: unset !important;
-}
-
-.ps__rail-y.ps--clicking .ps__thumb-y,
-.ps__rail-y:focus > .ps__thumb-y,
-.ps__rail-y:hover > .ps__thumb-y {
-  inline-size: $ps-hover-size !important;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/libs/vuetify/_index.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/libs/vuetify/_index.scss
deleted file mode 100644
index f44f80d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/libs/vuetify/_index.scss
+++ /dev/null
@@ -1 +0,0 @@
-@use "overrides";
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/libs/vuetify/_overrides.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/libs/vuetify/_overrides.scss
deleted file mode 100644
index c34bf3c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/libs/vuetify/_overrides.scss
+++ /dev/null
@@ -1,262 +0,0 @@
-@use "@core-scss/base/utils";
-@use "@configured-variables" as variables;
-
-// 👉 Application
-// ℹ️ We need accurate vh in mobile devices as well
-.v-application__wrap {
-  /* stylelint-disable-next-line liberty/use-logical-spec */
-  min-height: 100dvh;
-}
-
-// 👉 Typography
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.text-h1,
-.text-h2,
-.text-h3,
-.text-h4,
-.text-h5,
-.text-h6,
-.text-button,
-.text-overline,
-.v-card-title {
-  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-}
-
-body,
-.text-body-1,
-.text-body-2,
-.text-subtitle-1,
-.text-subtitle-2 {
-  color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
-}
-
-// 👉 Grid
-// Remove margin-bottom of v-input_details inside grid (validation error message)
-.v-row {
-  .v-col,
-  [class^="v-col-*"] {
-    .v-input__details {
-      margin-block-end: 0;
-    }
-  }
-}
-
-// 👉 Button
-// Update tonal variant disabled opacity
-.v-btn--disabled {
-  opacity: 0.65;
-}
-
-@if variables.$vuetify-reduce-default-compact-button-icon-size {
-  .v-btn--density-compact.v-btn--size-default {
-    .v-btn__content > svg {
-      block-size: 22px;
-      font-size: 22px;
-      inline-size: 22px;
-    }
-  }
-}
-
-// 👉 Card
-
-// Removes padding-top for immediately placed v-card-text after itself
-.v-card-text {
-  & + & {
-    padding-block-start: 0 !important;
-  }
-}
-
-/*
-  👉 Checkbox & Radio Ripple
-
-  TODO Checkbox and switch component. Remove it when vuetify resolve the extra spacing: https://github.com/vuetifyjs/vuetify/issues/15519
-  We need this because form elements likes checkbox and switches are by default set to height of textfield height which is way big than we want
-  Tested with checkbox & switches
-*/
-.v-checkbox.v-input,
-.v-switch.v-input {
-  --v-input-control-height: auto;
-
-  flex: unset;
-}
-
-.v-radio-group {
-  .v-selection-control-group {
-    .v-radio:not(:last-child) {
-      margin-inline-end: 0.9rem;
-    }
-  }
-}
-
-/*
-  👉 Tabs
-  Disable tab transition
-
-  This is for tabs where we don't have card wrapper to tabs and have multiple cards as tab content.
-
-  This class will disable transition and adds `overflow: unset` on `VWindow` to allow spreading shadow
-*/
-.disable-tab-transition {
-  overflow: unset !important;
-
-  .v-window__container {
-    block-size: auto !important;
-  }
-
-  .v-window-item:not(.v-window-item--active) {
-    display: none !important;
-  }
-
-  .v-window__container .v-window-item {
-    transform: none !important;
-  }
-}
-
-// 👉 List
-.v-list {
-  // Set icons opacity to .87
-  .v-list-item__prepend > .v-icon,
-  .v-list-item__append > .v-icon {
-    opacity: 1;
-  }
-}
-
-// 👉 Card list
-
-/*
-  ℹ️ Custom class
-
-  Remove list spacing inside card
-
-  This is because card title gets padding of 20px and list item have padding of 16px. Moreover, list container have padding-bottom as well.
-*/
-.card-list {
-  --v-card-list-gap: 20px;
-
-  &.v-list {
-    padding-block: 0;
-  }
-
-  .v-list-item {
-    min-block-size: unset;
-    min-block-size: auto !important;
-    padding-block: 0 !important;
-    padding-inline: 0 !important;
-
-    > .v-ripple__container {
-      opacity: 0;
-    }
-
-    &:not(:last-child) {
-      padding-block-end: var(--v-card-list-gap) !important;
-    }
-  }
-
-  .v-list-item:hover,
-  .v-list-item:focus,
-  .v-list-item:active,
-  .v-list-item.active {
-    > .v-list-item__overlay {
-      opacity: 0 !important;
-    }
-  }
-}
-
-// 👉 Divider
-.v-divider {
-  color: rgb(var(--v-border-color));
-}
-
-.v-divider.v-divider--vertical {
-  block-size: inherit;
-}
-
-// 👉 DataTable
-.v-data-table {
-  /* stylelint-disable-next-line no-descending-specificity */
-  .v-checkbox-btn .v-selection-control__wrapper {
-    margin-inline-start: 0 !important;
-  }
-
-  .v-selection-control {
-    display: flex !important;
-  }
-
-  .v-pagination {
-    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-  }
-}
-
-// 👉 v-field
-.v-field:hover .v-field__outline {
-  --v-field-border-opacity: var(--v-medium-emphasis-opacity);
-}
-
-// 👉 VLabel
-.v-label {
-  opacity: 1 !important;
-
-  &:not(.v-field-label--floating) {
-    color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
-  }
-}
-
-// 👉 Overlay
-.v-overlay__scrim,
-.v-navigation-drawer__scrim {
-  background: rgba(var(--v-overlay-scrim-background), var(--v-overlay-scrim-opacity)) !important;
-  opacity: 1 !important;
-}
-
-// 👉 VMessages
-.v-messages {
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-  opacity: 1 !important;
-}
-
-// 👉 Alert close btn
-.v-alert__close {
-  .v-btn--icon .v-icon {
-    --v-icon-size-multiplier: 1.5;
-  }
-}
-
-// 👉 Badge icon alignment
-.v-badge__badge {
-  display: flex;
-  align-items: center;
-}
-
-// 👉 Btn focus outline style removed
-.v-btn:focus-visible::after {
-  opacity: 0 !important;
-}
-
-// .v-select chip spacing for slot
-.v-input:not(.v-select--chips) .v-select__selection {
-  .v-chip {
-    margin-block: 2px var(--select-chips-margin-bottom);
-  }
-}
-
-// 👉 VCard and VList subtitle color
-.v-list-item-subtitle {
-  color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
-}
-
-// 👉 placeholders
-.v-field__input {
-  @at-root {
-    & input::placeholder,
-    input#{&}::placeholder,
-    textarea#{&}::placeholder {
-      color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !important;
-      opacity: 1 !important;
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/libs/vuetify/_variables.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/libs/vuetify/_variables.scss
deleted file mode 100644
index fef87f0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/libs/vuetify/_variables.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-@use "sass:map";
-
-/* 👉 Shadow opacities */
-$shadow-key-umbra-opacity-custom: var(--v-shadow-key-umbra-opacity);
-$shadow-key-penumbra-opacity-custom: var(--v-shadow-key-penumbra-opacity);
-$shadow-key-ambient-opacity-custom: var(--v-shadow-key-ambient-opacity);
-
-/* 👉 Card transition properties */
-$card-transition-property-custom: box-shadow, opacity;
-
-@forward "vuetify/settings" with (
-  // 👉 General settings
-  $color-pack: false !default,
-
-  // 👉 Shadow opacity
-  $shadow-key-umbra-opacity: $shadow-key-umbra-opacity-custom !default,
-  $shadow-key-penumbra-opacity: $shadow-key-penumbra-opacity-custom !default,
-  $shadow-key-ambient-opacity: $shadow-key-ambient-opacity-custom !default,
-
-    // 👉 Card
-  $card-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default,
-  $card-elevation: 6 !default,
-  $card-title-line-height: 1.6 !default,
-  $card-actions-min-height: unset !default,
-  $card-text-padding: 1.25rem !default,
-  $card-item-padding: 1.25rem !default,
-  $card-actions-padding: 0 12px 12px !default,
-  $card-transition-property: $card-transition-property-custom !default,
-  $card-subtitle-opacity: 1 !default,
-
-  // 👉 Expansion Panel
-  $expansion-panel-active-title-min-height: 48px !default,
-
-  // 👉 List
-  $list-item-icon-margin-end: 16px !default,
-  $list-item-icon-margin-start: 16px !default,
-  $list-item-subtitle-opacity: 1 !default,
-
-  // 👉 Navigation Drawer
-  $navigation-drawer-content-overflow-y: hidden !default,
-
-  // 👉 Tooltip
-  $tooltip-background-color: rgba(59, 55, 68, 0.9) !default,
-  $tooltip-text-color: rgb(var(--v-theme-on-primary)) !default,
-  $tooltip-font-size: 0.75rem !default,
-
-   // 👉 VTimeline
-  $timeline-dot-size: 34px !default,
-
-  // 👉 table
-  $table-transition-property:  height !default,
-
-  // 👉 VOverlay
-  $overlay-opacity: 1 !default,
-
-  // 👉 VContainer
-  $container-max-widths: (
-    "xl": 1440px,
-    "xxl": 1440px
-  ) !default,
-
-);
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_default-layout-horizontal-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_default-layout-horizontal-nav.scss
deleted file mode 100644
index bdba506..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_default-layout-horizontal-nav.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-@use "@configured-variables" as variables;
-@use "misc";
-@use "@core-scss/base/mixins";
-
-%default-layout-horizontal-nav-navbar-and-nav-container {
-  @include mixins.elevation(3);
-
-  // ℹ️ 1000 is v-window z-index
-  z-index: 1001;
-  background-color: rgb(var(--v-theme-surface));
-
-  &.header-blur {
-    @extend %blurry-bg;
-  }
-}
-
-%default-layout-horizontal-nav-navbar {
-  border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-}
-
-%default-layout-horizontal-nav-nav {
-  padding-block: variables.$horizontal-nav-padding;
-}
-
-%default-layout-horizontal-nav-nav-items-list {
-  gap: variables.$horizontal-nav-top-level-items-gap;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_default-layout-vertical-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_default-layout-vertical-nav.scss
deleted file mode 100644
index 936374a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_default-layout-vertical-nav.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-@use "@configured-variables" as variables;
-@use "misc";
-@use "@core-scss/base/mixins";
-
-%default-layout-vertical-nav-scrolled-sticky-elevated-nav {
-  background-color: rgb(var(--v-theme-surface));
-}
-
-%default-layout-vertical-nav-floating-navbar-and-sticky-elevated-navbar-scrolled {
-  @include mixins.elevation(variables.$vertical-nav-navbar-elevation);
-
-  // If navbar is contained => Squeeze navbar content on scroll
-  @if variables.$layout-vertical-nav-navbar-is-contained {
-    padding-inline: 1.2rem;
-  }
-}
-
-%default-layout-vertical-nav-floating-navbar-overlay {
-  isolation: isolate;
-
-  &::after {
-    position: absolute;
-    z-index: -1;
-    /* stylelint-disable property-no-vendor-prefix */
-    -webkit-backdrop-filter: blur(10px);
-    backdrop-filter: blur(10px);
-    /* stylelint-enable */
-    background:
-      linear-gradient(
-        180deg,
-        rgba(var(--v-theme-background), 70%) 44%,
-        rgba(var(--v-theme-background), 43%) 73%,
-        rgba(var(--v-theme-background), 0%)
-      );
-    background-repeat: repeat;
-    block-size: calc(variables.$layout-vertical-nav-navbar-height + variables.$vertical-nav-floating-navbar-top + 0.5rem);
-    content: "";
-    inset-block-start: -(variables.$vertical-nav-floating-navbar-top);
-    inset-inline: 0 0;
-    /* stylelint-disable property-no-vendor-prefix */
-    -webkit-mask: linear-gradient(black, black 18%, transparent 100%);
-    mask: linear-gradient(black, black 18%, transparent 100%);
-    /* stylelint-enable */
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_default-layout.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_default-layout.scss
deleted file mode 100644
index 84aa417..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_default-layout.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-%layout-navbar {
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_horizontal-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_horizontal-nav.scss
deleted file mode 100644
index 19434f0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_horizontal-nav.scss
+++ /dev/null
@@ -1,98 +0,0 @@
-@use "@layouts/styles/mixins" as layoutsMixins;
-@use "@core-scss/base/variables";
-@use "@layouts/styles/placeholders";
-@use "@core-scss/base/mixins";
-
-// Horizontal nav item styles (including nested)
-%horizontal-nav-item {
-  padding-block: 0.6rem;
-  padding-inline: 1rem;
-}
-
-// Top level horizontal nav item styles (`a` tag & group label)
-%horizontal-nav-top-level-item {
-  border-radius: 0.4rem;
-}
-
-%horizontal-nav-disabled {
-  opacity: var(--v-disabled-opacity);
-  pointer-events: none;
-}
-
-// Active styles for sub nav link
-%horizontal-nav-sub-nav-link-active {
-  background: rgba(var(--v-theme-primary), 0.1);
-  color: rgb(var(--v-theme-primary));
-}
-
-/*
-  ℹ️ This style is required when you don't provide any transition to horizontal nav items via themeConfig `themeConfig.horizontalNav.transition`
-  Also, you have to disable it if you are using transition
-*/
-// Popper content styles when it's hidden
-%horizontal-nav-popper-content-hidden {
-  // display: none;
-
-  // opacity: 0;
-  // pointer-events: none;
-  // transform: translateY(7px);
-  // transition: transform 0.25s ease-in-out, opacity 0.15s ease-in-out;
-}
-
-/*
-  ℹ️ This style is required when you don't provide any transition to horizontal nav items via themeConfig `themeConfig.horizontalNav.transition`
-  Also, you have to disable it if you are using transition
-*/
-// Popper content styles when it's shown
-%horizontal-nav-popper-content-visible {
-  // display: block;
-
-  // opacity: 1;
-  // pointer-events: auto;
-  // pointer-events: auto;
-  // transform: translateY(0);
-}
-
-// Horizontal nav item icon (Including sub nav items)
-%horizontal-nav-item-icon {
-  font-size: variables.$horizontal-nav-items-icon-size;
-  margin-inline-end: variables.$horizontal-nav-items-icon-margin-inline-end;
-}
-
-// Horizontal nav subitem
-%horizontal-nav-subitem {
-  min-inline-size: 12rem;
-
-  .nav-item-title {
-    margin-inline-end: 1rem;
-  }
-}
-
-// Styles for third level item icon/ (e.g. Reduce the icon's size of nested group's nav links (Top level group > Sub group > [Nav links]))
-%third-level-nav-item-icon {
-  font-size: variables.$horizontal-nav-third-level-icon-size;
-  margin-inline: calc((variables.$horizontal-nav-items-icon-size - variables.$horizontal-nav-third-level-icon-size) / 2) 0.75rem;
-
-  /*
-    ℹ️ `margin-inline` will be (normal icon font-size - small icon font-size) / 2
-    (1.5rem - 0.9rem) / 2 => 0.6rem / 2 => 0.3rem
-  */
-}
-
-// Horizontal nav item title
-%horizontal-nav-item-title {
-  margin-inline-end: 0.3rem;
-  white-space: nowrap;
-}
-
-// Popper content styles
-%horizontal-nav-popper-content {
-  @include mixins.elevation(4);
-
-  border-radius: 6px;
-  padding-block: 0.3rem;
-
-  > div {
-    @extend %style-scroll-bar;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_index.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_index.scss
deleted file mode 100644
index 3af04f8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_index.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@forward "horizontal-nav";
-@forward "vertical-nav";
-@forward "nav";
-@forward "default-layout";
-@forward "default-layout-vertical-nav";
-@forward "default-layout-horizontal-nav";
-@forward "misc";
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_misc.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_misc.scss
deleted file mode 100644
index 6e4e4cf..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_misc.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-%blurry-bg {
-  /* stylelint-disable property-no-vendor-prefix */
-  -webkit-backdrop-filter: blur(6px);
-  backdrop-filter: blur(6px);
-  /* stylelint-enable */
-  background-color: rgb(var(--v-theme-surface), 0.9);
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_nav.scss
deleted file mode 100644
index 7b2857b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_nav.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-@use "@core-scss/base/mixins";
-
-// ℹ️ This is common style that needs to be applied to both navs
-%nav {
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-
-  .nav-item-title {
-    letter-spacing: 0.15px;
-  }
-
-  .nav-section-title {
-    letter-spacing: 0.4px;
-  }
-}
-
-/*
-    Active nav link styles for horizontal & vertical nav
-
-    For horizontal nav it will be only applied to top level nav items
-    For vertical nav it will be only applied to nav links (not nav groups)
-*/
-%nav-link-active {
-  background-color: rgb(var(--v-global-theme-primary));
-  color: rgb(var(--v-theme-on-primary));
-
-  @include mixins.elevation(3);
-}
-
-%nav-link {
-  a {
-    color: inherit;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_vertical-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_vertical-nav.scss
deleted file mode 100644
index 9315342..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/placeholders/_vertical-nav.scss
+++ /dev/null
@@ -1,80 +0,0 @@
-@use "@core-scss/base/mixins";
-@use "@configured-variables" as variables;
-@use "vuetify/lib/styles/tools/states" as vuetifyStates;
-
-%nav-header-action {
-  font-size: 1.25rem;
-}
-
-// Nav items styles (including section title)
-%vertical-nav-item {
-  margin-block: 0;
-  margin-inline: variables.$vertical-nav-horizontal-spacing;
-  padding-block: 0;
-  padding-inline: variables.$vertical-nav-horizontal-padding;
-  white-space: nowrap;
-}
-
-// This is same as `%vertical-nav-item` except section title is excluded
-%vertical-nav-item-interactive {
-  border-radius: 0.4rem;
-  block-size: 2.75rem;
-
-  /*
-    ℹ️ We will use `margin-block-end` instead of `margin-block` to give more space for shadow to appear.
-    With `margin-block`, due to small space (space gets divided between top & bottom) shadow cuts
-  */
-  margin-block-end: 0.375rem;
-}
-
-// Common styles for nav item icon styles
-// ℹ️ Nav group's children icon styles are not here (Adjusts height, width & margin)
-%vertical-nav-items-icon {
-  flex-shrink: 0;
-  font-size: variables.$vertical-nav-items-icon-size;
-  margin-inline-end: variables.$vertical-nav-items-icon-margin-inline-end;
-}
-
-// ℹ️ Icon styling for icon nested inside another nav item (2nd level)
-%vertical-nav-items-nested-icon {
-  /*
-    ℹ️ `margin-inline` will be (normal icon font-size - small icon font-size) / 2
-    (1.5rem - 0.9rem) / 2 => 0.6rem / 2 => 0.3rem
-  */
-  $vertical-nav-items-nested-icon-margin-inline: calc((variables.$vertical-nav-items-icon-size - variables.$vertical-nav-items-nested-icon-size) / 2);
-
-  font-size: variables.$vertical-nav-items-nested-icon-size;
-  margin-inline: $vertical-nav-items-nested-icon-margin-inline $vertical-nav-items-nested-icon-margin-inline + variables.$vertical-nav-items-icon-margin-inline-end;
-}
-
-%vertical-nav-items-icon-after-2nd-level {
-  visibility: hidden;
-}
-
-// Open & Active nav group styles
-%vertical-nav-group-open-active {
-  @include mixins.selected-states("&::before");
-}
-
-// Section title
-// ℹ️ Setting height will prevent jerking when text & icon is toggled
-%vertical-nav-section-title {
-  block-size: 1.5rem;
-  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
-  font-size: 0.75rem;
-  text-transform: uppercase;
-}
-
-// Vertical nav item badge styles
-%vertical-nav-item-badge {
-  display: inline-block;
-  border-radius: 1.5rem;
-  font-size: 0.8em;
-  font-weight: 500;
-  line-height: 1;
-  padding-block: 0.25em;
-  padding-inline: 0.55em;
-  text-align: center;
-  vertical-align: baseline;
-  white-space: nowrap;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/skins/_bordered.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/skins/_bordered.scss
deleted file mode 100644
index e2932ad..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/skins/_bordered.scss
+++ /dev/null
@@ -1,72 +0,0 @@
-@use "sass:map";
-@use "@core-scss/base/mixins";
-@use "@configured-variables" as variables;
-@use "../utils";
-
-$header: ".layout-navbar";
-
-@if variables.$layout-vertical-nav-navbar-is-contained {
-  $header: ".layout-navbar .navbar-content-container";
-}
-
-.skin--bordered {
-  @include mixins.bordered-skin(".v-card:not(.v-card--flat)");
-  @include mixins.bordered-skin(".v-menu .v-overlay__content > .v-card, .v-menu .v-overlay__content > .v-sheet, .v-menu .v-overlay__content > .v-list");
-  @include mixins.bordered-skin(".popper-content");
-
-  // Navbar
-  // -- Horizontal
-  @include mixins.bordered-skin(".layout-navbar-and-nav-container", "border-bottom");
-
-  // -- Vertical
-  // ℹ️ We have added `.layout-navbar-sticky` as well in selector because we don't want to add borders if navbar is static
-  @if variables.$layout-vertical-nav-navbar-is-contained {
-    @include mixins.bordered-skin(".layout-nav-type-vertical.window-scrolled.layout-navbar-sticky #{$header}");
-    .layout-nav-type-vertical.window-scrolled #{$header} {
-      border-block-start: none !important;
-    }
-  }
-  // stylelint-disable-next-line @stylistic/indentation
- @else {
-    @include mixins.bordered-skin(".layout-nav-type-vertical.window-scrolled.layout-navbar-sticky #{$header}", "border-bottom");
-  }
-
-  // Footer
-  // -- Vertical
-  @include mixins.bordered-skin(".layout-nav-type-vertical.layout-footer-sticky .layout-footer .footer-content-container");
-
-  .layout-nav-type-vertical.layout-footer-sticky .layout-footer .footer-content-container {
-    border-block-end: none;
-  }
-
-  // -- Horizontal
-  @include mixins.bordered-skin(".layout-nav-type-horizontal.layout-footer-sticky .layout-footer");
-
-  .layout-nav-type-horizontal.layout-footer-sticky .layout-footer {
-    border-block-end: none;
-  }
-
-  // Vertical Nav
-  .layout-vertical-nav {
-    border-inline-end: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
-  }
-
-  // Expansion Panels
-  .v-expansion-panels:not(.customized-panels) {
-    .v-expansion-panel__shadow {
-      box-shadow: none !important;
-    }
-
-    .v-expansion-panel {
-      border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-
-      &:not(:last-child) {
-        margin-block-end: -1px;
-      }
-
-      &::after {
-        content: none;
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/skins/_index.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/skins/_index.scss
deleted file mode 100644
index 2ac249a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/base/skins/_index.scss
+++ /dev/null
@@ -1 +0,0 @@
-@use "bordered";
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_default-layout-w-horizontal-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_default-layout-w-horizontal-nav.scss
deleted file mode 100644
index 5d1c05e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_default-layout-w-horizontal-nav.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-.layout-wrapper.layout-nav-type-horizontal {
-  .layout-navbar-and-nav-container {
-    .app-logo {
-      .app-title {
-        font-size: 22px;
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_default-layout-w-vertical-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_default-layout-w-vertical-nav.scss
deleted file mode 100644
index 19173c9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_default-layout-w-vertical-nav.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-@use "@core-scss/base/mixins";
-
-.layout-wrapper.layout-nav-type-vertical {
-  // 👉 Layout footer
-  .layout-footer {
-    $ele-layout-footer: &;
-
-    .footer-content-container {
-      // Sticky footer
-      @at-root {
-        // ℹ️ .layout-footer-sticky#{$ele-layout-footer} => .layout-footer-sticky.layout-wrapper.layout-nav-type-vertical .layout-footer
-        .layout-footer-sticky#{$ele-layout-footer} {
-          .footer-content-container {
-            @include mixins.elevation(6);
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_horizontal-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_horizontal-nav.scss
deleted file mode 100644
index 82f80c9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_horizontal-nav.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-@use "@core-scss/template/placeholders" as *;
-
-.layout-horizontal-nav {
-  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-
-  // SECTION Nav Group
-  .nav-group,
-  .nav-link {
-    .popper-content {
-      .nav-link.sub-item a,
-      .nav-group-label {
-        @extend %nav-group-label-and-nav-link-style;
-      }
-
-      .nav-group.active {
-        > .popper-triggerer .nav-group-label {
-          font-weight: 500;
-        }
-      }
-
-      .nav-group.sub-item .sub-item {
-        .nav-group-label .nav-item-icon {
-          color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-        }
-
-        a:not(.router-link-exact-active) .nav-item-icon {
-          color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-        }
-      }
-
-      .nav-link.sub-item {
-        .router-link-active.router-link-exact-active {
-          font-weight: 500;
-        }
-      }
-    }
-  }
-
-  // !SECTION
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_mixins.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_mixins.scss
deleted file mode 100644
index 6a97343..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_mixins.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@use "sass:map";
-@use "@configured-variables" as variables;
-
-@mixin custom-elevation($color, $size) {
-  box-shadow: (map.get(variables.$shadow-params, $size) rgba($color, map.get(variables.$shadow-opacity, $size)));
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_utilities.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_utilities.scss
deleted file mode 100644
index 8988648..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_utilities.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-.v-timeline-item {
-  .app-timeline-title {
-    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-    font-size: 15px;
-    font-weight: 500;
-    line-height: 1.3125rem;
-  }
-
-  .app-timeline-meta {
-    color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
-    font-size: 11px;
-    line-height: 0.875rem;
-  }
-
-  .app-timeline-text {
-    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-    font-size: 13px;
-    line-height: 1.25rem;
-  }
-}
-
-// ℹ️ Temporary solution as v-spacer style is not getting applied in build version. will remove this after release.
-// VSpacer
-.v-spacer {
-  flex-grow: 1;
-}
-
-// app-logo & app-logo-title
-.app-logo {
-  display: flex;
-  align-items: center;
-  column-gap: 0.75rem;
-
-  .app-logo-title {
-    font-size: 1.375rem;
-    font-weight: 700;
-    letter-spacing: 0.25px;
-    line-height: 1.5rem;
-    text-transform: capitalize;
-  }
-}
-
-.text-white-variant {
-  color: rgba(255, 255, 255, 78%) !important;
-}
-
-.bg-custom-background {
-  background-color: rgb(var(--v-table-header-color));
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_variables.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_variables.scss
deleted file mode 100644
index 56df826..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_variables.scss
+++ /dev/null
@@ -1,102 +0,0 @@
-@forward "@core-scss/base/variables" with (
-  $default-layout-with-vertical-nav-navbar-footer-roundness: 6px !default,
-
-  $vertical-nav-navbar-style: "floating" !default, // options: elevated, floating
-
-  // 👉 Vertical nav
-  $vertical-nav-background-color-rgb: var(--v-theme-surface) !default,
-  // ℹ️ This is used to keep consistency between nav items and nav header left & right margin
-  // This is used by nav items & nav header
-  $vertical-nav-horizontal-spacing: 0.75rem !default,
-
-  // Section title margin top (when its not first child)
-  $vertical-nav-section-title-mt: 1rem !default,
-  $vertical-nav-navbar-elevation: 4 !default,
-  $vertical-nav-horizontal-padding: 0.75rem !default,
-  $layout-vertical-nav-collapsed-width: 70px !default,
-
-  // Move logo when vertical nav is mini (collapsed but not hovered)
-  $vertical-nav-header-logo-translate-x-when-vertical-nav-mini: -1px !default,
-
-  // Section title margin bottom
-  $vertical-nav-section-title-mb: 0.375rem !default,
-
-  // Vertical nav header padding
-  $vertical-nav-header-padding: 1.25rem 0.5rem !default,
-
-  // Vertical nav icons
-  $vertical-nav-items-icon-size: 1.375rem !default,
-  $vertical-nav-items-nested-icon-size: 0.75rem !default,
-
-  //  👉Footer
-  $layout-vertical-nav-footer-height: 54px !default,
-
-  // Gap between top level horizontal nav items
-  $horizontal-nav-top-level-items-gap: 6px !default,
-
-  $horizontal-nav-items-icon-margin-inline-end: 0.5rem !default,
-
-  $horizontal-nav-popper-content-top: 0.375rem !default,
-
-  $horizontal-nav-group-arrow-icon-size: 1.25rem !default,
-  $horizontal-nav-third-level-icon-size: 0.75rem !default,
-  /*
-    ❗ Heads up
-    ==================
-    Here we assume we will always use shorthand property which will apply same padding on four side
-    This is because this have been used as value of top property by `.popper-content`
-  */
-  $horizontal-nav-padding: 0.5rem !default,
-
-  // 👉 Navbar
-  $layout-vertical-nav-navbar-height: 54px !default,
-  $layout-horizontal-nav-navbar-height: 54px !default,
-
-  // Font sizes
-  $font-sizes: (
-    "xs": 0.6875rem,
-    "sm": 0.8125rem,
-    "base": 0.9375rem,
-    "lg": 1.125rem,
-    "xl": 1.5rem,
-    "2xl": 1.75rem,
-    "3xl": 2rem,
-    "4xl": 2.375rem,
-    "5xl": 3rem,
-    "6xl": 3.5rem,
-    "7xl": 4rem,
-    "8xl": 4.5rem,
-    "9xl": 5.25rem,
-  ) !default,
-
-  // Line heights
-  $font-line-height: (
-    "xs": 0.9375rem,
-    "sm": 1.25rem,
-    "base": 1.375rem,
-    "lg": 1.75rem,
-    "xl": 2.375rem,
-    "2xl": 2.625rem,
-    "3xl": 2.75rem,
-    "4xl": 3.25rem,
-    "5xl": 1,
-    "6xl": 1,
-    "7xl": 1,
-    "8xl": 1,
-    "9xl": 1
-  ) !default,
-);
-
-/* Custom shadow opacity */
-$shadow-opacity: (
-  "sm": 0.3,
-  "md": 0.4,
-  "lg": 0.5,
-) !default;
-
-/* Custom shadow params */
-$shadow-params: (
-  "sm": 0 2px 6px 0,
-  "md": 0 4px 16px 0,
-  "lg": 0 6px 20px 0,
-) !default;
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_vertical-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_vertical-nav.scss
deleted file mode 100644
index d617203..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/_vertical-nav.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-@use "@configured-variables" as variables;
-@use "@core-scss/base/mixins";
-@use "@layouts/styles/mixins" as layoutsMixins;
-
-.layout-nav-type-vertical {
-  // 👉 Layout Vertical nav
-  .layout-vertical-nav {
-    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-
-    @include mixins.elevation(4);
-
-    .nav-header {
-      padding-inline-end: 0.125rem;
-
-      .app-logo {
-        .app-title {
-          font-size: 22px;
-        }
-      }
-    }
-
-    .nav-items {
-      padding-block: 0.25rem;
-    }
-
-    // 👉 Nav group & Link
-    .nav-link,
-    .nav-group {
-      /* shadow cut issue fix */
-      margin-block-end: -0.5rem;
-      padding-block-end: 0.5rem;
-
-      a {
-        outline: none;
-      }
-    }
-
-    .nav-section-title .placeholder-icon {
-      margin-inline-start: 0.0625rem;
-      transform: scaleX(1.6);
-
-      @include layoutsMixins.rtl {
-        margin-inline-start: 0.125rem;
-      }
-    }
-  }
-
-  &.layout-vertical-nav-collapsed {
-    .layout-vertical-nav:not(.hovered) {
-      .nav-header {
-        .header-action {
-          opacity: 0;
-        }
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/index.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/index.scss
deleted file mode 100644
index 0fcb805..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/index.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-@use "sass:map";
-@use "@core-scss/base";
-
-// Layout
-@use "vertical-nav";
-@use "horizontal-nav";
-@use "default-layout-w-vertical-nav";
-@use "default-layout-w-horizontal-nav";
-
-// Skins
-@use "skins";
-
-// Utilities
-@use "utilities";
-
-// Mixins
-@use "mixins";
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/apex-chart.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/apex-chart.scss
deleted file mode 100644
index c3dd993..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/apex-chart.scss
+++ /dev/null
@@ -1,108 +0,0 @@
-@use "@styles/variables/_vuetify.scss" as vuetify;
-@use "@layouts/styles/mixins" as layoutsMixins;
-@use "@core-scss/base/mixins";
-
-body .apexcharts-canvas {
-  &line[stroke="transparent"] {
-    display: "none";
-  }
-
-  .apexcharts-tooltip {
-    @include mixins.elevation(3);
-
-    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-    background: rgb(var(--v-theme-surface));
-
-    .apexcharts-tooltip-title {
-      border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-      background: rgb(var(--v-theme-surface));
-      font-weight: 500;
-      padding-inline: 10px;
-    }
-
-    &.apexcharts-theme-light {
-      color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-    }
-
-    &.apexcharts-theme-dark {
-      color: white;
-    }
-
-    .apexcharts-tooltip-series-group:first-of-type {
-      padding-block-end: 0;
-    }
-  }
-
-  .apexcharts-xaxistooltip {
-    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-    background: rgb(var(--v-theme-grey-50));
-    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-
-    &::after {
-      border-block-end-color: rgb(var(--v-theme-grey-50));
-    }
-
-    &::before {
-      border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
-    }
-  }
-
-  .apexcharts-yaxistooltip {
-    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-    background: rgb(var(--v-theme-grey-50));
-
-    &::after {
-      border-inline-start-color: rgb(var(--v-theme-grey-50));
-    }
-
-    &::before {
-      border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
-    }
-  }
-
-  .apexcharts-xaxistooltip-text,
-  .apexcharts-yaxistooltip-text {
-    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-  }
-
-  .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
-    @include layoutsMixins.rtl {
-      text-anchor: start;
-    }
-  }
-
-  .apexcharts-text,
-  .apexcharts-tooltip-text,
-  .apexcharts-datalabel-label,
-  .apexcharts-datalabel,
-  .apexcharts-xaxistooltip-text,
-  .apexcharts-yaxistooltip-text,
-  .apexcharts-legend-text {
-    font-family: vuetify.$body-font-family !important;
-  }
-
-  .apexcharts-pie-label {
-    fill: white;
-    filter: none;
-  }
-
-  .apexcharts-marker {
-    box-shadow: none;
-  }
-
-  .apexcharts-tooltip-marker {
-    margin-inline-end: 0.625rem;
-
-    @include layoutsMixins.rtl {
-      margin-inline: 0 0.625rem !important;
-    }
-  }
-
-  .apexcharts-legend-marker {
-    margin-inline-end: 0.3875rem !important;
-
-    @include layoutsMixins.rtl {
-      margin-inline-end: 0.75rem !important;
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/full-calendar.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/full-calendar.scss
deleted file mode 100644
index 1a74c2b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/full-calendar.scss
+++ /dev/null
@@ -1,351 +0,0 @@
-/* stylelint-disable no-duplicate-selectors */
-/* stylelint-disable no-descending-specificity */
-@use "@core-scss/base/mixins";
-@use "@styles/variables/vuetify.scss";
-
-.calendar-add-event-drawer {
-  .v-navigation-drawer__content {
-    overflow-y: hidden;
-  }
-}
-
-body .fc {
-  --fc-today-bg-color: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
-  --fc-border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-  --fc-neutral-bg-color: rgb(var(--v-theme-background));
-  --fc-list-event-hover-bg-color: rgba(var(--v-theme-on-surface), 0.02);
-  --fc-page-bg-color: rgb(var(--v-theme-surface));
-  --fc-event-border-color: currentcolor;
-
-  a {
-    color: inherit;
-  }
-
-  .fc-timegrid-divider {
-    padding: 0;
-  }
-
-  .fc-button {
-    border-width: 0;
-    border-radius: 0.375rem;
-    line-height: 22px;
-    padding-block: 0.5rem;
-    padding-inline: 1.25rem;
-  }
-
-  th.fc-col-header-cell {
-    border-inline-end-color: transparent;
-  }
-
-  .fc-day-other .fc-daygrid-day-top {
-    color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
-    opacity: 1;
-  }
-
-  .fc-daygrid-event {
-    border-radius: 4px;
-  }
-
-  .fc-col-header-cell-cushion {
-    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-    font-size: 0.9375rem;
-    font-weight: 500;
-    line-height: 1.375rem;
-  }
-
-  .fc-toolbar-title {
-    display: inline-block;
-    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-    font-size: clamp(1.1rem, 2.5vw, 1.5rem);
-    font-weight: 500;
-    line-height: 38px;
-  }
-
-  .fc-toolbar .fc-toolbar-title {
-    margin-inline-start: 1rem;
-  }
-
-  .fc-timegrid-event,
-  .fc-timegrid-more-link {
-    border-radius: 0;
-  }
-
-  .fc-event-time {
-    font-size: 0.8125rem;
-    font-weight: 500 !important;
-    line-height: 14px;
-  }
-
-  .fc-event-title {
-    font-size: 0.75rem;
-    font-weight: 500 !important;
-    line-height: 14px;
-  }
-
-  .fc-timegrid-event {
-    .fc-event-title {
-      font-size: 0.8125rem;
-      line-height: 1.25rem;
-    }
-
-    .fc-event-time {
-      margin-block-end: 2px;
-    }
-  }
-
-  .fc-event-title-container {
-    .fc-event-title {
-      font-size: 0.8125rem;
-    }
-  }
-
-  .fc-prev-button {
-    padding-inline-start: 0;
-  }
-
-  .fc-prev-button,
-  .fc-next-button {
-    padding: 0.5rem;
-  }
-
-  .fc-timegrid-event-harness-inset .fc-timegrid-event,
-  .fc-timegrid-event.fc-event-mirror,
-  .fc-timegrid-more-link {
-    box-shadow: none;
-  }
-
-  &.fc-direction-ltr .fc-timegrid-col-events {
-    margin: 0;
-  }
-
-  .fc-col-header .fc-col-header-cell .fc-col-header-cell-cushion {
-    padding: 0.5rem;
-    text-decoration: none !important;
-  }
-
-  .fc-timegrid .fc-timegrid-slots .fc-timegrid-slot {
-    block-size: 3rem;
-  }
-
-  // Removed double border in list view
-  .fc-list {
-    border-block-end: none;
-    border-inline: none;
-    font-size: 0.8125rem;
-
-    .fc-list-day-cushion.fc-cell-shaded {
-      background-color: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
-      color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-      font-weight: 500;
-    }
-
-    .fc-list-event-time,
-    .fc-list-event-title {
-      color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-      font-size: 0.9375rem;
-    }
-
-    .fc-list-day .fc-list-day-text,
-    .fc-list-day .fc-list-day-side-text {
-      font-size: 0.9375rem;
-      line-height: 22px;
-      text-decoration: none;
-    }
-
-    .fc-list-table {
-      border-block-end: 1px solid rgba(var(--v-theme-on-surface));
-    }
-  }
-
-  .fc-timegrid-axis {
-    color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
-    font-size: 0.8125rem;
-    text-transform: capitalize;
-  }
-
-  .fc-timegrid-slot-label-frame {
-    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-    font-size: 0.8125rem;
-    text-align: center;
-    text-transform: uppercase;
-  }
-
-  .fc-header-toolbar {
-    flex-wrap: wrap;
-    padding: 1.4688rem;
-    gap: 1rem 0.5rem;
-    margin-block-end: 0 !important;
-  }
-
-  .fc-toolbar-chunk {
-    display: flex;
-    align-items: center;
-
-    .fc-button-group {
-      .fc-button-primary {
-        &,
-        &:hover,
-        &:not(.disabled):active {
-          border-color: transparent;
-          background-color: transparent;
-          color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-        }
-
-        &:focus {
-          box-shadow: none !important;
-        }
-      }
-    }
-
-    &:last-child {
-      .fc-button-group {
-        border-radius: 0.375rem;
-
-        .fc-button,
-        .fc-button:active {
-          background-color: rgba(var(--v-theme-primary), 0.16);
-          color: rgb(var(--v-theme-primary));
-          font-size: 0.9375rem;
-          font-weight: 500;
-          letter-spacing: 0.0187rem;
-          padding-inline: 1rem;
-          text-transform: capitalize;
-
-          &:not(:last-child) {
-            border-inline-end: 0.0625rem solid rgba(var(--v-theme-primary), var(--v-border-opacity));
-          }
-
-          &.fc-button-active {
-            background-color: rgba(var(--v-theme-primary), 0.24);
-            color: rgb(var(--v-theme-primary));
-          }
-        }
-      }
-    }
-  }
-
-  // Calendar content container
-  .fc-view-harness {
-    min-block-size: 41.625rem;
-  }
-
-  .fc-event {
-    border-color: transparent;
-    cursor: pointer;
-    margin-block-end: 0.5625rem;
-    padding-block: 0.25rem;
-    padding-inline: 0.75rem;
-  }
-
-  .fc-event-main {
-    color: inherit;
-    font-weight: 500;
-    line-height: 14px;
-  }
-
-  tbody[role="rowgroup"] {
-    > tr > td[role="presentation"] {
-      border: none;
-    }
-  }
-
-  .fc-scrollgrid {
-    border-inline-start: none;
-  }
-
-  .fc-daygrid-day {
-    padding: 0.3125rem;
-  }
-
-  .fc-daygrid-day-number {
-    padding-block: 0.5rem;
-    padding-inline: 0.6875rem;
-  }
-
-  .fc-scrollgrid-section > * {
-    border-inline-end-width: 0;
-    border-inline-start-width: 0;
-  }
-
-  .fc-list-event-dot {
-    color: inherit;
-
-    --fc-event-border-color: currentcolor;
-  }
-
-  .fc-list-event {
-    background-color: transparent !important;
-  }
-
-  .fc-popover {
-    @include mixins.elevation(3);
-
-    border-radius: 6px;
-
-    .fc-popover-header,
-    .fc-popover-body {
-      padding: 0.5rem;
-    }
-
-    .fc-popover-title {
-      margin: 0;
-      font-size: 0.9375rem;
-      font-weight: 500;
-    }
-  }
-
-  // 👉 sidebar toggler
-  .fc-toolbar-chunk {
-    .fc-button-group {
-      align-items: center;
-
-      .fc-button .fc-icon {
-        vertical-align: bottom;
-      }
-
-      // ℹ️ Below two `background-image` styles contains static color due to browser limitation of not parsing the css var inside CSS url()
-      .fc-drawerToggler-button {
-        display: none;
-        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='rgba(47,43,61,0.9)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E");
-        background-position: 50%;
-        background-repeat: no-repeat;
-        block-size: 1.5625rem;
-        font-size: 0;
-        inline-size: 1.5625rem;
-        margin-inline-end: 0.25rem;
-
-        @media (max-width: 1279px) {
-          display: block !important;
-        }
-      }
-    }
-  }
-
-  // ℹ️ Workaround of https://github.com/fullcalendar/fullcalendar/issues/6407
-  .fc-col-header,
-  .fc-daygrid-body,
-  .fc-scrollgrid-sync-table,
-  .fc-timegrid-body,
-  .fc-timegrid-body table {
-    inline-size: 100% !important;
-  }
-
-  // Remove event margin in week view inside day column
-  .fc-timegrid-col-events {
-    .fc-event {
-      padding-block: 8px !important;
-    }
-  }
-
-  .fc-timeGridWeek-view .fc-timegrid-slot-minor {
-    border-block-start-style: none;
-  }
-}
-
-.v-theme--dark .fc .fc-toolbar-chunk .fc-button-group .fc-drawerToggler-button {
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='rgba(225,222,245,0.9)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E");
-}
-
-.v-theme--dark .fc .fc-toolbar-chunk .fc-button-group .fc-drawerToggler-button {
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='rgba(232,232,241,0.68)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E");
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/shepherd.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/shepherd.scss
deleted file mode 100644
index 324ba03..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/shepherd.scss
+++ /dev/null
@@ -1,94 +0,0 @@
-@use "shepherd.js/dist/css/shepherd.css";
-@use "@core-scss/base/mixins";
-@use "@styles/variables/_vuetify.scss" as variables;
-
-.shepherd-button {
-  border-radius: variables.$button-border-radius;
-  block-size: 1.75rem;
-  color: #fff;
-  font-size: 0.8125rem;
-  font-weight: variables.$button-font-weight;
-  margin-inline-end: 0.75rem;
-  padding-block: 0.25rem;
-  padding-inline: 1rem;
-
-  &:not(:disabled):hover {
-    color: #fff;
-  }
-}
-
-.shepherd-footer {
-  background: rgb(var(--v-theme-background));
-  padding-block: 0.5rem 1rem;
-  padding-inline: 1rem;
-}
-
-.shepherd-element .shepherd-content .shepherd-header {
-  background: rgb(var(--v-theme-background));
-  padding-block: 1rem 0;
-  padding-inline: 1rem;
-}
-
-.shepherd-element .shepherd-content .shepherd-header .shepherd-title {
-  color: rgb(var(--v-theme-on-background));
-  font-size: 1.125rem;
-  font-weight: 500;
-}
-
-.shepherd-text {
-  padding: 1rem;
-  background: rgb(var(--v-theme-background));
-  color: rgb(var(--v-theme-on-background));
-  font-size: variables.$card-text-font-size;
-}
-
-.shepherd-cancel-icon {
-  color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity)) !important;
-  font-size: 1.5rem;
-}
-
-.shepherd-element[data-popper-placement^="bottom"] {
-  margin-block-start: 0.75rem !important;
-}
-
-.shepherd-element[data-popper-placement^="top"] {
-  margin-block-start: -0.75rem !important;
-}
-
-.shepherd-element[data-popper-placement^="right"] {
-  margin-inline-start: 0.75rem !important;
-}
-
-.shepherd-element[data-popper-placement^="left"] {
-  margin-inline-end: 0.75rem !important;
-}
-
-.shepherd-element[data-popper-placement] {
-  .shepherd-arrow::before {
-    background: rgb(var(--v-theme-background)) !important;
-  }
-}
-
-.shepherd-element {
-  border-radius: variables.$card-border-radius;
-  background: transparent;
-
-  @include mixins.elevation(6);
-}
-
-.nextBtnClass,
-.nextBtnClass:not(:disabled):hover {
-  background: rgb(var(--v-theme-primary));
-}
-
-.backBtnClass,
-.backBtnClass:not(:disabled):hover {
-  background: rgba(var(--v-theme-secondary), var(--v-activated-opacity));
-  color: rgb(var(--v-theme-secondary));
-}
-
-@media screen and (max-width: 600px) {
-  .shepherd-element {
-    max-inline-size: 75vw;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/swiper.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/swiper.scss
deleted file mode 100644
index f3c8704..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/swiper.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-swiper-container {
-  --swiper-navigation-color: rgb(var(--v-theme-primary));
-  --swiper-navigation-size: 1.75rem;
-  --swiper-pagination-color: rgb(var(--v-theme-primary));
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/_variables.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/_variables.scss
deleted file mode 100644
index b9f2891..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/_variables.scss
+++ /dev/null
@@ -1,348 +0,0 @@
-@use "sass:math";
-
-$font-family-custom: "Public Sans",sans-serif,-apple-system,blinkmacsystemfont,
-  "Segoe UI",roboto,"Helvetica Neue",arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
-
-/* 👉 Typography custom variables */
-$typography-h5-font-size: 1.125rem;
-$typography-body-1-font-size: 0.9375rem;
-$typography-body-1-line-height: 1.375rem;
-
-@forward "../../../base/libs/vuetify/variables"  with (
-  $body-font-family: $font-family-custom !default,
-  $border-radius-root: 6px !default,
-
-  // 👉 Rounded
-  $rounded: (
-    "sm": 4px,
-    "lg": 8px,
-    "shaped": 30px 0,
-  ) !default,
-
-  // 👉 Shadows
-  $shadow-key-umbra: (
-    0: (0 0 0 0 rgba(var(--v-shadow-key-umbra-color), 1)),
-    1: (0 2px 4px rgba(var(--v-shadow-key-umbra-color), 0.12)),
-    2: (0 1px 6px rgba(var(--v-shadow-key-umbra-color), var(--v-shadow-xs-opacity))),
-    3: (0 3px 8px rgba(var(--v-shadow-key-umbra-color), 0.14)),
-    4: (0 2px 8px rgba(var(--v-shadow-key-umbra-color), var(--v-shadow-sm-opacity))),
-    5: (0 4px 10px rgba(var(--v-shadow-key-umbra-color), 0.15)),
-    6: (0 3px 12px rgba(var(--v-shadow-key-umbra-color), var(--v-shadow-md-opacity))),
-    7: (0 4px 18px rgba(var(--v-shadow-key-umbra-color), 0.1)),
-    8: (0 4px 18px rgba(var(--v-shadow-key-umbra-color), var(--v-shadow-lg-opacity))),
-    9: (0 5px 14px rgba(var(--v-shadow-key-umbra-color), 0.18)),
-    10: (0 5px 30px rgba(var(--v-shadow-key-umbra-color), var(--v-shadow-xl-opacity))),
-    11: (0 5px 16px rgba(var(--v-shadow-key-umbra-color), 0.2)),
-    12: (0 6px 17px rgba(var(--v-shadow-key-umbra-color), 0.22)),
-    13: (0 6px 18px rgba(var(--v-shadow-key-umbra-color), 0.22)),
-    14: (0 6px 19px rgba(var(--v-shadow-key-umbra-color), 0.24)),
-    15: (0 7px 20px rgba(var(--v-shadow-key-umbra-color), 0.24)),
-    16: (0 7px 21px rgba(var(--v-shadow-key-umbra-color), 0.26)),
-    17: (0 7px 22px rgba(var(--v-shadow-key-umbra-color), 0.26)),
-    18: (0 8px 23px rgba(var(--v-shadow-key-umbra-color), 0.28)),
-    19: (0 8px 24px 6px rgba(var(--v-shadow-key-umbra-color), 0.28)),
-    20: (0 9px 25px rgba(var(--v-shadow-key-umbra-color), 0.3)),
-    21: (0 9px 26px rgba(var(--v-shadow-key-umbra-color), 0.32)),
-    22: (0 9px 27px rgba(var(--v-shadow-key-umbra-color), 0.32)),
-    23: (0 10px 28px rgba(var(--v-shadow-key-umbra-color), 0.34)),
-    24: (0 10px 30px rgba(var(--v-shadow-key-umbra-color), 0.34))
-  ) !default,
-
-  $shadow-key-penumbra: (
-    0: (0 0 transparent),
-    1: (0 0 transparent),
-    2: (0 0 transparent),
-    3: (0 0 transparent),
-    4: (0 0 transparent),
-    5: (0 0 transparent),
-    6: (0 0 transparent),
-    7: (0 0 transparent),
-    8: (0 0 transparent),
-    9: (0 0 transparent),
-    10: (0 0 transparent),
-    11: (0 0 transparent),
-    12: (0 0 transparent),
-    13: (0 0 transparent),
-    14: (0 0 transparent),
-    15: (0 0 transparent),
-    16: (0 0 transparent),
-    17: (0 0 transparent),
-    18: (0 0 transparent),
-    19: (0 0 transparent),
-    20: (0 0 transparent),
-    21: (0 0 transparent),
-    22: (0 0 transparent),
-    23: (0 0 transparent),
-    24: (0 0 transparent),
-  ) !default,
-
-  $shadow-key-ambient: (
-    0: (0 0 transparent),
-    1: (0 0 transparent),
-    2: (0 0 transparent),
-    3: (0 0 transparent),
-    4: (0 0 transparent),
-    5: (0 0 transparent),
-    6: (0 0 transparent),
-    7: (0 0 transparent),
-    8: (0 0 transparent),
-    9: (0 0 transparent),
-    10: (0 0 transparent),
-    11: (0 0 transparent),
-    12: (0 0 transparent),
-    13: (0 0 transparent),
-    14: (0 0 transparent),
-    15: (0 0 transparent),
-    16: (0 0 transparent),
-    17: (0 0 transparent),
-    18: (0 0 transparent),
-    19: (0 0 transparent),
-    20: (0 0 transparent),
-    21: (0 0 transparent),
-    22: (0 0 transparent),
-    23: (0 0 transparent),
-    24: (0 0 transparent),
-  ) !default,
-
-  // 👉 Typography
-  $typography: (
-    "h1": (
-      "size": 2.875rem,
-      "weight": 500,
-      "line-height": 4.25rem,
-      "letter-spacing": normal
-    ),
-    "h2": (
-      "size": 2.375rem,
-      "weight": 500,
-      "line-height": 3.5rem,
-      "letter-spacing": normal
-    ),
-    "h3": (
-      "size": 1.75rem,
-      "weight": 500,
-      "line-height": 2.625rem
-    ),
-    "h4": (
-      "size": 1.5rem,
-      "weight": 500,
-      "line-height": 2.375rem,
-      "letter-spacing": normal
-    ),
-    "h5": (
-      "size": $typography-h5-font-size,
-      "weight": 500,
-      "line-height": 1.75rem
-    ),
-    "h6":(
-      "size": 0.9375rem,
-      "line-height": 1.375rem,
-      "letter-spacing": normal
-    ),
-    "body-1":(
-      "size": $typography-body-1-font-size,
-      "line-height": $typography-body-1-line-height,
-      "letter-spacing": normal
-    ),
-    "body-2": (
-      "size": 0.8125rem,
-      "line-height": 1.25rem,
-      "letter-spacing": normal
-    ),
-    "subtitle-1":(
-      "size": 0.9375rem,
-      "weight": 400,
-      "line-height": 1.375rem
-    ),
-    "subtitle-2": (
-      "size": 0.8125rem,
-      "weight": 400,
-      "line-height": 1.25rem,
-      "letter-spacing": normal
-    ),
-    "button": (
-      "size": 0.9375rem,
-      "weight": 500,
-      "line-height": 1.125rem,
-      "letter-spacing": 0.0269rem,
-      "text-transform": capitalize
-    ),
-    "caption":(
-      "size": 0.8125rem,
-      "line-height": 1.125rem,
-      "letter-spacing": 0.025rem
-    ),
-    "overline": (
-      "size": 0.75rem,
-      "weight": 400,
-      "line-height": 0.875rem,
-      "letter-spacing": 0.05rem,
-    ),
-  ) !default,
-
-  // 👉 Alert
-  $alert-title-font-size: 1.125rem !default,
-  $alert-title-line-height: 1.5rem !default,
-  $alert-border-opacity: 0.38 !default,
-
-  // 👉 Badge
-  $badge-dot-height: 8px !default,
-  $badge-dot-width: 8px !default,
-  $badge-min-width: 24px !default,
-  $badge-height: 1.5rem !default,
-  $badge-font-size: 0.8125rem !default,
-  $badge-border-radius: 12px !default,
-  $badge-border-color: rgb(var(--v-theme-surface)) !default,
-  $badge-border-transform: scale(1.5) !default,
-  $badge-dot-border-width: 2px !default,
-
-  // 👉 Chip
-  $chip-font-size: 13px !default,
-  $chip-font-weight: 500 !default,
-  $chip-label-border-radius: 0.375rem !default,
-  $chip-height: 32px !default,
-  $chip-close-size: 1.25rem !default,
-  $chip-elevation: 0 !default,
-
-  // 👉 Button
-  $button-height: 38px !default,
-  $button-padding-ratio: 1.9 !default,
-  $button-line-height: 1.375rem !default,
-  $button-disabled-opacity: 0.45 !default,
-  $button-disabled-overlay: 0.2025 !default,
-  $button-icon-font-size: 0.9375rem !default,
-
-  // 👉 Button Group
-  $btn-group-border-radius: 8px !default,
-
-  // 👉 Dialog
-  $dialog-card-header-padding: 24px 24px 0 !default,
-  $dialog-card-header-text-padding-top: 24px !default,
-  $dialog-card-text-padding: 24px !default,
-  $dialog-elevation: 8 !default,
-
-  // 👉 Card
-  $card-title-font-size: $typography-h5-font-size !default,
-  $card-text-font-size: $typography-body-1-font-size !default,
-  $card-subtitle-font-size: 0.9375rem !default,
-  $card-subtitle-header-padding: 0 !default,
-  $card-subtitle-line-height: 1.375rem !default,
-  $card-title-line-height: 1.75rem !default,
-  $card-text-padding: 24px !default,
-  $card-text-line-height: 1.375rem !default,
-  $card-item-padding: 24px !default,
-  $card-elevation: 6 !default,
-
-  // 👉 Carousel
-  $carousel-dot-margin: 0 !default,
-  $carousel-dot-inactive-opacity: 0.4 !default,
-
-  // 👉 Expansion Panel
-  $expansion-panel-title-padding: 12px 20px 12px 24px !default,
-  $expansion-panel-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default,
-  $expansion-panel-active-title-min-height: 46px !default,
-  $expansion-panel-title-min-height: 46px !default,
-  $expansion-panel-text-padding: 0 20px 20px 24px !default,
-
-  // 👉 Field
-  $field-font-size: 0.9375rem !default,
-  $input-density: ("default": -2, "comfortable": -4.5, "compact": -6.5) !default,
-  $field-outline-opacity: 0.22 !default,
-  $field-border-width: 1px !default,
-  $field-focused-border-width: 2px !default,
-  $field-control-affixed-padding: 14px !default,
-
-  // 👉 Input
-  $input-details-padding-above: 4px !default,
-  $input-details-font-size: 0.8125rem !default,
-
-  // 👉 List
-  $list-density: ("default": 0, "comfortable": -1.5, "compact": -2.5) !default,
-  $list-border-radius: 6px !default,
-  $list-item-padding: 8px 20px !default,
-  $list-item-icon-margin-end: 10px !default,
-  $list-item-icon-margin-start : 12px !default,
-  $list-item-subtitle-line-height: 20px !default,
-  $list-subheader-font-size: 13px !default,
-  $list-subheader-line-height: 1.25rem !default,
-  $list-subheader-padding-end: 20px !default,
-  $list-subheader-min-height: 40px !default,
-  $list-item-avatar-margin-start: 12px !default,
-  $list-item-avatar-margin-end: 12px !default,
-  $list-disabled-opacity: 0.4,
-
-  // 👉 label
-  $label-font-size: 0.9375rem !default,
-
-  // 👉 message
-  $messages-font-size: 13px !default,
-
-  // 👉 menu
-  $menu-elevation: 8 !default,
-
-  // 👉 navigation drawer
-  $navigation-drawer-temporary-elevation: 8 !default,
-
-  // 👉 pagination
-  $pagination-item-margin: 0.1875rem !default,
-
-  // 👉 Progress Linear
-  $progress-linear-background-opacity: 1 !default,
-
-  // 👉 Radio
-  $radio-group-label-selection-group-padding-inline: 0 !default,
-
-  // 👉 slider
-  $slider-thumb-hover-opacity: var(--v-activated-opacity) !default,
-  $slider-thumb-label-padding: 2px 10px !default,
-  $slider-thumb-label-font-size: 0.8125rem !default,
-  $slider-track-active-size: 6px !default,
-
-  // 👉 select
-  $select-chips-margin-bottom: ("default": 1, "comfortable": 1, "compact": 1) !default,
-
-  // 👉 snackbar
-  $snackbar-background: rgb(var(--v-tooltip-background)) !default,
-  $snackbar-color: rgb(var(--v-theme-surface)) !default,
-  $snackbar-content-padding: 12px 16px !default,
-  $snackbar-font-size: 0.8125rem !default,
-  $snackbar-elevation: 2 !default,
-  $snackbar-wrapper-min-height:44px !default,
-  $snackbar-btn-padding: 0 9px !default,
-  $snackbar-action-margin: 16px !default,
-
-  // 👉 switch
-  $switch-inset-track-width: 1.875rem !default,
-  $switch-inset-track-height: 1.125rem !default,
-  $switch-inset-thumb-height: 0.875rem !default,
-  $switch-inset-thumb-width: 0.875rem !default,
-  $switch-inset-thumb-off-height: 0.875rem !default,
-  $switch-inset-thumb-off-width: 0.875rem !default,
-  $switch-thumb-elevation: 2 !default,
-  $switch-track-opacity: 1 !default,
-  $switch-track-background: rgba(var(--v-theme-on-surface), var(--v-focus-opacity)) !default,
-  $switch-thumb-background: rgb(var(--v-theme-on-primary)),
-
-  // 👉 table
-  $table-row-height: 50px !default,
-  $table-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default,
-  $table-font-size: 0.9375rem !default,
-
-  // 👉 tabs
-  $tabs-height: 42px !default,
-  $tab-min-width: 50px !default,
-
-  // 👉 tooltip
-  $tooltip-background-color: rgb(var(--v-tooltip-background)) !default,
-  $tooltip-text-color: rgb(var(--v-theme-surface)) !default,
-  $tooltip-font-size: 0.8125rem !default,
-  $tooltip-border-radius: 0.25rem !default,
-  $tooltip-padding: 5px 12px !default,
-
-  // 👉 timeline
-  $timeline-dot-size: 34px !default,
-  $timeline-dot-divider-background: rgba(var(--v-border-color),0.08) !default,
-  $timeline-divider-line-background: rgba(var(--v-border-color), var(--v-border-opacity)) !default,
-  $timeline-divider-line-thickness: 1.5px !default,
-  $timeline-item-padding: 16px !default,
-);
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_alert.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_alert.scss
deleted file mode 100644
index 67fadb1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_alert.scss
+++ /dev/null
@@ -1,114 +0,0 @@
-@use "@core-scss/base/mixins";
-@use "@configured-variables" as variables;
-
-/* 👉 Alert
-/ ℹ️ custom icon styling */
-
-$alert-prepend-icon-font-size: 1.375rem !important;
-
-.v-alert {
-  .v-alert__content {
-    line-height: 1.375rem;
-  }
-
-  &:not(.v-alert--prominent) .v-alert__prepend {
-    block-size: 1.875rem !important;
-    inline-size: 1.875rem !important;
-
-    .v-icon {
-      margin: auto;
-      block-size: 1.375rem !important;
-      font-size: 1.375rem !important;
-      inline-size: 1.375rem !important;
-    }
-  }
-
-  .v-alert-title {
-    margin-block-end: 0.25rem;
-  }
-
-  .v-alert__close {
-    .v-btn--icon {
-      .v-icon {
-        block-size: 1.25rem;
-        font-size: 1.25rem;
-        inline-size: 1.25rem;
-      }
-
-      .v-btn__overlay,
-      .v-ripple__container {
-        opacity: 0;
-      }
-    }
-  }
-
-  &:not(.v-alert--prominent) {
-    /* stylelint-disable-next-line no-duplicate-selectors */
-    .v-alert__prepend {
-      border-radius: 0.375rem;
-    }
-
-    &.v-alert--variant-flat,
-    &.v-alert--variant-elevated {
-      .v-alert__prepend {
-        background-color: #fff;
-
-        @include mixins.elevation(2);
-      }
-    }
-
-    &.v-alert--variant-tonal {
-      .v-alert__prepend {
-        z-index: 1;
-        background-color: rgb(var(--v-theme-surface));
-      }
-    }
-  }
-}
-
-.v-alert.v-alert--density-compact {
-  border-radius: 0.25rem;
-}
-
-.v-alert.v-alert--density-default {
-  border-radius: 0.5rem;
-}
-
-@each $color-name in variables.$theme-colors-name {
-  .v-alert {
-    &:not(.v-alert--prominent) {
-      &.bg-#{$color-name},
-      &.text-#{$color-name} {
-        .v-alert__prepend .v-icon {
-          color: rgb(var(--v-theme-#{$color-name})) !important;
-        }
-      }
-
-      &.v-alert--variant-tonal {
-        &.text-#{$color-name},
-        &.bg-#{$color-name} {
-          .v-alert__underlay {
-            background: rgb(var(--v-theme-#{$color-name})) !important;
-          }
-
-          .v-alert__prepend {
-            background-color: rgb(var(--v-theme-#{$color-name}));
-
-            .v-icon {
-              color: #fff !important;
-            }
-          }
-        }
-      }
-
-      &.v-alert--variant-outlined {
-        &.text-#{$color-name},
-        &.bg-#{$color-name} {
-          .v-alert__prepend {
-            background-color: rgba(var(--v-theme-#{$color-name}), 0.16);
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_avatar.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_avatar.scss
deleted file mode 100644
index 204679c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_avatar.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-@use "@core-scss/base/mixins";
-
-// 👉 Avatar
-body {
-  .v-avatar {
-    .v-icon {
-      block-size: 1.5rem;
-      inline-size: 1.5rem;
-    }
-
-    &.v-avatar--variant-tonal:not([class*="text-"]) {
-      .v-avatar__underlay {
-        --v-activated-opacity: 0.08;
-      }
-    }
-  }
-
-  .v-avatar-group {
-    > * {
-      &:hover {
-        transform: translateY(-5px) scale(1);
-
-        @include mixins.elevation(6);
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_badge.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_badge.scss
deleted file mode 100644
index 0cf46aa..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_badge.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-@use "@configured-variables" as variables;
-
-// 👉 Badge
-.v-badge {
-  .v-badge__badge .v-icon {
-    font-size: 0.9375rem;
-  }
-
-  &.v-badge--bordered:not(.v-badge--dot) {
-    .v-badge__badge {
-      &::after {
-        transform: scale(1.05);
-      }
-    }
-  }
-
-  &.v-badge--tonal {
-    @each $color-name in variables.$theme-colors-name {
-      .v-badge__badge.bg-#{$color-name} {
-        background-color: rgba(var(--v-theme-#{$color-name}), 0.16) !important;
-        color: rgb(var(--v-theme-#{$color-name})) !important;
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_button.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_button.scss
deleted file mode 100644
index 24fc473..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_button.scss
+++ /dev/null
@@ -1,280 +0,0 @@
-@use "sass:list";
-@use "sass:map";
-@use "@core-scss/template/mixins" as templateMixins;
-@use "@configured-variables" as variables;
-
-/* 👉 Button
- Above map but opacity values as key and variant as value */
-
-$btn-active-overlay-opacity: (
-  0.08: (outlined, flat, text, plain),
-  0.24: (tonal),
-);
-$btn-hover-overlay-opacity: (
-  0: (elevated),
-  0.08: (outlined, flat, text, plain),
-  0.24: (tonal),
-);
-$btn-focus-overlay-opacity: (
-  0.08: (outlined, flat, text, plain),
-  0.24: (tonal),
-);
-
-body .v-btn {
-  // ℹ️ This is necessary because as we have darker overlay on hover for elevated variant, button text doesn't get dimmed
-  // This style is already applied to `.v-icon`
-  .v-btn__content {
-    z-index: 0;
-  }
-
-  transition: all 0.135s ease; /* Add transition */
-
-  &:active {
-    transform: scale(0.98);
-  }
-
-  // Add transition on hover
-  &:not(.v-btn--loading) .v-btn__overlay {
-    transition: opacity 0.15s ease-in-out;
-    will-change: opacity;
-  }
-
-  // box-shadow
-  @each $color-name in variables.$theme-colors-name {
-    &:not(.v-btn--disabled) {
-      &.bg-#{$color-name}.v-btn--variant-elevated {
-        &,
-        &:hover,
-        &:active,
-        &:focus {
-          @include templateMixins.custom-elevation(var(--v-theme-#{$color-name}), "sm");
-        }
-      }
-    }
-  }
-
-  /*
-    Loop over $btn-active-overlay-opacity map and add active styles for each variant.
-    Group variants with same opacity value.
-  */
-  @each $opacity, $variants in $btn-active-overlay-opacity {
-    $overlay-selectors: ();
-    $underlay-selectors: ();
-
-    // append each variant to selectors list
-    @each $variant in $variants {
-      $overlay-selectors: list.append($overlay-selectors, "&.v-btn--variant-#{$variant}:active > .v-btn__overlay,");
-      $underlay-selectors: list.append($underlay-selectors, "&.v-btn--variant-#{$variant}:active > .v-btn__underlay,");
-    }
-
-    #{$overlay-selectors} {
-      --v-hover-opacity: #{$opacity};
-
-      opacity: var(--v-hover-opacity);
-    }
-
-    #{$underlay-selectors} {
-      opacity: 0;
-    }
-  }
-
-  @each $opacity, $variants in $btn-focus-overlay-opacity {
-    $selectors: ();
-
-    // append each variant to selectors list
-    @each $variant in $variants {
-      $selectors: list.append($selectors, "&.v-btn--variant-#{$variant}:focus > .v-btn__overlay,");
-    }
-
-    #{$selectors} {
-      opacity: $opacity;
-    }
-  }
-
-  /*
-    Loop over $btn-hover-overlay-opacity map and add hover styles for each variant.
-    Group variants with same opacity value.
-  */
-  @each $opacity, $variants in $btn-hover-overlay-opacity {
-    $selectors: ();
-
-    // append each variant to selectors list
-    @each $variant in $variants {
-      $selectors: list.append($selectors, "&.v-btn--variant-#{$variant}:hover > .v-btn__overlay,");
-    }
-
-    #{$selectors} {
-      --v-hover-opacity: #{$opacity};
-    }
-  }
-
-  // Default (elevated) button
-  &--variant-elevated,
-  &--variant-flat {
-    // We want a darken color on hover
-    &:not(.v-btn--loading, .v-btn--disabled) {
-      @each $color-name in variables.$theme-colors-name {
-        &.bg-#{$color-name} {
-          &:hover,
-          &:active,
-          &:focus {
-            background-color: rgb(var(--v-theme-#{$color-name}-darken-1)) !important;
-          }
-        }
-      }
-    }
-  }
-
-  // Outlined button
-  &:not(.v-btn--icon, .v-tab).v-btn--variant-text {
-    &.v-btn--size-default {
-      padding-inline: 0.75rem;
-    }
-
-    &.v-btn--size-small {
-      padding-inline: 0.5625rem;
-    }
-
-    &.v-btn--size-large {
-      padding-inline: 1rem;
-    }
-  }
-
-  // Button border-radius
-  &:not(.v-btn--icon).v-btn--size-x-small {
-    border-radius: 2px;
-  }
-
-  &:not(.v-btn--icon).v-btn--size-small {
-    border-radius: 4px;
-    line-height: 1.125rem;
-    padding-block: 0;
-    padding-inline: 0.875rem;
-  }
-
-  &:not(.v-btn--icon).v-btn--size-default {
-    .v-btn__content,
-    .v-btn__append,
-    .v-btn__prepend {
-      .v-icon {
-        --v-icon-size-multiplier: 0.7113;
-
-        block-size: 1rem;
-        font-size: 1rem;
-        inline-size: 1rem;
-      }
-
-      .v-icon--start {
-        margin-inline: -2px 6px;
-      }
-
-      .v-icon--end {
-        margin-inline: 6px -2px;
-      }
-    }
-  }
-
-  &:not(.v-btn--icon).v-btn--size-large {
-    --v-btn-height: 3rem;
-
-    border-radius: 8px;
-    line-height: 1.625rem;
-    padding-block: 0;
-    padding-inline: 1.625rem;
-  }
-
-  &:not(.v-btn--icon).v-btn--size-x-large {
-    border-radius: 10px;
-  }
-
-  // icon buttons
-  &.v-btn--icon.v-btn--density-default {
-    block-size: var(--v-btn-height);
-    inline-size: var(--v-btn-height);
-
-    &.v-btn--size-default {
-      .v-icon {
-        --v-icon-size-multiplier: 0.978 !important;
-
-        block-size: 1.375rem;
-        font-size: 1.375rem;
-        inline-size: 1.375rem;
-      }
-    }
-
-    &.v-btn--size-small {
-      --v-btn-height: 2.125rem;
-
-      .v-icon {
-        block-size: 1.25rem;
-        font-size: 1.25rem;
-        inline-size: 1.25rem;
-      }
-    }
-
-    &.v-btn--size-large {
-      --v-btn-height: 2.625rem;
-
-      .v-icon {
-        block-size: 1.75rem;
-        font-size: 1.75rem;
-        inline-size: 1.75rem;
-      }
-    }
-  }
-
-  &-group.v-btn-toggle {
-    .v-btn {
-      border-radius: 0.5rem;
-      block-size: 52px !important;
-      border-inline-end: none;
-      inline-size: 52px !important;
-
-      &.v-btn--density-comfortable {
-        border-radius: 0.375rem;
-        block-size: 44px !important;
-        inline-size: 44px !important;
-      }
-
-      &.v-btn--density-compact {
-        border-radius: 0.25rem;
-        block-size: 36px !important;
-        inline-size: 36px !important;
-      }
-
-      &.v-btn--icon .v-icon {
-        block-size: 1.5rem;
-        color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-        font-size: 1.5rem;
-        inline-size: 1.5rem;
-      }
-
-      &.v-btn--icon.v-btn--active {
-        .v-icon {
-          color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-        }
-      }
-    }
-
-    &.v-btn-group {
-      align-items: center;
-      padding: 7px;
-      border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-      block-size: 66px;
-
-      .v-btn.v-btn--active {
-        .v-btn__overlay {
-          --v-activated-opacity: 0.08;
-        }
-      }
-
-      &.v-btn-group--density-compact {
-        block-size: 50px;
-      }
-
-      &.v-btn-group--density-comfortable {
-        block-size: 58px;
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_cards.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_cards.scss
deleted file mode 100644
index fe680cb..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_cards.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.v-card-subtitle {
-  color: rgba(var(--v-theme-on-background), 0.55);
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_checkbox.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_checkbox.scss
deleted file mode 100644
index 8ed13de..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_checkbox.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-@use "sass:list";
-@use "sass:map";
-@use "@styles/variables/vuetify";
-@use "@configured-variables" as variables;
-
-// 👉 Checkbox
-.v-checkbox {
-  // We adjusted it to vertically align the label
-
-  .v-selection-control--disabled {
-    --v-disabled-opacity: 0.45;
-  }
-
-  // Remove extra space below the label
-  .v-input__details {
-    min-block-size: unset !important;
-    padding-block-start: 0 !important;
-  }
-}
-
-// 👉 checkbox size and box shadow
-.v-checkbox-btn {
-  // 👉 Checkbox icon opacity
-  .v-selection-control__input > .v-icon {
-    opacity: 1;
-  }
-
-  &.v-selection-control--dirty {
-    @each $color-name in variables.$theme-colors-name {
-      .v-selection-control__wrapper.text-#{$color-name} {
-        .v-selection-control__input {
-          /* ℹ️ Using filter: drop-shadow() instead of box-shadow because box-shadow creates white background for SVG; */
-          .v-icon {
-            filter: drop-shadow(0 2px 6px rgba(var(--v-theme-#{$color-name}), 0.3));
-          }
-        }
-      }
-    }
-  }
-}
-
-// checkbox icon size
-.v-checkbox,
-.v-checkbox-btn {
-  &.v-selection-control {
-    .v-selection-control__input {
-      svg {
-        font-size: 1.5rem;
-      }
-    }
-
-    .v-label {
-      color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-      line-height: 1.375rem;
-    }
-  }
-
-  &:not(.v-selection-control--dirty) {
-    .v-selection-control__input {
-      > .custom-checkbox-indeterminate {
-        color: rgb(var(--v-theme-primary)) !important;
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_chip.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_chip.scss
deleted file mode 100644
index 85754cd..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_chip.scss
+++ /dev/null
@@ -1,102 +0,0 @@
-// 👉 Chip
-.v-chip {
-  line-height: 1.25rem;
-
-  .v-chip__close {
-    margin-inline: 4px -6px !important;
-
-    .v-icon {
-      opacity: 0.7;
-    }
-  }
-
-  .v-chip__content {
-    .v-icon {
-      block-size: 20px;
-      font-size: 20px;
-      inline-size: 20px;
-    }
-  }
-
-  &:not(.v-chip--variant-elevated) {
-    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-  }
-
-  &.v-chip--variant-elevated {
-    background-color: rgba(var(--v-theme-on-surface), var(--v-activated-opacity));
-    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-  }
-
-  &:not([class*="text-"]) {
-    --v-activated-opacity: 0.08;
-  }
-
-  // common style for all sizes
-  &.v-chip--size-default,
-  &.v-chip--size-small {
-    .v-icon--start,
-    .v-chip__filter {
-      margin-inline-start: 0 !important;
-    }
-
-    &:not(.v-chip--pill) {
-      .v-avatar--start {
-        margin-inline: -6px 4px;
-      }
-
-      .v-avatar--end {
-        margin-inline: 4px -6px;
-      }
-    }
-  }
-
-  // small size
-  &:not(.v-chip--pill).v-chip--size-small {
-    --v-chip-height: 24px;
-
-    &.v-chip--label {
-      border-radius: 0.25rem;
-    }
-
-    font-size: 13px;
-
-    .v-avatar {
-      --v-avatar-height: 16px;
-    }
-
-    .v-chip__close {
-      font-size: 16px;
-      max-block-size: 16px;
-      max-inline-size: 16px;
-    }
-  }
-
-  // extra small size
-  &:not(.v-chip--pill).v-chip--size-x-small {
-    --v-chip-height: 20px;
-
-    &.v-chip--label {
-      border-radius: 0.25rem;
-      padding-inline: 0.625rem;
-    }
-
-    font-size: 13px;
-
-    .v-avatar {
-      --v-avatar-height: 16px;
-    }
-
-    .v-chip__close {
-      font-size: 16px;
-      max-block-size: 16px;
-      max-inline-size: 16px;
-    }
-  }
-
-  // default size
-  &:not(.v-chip--pill).v-chip--size-default {
-    .v-avatar {
-      --v-avatar-height: 20px;
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_dialog.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_dialog.scss
deleted file mode 100644
index 054b4aa..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_dialog.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-@use "@layouts/styles/mixins" as layoutsMixins;
-
-// 👉 Dialog
-body .v-dialog {
-  // dialog custom close btn
-  .v-dialog-close-btn {
-    border-radius: 0.375rem;
-    background-color: rgb(var(--v-theme-surface)) !important;
-    block-size: 2rem;
-    inline-size: 2rem;
-    inset-block-start: 0;
-    inset-inline-end: 0;
-    transform: translate(0.5rem, -0.5rem);
-
-    @include layoutsMixins.rtl {
-      transform: translate(-0.5rem, -0.5rem);
-    }
-
-    &:hover {
-      transform: translate(0.3125rem, -0.3125rem);
-
-      @include layoutsMixins.rtl {
-        transform: translate(-0.3125rem, -0.3125rem);
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_expansion-panels.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_expansion-panels.scss
deleted file mode 100644
index 72c8882..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_expansion-panels.scss
+++ /dev/null
@@ -1,106 +0,0 @@
-@use "@core-scss/base/mixins";
-@use "@layouts/styles/mixins" as layoutsMixins;
-
-// 👉 Expansion panels
-body .v-layout .v-application__wrap .v-expansion-panels {
-  .v-expansion-panel {
-    margin-block-start: 0 !important;
-
-    // expansion panel arrow font size
-    .v-expansion-panel-title {
-      color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-      font-weight: 500;
-
-      .v-expansion-panel-title__icon {
-        transition: transform 0.2s ease-in-out;
-
-        .v-icon {
-          block-size: 1.25rem !important;
-          font-size: 1.25rem !important;
-          inline-size: 1.25rem !important;
-        }
-      }
-    }
-
-    .v-expansion-panel-title,
-    .v-expansion-panel-title--active,
-    .v-expansion-panel-title:hover,
-    .v-expansion-panel-title:focus,
-    .v-expansion-panel-title:focus-visible,
-    .v-expansion-panel-title--active:focus,
-    .v-expansion-panel-title--active:hover {
-      .v-expansion-panel-title__overlay {
-        opacity: 0 !important;
-      }
-    }
-
-    // Set Elevation when panel open
-    &:not(.v-expansion-panels--variant-accordion) {
-      &.v-expansion-panel--active {
-        .v-expansion-panel__shadow {
-          @include mixins.elevation(6);
-        }
-      }
-    }
-  }
-
-  // custom style for expansion panels
-  &.expansion-panels-width-border {
-    border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-    border-radius: 0.375rem;
-
-    .v-expansion-panel-title {
-      background-color: rgb(var(--v-theme-grey-light));
-      border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-      margin-block-end: -1px;
-    }
-
-    .v-expansion-panel-text {
-      .v-expansion-panel-text__wrapper {
-        padding: 1.25rem;
-      }
-    }
-  }
-
-  &:not(.no-icon-rotate, .expansion-panels-width-border) {
-    .v-expansion-panel {
-      .v-expansion-panel-title__icon {
-        .v-icon {
-          @include layoutsMixins.rtl {
-            transform: scaleX(-1);
-          }
-        }
-      }
-
-      &.v-expansion-panel--active {
-        .v-expansion-panel-title__icon {
-          transform: rotate(90deg);
-
-          @include layoutsMixins.rtl {
-            transform: rotate(-90deg);
-          }
-        }
-      }
-    }
-  }
-
-  &:not(.expansion-panels-width-border) {
-    .v-expansion-panel {
-      &:not(:last-child) {
-        margin-block-end: 0.5rem;
-      }
-
-      &:not(:first-child)::after {
-        content: none;
-      }
-
-      // ℹ️ we have to use below style of increase the specificity and override the default style
-      /* stylelint-disable-next-line no-descending-specificity */
-      &:first-child:not(:last-child),
-      &:not(:first-child, :last-child),
-      &:not(:first-child) {
-        border-radius: 0.375rem !important;
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_field.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_field.scss
deleted file mode 100644
index cd6b16b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_field.scss
+++ /dev/null
@@ -1,308 +0,0 @@
-@use "sass:map";
-@use "@configured-variables" as variables;
-@use "@core-scss/template/mixins" as templateMixins;
-
-$v-input-density: (
-  comfortable: (
-    icon-size: 1rem,
-    font-size: 0.9375rem,
-    line-height: 1.5rem,
-  ),
-  default: (
-    icon-size: 1.125rem,
-    font-size: 1.0625rem,
-    line-height: 1.5rem,
-  ),
-  compact: (
-    icon-size: 0.8125rem,
-    font-size: 0.8125rem,
-    line-height: 1.375rem,
-  ),
-);
-
-// 👉 VInput
-.v-input {
-  // 👉 VField
-  .v-field {
-    .v-field__loader {
-      .v-progress-linear {
-        .v-progress-linear__background {
-          background-color: transparent !important;
-        }
-      }
-    }
-
-    &.v-field--variant-solo,
-    &.v-field--variant-filled {
-      --v-field-padding-top: 7px !important;
-
-      color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-    }
-
-    // Color for text field
-    .v-field__input {
-      color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-    }
-
-    // Make field border width 2px when error
-    &.v-field--error {
-      .v-field__outline {
-        --v-field-border-width: 2px;
-      }
-    }
-
-    // Label
-    &.v-field--variant-outlined {
-      .v-label {
-        &.v-field-label--floating {
-          line-height: 0.9375rem;
-          margin-block: 0;
-          margin-inline: 6px;
-        }
-      }
-    }
-
-    &:not(.v-field--focused, .v-field--error):hover .v-field__outline {
-      --v-field-border-opacity: 0.6 !important;
-    }
-
-    // Shadow on focus
-    &.v-field--variant-outlined.v-field--focused:not(.v-field--error, .v-field--success) {
-      .v-field__outline {
-        @each $color-name in variables.$theme-colors-name {
-          &.text-#{$color-name} {
-            @include templateMixins.custom-elevation(var(--v-theme-#{$color-name}), "sm");
-          }
-        }
-
-        &:not([class*="text-"]) {
-          @include templateMixins.custom-elevation(var(--v-theme-primary), "sm");
-        }
-      }
-    }
-  }
-
-  // Give hint messages color based on theme color
-  @each $color-name in variables.$theme-colors-name {
-    &:has( .v-field.v-field--focused .v-field__outline.text-#{$color-name}) {
-      .v-messages {
-        color: rgb(var(--v-theme-#{$color-name}));
-      }
-    }
-  }
-
-  // Loop through each density setting in the map
-  @each $density, $settings in $v-input-density {
-    &.v-input--density-#{$density} {
-      .v-input__append,
-      .v-input__prepend,
-      .v-input__details,
-      .v-field .v-field__append-inner,
-      .v-field .v-field__prepend-inner,
-      .v-field .v-field__clearable {
-        > .v-icon {
-          block-size: map.get($settings, icon-size);
-          color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-          font-size: map.get($settings, icon-size);
-          inline-size: map.get($settings, icon-size);
-          opacity: 1;
-        }
-      }
-
-      .v-field {
-        .v-field__input {
-          font-size: map.get($settings, font-size);
-          line-height: map.get($settings, line-height);
-        }
-      }
-    }
-  }
-}
-
-// 👉 TextField, Select, AutoComplete, ComboBox, Textarea
-// ℹ️ We added .v-application to increase the specificity of the selector
-
-// Styles related to our custom input components
-body {
-  .app-text-field,
-  .app-select,
-  .app-autocomplete,
-  .app-combobox,
-  .app-textarea,
-  .app-picker-field {
-    // making padding 0 for help text
-    .v-text-field .v-input__details {
-      padding-inline-start: 0;
-    }
-
-    // Placeholder
-    .v-input {
-      .v-field {
-        // Placeholder transition
-        input,
-        .v-field__input {
-          &::placeholder {
-            transition: transform 0.2s ease-out;
-          }
-        }
-
-        &.v-field--focused {
-          input,
-          .v-field__input {
-            &::placeholder {
-              transform: translateX(4px) !important;
-
-              [dir="rtl"] & {
-                transform: translateX(-4px) !important;
-              }
-            }
-          }
-        }
-      }
-
-      // padding for different density
-      &.v-input--density-default {
-        .v-field {
-          .v-field__input {
-            --v-field-padding-start: 16px;
-            --v-field-padding-end: 16px;
-          }
-        }
-      }
-
-      &.v-input--density-comfortable {
-        .v-field {
-          .v-field__input {
-            --v-field-padding-start: 14px;
-            --v-field-padding-end: 14px;
-          }
-        }
-      }
-
-      &.v-input--density-compact {
-        .v-field {
-          .v-field__input {
-            --v-field-padding-start: 12px;
-            --v-field-padding-end: 12px;
-          }
-        }
-      }
-    }
-
-    // Disabled state
-    &:has(.v-input.v-input--disabled) {
-      .v-label {
-        color: rgba(var(--v-theme-on-surface), 0.38);
-      }
-
-      .v-input {
-        .v-field.v-field--disabled {
-          background-color: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
-          opacity: 1;
-
-          .v-field__outline {
-            --v-field-border-opacity: 0.24;
-          }
-
-          .v-field__input {
-            color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
-          }
-        }
-      }
-    }
-
-    // Apply color to label
-    @each $color-name in variables.$theme-colors-name {
-      .v-label {
-        color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-
-        &:has(+ .v-input .v-field.v-field--focused .v-field__outline.text-#{$color-name}) {
-          color: rgb(var(--v-theme-#{$color-name}));
-        }
-
-        &:has(+ .v-input .v-field.v-field--error) {
-          color: rgb(var(--v-theme-error));
-        }
-      }
-    }
-  }
-
-  @mixin style-selectable-component($component-name) {
-    .app-#{$component-name} {
-      .v-#{$component-name}__selection {
-        line-height: 24px;
-        margin-block: 0 !important;
-      }
-
-      // Vertical alignment of placeholder & text
-      .v-#{$component-name} .v-field .v-field__input > input {
-        align-self: center;
-      }
-
-      // Chips
-
-      .v-#{$component-name}.v-#{$component-name}--chips.v-input--dirty {
-        .v-#{$component-name}__selection {
-          margin: 0;
-        }
-
-        .v-field__input {
-          gap: 3px;
-        }
-
-        &.v-input--density-compact {
-          .v-field__input {
-            padding-inline-start: 0.5rem;
-          }
-        }
-
-        &.v-input--density-comfortable {
-          .v-field__input {
-            padding-inline-start: 0.75rem;
-          }
-        }
-
-        &.v-input--density-default {
-          .v-field__input {
-            padding-inline-start: 1rem;
-          }
-        }
-      }
-    }
-  }
-
-  @include style-selectable-component("autocomplete");
-  @include style-selectable-component("select");
-  @include style-selectable-component("combobox");
-
-  // AutoComplete
-  @at-root {
-    .app-autocomplete__content {
-      .v-list-item--active {
-        .v-autocomplete__mask {
-          background: rgba(92, 82, 192, 60%);
-        }
-      }
-
-      .v-theme--dark {
-        .v-list-item:not(.v-list-item--active) {
-          .v-autocomplete__mask {
-            background: rgba(59, 64, 92, 60%);
-          }
-        }
-      }
-    }
-  }
-}
-
-.app-inner-list {
-  // Hide checkboxes
-  .v-selection-control {
-    display: none;
-  }
-}
-
-// Hide resizer
-::-webkit-resizer {
-  background: transparent;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_list.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_list.scss
deleted file mode 100644
index 1b1d080..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_list.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-// 👉 List
-.v-list-item {
-  --v-hover-opacity: 0.06 !important;
-
-  .v-checkbox-btn.v-selection-control--density-compact {
-    margin-inline-end: 0.5rem;
-  }
-
-  .v-list-item__overlay {
-    transition: none;
-  }
-
-  .v-list-item__prepend {
-    .v-icon {
-      font-size: 1.375rem;
-    }
-  }
-
-  &.v-list-item--active {
-    &.v-list-group__header {
-      color: rgb(var(--v-theme-primary));
-    }
-
-    &:not(.v-list-group__header) {
-      .v-list-item-subtitle {
-        color: rgb(var(--v-theme-primary));
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_menu.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_menu.scss
deleted file mode 100644
index 9bb5329..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_menu.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-// Style list differently when it's used in a components like select, menu etc
-.v-menu {
-  // Adjust padding of list item inside menu
-  .v-list-item {
-    padding-block: 8px !important;
-    padding-inline: 16px !important;
-  }
-}
-
-// 👉 Menu
-// Menu custom style
-.v-menu.v-overlay {
-  .v-overlay__content {
-    .v-list {
-      .v-list-item {
-        border-radius: 0.375rem !important;
-        margin-block: 0.125rem;
-        margin-inline: 0.5rem;
-        min-block-size: 2.375rem;
-
-        &:first-child {
-          margin-block-start: 0;
-        }
-
-        &:last-child {
-          margin-block-end: 0;
-        }
-      }
-
-      .v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
-        padding-block: 0.5rem;
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_otp-input.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_otp-input.scss
deleted file mode 100644
index ed38ad9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_otp-input.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-// otp input
-.v-otp-input {
-  justify-content: unset !important;
-
-  .v-otp-input__content {
-    max-inline-size: 100%;
-
-    .v-field.v-field--focused {
-      .v-field__outline {
-        .v-field__outline__start,
-        .v-field__outline__end {
-          border-color: rgb(var(--v-theme-primary)) !important;
-        }
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_pagination.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_pagination.scss
deleted file mode 100644
index df3fb5d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_pagination.scss
+++ /dev/null
@@ -1,140 +0,0 @@
-/* stylelint-disable no-descending-specificity */
-@use "@core-scss/template/mixins" as templateMixins;
-@use "@configured-variables" as variables;
-
-// 👉 Pagination
-.v-pagination {
-  // pagination
-  .v-pagination__next,
-  .v-pagination__prev {
-    .v-btn--icon {
-      &.v-btn--size-small {
-        .v-icon {
-          font-size: 1rem;
-        }
-      }
-
-      &.v-btn--size-default {
-        .v-icon {
-          font-size: 1.125rem;
-        }
-      }
-
-      &.v-btn--size-large {
-        .v-icon {
-          font-size: 1.5rem;
-        }
-      }
-    }
-  }
-
-  // common style for all components
-  .v-pagination__next,
-  .v-pagination__prev,
-  .v-pagination__first,
-  .v-pagination__last,
-  .v-pagination__item {
-    .v-btn {
-      color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-      font-size: 0.8125rem;
-      font-weight: 400;
-      line-height: 1;
-
-      --v-activated-opacity: 0.08;
-
-      &:hover {
-        .v-btn__overlay {
-          --v-hover-opacity: 0.16;
-        }
-      }
-
-      &.v-btn--disabled {
-        opacity: 0.45;
-      }
-
-      &.v-btn--size-large {
-        font-size: 0.9375rem;
-      }
-    }
-  }
-
-  // Disable scale animation for button
-  .v-pagination__item {
-    .v-btn {
-      transform: scale(1) !important;
-
-      /* We disabled transition because it looks ugly 🤮 */
-      transition-duration: 0s;
-
-      &:active {
-        transform: scale(1);
-      }
-    }
-  }
-
-  .v-pagination__list {
-    @each $color-name in variables.$theme-colors-name {
-      &:has(.v-pagination__item.v-pagination__item--is-active .v-btn.text-#{$color-name}) {
-        .v-pagination__item {
-          .v-btn {
-            &:hover {
-              color: rgb(var(--v-theme-#{$color-name}));
-
-              .v-btn__overlay {
-                background-color: rgb(var(--v-theme-#{$color-name}));
-              }
-            }
-          }
-        }
-      }
-    }
-
-    .v-pagination__item--is-active {
-      .v-btn {
-        &:not([class*="text-"]) {
-          color: rgb(var(--v-theme-primary));
-
-          &:not(.v-btn--variant-outlined) {
-            .v-btn__underlay {
-              --v-activated-opacity: 0.04;
-            }
-          }
-
-          &.v-btn--variant-outlined {
-            border-color: rgb(var(--v-theme-primary));
-
-            .v-btn__overlay {
-              opacity: 0.16;
-            }
-          }
-        }
-
-        // box-shadow
-        @each $color-name in variables.$theme-colors-name {
-          &:not(.v-btn--disabled) {
-            &.text-#{$color-name} {
-              &,
-              &:hover,
-              &:active,
-              &:focus {
-                @include templateMixins.custom-elevation(var(--v-theme-#{$color-name}), "sm");
-              }
-
-              .v-btn__underlay {
-                opacity: 1 !important;
-              }
-
-              .v-btn__content {
-                color: #fff;
-              }
-
-              &.v-btn--variant-outlined {
-                background-color: rgb(var(--v-theme-#{$color-name}));
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_progress.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_progress.scss
deleted file mode 100644
index 2aa0c8f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_progress.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-// @use "@core-scss/template/mixins" as templateMixins;
-@use "@configured-variables" as variables;
-
-// 👉 Progress
-// .v-progress-linear {
-// .v-progress-linear__determinate {
-//   @each $color-name in variables.$theme-colors-name {
-//     &.bg-#{$color-name} {
-//       // @include templateMixins.custom-elevation(var(--v-theme-#{$color-name}), "sm");
-//     }
-//   }
-// }
-// }
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_radio.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_radio.scss
deleted file mode 100644
index 0aac48c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_radio.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-@use "@core-scss/base/mixins";
-@use "@configured-variables" as variables;
-
-// 👉 Radio
-.v-radio,
-.v-radio-btn {
-  // 👉 radio icon opacity
-  .v-selection-control__input > .v-icon {
-    opacity: 1;
-  }
-
-  &.v-selection-control--disabled {
-    --v-disabled-opacity: 0.45;
-  }
-
-  &.v-selection-control--dirty {
-    @each $color-name in variables.$theme-colors-name {
-      .v-selection-control__wrapper.text-#{$color-name} {
-        .v-selection-control__input {
-          /* ℹ️ Using filter: drop-shadow() instead of box-shadow because box-shadow creates white background for SVG; */
-          .v-icon {
-            filter: drop-shadow(0 2px 6px rgba(var(--v-theme-#{$color-name}), 0.3));
-          }
-        }
-      }
-    }
-  }
-
-  &.v-selection-control {
-    .v-selection-control__input {
-      svg {
-        font-size: 1.5rem;
-      }
-    }
-
-    .v-label {
-      color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-    }
-  }
-}
-
-// 👉 Radio, Checkbox
-
-.v-input.v-radio-group > .v-input__control > .v-label {
-  margin-inline-start: 0;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_rating.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_rating.scss
deleted file mode 100644
index 2014dc3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_rating.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-// 👉 Rating
-.v-rating {
-  .v-rating__wrapper {
-    .v-btn .v-icon {
-      --v-icon-size-multiplier: 1;
-    }
-
-    .v-btn--density-default {
-      --v-btn-height: 26px;
-    }
-
-    .v-btn--density-compact {
-      --v-btn-height: 30px;
-    }
-
-    .v-btn--density-comfortable {
-      --v-btn-height: 32px;
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_slider.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_slider.scss
deleted file mode 100644
index cb93267..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_slider.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-// 👉 Slider
-.v-slider {
-  .v-slider-track__background--opacity {
-    opacity: 0.16;
-  }
-}
-
-.v-slider-thumb {
-  .v-slider-thumb__surface::after {
-    border-radius: 50%;
-    background-color: #fff;
-    block-size: calc(var(--v-slider-thumb-size) - 10px);
-    inline-size: calc(var(--v-slider-thumb-size) - 10px);
-  }
-
-  .v-slider-thumb__label {
-    background-color: rgb(var(--v-tooltip-background));
-    color: rgb(var(--v-theme-surface));
-    font-weight: 500;
-    letter-spacing: 0.15px;
-    line-height: 1.25rem;
-
-    &::before {
-      content: none;
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_snackbar.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_snackbar.scss
deleted file mode 100644
index 61a2b3b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_snackbar.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// 👉 snackbar
-.v-snackbar {
-  .v-snackbar__actions {
-    .v-btn {
-      font-size: 13px;
-      line-height: 18px;
-      text-transform: capitalize;
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_switch.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_switch.scss
deleted file mode 100644
index 057223e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_switch.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-@use "@configured-variables" as variables;
-@use "@core-scss/template/mixins" as templateMixins;
-
-// 👉 switch
-.v-switch {
-  &.v-switch--inset {
-    .v-selection-control {
-      .v-switch__track {
-        transition: all 0.1s;
-      }
-
-      &.v-selection-control--dirty {
-        @each $color-name in variables.$theme-colors-name {
-          .v-switch__track.bg-#{$color-name} {
-            @include templateMixins.custom-elevation(var(--v-theme-#{$color-name}), "sm");
-          }
-        }
-      }
-
-      &:not(.v-selection-control--dirty) {
-        .v-switch__track {
-          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 16%) inset;
-        }
-      }
-    }
-
-    .v-selection-control__input {
-      transform: translateX(-6px) !important;
-
-      --v-selection-control-size: 0.875rem;
-
-      .v-switch__thumb {
-        box-shadow: 0 1px 6px rgba(var(--v-shadow-key-umbra-color), var(--v-shadow-xs-opacity));
-        transform: scale(1);
-      }
-    }
-
-    .v-selection-control--dirty {
-      .v-selection-control__input {
-        transform: translateX(6px) !important;
-      }
-    }
-  }
-
-  .v-label {
-    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-    line-height: 1.375rem !important;
-  }
-}
-
-.v-switch.v-input,
-.v-checkbox-btn,
-.v-radio-btn,
-.v-radio {
-  --v-input-control-height: auto;
-
-  flex: unset;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_table.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_table.scss
deleted file mode 100644
index 6a45086..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_table.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-// 👉 Table
-.v-table {
-  th {
-    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !important;
-    font-size: 0.8125rem;
-    letter-spacing: 0.2px;
-    text-transform: uppercase;
-
-    .v-data-table-header__content {
-      display: flex;
-      justify-content: space-between;
-    }
-  }
-}
-
-// 👉 Datatable
-.v-data-table,
-.v-table {
-  table {
-    thead,
-    tbody {
-      tr {
-        th,
-        td {
-          &:first-child:has(.v-checkbox-btn) {
-            padding-inline-start: 13px !important;
-          }
-
-          &:first-child {
-            padding-inline-start: 24px !important;
-          }
-
-          &:last-child {
-            padding-inline-end: 24px !important;
-          }
-        }
-      }
-    }
-
-    tbody {
-      .v-data-table-group-header-row {
-        td {
-          background-color: rgb(var(--v-theme-surface));
-        }
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_tabs.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_tabs.scss
deleted file mode 100644
index 6e324ab..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_tabs.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-@use "@configured-variables" as variables;
-@use "@core-scss/template/mixins" as templateMixins;
-
-// 👉 Tabs
-.v-tabs {
-  &.v-tabs--vertical {
-    --v-tabs-height: 38px !important;
-
-    &:not(.v-tabs-pill) {
-      block-size: 100%;
-      border-inline-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-    }
-  }
-
-  &.v-tabs--horizontal:not(.v-tabs-pill) {
-    border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-
-    .v-tab__slider {
-      block-size: 3px;
-    }
-  }
-
-  /* stylelint-disable-next-line no-descending-specificity */
-  .v-btn {
-    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-    transform: none !important;
-
-    .v-icon {
-      block-size: 1.125rem !important;
-      font-size: 1.125rem !important;
-      inline-size: 1.125rem !important;
-    }
-
-    &:hover:not(.v-tab--selected) {
-      color: rgb(var(--v-theme-primary));
-
-      .v-btn__content {
-        .v-tab__slider {
-          opacity: var(--v-activated-opacity);
-        }
-      }
-    }
-
-    &.v-btn--stacked {
-      /* stylelint-disable-next-line no-descending-specificity */
-      .v-icon {
-        block-size: 1.5rem !important;
-        font-size: 1.5rem !important;
-        inline-size: 1.5rem !important;
-      }
-    }
-
-    /* stylelint-disable-next-line no-descending-specificity */
-    .v-btn__overlay,
-    .v-ripple__container {
-      opacity: 0 !important;
-    }
-
-    /* stylelint-disable-next-line no-descending-specificity */
-    .v-tab__slider {
-      inset-inline-end: 0;
-      inset-inline-start: unset;
-    }
-  }
-}
-
-// 👉 Tab Pill
-.v-tabs.v-tabs-pill {
-  .v-slide-group__content {
-    gap: 0.25rem;
-  }
-
-  @each $color-name in variables.$theme-colors-name {
-    .v-tab--selected.text-#{$color-name} {
-      @include templateMixins.custom-elevation(var(--v-theme-#{$color-name}), "sm");
-    }
-  }
-
-  &.v-slide-group,
-  .v-slide-group__container {
-    box-sizing: content-box;
-    padding: 1rem;
-    margin: -1rem;
-  }
-
-  .v-tab.v-btn:not(.v-tab--selected) {
-    &:hover {
-      background-color: rgba(var(--v-theme-primary), var(--v-activated-opacity));
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_textarea.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_textarea.scss
deleted file mode 100644
index acef60a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_textarea.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-.v-textarea {
-  textarea {
-    opacity: 0 !important;
-  }
-
-  & .v-field--active textarea {
-    opacity: 1 !important;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_timeline.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_timeline.scss
deleted file mode 100644
index e10f031..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_timeline.scss
+++ /dev/null
@@ -1,99 +0,0 @@
-@use "@configured-variables" as variables;
-
-// 👉 Timeline
-.v-timeline {
-  // timeline items
-  .v-timeline-item {
-    &:not(:last-child) {
-      .v-timeline-item__body {
-        margin-block-end: 0.5rem;
-      }
-    }
-
-    .app-timeline-title {
-      line-height: 1.375rem;
-    }
-
-    .app-timeline-meta {
-      font-size: 0.8125rem;
-      font-weight: 400;
-      letter-spacing: 0.025rem;
-      line-height: 1.125rem;
-    }
-
-    .app-timeline-text {
-      font-size: 0.9375rem;
-      font-weight: 400;
-      line-height: 1.375rem;
-    }
-  }
-
-  // timeline icon only
-  &.v-timeline-icon-only {
-    .v-timeline-divider__dot {
-      .v-timeline-divider__inner-dot {
-        background: rgb(var(--v-theme-background));
-        box-shadow: none;
-      }
-    }
-  }
-
-  &:not(.v-timeline--variant-outlined) .v-timeline-divider__dot {
-    background: none !important;
-
-    .v-timeline-divider__inner-dot {
-      box-shadow: 0 0 0 0.1875rem rgb(var(--v-theme-on-surface-variant));
-
-      @each $color-name in variables.$theme-colors-name {
-
-        &.bg-#{$color-name} {
-          box-shadow: 0 0 0 0.1875rem rgba(var(--v-theme-#{$color-name}), 0.12);
-        }
-      }
-    }
-  }
-
-  &.v-timeline--variant-outlined {
-    .v-timeline-item {
-      .v-timeline-divider {
-        .v-timeline-divider__dot {
-          background: none !important;
-        }
-      }
-
-      .v-timeline-divider__after {
-        border: 1.5px dashed rgba(var(--v-border-color), var(--v-border-opacity));
-        background: none;
-      }
-
-      .v-timeline-divider__before {
-        background: none;
-      }
-    }
-  }
-
-  // we have to override the default bg-color of the timeline dot in the card
-  .v-card:not(.v-card--variant-text, .v-card--variant-plain, .v-card--variant-outlined) & {
-    &.v-timeline-icon-only {
-      .v-timeline-divider__dot {
-        .v-timeline-divider__inner-dot {
-          /* stylelint-disable-next-line no-descending-specificity */
-          background: rgb(var(--v-theme-surface));
-        }
-      }
-    }
-  }
-
-  .v-card.v-card--variant-tonal & {
-    &.v-timeline-icon-only {
-      .v-timeline-divider__dot {
-        .v-timeline-divider__inner-dot {
-          /* stylelint-disable-next-line no-descending-specificity */
-          .v-icon {
-            background: none;
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_tooltip.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_tooltip.scss
deleted file mode 100644
index 4ec8e41..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/_tooltip.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// 👉 Tooltip
-.v-tooltip {
-  .v-overlay__content {
-    font-weight: 500;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/index.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/index.scss
deleted file mode 100644
index 4e9c85c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/components/index.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-@use "alert";
-@use "avatar";
-@use "button";
-@use "badge";
-@use "cards";
-@use "chip";
-@use "dialog";
-@use "expansion-panels";
-@use "list";
-@use "menu";
-@use "pagination";
-@use "progress";
-@use "rating";
-@use "snackbar";
-@use "slider";
-@use "table";
-@use "tabs";
-@use "timeline";
-@use "tooltip";
-@use "otp-input";
-@use "field";
-@use "checkbox";
-@use "textarea";
-@use "radio";
-@use "switch";
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/index.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/index.scss
deleted file mode 100644
index b36827d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/index.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@use "@core-scss/base/libs/vuetify";
-@use "overrides";
-@use "components/index.scss";
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/overrides.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/overrides.scss
deleted file mode 100644
index 076591c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/libs/vuetify/overrides.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@use "@core-scss/base/utils";
-@use "@configured-variables" as variables;
-
-// 👉 Body
-
-// set body font size 15px
-body {
-  font-size: 15px !important;
-
-  // We reduced this margin to get 40px input height
-  .v-input--density-compact {
-    --v-input-chips-margin-bottom: 1px;
-  }
-}
-
-.text-caption {
-  color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity));
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/pages/misc.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/pages/misc.scss
deleted file mode 100644
index 1c96c48..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/pages/misc.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-.layout-blank {
-  .misc-wrapper {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 1.25rem;
-    min-block-size: 100dvh;
-  }
-
-  .misc-avatar {
-    z-index: 1;
-  }
-
-  .misc-footer-img {
-    position: absolute;
-    inline-size: 100%;
-    inset-block-end: 0;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/pages/page-auth.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/pages/page-auth.scss
deleted file mode 100644
index b4c9dce..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/pages/page-auth.scss
+++ /dev/null
@@ -1,63 +0,0 @@
-.layout-blank {
-  .auth-wrapper {
-    min-block-size: 100dvh;
-  }
-
-  .auth-v1-top-shape,
-  .auth-v1-bottom-shape {
-    position: absolute;
-  }
-
-  .auth-footer-mask {
-    position: absolute;
-    inset-block-end: 0;
-    min-inline-size: 100%;
-  }
-
-  .auth-card {
-    z-index: 1 !important;
-  }
-
-  .auth-illustration {
-    z-index: 1;
-  }
-
-  .auth-v1-top-shape {
-    inset-block-start: -77px;
-    inset-inline-start: -45px;
-  }
-
-  .auth-v1-bottom-shape {
-    inset-block-end: -58px;
-    inset-inline-end: -58px;
-  }
-
-  @media (min-width: 1264px), (max-width: 959px) and (min-width: 450px) {
-    .v-otp-input .v-otp-input__content {
-      gap: 1rem;
-    }
-  }
-}
-
-@media (min-width: 960px) {
-  .skin--bordered {
-    .auth-card-v2 {
-      border-inline-start: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)) !important;
-    }
-  }
-}
-
-.auth-logo {
-  position: absolute;
-  z-index: 2;
-  inset-block-start: 2rem;
-  inset-inline-start: 2.3rem;
-}
-
-.auth-title {
-  font-size: 1.375rem;
-  font-weight: 700;
-  letter-spacing: 0.25px;
-  line-height: 1.5rem;
-  text-transform: capitalize;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_default-layout-horizontal-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_default-layout-horizontal-nav.scss
deleted file mode 100644
index 9d06d25..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_default-layout-horizontal-nav.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-%default-layout-horizontal-nav-navbar-and-nav-container {
-  box-shadow: 0 1px 4px 0 rgba(var(--v-shadow-key-umbra-color), 0.1);
-
-  &.header-blur {
-    background-color: rgb(var(--v-theme-surface), 0.96);
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_default-layout-vertical-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_default-layout-vertical-nav.scss
deleted file mode 100644
index 5aeda7d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_default-layout-vertical-nav.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-@use "@configured-variables" as variables;
-
-%default-layout-vertical-nav-floating-navbar-and-sticky-elevated-navbar-scrolled {
-  // If navbar is contained => Squeeze navbar content on scroll
-  @if variables.$layout-vertical-nav-navbar-is-contained {
-    padding-inline: 1.5rem;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_horizontal-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_horizontal-nav.scss
deleted file mode 100644
index 25df6e7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_horizontal-nav.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-@use "@core-scss/base/mixins";
-
-// Horizontal nav item icon (Including sub nav items)
-%horizontal-nav-item-icon {
-  font-size: 1.375rem;
-}
-
-// Horizontal nav item styles (including nested)
-%horizontal-nav-item {
-  padding-block: 0.5rem;
-  padding-inline: 1rem;
-}
-
-%nav-group-label-and-nav-link-style {
-  border-radius: 0.375rem;
-  margin-block: 0.125rem;
-  margin-inline: 0.5rem;
-}
-
-// Active styles for sub nav link
-%horizontal-nav-sub-nav-link-active {
-  background: rgba(var(--v-theme-primary), 0.08);
-
-  // Remove before pseudo element from sub nav link to avoid overlapping with active state
-  &::before {
-    content: none;
-  }
-}
-
-// Popper content styles
-%horizontal-nav-popper-content {
-  @include mixins.elevation(8);
-}
-
-// Top level horizontal nav item styles (`a` tag & group label)
-%horizontal-nav-top-level-item {
-  border-radius: 0.375rem;
-}
-
-// Horizontal nav item title
-%horizontal-nav-item-title {
-  line-height: 1.375rem;
-}
-
-%third-level-nav-item-icon {
-  margin-inline: 0 0.5rem;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_index.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_index.scss
deleted file mode 100644
index bb494fd..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_index.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@forward "nav";
-@forward "vertical-nav";
-@forward "horizontal-nav";
-@forward "default-layout-vertical-nav";
-@forward "default-layout-horizontal-nav";
-@forward "misc";
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_misc.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_misc.scss
deleted file mode 100644
index 12de8b8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_misc.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-%blurry-bg {
-  background-color: rgb(var(--v-theme-surface), 0.88);
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_nav.scss
deleted file mode 100644
index 05f4256..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_nav.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-// ℹ️ This is common style that needs to be applied to both navs
-%nav {
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-
-  .nav-item-title {
-    letter-spacing: normal;
-  }
-}
-
-/*
-    Active nav link styles for horizontal & vertical nav
-
-    For horizontal nav it will be only applied to top level nav items
-    For vertical nav it will be only applied to nav links (not nav groups)
-*/
-%nav-link-active {
-  background: linear-gradient(270deg, rgba(var(--v-global-theme-primary), 0.7) 0%, rgb(var(--v-global-theme-primary)) 100%) !important;
-  box-shadow: 0 2px 6px rgba(var(--v-global-theme-primary), 0.3);
-
-  i {
-    color: rgb(var(--v-theme-on-primary)) !important;
-  }
-
-  html[dir="rtl"] &.router-link-exact-active {
-    background: linear-gradient(-270deg, rgba(var(--v-global-theme-primary), 0.7) 0%, rgb(var(--v-global-theme-primary)) 100%) !important;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_vertical-nav.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_vertical-nav.scss
deleted file mode 100644
index 779e813..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/placeholders/_vertical-nav.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-// Vertical nav item badge styles
-
-%nav-header-action {
-  font-size: 0;
-}
-
-%vertical-nav-item-badge {
-  z-index: 1;
-  font-size: 0.8125rem;
-  line-height: 1.25rem;
-  margin-inline-end: 0.5rem;
-  padding-block: 0.125rem;
-  padding-inline: 0.625rem;
-}
-
-// This is same as `%vertical-nav-item` except section title is excluded
-%vertical-nav-item-interactive {
-  border-radius: 0.375rem;
-  block-size: 2.375rem;
-  margin-block-end: 0.375rem;
-}
-
-%vertical-nav-items-icon-after-2nd-level {
-  margin-inline: 15px 0.8125rem;
-  visibility: visible;
-}
-
-// Section title
-// ℹ️ Setting height will prevent jerking when text & icon is toggled
-%vertical-nav-section-title {
-  block-size: 1.25rem;
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-  text-transform: uppercase;
-}
-
-// ℹ️ Icon styling for icon nested inside another nav item (2nd level)
-%vertical-nav-items-nested-icon {
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/skins/_bordered.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/skins/_bordered.scss
deleted file mode 100644
index 184968d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/skins/_bordered.scss
+++ /dev/null
@@ -1,82 +0,0 @@
-@use "sass:map";
-@use "@core-scss/base/mixins";
-@use "@configured-variables" as variables;
-
-$header: ".layout-navbar";
-
-@if variables.$layout-vertical-nav-navbar-is-contained {
-  $header: ".layout-navbar .navbar-content-container";
-}
-
-.skin--bordered {
-  // Expansion Panels
-  @include mixins.bordered-skin(
-    ".v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel, .v-expansion-panel__shadow"
-  );
-
-  // Navbar
-
-  // -- Vertical
-  @if variables.$layout-vertical-nav-navbar-is-contained {
-    @include mixins.bordered-skin(".layout-nav-type-vertical #{$header}");
-    .layout-nav-type-vertical.window-scrolled #{$header} {
-      border-block-start: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)) !important;
-    }
-  }
-  /* stylelint-disable-next-line @stylistic/indentation */
- @else {
-    @include mixins.bordered-skin(".layout-nav-type-vertical #{$header}", "border-bottom");
-  }
-
-  // Dialog close button
-  @include mixins.bordered-skin(".v-dialog-close-btn");
-
-  // Vertical Nav
-  .layout-vertical-nav {
-    box-shadow: none;
-  }
-
-  .v-expansion-panels.expansion-panels-width-border {
-    .v-expansion-panel__shadow {
-      box-shadow: none !important;
-    }
-
-    .v-expansion-panel {
-      border: none !important;
-
-      &:not(:last-child) {
-        margin-block-end: -1px;
-      }
-
-      &::after {
-        content: "";
-      }
-    }
-  }
-
-  // select remove box shadow
-  .v-select__content,
-  .v-combobox__content,
-  .v-autocomplete__content {
-    box-shadow: none;
-  }
-
-  .flatpickr-calendar {
-    border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-    box-shadow: none !important;
-  }
-
-  // calendar
-  .fc .fc-popover {
-    box-shadow: none;
-  }
-
-  // navigation drawer
-  .v-navigation-drawer:not(.app-customizer) {
-    box-shadow: none;
-  }
-
-  .shepherd-element {
-    box-shadow: none;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/skins/_index.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/skins/_index.scss
deleted file mode 100644
index 2ac249a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/@core/template/skins/_index.scss
+++ /dev/null
@@ -1 +0,0 @@
-@use "bordered";
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/styles.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/styles.scss
deleted file mode 100644
index 3e04544..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/styles.scss
+++ /dev/null
@@ -1 +0,0 @@
-// Write your overrides
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/variables/_template.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/variables/_template.scss
deleted file mode 100644
index 4b1a865..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/variables/_template.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@forward "@core-scss/template/variables";
-
-// ℹ️ Remove above import and uncomment below to override core variables.
-// @forward "@core-scss/template/variables" with (
-//   $<variable-name>: <variable-value>
-// )
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/variables/_vuetify.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/variables/_vuetify.scss
deleted file mode 100644
index 9b13e36..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/styles/variables/_vuetify.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// ❗ Path must be relative
-@forward "../@core/template/libs/vuetify/variables";
-
-// ℹ️ Remove above import and uncomment below to override core variables.
-// @forward "../@core/template/libs/vuetify/variables" with (
-//   $<variable-name>: <variable-value>
-// )
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/AppBarSearch.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/AppBarSearch.vue
deleted file mode 100644
index cdbb1be..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/AppBarSearch.vue
+++ /dev/null
@@ -1,278 +0,0 @@
-<script setup lang="ts" generic="T extends unknown">
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import { VList, VListItem } from 'vuetify/components/VList'
-
-interface Emit {
-  (e: 'update:isDialogVisible', value: boolean): void
-  (e: 'search', value: string): void
-}
-
-interface Props {
-  isDialogVisible: boolean
-  searchResults: T[]
-  isLoading?: boolean
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-
-// 👉 Hotkey
-// eslint-disable-next-line camelcase
-const { ctrl_k, meta_k } = useMagicKeys({
-  passive: false,
-  onEventFired(e) {
-    if (e.ctrlKey && e.key === 'k' && e.type === 'keydown')
-      e.preventDefault()
-  },
-})
-
-const refSearchList = ref<VList>()
-const refSearchInput = ref<HTMLInputElement>()
-const searchQueryLocal = ref('')
-
-// 👉 watching control + / to open dialog
-/* eslint-disable camelcase */
-watch([
-  ctrl_k, meta_k,
-], () => {
-  emit('update:isDialogVisible', true)
-})
-/* eslint-enable */
-
-// 👉 clear search result and close the dialog
-const clearSearchAndCloseDialog = () => {
-  searchQueryLocal.value = ''
-  emit('update:isDialogVisible', false)
-}
-
-// 👉 get fucus on search list
-const getFocusOnSearchList = (e: KeyboardEvent) => {
-  if (e.key === 'ArrowDown') {
-    e.preventDefault()
-    refSearchList.value?.focus('next')
-  }
-  else if (e.key === 'ArrowUp') {
-    e.preventDefault()
-    refSearchList.value?.focus('prev')
-  }
-}
-
-const dialogModelValueUpdate = (val: boolean) => {
-  searchQueryLocal.value = ''
-  emit('update:isDialogVisible', val)
-}
-
-// 👉 clear search query when redirect to another page
-watch(
-  () => props.isDialogVisible,
-  () => { searchQueryLocal.value = '' },
-)
-</script>
-
-<template>
-  <VDialog
-    max-width="600"
-    :model-value="props.isDialogVisible"
-    :height="$vuetify.display.smAndUp ? '531' : '100%'"
-    :fullscreen="$vuetify.display.width < 600"
-    class="app-bar-search-dialog"
-    @update:model-value="dialogModelValueUpdate"
-    @keyup.esc="clearSearchAndCloseDialog"
-  >
-    <VCard
-      height="100%"
-      width="100%"
-      class="position-relative"
-    >
-      <VCardText
-        class="px-4"
-        style="padding-block: 1rem 1.2rem;"
-      >
-        <!-- 👉 Search Input -->
-        <VTextField
-          ref="refSearchInput"
-          v-model="searchQueryLocal"
-          autofocus
-          density="compact"
-          variant="plain"
-          class="app-bar-search-input"
-          @keyup.esc="clearSearchAndCloseDialog"
-          @keydown="getFocusOnSearchList"
-          @update:model-value="$emit('search', searchQueryLocal)"
-        >
-          <!-- 👉 Prepend Inner -->
-          <template #prepend-inner>
-            <div class="d-flex align-center text-high-emphasis me-1">
-              <VIcon
-                size="24"
-                icon="tabler-search"
-              />
-            </div>
-          </template>
-
-          <!-- 👉 Append Inner -->
-          <template #append-inner>
-            <div class="d-flex align-start">
-              <div
-                class="text-base text-disabled cursor-pointer me-3"
-                @click="clearSearchAndCloseDialog"
-              >
-                [esc]
-              </div>
-
-              <VIcon
-                icon="tabler-x"
-                size="24"
-                @click="clearSearchAndCloseDialog"
-              />
-            </div>
-          </template>
-        </VTextField>
-      </VCardText>
-
-      <!-- 👉 Divider -->
-      <VDivider />
-
-      <!-- 👉 Perfect Scrollbar -->
-      <PerfectScrollbar
-        :options="{ wheelPropagation: false, suppressScrollX: true }"
-        class="h-100"
-      >
-        <!-- 👉 Suggestions -->
-        <div
-          v-show="!!props.searchResults && !searchQueryLocal && $slots.suggestions"
-          class="h-100"
-        >
-          <slot name="suggestions" />
-        </div>
-
-        <template v-if="!isLoading">
-          <!-- 👉 Search List -->
-          <VList
-            v-show="searchQueryLocal.length && !!props.searchResults.length"
-            ref="refSearchList"
-            density="compact"
-            class="app-bar-search-list py-0"
-          >
-            <!-- 👉 list Item /List Sub header -->
-            <template
-              v-for="item in props.searchResults"
-              :key="item"
-            >
-              <slot
-                name="searchResult"
-                :item="item"
-              >
-                <VListItem>
-                  {{ item }}
-                </VListItem>
-              </slot>
-            </template>
-          </VList>
-
-          <!-- 👉 No Data found -->
-          <div
-            v-show="!props.searchResults.length && searchQueryLocal.length"
-            class="h-100"
-          >
-            <slot name="noData">
-              <VCardText class="h-100">
-                <div class="app-bar-search-suggestions d-flex flex-column align-center justify-center text-high-emphasis pa-12">
-                  <VIcon
-                    size="64"
-                    icon="tabler-file-alert"
-                  />
-                  <div class="d-flex align-center flex-wrap justify-center gap-2 text-h5 mt-3">
-                    <span>No Result For </span>
-                    <span>"{{ searchQueryLocal }}"</span>
-                  </div>
-
-                  <slot name="noDataSuggestion" />
-                </div>
-              </VCardText>
-            </slot>
-          </div>
-        </template>
-
-        <!-- 👉 Loading -->
-        <template v-if="isLoading">
-          <VSkeletonLoader
-            v-for="i in 3"
-            :key="i"
-            type="list-item-two-line"
-          />
-        </template>
-      </PerfectScrollbar>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.app-bar-search-suggestions {
-  .app-bar-search-suggestion {
-    &:hover {
-      color: rgb(var(--v-theme-primary));
-    }
-  }
-}
-
-.app-bar-search-dialog {
-  .app-bar-search-input {
-    .v-field__input {
-      padding-block-start: 0.2rem;
-    }
-  }
-
-  .app-bar-search-list {
-    .v-list-item,
-    .v-list-subheader {
-      font-size: 0.75rem;
-      padding-inline: 1rem;
-    }
-
-    .v-list-item {
-      border-radius: 6px;
-      margin-block-end: 0.125rem;
-      margin-inline: 0.5rem;
-
-      .v-list-item__append {
-        .enter-icon {
-          visibility: hidden;
-        }
-      }
-
-      &:hover,
-      &:active,
-      &:focus {
-        .v-list-item__append {
-          .enter-icon {
-            visibility: visible;
-          }
-        }
-      }
-    }
-
-    .v-list-subheader {
-      line-height: 1;
-      min-block-size: auto;
-      padding-block: 16px 8px;
-      padding-inline-start: 1rem;
-      text-transform: uppercase;
-    }
-  }
-}
-
-@supports selector(:focus-visible) {
-  .app-bar-search-dialog {
-    .v-list-item:focus-visible::after {
-      content: none;
-    }
-  }
-}
-</style>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/AppDrawerHeaderSection.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/AppDrawerHeaderSection.vue
deleted file mode 100644
index d0f8698..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/AppDrawerHeaderSection.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script setup lang="ts">
-const props = defineProps<{
-  title: string
-}>()
-
-defineEmits<{
-  (e: 'cancel', el: MouseEvent): void
-}>()
-</script>
-
-<template>
-  <div class="pa-6 d-flex align-center">
-    <h5 class="text-h5">
-      {{ props.title }}
-    </h5>
-    <VSpacer />
-
-    <slot name="beforeClose" />
-
-    <IconBtn
-      size="small"
-      @click="$emit('cancel', $event)"
-    >
-      <VIcon
-        size="24"
-        icon="tabler-x"
-      />
-    </IconBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/AppStepper.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/AppStepper.vue
deleted file mode 100644
index 7313ad4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/AppStepper.vue
+++ /dev/null
@@ -1,371 +0,0 @@
-<script setup lang="ts">
-interface Item {
-  title: string
-  icon?: string | object
-  size?: string
-  subtitle?: string
-}
-
-type Direction = 'vertical' | 'horizontal'
-
-interface Props {
-  items: Item[]
-  currentStep?: number
-  direction?: Direction
-  iconSize?: string | number
-  isActiveStepValid?: boolean
-  align?: 'start' | 'center' | 'end' | 'default'
-}
-
-interface Emit {
-  (e: 'update:currentStep', value: number): void
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  currentStep: 0,
-  direction: 'horizontal',
-  iconSize: 60,
-  isActiveStepValid: undefined,
-  align: 'default',
-})
-
-const emit = defineEmits<Emit>()
-
-const currentStep = ref(props.currentStep || 0)
-
-// check if step is completed or active and return class name accordingly
-const activeOrCompletedStepsClasses = computed(() => (index: number) => (
-  index < currentStep.value
-    ? 'stepper-steps-completed'
-    : index === currentStep.value ? 'stepper-steps-active' : ''
-))
-
-// check if step is horizontal and not last step
-const isHorizontalAndNotLastStep = computed(() => (index: number) => (
-  props.direction === 'horizontal'
-  && props.items.length - 1 !== index
-))
-
-// check if validation is enabled
-const isValidationEnabled = computed(() => {
-  return props.isActiveStepValid !== undefined
-})
-
-watchEffect(() => {
-  // we need to check undefined because if we pass 0 as currentStep it will be falsy
-  if (
-    props.currentStep !== undefined
-    && props.currentStep < props.items.length
-    && props.currentStep >= 0
-  )
-    currentStep.value = props.currentStep
-
-  emit('update:currentStep', currentStep.value)
-})
-</script>
-
-<template>
-  <VSlideGroup
-    v-model="currentStep"
-    class="app-stepper"
-    show-arrows
-    :direction="props.direction"
-    :class="`app-stepper-${props.align} ${props.items[0].icon ? 'app-stepper-icons' : ''}`"
-  >
-    <VSlideGroupItem
-      v-for="(item, index) in props.items"
-      :key="item.title"
-      :value="index"
-    >
-      <div
-        class="cursor-pointer app-stepper-step pa-1"
-        :class="[
-          (!props.isActiveStepValid && (isValidationEnabled)) && 'stepper-steps-invalid',
-          activeOrCompletedStepsClasses(index),
-        ]"
-        @click="!isValidationEnabled && emit('update:currentStep', index)"
-      >
-        <!-- SECTION stepper step with icon -->
-        <template v-if="item.icon">
-          <div class="stepper-icon-step text-high-emphasis d-flex align-center ">
-            <!-- 👉 icon and title -->
-            <div
-              class="d-flex align-center gap-x-3 step-wrapper"
-              :class="[props.direction === 'horizontal' && 'flex-column']"
-            >
-              <div class="stepper-icon">
-                <template v-if="typeof item.icon === 'object'">
-                  <Component :is="item.icon" />
-                </template>
-
-                <VIcon
-                  v-else
-                  :icon="item.icon"
-                  :size="item.size || props.iconSize"
-                />
-              </div>
-
-              <div>
-                <p class="stepper-title font-weight-medium mb-0">
-                  {{ item.title }}
-                </p>
-                <p
-                  v-if="item.subtitle"
-                  class="stepper-subtitle mb-0"
-                >
-                  {{ item.subtitle }}
-                </p>
-              </div>
-            </div>
-
-            <!-- 👉 append chevron -->
-            <VIcon
-              v-if="isHorizontalAndNotLastStep(index)"
-              class="flip-in-rtl stepper-chevron-indicator mx-6"
-              size="20"
-              icon="tabler-chevron-right"
-            />
-          </div>
-        </template>
-        <!-- !SECTION  -->
-
-        <!-- SECTION stepper step without icon -->
-        <template v-else>
-          <div class="d-flex align-center gap-x-3">
-            <div>
-              <!-- 👉 custom circle icon -->
-              <template v-if="index >= currentStep">
-                <VAvatar
-                  v-if="(!isValidationEnabled || props.isActiveStepValid || index !== currentStep)"
-                  size="38"
-                  rounded
-                  :variant="index === currentStep ? 'elevated' : 'tonal'"
-                  :color="index === currentStep ? 'primary' : 'default'"
-                >
-                  <h5
-                    class="text-h5"
-                    :style="index === currentStep ? { color: '#fff' } : ''"
-                  >
-                    {{ index + 1 }}
-                  </h5>
-                </VAvatar>
-
-                <VAvatar
-                  v-else
-                  color="error"
-                  size="38"
-                  rounded
-                >
-                  <VIcon
-
-                    icon="tabler-alert-circle"
-                    size="22"
-                  />
-                </VAvatar>
-              </template>
-
-              <!-- 👉 step completed icon -->
-
-              <VAvatar
-                v-else
-                class="stepper-icon"
-                variant="tonal"
-                color="primary"
-                size="38"
-                rounded
-              >
-                <h5
-                  class="text-h5"
-                  style="color: rgb(var(--v-theme-primary));"
-                >
-                  {{ index + 1 }}
-                </h5>
-              </VAvatar>
-            </div>
-
-            <!-- 👉 title and subtitle -->
-            <div class="d-flex flex-column justify-center">
-              <div class="stepper-title font-weight-medium">
-                {{ item.title }}
-              </div>
-
-              <div
-                v-if="item.subtitle"
-                class="stepper-subtitle text-sm text-disabled"
-              >
-                {{ item.subtitle }}
-              </div>
-            </div>
-
-            <!-- 👉 stepper step icon -->
-            <div
-              v-if="isHorizontalAndNotLastStep(index)"
-              class="stepper-step-line stepper-chevron-indicator mx-6"
-            >
-              <VIcon
-                icon="tabler-chevron-right"
-                size="20"
-              />
-            </div>
-          </div>
-        </template>
-        <!-- !SECTION  -->
-      </div>
-    </VSlideGroupItem>
-  </VSlideGroup>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/mixins" as templateMixins;
-
-.app-stepper {
-  // 👉 stepper step with bg color
-  &.stepper-icon-step-bg {
-    .stepper-icon-step {
-      .step-wrapper {
-        flex-direction: row !important;
-      }
-
-      .stepper-icon {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 0.375rem;
-        background-color: rgba(var(--v-theme-on-surface), var(--v-selected-opacity));
-        block-size: 2.375rem;
-        color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-        inline-size: 2.375rem;
-      }
-    }
-
-    .stepper-steps-active {
-      .stepper-icon-step {
-        .stepper-icon {
-          @include templateMixins.custom-elevation(var(--v-theme-primary), "sm");
-
-          background-color: rgb(var(--v-theme-primary));
-          color: rgba(var(--v-theme-on-primary));
-        }
-      }
-    }
-
-    .stepper-steps-completed {
-      .stepper-icon-step {
-        .stepper-icon {
-          background: rgba(var(--v-theme-primary), var(--v-activated-opacity));
-          color: rgba(var(--v-theme-primary));
-        }
-      }
-    }
-  }
-
-  &.app-stepper-icons:not(.stepper-icon-step-bg) {
-    /* stylelint-disable-next-line no-descending-specificity */
-    .stepper-icon {
-      line-height: 0;
-    }
-
-    .step-wrapper {
-      padding: 1.25rem;
-      gap: 0.5rem;
-      min-inline-size: 9.375rem;
-    }
-
-    .stepper-chevron-indicator {
-      margin-inline: 1rem !important;
-    }
-
-    .stepper-steps-completed,
-    .stepper-steps-active {
-      .stepper-icon-step,
-      .stepper-step-icon,
-      .stepper-title,
-      .stepper-subtitle {
-        color: rgb(var(--v-theme-primary)) !important;
-      }
-    }
-  }
-
-  // 👉 stepper step with icon and  default
-  .v-slide-group__content {
-    row-gap: 1rem;
-
-    /* stylelint-disable-next-line no-descending-specificity */
-    .stepper-title {
-      color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-      font-size: 0.9375rem;
-      font-weight: 500 !important;
-    }
-
-    /* stylelint-disable-next-line no-descending-specificity */
-    .stepper-subtitle {
-      color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-      font-size: 0.8125rem;
-      line-height: 1.25rem;
-    }
-
-    /* stylelint-disable-next-line no-descending-specificity */
-    .stepper-chevron-indicator {
-      color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-    }
-
-    /* stylelint-disable-next-line no-descending-specificity */
-    .stepper-steps-completed {
-      /* stylelint-disable-next-line no-descending-specificity */
-      .stepper-title,
-      .stepper-subtitle {
-        color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
-      }
-
-      .stepper-chevron-indicator {
-        color: rgb(var(--v-theme-primary));
-      }
-    }
-
-    /* stylelint-disable-next-line no-descending-specificity */
-    .stepper-steps-active {
-      .v-avatar.bg-primary {
-        @include templateMixins.custom-elevation(var(--v-theme-primary), "sm");
-      }
-
-      .v-avatar.bg-error {
-        @include templateMixins.custom-elevation(var(--v-theme-error), "sm");
-      }
-    }
-
-    .stepper-steps-invalid.stepper-steps-active {
-      .stepper-icon-step,
-      .step-number,
-      .stepper-title,
-      .stepper-subtitle {
-        color: rgb(var(--v-theme-error)) !important;
-      }
-    }
-
-    .app-stepper-step {
-      &:not(.stepper-steps-active,.stepper-steps-completed) .v-avatar--variant-tonal {
-        --v-activated-opacity: 0.06;
-      }
-    }
-  }
-
-  // 👉 stepper alignment
-  &.app-stepper-center {
-    .v-slide-group__content {
-      justify-content: center;
-    }
-  }
-
-  &.app-stepper-start {
-    .v-slide-group__content {
-      justify-content: start;
-    }
-  }
-
-  &.app-stepper-end {
-    .v-slide-group__content {
-      justify-content: end;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/BuyNow.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/BuyNow.vue
deleted file mode 100644
index 18e189c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/BuyNow.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<script lang="ts" setup>
-const vm = getCurrentInstance()
-
-const buyNowUrl = ref(vm?.appContext.config.globalProperties.buyNowUrl || 'https://1.envato.market/vuexy_admin')
-
-watch(buyNowUrl, val => {
-  if (vm)
-    vm.appContext.config.globalProperties.buyNowUrl = val
-})
-</script>
-
-<template>
-  <a
-    class="buy-now-button d-print-none"
-    role="button"
-    rel="noopener noreferrer"
-    :href="buyNowUrl"
-    target="_blank"
-  >
-    Buy Now
-    <span class="button-inner" />
-  </a>
-</template>
-
-<style lang="scss" scoped>
-.buy-now-button,
-.button-inner {
-  display: inline-flex;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  border-radius: 6px;
-  margin: 0;
-  animation: anime 12s linear infinite;
-  appearance: none;
-  background: linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
-  background-size: 600%;
-  color: rgba(255, 255, 255, 90%);
-  cursor: pointer;
-  font-size: 0.9375rem;
-  font-weight: 500;
-  letter-spacing: 0.43px;
-  line-height: 1.2;
-  min-inline-size: 50px;
-  outline: 0;
-  padding-block: 0.625rem;
-  padding-inline: 1.25rem;
-  text-decoration: none;
-  text-transform: none;
-  vertical-align: middle;
-}
-
-.buy-now-button {
-  position: fixed;
-  z-index: 999;
-  inset-block-end: 5%;
-  inset-inline-end: 87px;
-
-  &:hover {
-    color: white;
-    text-decoration: none;
-  }
-
-  .button-inner {
-    position: absolute;
-    z-index: -1;
-    filter: blur(12px);
-    inset: 0;
-    opacity: 0;
-    transition: opacity 200ms ease-in-out;
-  }
-
-  &:not(:hover) .button-inner {
-    opacity: 0.8;
-  }
-}
-
-@keyframes anime {
-  0% {
-    background-position: 0% 50%;
-  }
-
-  50% {
-    background-position: 100% 50%;
-  }
-
-  100% {
-    background-position: 0% 50%;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/CardStatisticsVerticalSimple.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/CardStatisticsVerticalSimple.vue
deleted file mode 100644
index 67c5ac1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/CardStatisticsVerticalSimple.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  title: string
-  color?: string
-  icon: string
-  stats: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  color: 'primary',
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardText class="d-flex flex-column align-center justify-center">
-      <VAvatar
-        v-if="props.icon"
-        size="40"
-        variant="tonal"
-        rounded
-        :color="props.color"
-      >
-        <VIcon :icon="props.icon" />
-      </VAvatar>
-
-      <h5 class="text-h5 pt-2 mb-1">
-        {{ props.stats }}
-      </h5>
-      <div class="text-body-1">
-        {{ props.title }}
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/CustomizerSection.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/CustomizerSection.vue
deleted file mode 100644
index d8415b5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/CustomizerSection.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  title: string
-  divider?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  divider: true,
-})
-</script>
-
-<template>
-  <VDivider v-if="props.divider" />
-
-  <div class="customizer-section">
-    <div>
-      <VChip
-        size="small"
-        color="primary"
-      >
-        <span class="font-weight-medium">{{ props.title }}</span>
-      </VChip>
-    </div>
-
-    <slot />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/DialogCloseBtn.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/DialogCloseBtn.vue
deleted file mode 100644
index cf24002..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/DialogCloseBtn.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  icon?: string
-  iconSize?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  icon: 'tabler-x',
-  iconSize: '20',
-})
-</script>
-
-<template>
-  <IconBtn
-    variant="elevated"
-    size="30"
-    :ripple="false"
-    class="v-dialog-close-btn"
-  >
-    <VIcon
-      :icon="props.icon"
-      :size="props.iconSize"
-    />
-  </IconBtn>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/DropZone.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/DropZone.vue
deleted file mode 100644
index 61eac66..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/DropZone.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-<script setup lang="ts">
-import { useDropZone, useFileDialog, useObjectUrl } from '@vueuse/core'
-
-const dropZoneRef = ref<HTMLDivElement>()
-interface FileData {
-  file: File
-  url: string
-}
-
-const fileData = ref<FileData[]>([])
-const { open, onChange } = useFileDialog({ accept: 'image/*' })
-
-function onDrop(DroppedFiles: File[] | null) {
-  DroppedFiles?.forEach(file => {
-    if (file.type.slice(0, 6) !== 'image/') {
-      // eslint-disable-next-line no-alert
-      alert('Only image files are allowed')
-
-      return
-    }
-
-    fileData.value.push({
-      file,
-      url: useObjectUrl(file).value ?? '',
-    })
-  },
-  )
-}
-
-onChange((selectedFiles: any) => {
-  if (!selectedFiles)
-    return
-
-  for (const file of selectedFiles) {
-    fileData.value.push({
-      file,
-      url: useObjectUrl(file).value ?? '',
-    })
-  }
-})
-
-useDropZone(dropZoneRef, onDrop)
-</script>
-
-<template>
-  <div class="flex">
-    <div class="w-full h-auto relative">
-      <div
-        ref="dropZoneRef"
-        class="cursor-pointer"
-        @click="() => open()"
-      >
-        <div
-          v-if="fileData.length === 0"
-          class="d-flex flex-column justify-center align-center gap-y-2 pa-12 drop-zone rounded"
-        >
-          <IconBtn
-            variant="tonal"
-            class="rounded-sm"
-          >
-            <VIcon icon="tabler-upload" />
-          </IconBtn>
-          <h4 class="text-h4">
-            Drag and drop your image here.
-          </h4>
-          <span class="text-disabled">or</span>
-
-          <VBtn
-            variant="tonal"
-            size="small"
-          >
-            Browse Images
-          </VBtn>
-        </div>
-
-        <div
-          v-else
-          class="d-flex justify-center align-center gap-3 pa-8 drop-zone flex-wrap"
-        >
-          <VRow class="match-height w-100">
-            <template
-              v-for="(item, index) in fileData"
-              :key="index"
-            >
-              <VCol
-                cols="12"
-                sm="4"
-              >
-                <VCard :ripple="false">
-                  <VCardText
-                    class="d-flex flex-column"
-                    @click.stop
-                  >
-                    <VImg
-                      :src="item.url"
-                      width="200px"
-                      height="150px"
-                      class="w-100 mx-auto"
-                    />
-                    <div class="mt-2">
-                      <span class="clamp-text text-wrap">
-                        {{ item.file.name }}
-                      </span>
-                      <span>
-                        {{ item.file.size / 1000 }} KB
-                      </span>
-                    </div>
-                  </VCardText>
-                  <VCardActions>
-                    <VBtn
-                      variant="text"
-                      block
-                      @click.stop="fileData.splice(index, 1)"
-                    >
-                      Remove File
-                    </VBtn>
-                  </VCardActions>
-                </VCard>
-              </VCol>
-            </template>
-          </VRow>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.drop-zone {
-  border: 1px dashed rgba(var(--v-theme-on-surface), var(--v-border-opacity));
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/I18n.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/I18n.vue
deleted file mode 100644
index c660ede..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/I18n.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<script setup lang="ts">
-import type { I18nLanguage } from '@layouts/types'
-
-interface Props {
-  languages: I18nLanguage[]
-  location?: any
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  location: 'bottom end',
-})
-
-const { locale } = useI18n({ useScope: 'global' })
-</script>
-
-<template>
-  <IconBtn>
-    <VIcon icon="tabler-language" />
-
-    <!-- Menu -->
-    <VMenu
-      activator="parent"
-      :location="props.location"
-      offset="12px"
-      width="175"
-    >
-      <!-- List -->
-      <VList
-        :selected="[locale]"
-        color="primary"
-      >
-        <!-- List item -->
-        <VListItem
-          v-for="lang in props.languages"
-          :key="lang.i18nLang"
-          :value="lang.i18nLang"
-          @click="locale = lang.i18nLang"
-        >
-          <!-- Language label -->
-          <VListItemTitle>
-            {{ lang.label }}
-          </VListItemTitle>
-        </VListItem>
-      </VList>
-    </VMenu>
-  </IconBtn>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/MoreBtn.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/MoreBtn.vue
deleted file mode 100644
index a7ef47c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/MoreBtn.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts" setup>
-interface Props {
-  menuList?: unknown[]
-  itemProps?: boolean
-  iconSize?: string
-  class?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  class: 'text-disabled',
-})
-</script>
-
-<template>
-  <IconBtn :class="props.class">
-    <VIcon
-      :size="iconSize"
-      icon="tabler-dots-vertical"
-    />
-
-    <VMenu
-      v-if="props.menuList"
-      activator="parent"
-    >
-      <VList
-        :items="props.menuList"
-        :item-props="props.itemProps"
-      />
-    </VMenu>
-  </IconBtn>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/Notifications.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/Notifications.vue
deleted file mode 100644
index 1566cea..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/Notifications.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<script lang="ts" setup>
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import type { Notification } from '@layouts/types'
-
-interface Props {
-  notifications: Notification[]
-  badgeProps?: object
-  location?: any
-}
-interface Emit {
-  (e: 'read', value: number[]): void
-  (e: 'unread', value: number[]): void
-  (e: 'remove', value: number): void
-  (e: 'click:notification', value: Notification): void
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  location: 'bottom end',
-  badgeProps: undefined,
-})
-
-const emit = defineEmits<Emit>()
-
-const isAllMarkRead = computed(() => {
-  return props.notifications.some(item => item.isSeen === false)
-})
-
-const markAllReadOrUnread = () => {
-  const allNotificationsIds = props.notifications.map(item => item.id)
-
-  if (!isAllMarkRead.value)
-    emit('unread', allNotificationsIds)
-  else
-    emit('read', allNotificationsIds)
-}
-
-const totalUnseenNotifications = computed(() => {
-  return props.notifications.filter(item => item.isSeen === false).length
-})
-
-const toggleReadUnread = (isSeen: boolean, Id: number) => {
-  if (isSeen)
-    emit('unread', [Id])
-  else
-    emit('read', [Id])
-}
-</script>
-
-<template>
-  <IconBtn id="notification-btn">
-    <VBadge
-      v-bind="props.badgeProps"
-      :model-value="props.notifications.some(n => !n.isSeen)"
-      color="error"
-      dot
-      offset-x="2"
-      offset-y="3"
-    >
-      <VIcon icon="tabler-bell" />
-    </VBadge>
-
-    <VMenu
-      activator="parent"
-      width="380px"
-      :location="props.location"
-      offset="12px"
-      :close-on-content-click="false"
-    >
-      <VCard class="d-flex flex-column">
-        <!-- 👉 Header -->
-        <VCardItem class="notification-section">
-          <VCardTitle class="text-h6">
-            Notifications
-          </VCardTitle>
-
-          <template #append>
-            <VChip
-              v-show="props.notifications.some(n => !n.isSeen)"
-              size="small"
-              color="primary"
-              class="me-2"
-            >
-              {{ totalUnseenNotifications }} New
-            </VChip>
-            <IconBtn
-              v-show="props.notifications.length"
-              size="34"
-              @click="markAllReadOrUnread"
-            >
-              <VIcon
-                size="20"
-                color="high-emphasis"
-                :icon="!isAllMarkRead ? 'tabler-mail' : 'tabler-mail-opened' "
-              />
-
-              <VTooltip
-                activator="parent"
-                location="start"
-              >
-                {{ !isAllMarkRead ? 'Mark all as unread' : 'Mark all as read' }}
-              </VTooltip>
-            </IconBtn>
-          </template>
-        </VCardItem>
-
-        <VDivider />
-
-        <!-- 👉 Notifications list -->
-        <PerfectScrollbar
-          :options="{ wheelPropagation: false }"
-          style="max-block-size: 23.75rem;"
-        >
-          <VList class="notification-list rounded-0 py-0">
-            <template
-              v-for="(notification, index) in props.notifications"
-              :key="notification.title"
-            >
-              <VDivider v-if="index > 0" />
-              <VListItem
-                link
-                lines="one"
-                min-height="66px"
-                class="list-item-hover-class"
-                @click="$emit('click:notification', notification)"
-              >
-                <!-- Slot: Prepend -->
-                <!-- Handles Avatar: Image, Icon, Text -->
-                <div class="d-flex align-start gap-3">
-                  <VAvatar
-                    :color="notification.color && !notification.img ? notification.color : undefined"
-                    :variant="notification.img ? undefined : 'tonal' "
-                  >
-                    <span v-if="notification.text">{{ avatarText(notification.text) }}</span>
-                    <VImg
-                      v-if="notification.img"
-                      :src="notification.img"
-                    />
-                    <VIcon
-                      v-if="notification.icon"
-                      :icon="notification.icon"
-                    />
-                  </VAvatar>
-
-                  <div>
-                    <p class="text-sm font-weight-medium mb-1">
-                      {{ notification.title }}
-                    </p>
-                    <p
-                      class="text-body-2 mb-2"
-                      style=" letter-spacing: 0.4px !important; line-height: 18px;"
-                    >
-                      {{ notification.subtitle }}
-                    </p>
-                    <p
-                      class="text-sm text-disabled mb-0"
-                      style=" letter-spacing: 0.4px !important; line-height: 18px;"
-                    >
-                      {{ notification.time }}
-                    </p>
-                  </div>
-                  <VSpacer />
-
-                  <div class="d-flex flex-column align-end">
-                    <VIcon
-                      size="10"
-                      icon="tabler-circle-filled"
-                      :color="!notification.isSeen ? 'primary' : '#a8aaae'"
-                      :class="`${notification.isSeen ? 'visible-in-hover' : ''}`"
-                      class="mb-2"
-                      @click.stop="toggleReadUnread(notification.isSeen, notification.id)"
-                    />
-
-                    <VIcon
-                      size="20"
-                      icon="tabler-x"
-                      class="visible-in-hover"
-                      @click="$emit('remove', notification.id)"
-                    />
-                  </div>
-                </div>
-              </VListItem>
-            </template>
-
-            <VListItem
-              v-show="!props.notifications.length"
-              class="text-center text-medium-emphasis"
-              style="block-size: 56px;"
-            >
-              <VListItemTitle>No Notification Found!</VListItemTitle>
-            </VListItem>
-          </VList>
-        </PerfectScrollbar>
-
-        <VDivider />
-
-        <!-- 👉 Footer -->
-        <VCardText
-          v-show="props.notifications.length"
-          class="pa-4"
-        >
-          <VBtn
-            block
-            size="small"
-          >
-            View All Notifications
-          </VBtn>
-        </VCardText>
-      </VCard>
-    </VMenu>
-  </IconBtn>
-</template>
-
-<style lang="scss">
-.notification-section {
-  padding-block: 0.75rem;
-  padding-inline: 1rem;
-}
-
-.list-item-hover-class {
-  .visible-in-hover {
-    display: none;
-  }
-
-  &:hover {
-    .visible-in-hover {
-      display: block;
-    }
-  }
-}
-
-.notification-list.v-list {
-  .v-list-item {
-    border-radius: 0 !important;
-    margin: 0 !important;
-    padding-block: 0.75rem !important;
-  }
-}
-
-// Badge Style Override for Notification Badge
-.notification-badge {
-  .v-badge__badge {
-    /* stylelint-disable-next-line liberty/use-logical-spec */
-    min-width: 18px;
-    padding: 0;
-    block-size: 18px;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/ProductDescriptionEditor.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/ProductDescriptionEditor.vue
deleted file mode 100644
index 3d7e43c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/ProductDescriptionEditor.vue
+++ /dev/null
@@ -1,198 +0,0 @@
-<script setup lang="ts">
-import { Placeholder } from '@tiptap/extension-placeholder'
-import { TextAlign } from '@tiptap/extension-text-align'
-import { Underline } from '@tiptap/extension-underline'
-import { StarterKit } from '@tiptap/starter-kit'
-import { EditorContent, useEditor } from '@tiptap/vue-3'
-
-const props = defineProps<{
-  modelValue: string
-  placeholder?: string
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: string): void
-}>()
-
-const editorRef = ref()
-
-const editor = useEditor({
-  content: props.modelValue,
-  extensions: [
-    StarterKit,
-    TextAlign.configure({
-      types: ['heading', 'paragraph'],
-    }),
-    Placeholder.configure({
-      placeholder: props.placeholder ?? 'Write something here...',
-    }),
-    Underline,
-  ],
-  onUpdate() {
-    if (!editor.value)
-      return
-
-    emit('update:modelValue', editor.value.getHTML())
-  },
-})
-
-watch(() => props.modelValue, () => {
-  const isSame = editor.value?.getHTML() === props.modelValue
-
-  if (isSame)
-    return
-
-  editor.value?.commands.setContent(props.modelValue)
-})
-</script>
-
-<template>
-  <div class="pa-6 productDescriptionEditor">
-    <!-- buttons -->
-    <div
-      v-if="editor"
-      class="d-flex gap-1 flex-wrap align-center"
-    >
-      <VBtn
-        size="small"
-        icon
-        rounded
-        :variant="editor.isActive('bold') ? 'tonal' : 'text'"
-        :color="editor.isActive('bold') ? 'primary' : 'default'"
-        @click="editor.chain().focus().toggleBold().run()"
-      >
-        <VIcon
-          icon="tabler-bold"
-          class="font-weight-medium"
-        />
-      </VBtn>
-
-      <VBtn
-        size="small"
-        icon
-        rounded
-        :variant="editor.isActive('underline') ? 'tonal' : 'text'"
-        :color="editor.isActive('underline') ? 'primary' : 'default'"
-        @click="editor.commands.toggleUnderline()"
-      >
-        <VIcon icon="tabler-underline" />
-      </VBtn>
-
-      <VBtn
-        size="small"
-        icon
-        rounded
-        :variant="editor.isActive('italic') ? 'tonal' : 'text'"
-        :color="editor.isActive('italic') ? 'primary' : 'default'"
-        @click="editor.chain().focus().toggleItalic().run()"
-      >
-        <VIcon
-          icon="tabler-italic"
-          class="font-weight-medium"
-        />
-      </VBtn>
-
-      <VBtn
-        size="small"
-        icon
-        rounded
-        :variant="editor.isActive('strike') ? 'tonal' : 'text'"
-        :color="editor.isActive('strike') ? 'primary' : 'default'"
-        @click="editor.chain().focus().toggleStrike().run()"
-      >
-        <VIcon
-          icon="tabler-strikethrough"
-          size="20"
-        />
-      </VBtn>
-
-      <VBtn
-        size="small"
-        icon
-        rounded
-        :variant="editor.isActive({ textAlign: 'left' }) ? 'tonal' : 'text'"
-        :color="editor.isActive({ textAlign: 'left' }) ? 'primary' : 'default'"
-        @click="editor.chain().focus().setTextAlign('left').run()"
-      >
-        <VIcon
-          icon="tabler-align-left"
-          size="20"
-        />
-      </VBtn>
-
-      <VBtn
-        size="small"
-        icon
-        rounded
-        :color="editor.isActive({ textAlign: 'center' }) ? 'primary' : 'default'"
-        :variant="editor.isActive({ textAlign: 'center' }) ? 'tonal' : 'text'"
-        @click="editor.chain().focus().setTextAlign('center').run()"
-      >
-        <VIcon
-          icon="tabler-align-center"
-          size="20"
-        />
-      </VBtn>
-
-      <VBtn
-        size="small"
-        icon
-        rounded
-        :variant="editor.isActive({ textAlign: 'right' }) ? 'tonal' : 'text'"
-        :color="editor.isActive({ textAlign: 'right' }) ? 'primary' : 'default'"
-        @click="editor.chain().focus().setTextAlign('right').run()"
-      >
-        <VIcon
-          icon="tabler-align-right"
-          size="20"
-        />
-      </VBtn>
-
-      <VBtn
-        size="small"
-        icon
-        rounded
-        :variant="editor.isActive({ textAlign: 'justify' }) ? 'tonal' : 'text'"
-        :color="editor.isActive({ textAlign: 'justify' }) ? 'primary' : 'default'"
-        @click="editor.chain().focus().setTextAlign('justify').run()"
-      >
-        <VIcon
-          icon="tabler-align-justified"
-          size="20"
-        />
-      </VBtn>
-    </div>
-
-    <VDivider class="my-4" />
-
-    <EditorContent
-      ref="editorRef"
-      :editor="editor"
-    />
-  </div>
-</template>
-
-<style lang="scss">
-.productDescriptionEditor {
-  .ProseMirror {
-    padding: 0 !important;
-    min-block-size: 12vh;
-
-    p {
-      margin-block-end: 0;
-    }
-
-    p.is-editor-empty:first-child::before {
-      block-size: 0;
-      color: #adb5bd;
-      content: attr(data-placeholder);
-      float: inline-start;
-      pointer-events: none;
-    }
-
-    &-focused {
-      outline: none;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/ScrollToTop.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/ScrollToTop.vue
deleted file mode 100644
index 6836579..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/ScrollToTop.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script setup lang="ts">
-const { y } = useWindowScroll()
-
-const scrollToTop = () => {
-  window.scrollTo({
-    top: 0,
-    behavior: 'smooth',
-  })
-}
-</script>
-
-<template>
-  <VScaleTransition
-    style="transform-origin: center;"
-    class="scroll-to-top d-print-none"
-  >
-    <VBtn
-      v-show="y > 200"
-      icon
-      density="comfortable"
-      @click="scrollToTop"
-    >
-      <VIcon
-        size="22"
-        icon="tabler-arrow-up"
-      />
-    </VBtn>
-  </VScaleTransition>
-</template>
-
-<style lang="scss">
-.scroll-to-top {
-  position: fixed !important;
-
-  // To keep button on top of v-layout. E.g. Email app
-  z-index: 999;
-  inset-block-end: 5%;
-  inset-inline-end: 25px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/Shortcuts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/Shortcuts.vue
deleted file mode 100644
index 5e4c9fc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/Shortcuts.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<script setup lang="ts">
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-
-interface Shortcut {
-  icon: string
-  title: string
-  subtitle: string
-  to: object | string
-}
-
-interface Props {
-  togglerIcon?: string
-  shortcuts: Shortcut[]
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  togglerIcon: 'tabler-layout-grid-add',
-})
-
-const router = useRouter()
-</script>
-
-<template>
-  <IconBtn>
-    <VIcon :icon="props.togglerIcon" />
-
-    <VMenu
-      activator="parent"
-      offset="12px"
-      location="bottom end"
-    >
-      <VCard
-        :width="$vuetify.display.smAndDown ? 330 : 380"
-        max-height="560"
-        class="d-flex flex-column"
-      >
-        <VCardItem class="py-3">
-          <h6 class="text-base font-weight-medium">
-            {{ $t("Shortcut") }}
-          </h6>
-
-          <template #append>
-            <IconBtn
-              size="small"
-              color="high-emphasis"
-            >
-              <VIcon
-                size="20"
-                icon="tabler-plus"
-              />
-            </IconBtn>
-          </template>
-        </VCardItem>
-
-        <VDivider />
-
-        <PerfectScrollbar :options="{ wheelPropagation: false }">
-          <VRow class="ma-0 mt-n1">
-            <VCol
-              v-for="(shortcut, index) in props.shortcuts"
-              :key="shortcut.title"
-              cols="6"
-              class="text-center border-t cursor-pointer pa-6 shortcut-icon"
-              :class="(index + 1) % 2 ? 'border-e' : ''"
-              @click="router.push(shortcut.to)"
-            >
-              <VAvatar
-                variant="tonal"
-                size="50"
-              >
-                <VIcon
-                  size="26"
-                  color="high-emphasis"
-                  :icon="shortcut.icon"
-                />
-              </VAvatar>
-
-              <h6 class="text-base font-weight-medium mt-3 mb-0">
-                {{ $t(shortcut.title) }}
-              </h6>
-              <p class="text-sm mb-0">
-                {{ $t(shortcut.subtitle) }}
-              </p>
-            </VCol>
-          </VRow>
-        </PerfectScrollbar>
-      </VCard>
-    </VMenu>
-  </IconBtn>
-</template>
-
-<style lang="scss">
-.shortcut-icon:hover {
-  background-color: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/TablePagination.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/TablePagination.vue
deleted file mode 100644
index e14f4ef..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/TablePagination.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  page: number
-  itemsPerPage: number
-  totalItems: number
-}
-
-interface Emit {
-  (e: 'update:page', value: number): void
-}
-
-defineProps<Props>()
-
-const emit = defineEmits<Emit>()
-
-const updatePage = (value: number) => {
-  emit('update:page', value)
-}
-</script>
-
-<template>
-  <div>
-    <VDivider />
-
-    <div class="d-flex align-center justify-sm-space-between justify-center flex-wrap gap-3 px-6 py-3">
-      <p class="text-disabled mb-0">
-        {{ paginationMeta({ page, itemsPerPage }, totalItems) }}
-      </p>
-
-      <VPagination
-        :model-value="page"
-        active-color="primary"
-        :length="Math.ceil(totalItems / itemsPerPage)"
-        :total-visible="$vuetify.display.xs ? 1 : Math.min(Math.ceil(totalItems / itemsPerPage), 5)"
-        @update:model-value="updatePage"
-      />
-    </div>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/TheCustomizer.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/TheCustomizer.vue
deleted file mode 100644
index 194af0e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/TheCustomizer.vue
+++ /dev/null
@@ -1,629 +0,0 @@
-<script setup lang="tsx">
-import { useStorage } from '@vueuse/core'
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import { useTheme } from 'vuetify'
-import { staticPrimaryColor, staticPrimaryDarkenColor } from '@/plugins/vuetify/theme'
-import { Direction, Layout, Skins, Theme } from '@core/enums'
-import { useConfigStore } from '@core/stores/config'
-import horizontalLight from '@images/customizer-icons/horizontal-light.svg'
-import { AppContentLayoutNav, ContentWidth } from '@layouts/enums'
-import { cookieRef, namespaceConfig } from '@layouts/stores/config'
-import { themeConfig } from '@themeConfig'
-
-import borderSkin from '@images/customizer-icons/border-light.svg'
-import collapsed from '@images/customizer-icons/collapsed-light.svg'
-import compact from '@images/customizer-icons/compact-light.svg'
-import defaultSkin from '@images/customizer-icons/default-light.svg'
-import ltrSvg from '@images/customizer-icons/ltr-light.svg'
-import rtlSvg from '@images/customizer-icons/rtl-light.svg'
-import wideSvg from '@images/customizer-icons/wide-light.svg'
-
-const isNavDrawerOpen = ref(false)
-
-const configStore = useConfigStore()
-
-// 👉 Primary Color
-const vuetifyTheme = useTheme()
-
-const colors: { main: string; darken: string }[] = [
-  { main: staticPrimaryColor, darken: staticPrimaryDarkenColor },
-  { main: '#0D9394', darken: '#0C8485' },
-  { main: '#FFB400', darken: '#E6A200' },
-  { main: '#FF4C51', darken: '#E64449' },
-  { main: '#16B1FF', darken: '#149FE6' },
-]
-
-const customPrimaryColor = ref('#663131')
-
-watch(
-  () => configStore.theme,
-  () => {
-    const cookiePrimaryColor = cookieRef(`${vuetifyTheme.name.value}ThemePrimaryColor`, null).value
-
-    if (cookiePrimaryColor && !colors.some(color => color.main === cookiePrimaryColor))
-      customPrimaryColor.value = cookiePrimaryColor
-  },
-  { immediate: true },
-)
-
-// ℹ️ It will set primary color for current theme only
-const setPrimaryColor = useDebounceFn((color: { main: string; darken: string }) => {
-  vuetifyTheme.themes.value[vuetifyTheme.name.value].colors.primary = color.main
-  vuetifyTheme.themes.value[vuetifyTheme.name.value].colors['primary-darken-1'] = color.darken
-
-  // ℹ️ We need to store this color value in cookie so vuetify plugin can pick on next reload
-  cookieRef<string | null>(`${vuetifyTheme.name.value}ThemePrimaryColor`, null).value = color.main
-  cookieRef<string | null>(`${vuetifyTheme.name.value}ThemePrimaryDarkenColor`, null).value = color.darken
-
-  // ℹ️ Update initial loader color
-  useStorage<string | null>(namespaceConfig('initial-loader-color'), null).value = color.main
-}, 100)
-
-// 👉 Mode
-const themeMode = computed(() => {
-  return [
-    {
-      bgImage: 'tabler-sun',
-      value: Theme.Light,
-      label: 'Light',
-    },
-    {
-      bgImage: 'tabler-moon-stars',
-      value: Theme.Dark,
-      label: 'Dark',
-    },
-    {
-      bgImage: 'tabler-device-desktop-analytics',
-      value: Theme.System,
-      label: 'System',
-    },
-  ]
-})
-
-// 👉 Skin
-const themeSkin = computed(() => {
-  return [
-    {
-      bgImage: defaultSkin,
-      value: Skins.Default,
-      label: 'Default',
-    },
-    {
-      bgImage: borderSkin,
-      value: Skins.Bordered,
-      label: 'Bordered',
-    },
-  ]
-})
-
-// 👉 Layout
-const currentLayout = ref<'vertical' | 'collapsed' | 'horizontal'>(configStore.isVerticalNavCollapsed ? 'collapsed' : configStore.appContentLayoutNav)
-
-const layouts = computed(() => {
-  return [
-    {
-      bgImage: defaultSkin,
-      value: Layout.Vertical,
-      label: 'Vertical',
-    },
-    {
-      bgImage: collapsed,
-      value: Layout.Collapsed,
-      label: 'Collapsed',
-    },
-    {
-      bgImage: horizontalLight,
-      value: Layout.Horizontal,
-      label: 'Horizontal',
-    },
-  ]
-})
-
-watch(currentLayout, () => {
-  if (currentLayout.value === 'collapsed') {
-    configStore.isVerticalNavCollapsed = true
-    configStore.appContentLayoutNav = AppContentLayoutNav.Vertical
-  }
-  else {
-    configStore.isVerticalNavCollapsed = false
-    configStore.appContentLayoutNav = currentLayout.value
-  }
-})
-
-// watch vertical sidebar collapse state
-watch(
-  () => configStore.isVerticalNavCollapsed,
-  () => {
-    currentLayout.value = configStore.isVerticalNavCollapsed
-      ? 'collapsed'
-      : configStore.appContentLayoutNav
-  },
-)
-
-// 👉 Content Width
-const contentWidth = computed(() => {
-  return [
-    {
-      bgImage: compact,
-      value: ContentWidth.Boxed,
-      label: 'Compact',
-    },
-    {
-      bgImage: wideSvg,
-      value: ContentWidth.Fluid,
-      label: 'Wide',
-    },
-  ]
-})
-
-// 👉 Direction
-const currentDir = ref(configStore.isAppRTL ? 'rtl' : 'ltr')
-
-const direction = computed(() => {
-  return [
-    {
-      bgImage: ltrSvg,
-      value: Direction.Ltr,
-      label: 'Left to right',
-    },
-    {
-      bgImage: rtlSvg,
-      value: Direction.Rtl,
-      label: 'Right to left',
-    },
-  ]
-})
-
-watch(currentDir, () => {
-  if (currentDir.value === 'rtl')
-    configStore.isAppRTL = true
-
-  else
-    configStore.isAppRTL = false
-})
-
-// check if any value set in cookie
-const isCookieHasAnyValue = ref(false)
-
-const { locale } = useI18n({ useScope: 'global' })
-
-const isActiveLangRTL = computed(() => {
-  const lang = themeConfig.app.i18n.langConfig.find(l => l.i18nLang === locale.value)
-
-  return lang?.isRTL ?? false
-})
-
-watch([
-  () => vuetifyTheme.current.value.colors.primary,
-  configStore.$state,
-  locale,
-], () => {
-  const initialConfigValue = [
-    staticPrimaryColor,
-    staticPrimaryColor,
-    themeConfig.app.theme,
-    themeConfig.app.skin,
-    themeConfig.verticalNav.isVerticalNavSemiDark,
-    themeConfig.verticalNav.isVerticalNavCollapsed,
-    themeConfig.app.contentWidth,
-    isActiveLangRTL.value,
-    themeConfig.app.contentLayoutNav,
-  ]
-
-  const themeConfigValue = [
-    vuetifyTheme.themes.value.light.colors.primary,
-    vuetifyTheme.themes.value.dark.colors.primary,
-    configStore.theme,
-    configStore.skin,
-    configStore.isVerticalNavSemiDark,
-    configStore.isVerticalNavCollapsed,
-    configStore.appContentWidth,
-    configStore.isAppRTL,
-    configStore.appContentLayoutNav,
-  ]
-
-  currentDir.value = configStore.isAppRTL ? 'rtl' : 'ltr'
-
-  isCookieHasAnyValue.value = JSON.stringify(themeConfigValue) !== JSON.stringify(initialConfigValue)
-}, { deep: true, immediate: true })
-
-// remove all theme related values from localStorage
-const resetCustomizer = async () => {
-  if (isCookieHasAnyValue.value) {
-    // reset themeConfig values
-    vuetifyTheme.themes.value.light.colors.primary = staticPrimaryColor
-    vuetifyTheme.themes.value.dark.colors.primary = staticPrimaryColor
-    vuetifyTheme.themes.value.light.colors['primary-darken-1'] = staticPrimaryDarkenColor
-    vuetifyTheme.themes.value.dark.colors['primary-darken-1'] = staticPrimaryDarkenColor
-
-    configStore.theme = themeConfig.app.theme
-    configStore.skin = themeConfig.app.skin
-    configStore.isVerticalNavSemiDark = themeConfig.verticalNav.isVerticalNavSemiDark
-    configStore.appContentLayoutNav = themeConfig.app.contentLayoutNav
-    configStore.appContentWidth = themeConfig.app.contentWidth
-    configStore.isAppRTL = isActiveLangRTL.value
-    configStore.isVerticalNavCollapsed = themeConfig.verticalNav.isVerticalNavCollapsed
-    useStorage<string | null>(namespaceConfig('initial-loader-color'), null).value = staticPrimaryColor
-    currentLayout.value = themeConfig.app.contentLayoutNav
-
-    cookieRef('lightThemePrimaryColor', null).value = null
-    cookieRef('darkThemePrimaryColor', null).value = null
-    cookieRef('lightThemePrimaryDarkenColor', null).value = null
-    cookieRef('darkThemePrimaryDarkenColor', null).value = null
-
-    await nextTick()
-
-    isCookieHasAnyValue.value = false
-
-    customPrimaryColor.value = '#ffffff'
-  }
-}
-</script>
-
-<template>
-  <div class="d-lg-block d-none">
-    <VBtn
-      icon
-      class="app-customizer-toggler rounded-s-lg rounded-0"
-      style="z-index: 1001;"
-      @click="isNavDrawerOpen = true"
-    >
-      <VIcon
-        size="22"
-        icon="tabler-settings"
-      />
-    </VBtn>
-
-    <VNavigationDrawer
-      v-model="isNavDrawerOpen"
-      data-allow-mismatch
-      temporary
-      touchless
-      border="none"
-      location="end"
-      width="400"
-      elevation="10"
-      :scrim="false"
-      class="app-customizer"
-    >
-      <!-- 👉 Header -->
-      <div class="customizer-heading d-flex align-center justify-space-between">
-        <div>
-          <h6 class="text-h6">
-            Theme Customizer
-          </h6>
-          <p class="text-body-2 mb-0">
-            Customize & Preview in Real Time
-          </p>
-        </div>
-
-        <div class="d-flex align-center gap-1">
-          <VBtn
-            icon
-            variant="text"
-            size="small"
-            color="medium-emphasis"
-            @click="resetCustomizer"
-          >
-            <VBadge
-              v-show="isCookieHasAnyValue"
-              dot
-              color="error"
-              offset-x="-29"
-              offset-y="-14"
-            />
-
-            <VIcon
-              size="24"
-              color="high-emphasis"
-              icon="tabler-refresh"
-            />
-          </VBtn>
-
-          <VBtn
-            icon
-            variant="text"
-            color="medium-emphasis"
-            size="small"
-            @click="isNavDrawerOpen = false"
-          >
-            <VIcon
-              icon="tabler-x"
-              color="high-emphasis"
-              size="24"
-            />
-          </VBtn>
-        </div>
-      </div>
-
-      <VDivider />
-
-      <PerfectScrollbar
-        tag="ul"
-        :options="{ wheelPropagation: false }"
-      >
-        <!-- SECTION Theming -->
-        <CustomizerSection
-          title="Theming"
-          :divider="false"
-        >
-          <!-- 👉 Primary Color -->
-          <div class="d-flex flex-column gap-2">
-            <h6 class="text-h6">
-              Primary Color
-            </h6>
-
-            <div
-              class="d-flex app-customizer-primary-colors"
-              style="column-gap: 0.75rem; margin-block-start: 2px;"
-            >
-              <div
-                v-for="color in colors"
-                :key="color.main"
-                style="
-              border-radius: 0.375rem;
-              outline: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-              padding-block: 0.5rem;
-              padding-inline: 0.625rem;"
-                class="primary-color-wrapper cursor-pointer"
-                :class="vuetifyTheme.current.value.colors.primary === color.main ? 'active' : ''"
-                :style="vuetifyTheme.current.value.colors.primary === color.main ? `outline-color: ${color.main}; outline-width:2px;` : `--v-color:${color.main}`"
-                @click="setPrimaryColor(color)"
-              >
-                <div
-                  style="border-radius: 0.375rem;block-size: 2.125rem; inline-size: 1.8938rem;"
-                  :style="{ backgroundColor: color.main }"
-                />
-              </div>
-
-              <div
-                class="primary-color-wrapper cursor-pointer d-flex align-center"
-                style="
-              border-radius: 0.375rem;
-              outline: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-              padding-block: 0.5rem;
-              padding-inline: 0.625rem;"
-                :class="vuetifyTheme.current.value.colors.primary === customPrimaryColor ? 'active' : ''"
-                :style="vuetifyTheme.current.value.colors.primary === customPrimaryColor ? `outline-color: ${customPrimaryColor}; outline-width:2px;` : ''"
-              >
-                <VBtn
-                  icon
-                  size="30"
-                  :color="vuetifyTheme.current.value.colors.primary === customPrimaryColor ? customPrimaryColor : $vuetify.theme.current.dark ? '#8692d029' : '#4b465c29'"
-                  variant="flat"
-                  style="border-radius: 0.375rem;"
-                >
-                  <VIcon
-                    size="20"
-                    icon="tabler-color-picker"
-                    :color="vuetifyTheme.current.value.colors.primary === customPrimaryColor ? 'rgb(var(--v-theme-on-primary))' : ''"
-                  />
-                </VBtn>
-
-                <VMenu
-                  activator="parent"
-                  :close-on-content-click="false"
-                >
-                  <VList>
-                    <VListItem>
-                      <VColorPicker
-                        v-model="customPrimaryColor"
-                        mode="hex"
-                        :modes="['hex']"
-                        @update:model-value="setPrimaryColor({ main: customPrimaryColor, darken: customPrimaryColor })"
-                      />
-                    </VListItem>
-                  </VList>
-                </VMenu>
-              </div>
-            </div>
-          </div>
-
-          <!-- 👉 Theme -->
-          <div class="d-flex flex-column gap-2">
-            <h6 class="text-h6">
-              Theme
-            </h6>
-
-            <CustomRadiosWithImage
-              :key="configStore.theme"
-              v-model:selected-radio="configStore.theme"
-              :radio-content="themeMode"
-              :grid-column="{ cols: '4' }"
-              class="customizer-skins"
-            >
-              <template #label="item">
-                <span class="text-sm text-medium-emphasis mt-1">{{ item?.label }}</span>
-              </template>
-
-              <template #content="{ item }">
-                <div
-                  class="customizer-skins-icon-wrapper d-flex align-center justify-center py-3 w-100"
-                  style="min-inline-size: 100%;"
-                >
-                  <VIcon
-                    size="30"
-                    :icon="item.bgImage"
-                    color="high-emphasis"
-                  />
-                </div>
-              </template>
-            </CustomRadiosWithImage>
-          </div>
-
-          <!-- 👉 Skin -->
-          <div class="d-flex flex-column gap-2">
-            <h6 class="text-h6">
-              Skins
-            </h6>
-
-            <CustomRadiosWithImage
-              :key="configStore.skin"
-              v-model:selected-radio="configStore.skin"
-              :radio-content="themeSkin"
-              :grid-column="{ cols: '4' }"
-            >
-              <template #label="item">
-                <span class="text-sm text-medium-emphasis">{{ item?.label }}</span>
-              </template>
-            </CustomRadiosWithImage>
-          </div>
-
-          <!-- 👉 Semi Dark -->
-          <div
-            class="align-center justify-space-between"
-            :class="vuetifyTheme.global.name.value === 'light' && configStore.appContentLayoutNav === AppContentLayoutNav.Vertical ? 'd-flex' : 'd-none'"
-          >
-            <VLabel
-              for="customizer-semi-dark"
-              class="text-h6 text-high-emphasis"
-            >
-              Semi Dark Menu
-            </VLabel>
-
-            <div>
-              <VSwitch
-                id="customizer-semi-dark"
-                v-model="configStore.isVerticalNavSemiDark"
-                class="ms-2"
-              />
-            </div>
-          </div>
-        </CustomizerSection>
-        <!-- !SECTION -->
-
-        <!-- SECTION LAYOUT -->
-        <CustomizerSection title="Layout">
-          <!-- 👉 Layouts -->
-          <div class="d-flex flex-column gap-2">
-            <h6 class="text-base font-weight-medium">
-              Layout
-            </h6>
-
-            <CustomRadiosWithImage
-              :key="currentLayout"
-              v-model:selected-radio="currentLayout"
-              :radio-content="layouts"
-              :grid-column="{ cols: '4' }"
-            >
-              <template #label="item">
-                <span class="text-sm text-medium-emphasis">{{ item.label }}</span>
-              </template>
-            </CustomRadiosWithImage>
-          </div>
-
-          <!-- 👉 Content Width -->
-          <div class="d-flex flex-column gap-2">
-            <h6 class="text-base font-weight-medium">
-              Content
-            </h6>
-
-            <CustomRadiosWithImage
-              :key="configStore.appContentWidth"
-              v-model:selected-radio="configStore.appContentWidth"
-              :radio-content="contentWidth"
-              :grid-column="{ cols: '4' }"
-            >
-              <template #label="item">
-                <span class="text-sm text-medium-emphasis">{{ item.label }}</span>
-              </template>
-            </CustomRadiosWithImage>
-          </div>
-
-          <!-- 👉 Direction -->
-          <div class="d-flex flex-column gap-2">
-            <h6 class="text-base font-weight-medium">
-              Direction
-            </h6>
-
-            <CustomRadiosWithImage
-              :key="currentDir"
-              v-model:selected-radio="currentDir"
-              :radio-content="direction"
-              :grid-column="{ cols: '4' }"
-            >
-              <template #label="item">
-                <span class="text-sm text-medium-emphasis">{{ item?.label }}</span>
-              </template>
-            </CustomRadiosWithImage>
-          </div>
-        </CustomizerSection>
-        <!-- !SECTION -->
-      </PerfectScrollbar>
-    </VNavigationDrawer>
-  </div>
-</template>
-
-<style lang="scss">
-@use "@layouts/styles/mixins" as layoutMixins;
-
-.app-customizer {
-  &.v-navigation-drawer--temporary:not(.v-navigation-drawer--active) {
-    transform: translateX(110%) !important;
-
-    @include layoutMixins.rtl {
-      transform: translateX(-110%) !important;
-    }
-  }
-
-  .customizer-section {
-    display: flex;
-    flex-direction: column;
-    padding: 1.5rem;
-    gap: 1.5rem;
-  }
-
-  .customizer-heading {
-    padding-block: 1rem;
-    padding-inline: 1.5rem;
-  }
-
-  .custom-input-wrapper {
-    .v-col {
-      padding-inline: 10px;
-    }
-
-    .v-label.custom-input {
-      border: none;
-      color: rgb(var(--v-theme-on-surface));
-      outline: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-    }
-  }
-
-  .v-navigation-drawer__content {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .v-label.custom-input.active {
-    border-color: transparent;
-    outline: 2px solid rgb(var(--v-theme-primary));
-  }
-
-  .v-label.custom-input:not(.active):hover {
-    border-color: rgba(var(--v-border-color), 0.22);
-  }
-
-  .customizer-skins {
-    .custom-input.active {
-      .customizer-skins-icon-wrapper {
-        background-color: rgba(var(--v-global-theme-primary), var(--v-selected-opacity));
-      }
-    }
-  }
-
-  .app-customizer-primary-colors {
-    .primary-color-wrapper:not(.active) {
-      &:hover {
-        outline-color: rgba(var(--v-border-color), 0.22) !important;
-      }
-    }
-  }
-}
-
-.app-customizer-toggler {
-  position: fixed !important;
-  inset-block-start: 20%;
-  inset-inline-end: 0;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/ThemeSwitcher.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/ThemeSwitcher.vue
deleted file mode 100644
index 85ccf0b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/ThemeSwitcher.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<script setup lang="ts">
-import { useConfigStore } from '@core/stores/config'
-import type { ThemeSwitcherTheme } from '@layouts/types'
-
-const props = defineProps<{
-  themes: ThemeSwitcherTheme[]
-}>()
-
-const configStore = useConfigStore()
-
-const selectedItem = ref([configStore.theme])
-
-// Update icon if theme is changed from other sources
-watch(
-  () => configStore.theme,
-  () => {
-    selectedItem.value = [configStore.theme]
-  },
-  { deep: true },
-)
-</script>
-
-<template>
-  <IconBtn color="rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity))">
-    <VIcon :icon="props.themes.find(t => t.name === configStore.theme)?.icon" />
-
-    <VTooltip
-      activator="parent"
-      open-delay="1000"
-      scroll-strategy="close"
-    >
-      <span class="text-capitalize">{{ configStore.theme }}</span>
-    </VTooltip>
-
-    <VMenu
-
-      activator="parent"
-      offset="12px"
-      :width="180"
-    >
-      <VList
-        v-model:selected="selectedItem"
-        mandatory
-      >
-        <VListItem
-          v-for="{ name, icon } in props.themes"
-          :key="name"
-          :value="name"
-          :prepend-icon="icon"
-          color="primary"
-          @click="() => { configStore.theme = name }"
-        >
-          <VListItemTitle class="text-capitalize">
-            {{ name }}
-          </VListItemTitle>
-        </VListItem>
-      </VList>
-    </VMenu>
-  </IconBtn>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/TiptapEditor.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/TiptapEditor.vue
deleted file mode 100644
index 5cc8e92..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/TiptapEditor.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-<script setup lang="ts">
-import { Placeholder } from '@tiptap/extension-placeholder'
-import { TextAlign } from '@tiptap/extension-text-align'
-import { Underline } from '@tiptap/extension-underline'
-import { StarterKit } from '@tiptap/starter-kit'
-import { EditorContent, useEditor } from '@tiptap/vue-3'
-
-const props = defineProps<{
-  modelValue: string
-  placeholder?: string
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: string): void
-}>()
-
-const editorRef = ref()
-
-const editor = useEditor({
-  content: props.modelValue,
-  extensions: [
-    StarterKit,
-    TextAlign.configure({
-      types: ['heading', 'paragraph'],
-    }),
-    Placeholder.configure({
-      placeholder: props.placeholder ?? 'Write something here...',
-    }),
-    Underline,
-  ],
-  onUpdate() {
-    if (!editor.value)
-      return
-
-    emit('update:modelValue', editor.value.getHTML())
-  },
-})
-
-watch(() => props.modelValue, () => {
-  const isSame = editor.value?.getHTML() === props.modelValue
-
-  if (isSame)
-    return
-
-  editor.value?.commands.setContent(props.modelValue)
-})
-</script>
-
-<template>
-  <div>
-    <div
-      v-if="editor"
-      class="d-flex gap-2 py-2 px-6 flex-wrap align-center editor"
-    >
-      <IconBtn
-        size="small"
-        rounded
-        :variant="editor.isActive('bold') ? 'tonal' : 'text'"
-        :color="editor.isActive('bold') ? 'primary' : 'default'"
-        @click="editor.chain().focus().toggleBold().run()"
-      >
-        <VIcon icon="tabler-bold" />
-      </IconBtn>
-
-      <IconBtn
-        size="small"
-        rounded
-        :variant="editor.isActive('underline') ? 'tonal' : 'text'"
-        :color="editor.isActive('underline') ? 'primary' : 'default'"
-        @click="editor.commands.toggleUnderline()"
-      >
-        <VIcon icon="tabler-underline" />
-      </IconBtn>
-
-      <IconBtn
-        size="small"
-        rounded
-        :variant="editor.isActive('italic') ? 'tonal' : 'text'"
-        :color="editor.isActive('italic') ? 'primary' : 'default'"
-        @click="editor.chain().focus().toggleItalic().run()"
-      >
-        <VIcon
-          icon="tabler-italic"
-          class="font-weight-medium"
-        />
-      </IconBtn>
-
-      <IconBtn
-        size="small"
-        rounded
-        :variant="editor.isActive('strike') ? 'tonal' : 'text'"
-        :color="editor.isActive('strike') ? 'primary' : 'default'"
-        @click="editor.chain().focus().toggleStrike().run()"
-      >
-        <VIcon icon="tabler-strikethrough" />
-      </IconBtn>
-
-      <IconBtn
-        size="small"
-        rounded
-        :variant="editor.isActive({ textAlign: 'left' }) ? 'tonal' : 'text'"
-        :color="editor.isActive({ textAlign: 'left' }) ? 'primary' : 'default'"
-        @click="editor.chain().focus().setTextAlign('left').run()"
-      >
-        <VIcon icon="tabler-align-left" />
-      </IconBtn>
-
-      <IconBtn
-        size="small"
-        rounded
-        :color="editor.isActive({ textAlign: 'center' }) ? 'primary' : 'default'"
-        :variant="editor.isActive({ textAlign: 'center' }) ? 'tonal' : 'text'"
-        @click="editor.chain().focus().setTextAlign('center').run()"
-      >
-        <VIcon icon="tabler-align-center" />
-      </IconBtn>
-
-      <IconBtn
-        size="small"
-        rounded
-        :variant="editor.isActive({ textAlign: 'right' }) ? 'tonal' : 'text'"
-        :color="editor.isActive({ textAlign: 'right' }) ? 'primary' : 'default'"
-        @click="editor.chain().focus().setTextAlign('right').run()"
-      >
-        <VIcon icon="tabler-align-right" />
-      </IconBtn>
-
-      <IconBtn
-        size="small"
-        rounded
-        :variant="editor.isActive({ textAlign: 'justify' }) ? 'tonal' : 'text'"
-        :color="editor.isActive({ textAlign: 'justify' }) ? 'primary' : 'default'"
-        @click="editor.chain().focus().setTextAlign('justify').run()"
-      >
-        <VIcon icon="tabler-align-justified" />
-      </IconBtn>
-    </div>
-
-    <VDivider />
-
-    <EditorContent
-      ref="editorRef"
-      :editor="editor"
-    />
-  </div>
-</template>
-
-<style lang="scss">
-.ProseMirror {
-  padding: 0.5rem;
-  min-block-size: 15vh;
-  outline: none;
-
-  p {
-    margin-block-end: 0;
-  }
-
-  p.is-editor-empty:first-child::before {
-    block-size: 0;
-    color: #adb5bd;
-    content: attr(data-placeholder);
-    float: inline-start;
-    pointer-events: none;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppAutocomplete.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppAutocomplete.vue
deleted file mode 100644
index c04bf48..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppAutocomplete.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<script lang="ts" setup>
-defineOptions({
-  name: 'AppAutocomplete',
-  inheritAttrs: false,
-})
-
-// const { class: _class, label, variant: _, ...restAttrs } = useAttrs()
-
-const elementId = computed (() => {
-  const attrs = useAttrs()
-  const _elementIdToken = attrs.id
-  const _id = useId()
-
-  return _elementIdToken ? `app-autocomplete-${_elementIdToken}` : _id
-})
-
-const label = computed(() => useAttrs().label as string | undefined)
-</script>
-
-<template>
-  <div
-    class="app-autocomplete flex-grow-1"
-    :class="$attrs.class"
-  >
-    <VLabel
-      v-if="label"
-      :for="elementId"
-      class="mb-1 text-body-2"
-      :text="label"
-    />
-    <VAutocomplete
-      v-bind="{
-        ...$attrs,
-        class: null,
-        label: undefined,
-        id: elementId,
-        variant: 'outlined',
-        menuProps: {
-          contentClass: [
-            'app-inner-list',
-            'app-autocomplete__content',
-            'v-autocomplete__content',
-          ],
-        },
-      }"
-    >
-      <template
-        v-for="(_, name) in $slots"
-        #[name]="slotProps"
-      >
-        <slot
-          :name="name"
-          v-bind="slotProps || {}"
-        />
-      </template>
-    </VAutocomplete>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppCombobox.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppCombobox.vue
deleted file mode 100644
index 29be4ba..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppCombobox.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<script lang="ts" setup>
-defineOptions({
-  name: 'AppCombobox',
-  inheritAttrs: false,
-})
-
-const elementId = computed (() => {
-  const attrs = useAttrs()
-  const _elementIdToken = attrs.id
-  const _id = useId()
-
-  return _elementIdToken ? `app-combobox-${_elementIdToken}` : _id
-})
-
-const label = computed(() => useAttrs().label as string | undefined)
-</script>
-
-<template>
-  <div
-    class="app-combobox flex-grow-1"
-    :class="$attrs.class"
-  >
-    <VLabel
-      v-if="label"
-      :for="elementId"
-      class="mb-1 text-body-2"
-      :text="label"
-    />
-
-    <VCombobox
-      v-bind="{
-        ...$attrs,
-        class: null,
-        label: undefined,
-        variant: 'outlined',
-        id: elementId,
-        menuProps: {
-          contentClass: [
-            'app-inner-list',
-            'app-combobox__content',
-            'v-combobox__content',
-            $attrs.multiple !== undefined ? 'v-list-select-multiple' : '',
-          ],
-        },
-      }"
-    >
-      <template
-        v-for="(_, name) in $slots"
-        #[name]="slotProps"
-      >
-        <slot
-          :name="name"
-          v-bind="slotProps || {}"
-        />
-      </template>
-    </VCombobox>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppDateTimePicker.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppDateTimePicker.vue
deleted file mode 100644
index 18f7cf8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppDateTimePicker.vue
+++ /dev/null
@@ -1,548 +0,0 @@
-<script setup lang="ts">
-import FlatPickr from 'vue-flatpickr-component'
-import { useTheme } from 'vuetify'
-
-// @ts-expect-error There won't be declaration file for it
-import { VField, makeVFieldProps } from 'vuetify/lib/components/VField/VField'
-
-// @ts-expect-error There won't be declaration file for it
-import { VInput, makeVInputProps } from 'vuetify/lib/components/VInput/VInput'
-
-// @ts-expect-error There won't be declaration file for it
-import { filterInputAttrs } from 'vuetify/lib/util/helpers'
-
-import { useConfigStore } from '@core/stores/config'
-
-// inherit Attribute make false
-defineOptions({
-  inheritAttrs: false,
-})
-
-const props = defineProps({
-  modelValue: {
-    type: String,
-    default: '',
-  },
-  autofocus: Boolean,
-  counter: [Boolean, Number, String] as PropType<true | number | string>,
-  counterValue: Function as PropType<(value: any) => number>,
-  prefix: String,
-  placeholder: String,
-  persistentPlaceholder: Boolean,
-  persistentCounter: Boolean,
-  suffix: String,
-  type: {
-    type: String,
-    default: 'text',
-  },
-  modelModifiers: Object as PropType<Record<string, boolean>>,
-  ...makeVInputProps({
-    density: 'comfortable',
-    hideDetails: 'auto',
-  }),
-  ...makeVFieldProps({
-    variant: 'outlined',
-    color: 'primary',
-  }),
-})
-
-const emit = defineEmits<Emit>()
-
-interface Emit {
-  (e: 'click:control', val: MouseEvent): true
-  (e: 'mousedown:control', val: MouseEvent): true
-  (e: 'update:focused', val: MouseEvent): true
-  (e: 'update:modelValue', val: string): void
-  (e: 'click:clear', el: MouseEvent): void
-}
-
-const configStore = useConfigStore()
-const attrs = useAttrs()
-
-const [rootAttrs, compAttrs] = filterInputAttrs(attrs)
-const inputProps = ref(VInput.filterProps(props))
-const fieldProps = ref(VField.filterProps(props))
-
-const refFlatPicker = ref()
-
-const { focused } = useFocus(refFlatPicker)
-const isCalendarOpen = ref(false)
-const isInlinePicker = ref(false)
-
-// flat picker prop manipulation
-if (compAttrs.config && compAttrs.config.inline) {
-  isInlinePicker.value = compAttrs.config.inline
-  Object.assign(compAttrs, { altInputClass: 'inlinePicker' })
-}
-
-compAttrs.config = {
-  ...compAttrs.config,
-  prevArrow: '<i class="tabler-chevron-left v-icon" style="font-size: 20px; height: 20px; width: 20px;"></i>',
-  nextArrow: '<i class="tabler-chevron-right v-icon" style="font-size: 20px; height: 20px; width: 20px;"></i>',
-}
-
-// v-field clear prop
-const onClear = (el: MouseEvent) => {
-  el.stopPropagation()
-
-  nextTick(() => {
-    emit('update:modelValue', '')
-
-    emit('click:clear', el)
-  })
-}
-
-const vuetifyTheme = useTheme()
-
-const vuetifyThemesName = Object.keys(vuetifyTheme.themes.value)
-
-// Themes class added to flat-picker component for light and dark support
-const updateThemeClassInCalendar = () => {
-  // ℹ️ Flatpickr don't render it's instance in mobile and device simulator
-  if (!refFlatPicker.value.fp.calendarContainer)
-    return
-
-  vuetifyThemesName.forEach(t => {
-    refFlatPicker.value.fp.calendarContainer.classList.remove(`v-theme--${t}`)
-  })
-  refFlatPicker.value.fp.calendarContainer.classList.add(`v-theme--${vuetifyTheme.global.name.value}`)
-}
-
-watch(() => configStore.theme, updateThemeClassInCalendar)
-
-onMounted(() => {
-  updateThemeClassInCalendar()
-})
-
-const emitModelValue = (val: string) => {
-  emit('update:modelValue', val)
-}
-
-watch(() => props, () => {
-  fieldProps.value = VField.filterProps(props)
-  inputProps.value = VInput.filterProps(props)
-},
-{
-  deep: true,
-  immediate: true,
-})
-
-const elementId = computed (() => {
-  const _elementIdToken = fieldProps.id || fieldProps.label || inputProps.value.id
-
-  const _id = useId()
-
-  return _elementIdToken ? `app-picker-field-${_elementIdToken}` : _id
-})
-</script>
-
-<template>
-  <div class="app-picker-field">
-    <!-- v-input -->
-    <VLabel
-      v-if="fieldProps.label"
-      class="mb-1 text-body-2"
-      :for="elementId"
-      :text="fieldProps.label"
-    />
-
-    <VInput
-      v-bind="{ ...inputProps, ...rootAttrs }"
-      :model-value="props.modelValue"
-      :hide-details="props.hideDetails"
-      :class="[{
-        'v-text-field--prefixed': props.prefix,
-        'v-text-field--suffixed': props.suffix,
-        'v-text-field--flush-details': ['plain', 'underlined'].includes(props.variant),
-      }, props.class]"
-      class="position-relative v-text-field"
-      :style="props.style"
-    >
-      <template #default="{ id, isDirty, isValid, isDisabled, isReadonly, validate }">
-        <!-- v-field -->
-        <VField
-          v-bind="{ ...fieldProps, label: undefined }"
-          :id="id.value"
-          role="textbox"
-          :active="focused || isDirty.value || isCalendarOpen"
-          :focused="focused || isCalendarOpen"
-          :dirty="isDirty.value || props.dirty"
-          :error="isValid.value === false"
-          :disabled="isDisabled.value"
-          @click:clear="onClear"
-        >
-          <template #default="{ props: vFieldProps }">
-            <div v-bind="vFieldProps">
-              <!-- flat-picker  -->
-              <FlatPickr
-                v-if="!isInlinePicker"
-                v-bind="compAttrs"
-                ref="refFlatPicker"
-                :model-value="props.modelValue"
-                :placeholder="props.placeholder"
-                :readonly="isReadonly.value"
-                class="flat-picker-custom-style h-100 w-100"
-                :disabled="isReadonly.value"
-                @on-open="isCalendarOpen = true"
-                @on-close="isCalendarOpen = false; validate()"
-                @update:model-value="emitModelValue"
-              />
-
-              <!-- simple input for inline prop -->
-              <input
-                v-if="isInlinePicker"
-                :value="props.modelValue"
-                :placeholder="props.placeholder"
-                :readonly="isReadonly.value"
-                class="flat-picker-custom-style h-100 w-100"
-                type="text"
-              >
-            </div>
-          </template>
-        </VField>
-      </template>
-    </VInput>
-
-    <!-- flat picker for inline props -->
-    <FlatPickr
-      v-if="isInlinePicker"
-      v-bind="compAttrs"
-      ref="refFlatPicker"
-      :model-value="props.modelValue"
-      @update:model-value="emitModelValue"
-      @on-open="isCalendarOpen = true"
-      @on-close="isCalendarOpen = false"
-    />
-  </div>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/mixins" as templateMixins;
-
-/* stylelint-disable no-descending-specificity */
-@use "flatpickr/dist/flatpickr.css";
-@use "@core-scss/base/mixins";
-
-.flat-picker-custom-style {
-  position: absolute;
-  color: inherit;
-  inline-size: 100%;
-  inset: 0;
-  outline: none;
-  padding-block: 0;
-  padding-inline: var(--v-field-padding-start);
-}
-
-$heading-color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-$body-color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-$disabled-color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity));
-
-// hide the input when your picker is inline
-input[altinputclass="inlinePicker"] {
-  display: none;
-}
-
-.flatpickr-time input.flatpickr-hour {
-  font-weight: 400;
-}
-
-.flatpickr-calendar {
-  @include mixins.elevation(6);
-
-  background-color: rgb(var(--v-theme-surface));
-  inline-size: 16.875rem;
-
-  .flatpickr-day:focus {
-    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-    background: rgba(var(--v-border-color), var(--v-border-opacity));
-  }
-
-  .flatpickr-rContainer {
-    .flatpickr-weekdays {
-      block-size: 1.25rem;
-      padding-inline: 0.5625rem;
-    }
-
-    .flatpickr-days {
-      min-inline-size: 16.875rem;
-
-      .dayContainer {
-        justify-content: center !important;
-        inline-size: 16.875rem;
-        min-inline-size: 16.875rem;
-        padding-block: 0.75rem 0.5rem;
-
-        .flatpickr-day {
-          block-size: 2.25rem;
-          font-size: 0.9375rem;
-          line-height: 2.25rem;
-          margin-block-start: 0 !important;
-          max-inline-size: 2.25rem;
-        }
-      }
-    }
-  }
-
-  .flatpickr-day {
-    color: $body-color;
-
-    &.today {
-      &:not(.selected) {
-        border: none !important;
-        background: rgba(var(--v-theme-primary), 0.24);
-        color: rgb(var(--v-theme-primary));
-      }
-
-      &:hover {
-        border: none !important;
-        background: rgba(var(--v-theme-primary), 0.24);
-        color: rgb(var(--v-theme-primary));
-      }
-    }
-
-    &.selected,
-    &.selected:hover {
-      border-color: rgb(var(--v-theme-primary));
-      background: rgb(var(--v-theme-primary));
-      color: rgb(var(--v-theme-on-primary));
-
-      @include templateMixins.custom-elevation(var(--v-theme-primary), "sm");
-    }
-
-    &.inRange,
-    &.inRange:hover {
-      border: none;
-      background: rgba(var(--v-theme-primary), var(--v-activated-opacity)) !important;
-      box-shadow: none !important;
-      color: rgb(var(--v-theme-primary));
-    }
-
-    &.startRange {
-      @include templateMixins.custom-elevation(var(--v-theme-primary), "sm");
-    }
-
-    &.endRange {
-      @include templateMixins.custom-elevation(var(--v-theme-primary), "sm");
-    }
-
-    &.startRange,
-    &.endRange,
-    &.startRange:hover,
-    &.endRange:hover {
-      border-color: rgb(var(--v-theme-primary));
-      background: rgb(var(--v-theme-primary));
-      color: rgb(var(--v-theme-on-primary));
-    }
-
-    &.selected.startRange + .endRange:not(:nth-child(7n + 1)),
-    &.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
-    &.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
-      box-shadow: -10px 0 0 rgb(var(--v-theme-primary));
-    }
-
-    &.flatpickr-disabled,
-    &.prevMonthDay:not(.startRange,.inRange),
-    &.nextMonthDay:not(.endRange,.inRange) {
-      opacity: var(--v-disabled-opacity);
-    }
-
-    &:hover {
-      border-color: transparent;
-      background: rgba(var(--v-theme-on-surface), 0.06);
-    }
-  }
-
-  .flatpickr-weekday {
-    color: $heading-color;
-    font-size: 0.8125rem;
-    font-weight: 400;
-    inline-size: 2.25rem;
-    line-height: 1.25rem;
-  }
-
-  .flatpickr-days {
-    inline-size: 16.875rem;
-  }
-
-  &::after,
-  &::before {
-    display: none;
-  }
-
-  .flatpickr-months {
-    .flatpickr-prev-month,
-    .flatpickr-next-month {
-      color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-      fill: $body-color;
-
-      &:hover {
-        color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-      }
-
-      &:hover i,
-      &:hover svg {
-        fill: $body-color;
-      }
-    }
-  }
-
-  .flatpickr-current-month span.cur-month {
-    font-weight: 300;
-  }
-
-  &.open {
-    // Open calendar above overlay
-    z-index: 2401;
-  }
-
-  &.hasTime.open {
-    .flatpickr-innerContainer + .flatpickr-time {
-      block-size: auto;
-      border-block-start: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-    }
-
-    .flatpickr-time {
-      border-block-start: none;
-    }
-
-    .flatpickr-hour,
-    .flatpickr-minute,
-    .flatpickr-am-pm {
-      font-size: 0.9375rem;
-    }
-  }
-}
-
-.v-theme--dark .flatpickr-calendar {
-  box-shadow: 0 3px 14px 0 rgb(15 20 34 / 38%);
-}
-
-// Time picker hover & focus bg color
-.flatpickr-time input:hover,
-.flatpickr-time .flatpickr-am-pm:hover,
-.flatpickr-time input:focus,
-.flatpickr-time .flatpickr-am-pm:focus {
-  background: transparent;
-}
-
-// Time picker
-.flatpickr-time {
-  .flatpickr-am-pm,
-  .flatpickr-time-separator,
-  input {
-    color: $body-color;
-  }
-
-  .numInputWrapper {
-    span {
-      &.arrowUp {
-        &::after {
-          border-block-end-color: rgb(var(--v-border-color));
-        }
-      }
-
-      &.arrowDown {
-        &::after {
-          border-block-start-color: rgb(var(--v-border-color));
-        }
-      }
-    }
-  }
-}
-
-//  Added bg color for flatpickr input only as it has default readonly attribute
-.flatpickr-input[readonly],
-.flatpickr-input ~ .form-control[readonly],
-.flatpickr-human-friendly[readonly] {
-  background-color: inherit;
-}
-
-// week sections
-.flatpickr-weekdays {
-  margin-block: 0.375rem;
-}
-
-// Month and year section
-.flatpickr-current-month {
-  .flatpickr-monthDropdown-months {
-    appearance: none;
-  }
-
-  .flatpickr-monthDropdown-months,
-  .numInputWrapper {
-    padding: 2px;
-    border-radius: 4px;
-    color: $heading-color;
-    font-size: 0.9375rem;
-    font-weight: 400;
-    line-height: 1.375rem;
-    transition: all 0.15s ease-out;
-
-    span {
-      display: none;
-    }
-
-    .flatpickr-monthDropdown-month {
-      background-color: rgb(var(--v-theme-surface));
-    }
-
-    .numInput.cur-year {
-      font-weight: 400;
-    }
-  }
-}
-
-.flatpickr-day.flatpickr-disabled,
-.flatpickr-day.flatpickr-disabled:hover {
-  color: $body-color;
-}
-
-.flatpickr-months {
-  padding-block: 0.75rem;
-  padding-inline: 1rem;
-
-  .flatpickr-prev-month,
-  .flatpickr-next-month {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0;
-    border-radius: 5rem;
-    background: rgba(var(--v-theme-on-surface), var(--v-selected-opacity));
-    block-size: 1.875rem;
-    inline-size: 1.875rem;
-    inset-block-start: 15px !important;
-
-    &.flatpickr-disabled {
-      display: inline;
-      opacity: var(--v-disabled-opacity);
-      pointer-events: none;
-    }
-  }
-
-  .flatpickr-next-month {
-    inset-inline-end: 1.05rem !important;
-  }
-
-  .flatpickr-prev-month {
-    /* stylelint-disable-next-line liberty/use-logical-spec */
-    right: 3.65rem;
-    left: unset !important;
-  }
-
-  .flatpickr-month {
-    display: flex;
-    align-items: center;
-    block-size: 2.125rem;
-
-    .flatpickr-current-month {
-      display: flex;
-      align-items: center;
-      padding: 0;
-      block-size: 1.75rem;
-      inset-inline-start: 0;
-      text-align: start;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppSelect.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppSelect.vue
deleted file mode 100644
index ad08408..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppSelect.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts" setup>
-defineOptions({
-  name: 'AppSelect',
-  inheritAttrs: false,
-})
-
-const elementId = computed (() => {
-  const attrs = useAttrs()
-  const _elementIdToken = attrs.id
-  const _id = useId()
-
-  return _elementIdToken ? `app-select-${_elementIdToken}` : _id
-})
-
-const label = computed(() => useAttrs().label as string | undefined)
-</script>
-
-<template>
-  <div
-    class="app-select flex-grow-1"
-    :class="$attrs.class"
-  >
-    <VLabel
-      v-if="label"
-      :for="elementId"
-      class="mb-1 text-body-2"
-      style="line-height: 15px;"
-      :text="label"
-    />
-    <VSelect
-      v-bind="{
-        ...$attrs,
-        class: null,
-        label: undefined,
-        variant: 'outlined',
-        id: elementId,
-        menuProps: { contentClass: ['app-inner-list', 'app-select__content', 'v-select__content', $attrs.multiple !== undefined ? 'v-list-select-multiple' : ''] },
-      }"
-    >
-      <template
-        v-for="(_, name) in $slots"
-        #[name]="slotProps"
-      >
-        <slot
-          :name="name"
-          v-bind="slotProps || {}"
-        />
-      </template>
-    </VSelect>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppTextField.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppTextField.vue
deleted file mode 100644
index 5c0c5a8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppTextField.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<script lang="ts" setup>
-defineOptions({
-  name: 'AppTextField',
-  inheritAttrs: false,
-})
-
-const elementId = computed (() => {
-  const attrs = useAttrs()
-  const _elementIdToken = attrs.id
-  const _id = useId()
-
-  return _elementIdToken ? `app-text-field-${_elementIdToken}` : _id
-})
-
-const label = computed(() => useAttrs().label as string | undefined)
-</script>
-
-<template>
-  <div
-    class="app-text-field flex-grow-1"
-    :class="$attrs.class"
-  >
-    <VLabel
-      v-if="label"
-      :for="elementId"
-      class="mb-1 text-body-2 text-wrap"
-      style="line-height: 15px;"
-      :text="label"
-    />
-    <VTextField
-      v-bind="{
-        ...$attrs,
-        class: null,
-        label: undefined,
-        variant: 'outlined',
-        id: elementId,
-      }"
-    >
-      <template
-        v-for="(_, name) in $slots"
-        #[name]="slotProps"
-      >
-        <slot
-          :name="name"
-          v-bind="slotProps || {}"
-        />
-      </template>
-    </VTextField>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppTextarea.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppTextarea.vue
deleted file mode 100644
index a845a08..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/AppTextarea.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts" setup>
-defineOptions({
-  name: 'AppTextarea',
-  inheritAttrs: false,
-})
-
-// const { class: _class, label, variant: _, ...restAttrs } = useAttrs()
-
-const elementId = computed (() => {
-  const attrs = useAttrs()
-  const _elementIdToken = attrs.id
-  const _id = useId()
-
-  return _elementIdToken ? `app-textarea-${_elementIdToken}` : _id
-})
-
-const label = computed(() => useAttrs().label as string | undefined)
-</script>
-
-<template>
-  <div
-    class="app-textarea flex-grow-1"
-    :class="$attrs.class"
-  >
-    <VLabel
-      v-if="label"
-      :for="elementId"
-      class="mb-1 text-body-2"
-      :text="label"
-    />
-    <VTextarea
-      v-bind="{
-        ...$attrs,
-        class: null,
-        label: undefined,
-        variant: 'outlined',
-        id: elementId,
-      }"
-    >
-      <template
-        v-for="(_, name) in $slots"
-        #[name]="slotProps"
-      >
-        <slot
-          :name="name"
-          v-bind="slotProps || {}"
-        />
-      </template>
-    </VTextarea>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomCheckboxes.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomCheckboxes.vue
deleted file mode 100644
index 9df5435..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomCheckboxes.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<script lang="ts" setup>
-import type { CustomInputContent, GridColumn } from '@core/types'
-
-interface Props {
-  selectedCheckbox: string[]
-  checkboxContent: CustomInputContent[]
-  gridColumn?: GridColumn
-}
-
-interface Emit {
-  (e: 'update:selectedCheckbox', value: string[]): void
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-
-const updateSelectedOption = (value: string[] | null) => {
-  if (typeof value !== 'boolean' && value !== null)
-    emit('update:selectedCheckbox', value)
-}
-</script>
-
-<template>
-  <VRow
-    v-if="props.checkboxContent && props.selectedCheckbox"
-    class="custom-input-wrapper"
-  >
-    <VCol
-      v-for="item in props.checkboxContent"
-      :key="item.title"
-      v-bind="gridColumn"
-    >
-      <VLabel
-        class="custom-input custom-checkbox rounded cursor-pointer"
-        :class="props.selectedCheckbox.includes(item.value) ? 'active' : ''"
-      >
-        <div>
-          <VCheckbox
-            :model-value="props.selectedCheckbox"
-            :value="item.value"
-            @update:model-value="updateSelectedOption"
-          />
-        </div>
-        <slot :item="item">
-          <div class="flex-grow-1">
-            <div class="d-flex align-center mb-2">
-              <h6 class="cr-title text-base">
-                {{ item.title }}
-              </h6>
-              <VSpacer />
-              <span
-                v-if="item.subtitle"
-                class="text-disabled text-body-2"
-              >{{ item.subtitle }}</span>
-            </div>
-            <p class="text-sm mb-0">
-              {{ item.desc }}
-            </p>
-          </div>
-        </slot>
-      </VLabel>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss" scoped>
-.custom-checkbox {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.5rem;
-
-  .v-checkbox {
-    margin-block-start: -0.375rem;
-  }
-
-  .cr-title {
-    font-weight: 500;
-    line-height: 1.375rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomCheckboxesWithIcon.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomCheckboxesWithIcon.vue
deleted file mode 100644
index 08fe973..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomCheckboxesWithIcon.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<script lang="ts" setup>
-import type { CustomInputContent, GridColumn } from '@core/types'
-
-interface Props {
-  selectedCheckbox: string[]
-  checkboxContent: CustomInputContent[]
-  gridColumn?: GridColumn
-}
-
-interface Emit {
-  (e: 'update:selectedCheckbox', value: string[]): void
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-
-const updateSelectedOption = (value: string[] | null) => {
-  if (typeof value !== 'boolean' && value !== null)
-    emit('update:selectedCheckbox', value)
-}
-</script>
-
-<template>
-  <VRow
-    v-if="props.checkboxContent && props.selectedCheckbox"
-    class="custom-input-wrapper"
-  >
-    <VCol
-      v-for="item in props.checkboxContent"
-      :key="item.title"
-      v-bind="gridColumn"
-    >
-      <VLabel
-        class="custom-input custom-checkbox-icon rounded cursor-pointer"
-        :class="props.selectedCheckbox.includes(item.value) ? 'active' : ''"
-      >
-        <slot :item="item">
-          <div class="d-flex flex-column align-center text-center gap-2">
-            <VIcon
-              v-bind="item.icon"
-              class="text-high-emphasis"
-            />
-
-            <h6 class="cr-title text-base">
-              {{ item.title }}
-            </h6>
-            <p class="text-sm clamp-text mb-0">
-              {{ item.desc }}
-            </p>
-          </div>
-        </slot>
-        <div>
-          <VCheckbox
-            :model-value="props.selectedCheckbox"
-            :value="item.value"
-            @update:model-value="updateSelectedOption"
-          />
-        </div>
-      </VLabel>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss" scoped>
-.custom-checkbox-icon {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-
-  .v-checkbox {
-    margin-block-end: -0.375rem;
-
-    .v-selection-control__wrapper {
-      margin-inline-start: 0;
-    }
-  }
-
-  .cr-title {
-    font-weight: 500;
-    line-height: 1.375rem;
-  }
-}
-</style>
-
-<style lang="scss">
-.custom-checkbox-icon {
-  .v-checkbox {
-    margin-block-end: -0.375rem;
-
-    .v-selection-control__wrapper {
-      margin-inline-start: 0;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomCheckboxesWithImage.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomCheckboxesWithImage.vue
deleted file mode 100644
index e644c23..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomCheckboxesWithImage.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<script lang="ts" setup>
-import type { GridColumn } from '@core/types'
-
-interface Props {
-  selectedCheckbox: string[]
-  checkboxContent: { bgImage: string; value: string; label?: string }[]
-  gridColumn?: GridColumn
-}
-
-interface Emit {
-  (e: 'update:selectedCheckbox', value: string[]): void
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-
-const updateSelectedOption = (value: string[] | null) => {
-  if (typeof value !== 'boolean' && value !== null)
-    emit('update:selectedCheckbox', value)
-}
-</script>
-
-<template>
-  <VRow
-    v-if="props.checkboxContent && props.selectedCheckbox"
-    class="custom-input-wrapper"
-  >
-    <VCol
-      v-for="item in props.checkboxContent"
-      :key="item.value"
-      v-bind="gridColumn"
-    >
-      <VLabel
-        class="custom-input custom-checkbox rounded cursor-pointer w-100"
-        :class="props.selectedCheckbox.includes(item.value) ? 'active' : ''"
-      >
-        <div>
-          <VCheckbox
-            :id="`custom-checkbox-with-img-${item.value}`"
-            :model-value="props.selectedCheckbox"
-            :value="item.value"
-            @update:model-value="updateSelectedOption"
-          />
-        </div>
-        <img
-          :src="item.bgImage"
-          alt="bg-img"
-          class="custom-checkbox-image"
-        >
-      </VLabel>
-
-      <VLabel
-        v-if="item.label || $slots.label"
-        :for="`custom-checkbox-with-img-${item.value}`"
-        class="cursor-pointer"
-      >
-        <slot
-          name="label"
-          :label="item.label"
-        >
-          {{ item.label }}
-        </slot>
-      </VLabel>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss" scoped>
-.custom-checkbox {
-  position: relative;
-  padding: 0;
-
-  .custom-checkbox-image {
-    block-size: 100%;
-    inline-size: 100%;
-    min-inline-size: 100%;
-  }
-
-  .v-checkbox {
-    position: absolute;
-    inset-block-start: 0;
-    inset-inline-end: 0;
-    visibility: hidden;
-  }
-
-  &:hover,
-  &.active {
-    .v-checkbox {
-      visibility: visible;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomRadios.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomRadios.vue
deleted file mode 100644
index d0784c2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomRadios.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<script lang="ts" setup>
-import type { CustomInputContent, GridColumn } from '@core/types'
-
-interface Props {
-  selectedRadio: string
-  radioContent: CustomInputContent[]
-  gridColumn?: GridColumn
-}
-
-interface Emit {
-  (e: 'update:selectedRadio', value: string): void
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-
-const updateSelectedOption = (value: string | null) => {
-  if (value !== null)
-    emit('update:selectedRadio', value)
-}
-</script>
-
-<template>
-  <VRadioGroup
-    v-if="props.radioContent"
-    :model-value="props.selectedRadio"
-    class="custom-input-wrapper"
-    @update:model-value="updateSelectedOption"
-  >
-    <VRow>
-      <VCol
-        v-for="item in props.radioContent"
-        :key="item.title"
-        v-bind="gridColumn"
-      >
-        <VLabel
-          class="custom-input custom-radio rounded cursor-pointer"
-          :class="props.selectedRadio === item.value ? 'active' : ''"
-        >
-          <div>
-            <VRadio
-              :name="item.value"
-              :value="item.value"
-            />
-          </div>
-          <slot :item="item">
-            <div class="flex-grow-1">
-              <div class="d-flex align-center mb-2">
-                <h6 class="cr-title text-base">
-                  {{ item.title }}
-                </h6>
-                <VSpacer />
-                <span
-                  v-if="item.subtitle"
-                  class="text-disabled text-body-2"
-                >{{ item.subtitle }}</span>
-              </div>
-              <p class="text-body-2 mb-0">
-                {{ item.desc }}
-              </p>
-            </div>
-          </slot>
-        </VLabel>
-      </VCol>
-    </VRow>
-  </VRadioGroup>
-</template>
-
-<style lang="scss" scoped>
-.custom-radio {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.25rem;
-
-  .v-radio {
-    margin-block-start: -0.45rem;
-  }
-
-  .cr-title {
-    font-weight: 500;
-    line-height: 1.375rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomRadiosWithIcon.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomRadiosWithIcon.vue
deleted file mode 100644
index c0738a3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomRadiosWithIcon.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<script lang="ts" setup>
-import type { CustomInputContent, GridColumn } from '@core/types'
-
-interface Props {
-  selectedRadio: string
-  radioContent: CustomInputContent[]
-  gridColumn?: GridColumn
-}
-
-interface Emit {
-  (e: 'update:selectedRadio', value: string): void
-}
-
-const props = defineProps<Props>()
-
-const emit = defineEmits<Emit>()
-
-const updateSelectedOption = (value: string | null) => {
-  if (value !== null)
-    emit('update:selectedRadio', value)
-}
-</script>
-
-<template>
-  <VRadioGroup
-    v-if="props.radioContent"
-    :model-value="props.selectedRadio"
-    class="custom-input-wrapper"
-    @update:model-value="updateSelectedOption"
-  >
-    <VRow>
-      <VCol
-        v-for="item in props.radioContent"
-        :key="item.title"
-        v-bind="gridColumn"
-      >
-        <VLabel
-          class="custom-input custom-radio-icon rounded cursor-pointer"
-          :class="props.selectedRadio === item.value ? 'active' : ''"
-        >
-          <slot :item="item">
-            <div class="d-flex flex-column align-center text-center gap-2">
-              <VIcon
-                v-bind="item.icon"
-                class="text-high-emphasis"
-              />
-              <h6 class="text-h6">
-                {{ item.title }}
-              </h6>
-
-              <p class="text-body-2 mb-0">
-                {{ item.desc }}
-              </p>
-            </div>
-          </slot>
-
-          <div>
-            <VRadio :value="item.value" />
-          </div>
-        </VLabel>
-      </VCol>
-    </VRow>
-  </VRadioGroup>
-</template>
-
-<style lang="scss" scoped>
-.custom-radio-icon {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-
-  .v-radio {
-    margin-block-end: -0.5rem;
-  }
-}
-</style>
-
-<style lang="scss">
-.custom-radio-icon {
-  .v-radio {
-    margin-block-end: -0.25rem;
-
-    .v-selection-control__wrapper {
-      margin-inline-start: 0;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomRadiosWithImage.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomRadiosWithImage.vue
deleted file mode 100644
index 2f83e70..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/app-form-elements/CustomRadiosWithImage.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<script lang="ts" setup>
-import type { GridColumn } from '@core/types'
-
-interface Props {
-  selectedRadio: string
-  radioContent: { bgImage: string | undefined; value: string; label?: string }[]
-  gridColumn?: GridColumn
-}
-
-interface Emit {
-  (e: 'update:selectedRadio', value: string): void
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-
-const updateSelectedOption = (value: string | null) => {
-  if (value !== null)
-    emit('update:selectedRadio', value)
-}
-</script>
-
-<template>
-  <VRadioGroup
-    v-if="props.radioContent"
-    :model-value="props.selectedRadio"
-    class="custom-input-wrapper"
-    @update:model-value="updateSelectedOption"
-  >
-    <VRow>
-      <VCol
-        v-for="item in props.radioContent"
-        :key="item.bgImage"
-        v-bind="gridColumn"
-      >
-        <VLabel
-          class="custom-input custom-radio rounded cursor-pointer w-100"
-          :class="props.selectedRadio === item.value ? 'active' : ''"
-        >
-          <slot
-            name="content"
-            :item="item"
-          >
-            <template v-if="typeof item.bgImage === 'object'">
-              <Component
-                :is="item.bgImage"
-                class="custom-radio-image"
-              />
-            </template>
-            <img
-              v-else
-              :src="item.bgImage"
-              alt="bg-img"
-              class="custom-radio-image"
-            >
-          </slot>
-
-          <VRadio
-            :id="`custom-radio-with-img-${item.value}`"
-            :name="`custom-radio-with-img-${item.value}`"
-            :value="item.value"
-          />
-        </VLabel>
-
-        <VLabel
-          v-if="item.label || $slots.label"
-          :for="`custom-radio-with-img-${item.value}`"
-          class="cursor-pointer"
-        >
-          <slot
-            name="label"
-            :label="item.label"
-          >
-            {{ item.label }}
-          </slot>
-        </VLabel>
-      </VCol>
-    </VRow>
-  </VRadioGroup>
-</template>
-
-<style lang="scss" scoped>
-.custom-radio {
-  padding: 0 !important;
-
-  &.active {
-    border-width: 1px;
-  }
-
-  .custom-radio-image {
-    block-size: 100%;
-    inline-size: 100%;
-    min-inline-size: 100%;
-  }
-
-  .v-radio {
-    visibility: hidden;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/cards/AppCardActions.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/cards/AppCardActions.vue
deleted file mode 100644
index e2fbbbf..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/cards/AppCardActions.vue
+++ /dev/null
@@ -1,167 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  collapsed?: boolean
-  noActions?: boolean
-  actionCollapsed?: boolean
-  actionRefresh?: boolean
-  actionRemove?: boolean
-  loading?: boolean | undefined
-  title?: string
-}
-
-interface Emit {
-  (e: 'collapsed', isContentCollapsed: boolean): void
-  (e: 'refresh', stopLoading: () => void): void
-  (e: 'trash'): void
-  (e: 'initialLoad'): void
-  (e: 'update:loading', loading: boolean): void
-}
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<Props>(), {
-  collapsed: false,
-  noActions: false,
-  actionCollapsed: false,
-  actionRefresh: false,
-  actionRemove: false,
-  loading: undefined,
-  title: undefined,
-})
-
-const emit = defineEmits<Emit>()
-
-const _loading = ref(false)
-
-const $loading = computed({
-  get() {
-    return props.loading !== undefined ? props.loading : _loading.value
-  },
-
-  set(value: boolean) {
-    props.loading !== undefined ? emit('update:loading', value) : _loading.value = value
-  },
-})
-
-const isContentCollapsed = ref(props.collapsed)
-const isCardRemoved = ref(false)
-
-// stop loading
-const stopLoading = () => {
-  $loading.value = false
-}
-
-// trigger collapse
-const triggerCollapse = () => {
-  isContentCollapsed.value = !isContentCollapsed.value
-  emit('collapsed', isContentCollapsed.value)
-}
-
-// trigger refresh
-const triggerRefresh = () => {
-  $loading.value = true
-  emit('refresh', stopLoading)
-}
-
-// trigger removal
-const triggeredRemove = () => {
-  isCardRemoved.value = true
-  emit('trash')
-}
-</script>
-
-<template>
-  <VExpandTransition>
-    <!-- TODO remove div when transition work with v-card components: https://github.com/vuetifyjs/vuetify/issues/15111 -->
-    <div v-if="!isCardRemoved">
-      <VCard v-bind="$attrs">
-        <VCardItem>
-          <VCardTitle v-if="props.title || $slots.title">
-            <!-- 👉 Title slot and prop -->
-            <slot name="title">
-              {{ props.title }}
-            </slot>
-          </VCardTitle>
-
-          <template #append>
-            <!-- 👉 Before actions slot -->
-            <div>
-              <slot name="before-actions" />
-
-              <!-- SECTION Actions buttons -->
-
-              <!-- 👉 Collapse button -->
-              <IconBtn
-                v-if="(!(actionRemove || actionRefresh) || actionCollapsed) && !noActions"
-                @click="triggerCollapse"
-              >
-                <VIcon
-                  size="20"
-                  icon="tabler-chevron-up"
-                  :style="{ transform: isContentCollapsed ? 'rotate(-180deg)' : undefined }"
-                  style="transition-duration: 0.28s;"
-                />
-              </IconBtn>
-
-              <!-- 👉 Overlay button -->
-              <IconBtn
-                v-if="(!(actionRemove || actionCollapsed) || actionRefresh) && !noActions"
-                @click="triggerRefresh"
-              >
-                <VIcon
-                  size="20"
-                  icon="tabler-refresh"
-                />
-              </IconBtn>
-
-              <!-- 👉 Close button -->
-              <IconBtn
-                v-if="(!(actionRefresh || actionCollapsed) || actionRemove) && !noActions"
-                @click="triggeredRemove"
-              >
-                <VIcon
-                  size="20"
-                  icon="tabler-x"
-                />
-              </IconBtn>
-            </div>
-          <!-- !SECTION -->
-          </template>
-        </VCardItem>
-
-        <!-- 👉 card content -->
-        <VExpandTransition>
-          <div
-            v-show="!isContentCollapsed"
-            class="v-card-content"
-          >
-            <slot />
-          </div>
-        </VExpandTransition>
-
-        <!-- 👉 Overlay -->
-        <VOverlay
-          v-model="$loading"
-          contained
-          persistent
-          scroll-strategy="none"
-          class="align-center justify-center"
-        >
-          <VProgressCircular indeterminate />
-        </VOverlay>
-      </VCard>
-    </div>
-  </VExpandTransition>
-</template>
-
-<style lang="scss">
-.v-card-item {
-  +.v-card-content {
-    .v-card-text:first-child {
-      padding-block-start: 0;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/cards/AppCardCode.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/cards/AppCardCode.vue
deleted file mode 100644
index 82a5445..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/cards/AppCardCode.vue
+++ /dev/null
@@ -1,154 +0,0 @@
-<script lang="ts" setup>
-import { getSingletonHighlighter } from 'shiki'
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-
-type CodeLanguages = 'ts' | 'js'
-
-interface Props {
-  title: string
-  code: CodeProp
-  codeLanguage?: string
-  noPadding?: boolean
-}
-
-type CodeProp = Record<CodeLanguages, string>
-
-const props = withDefaults(defineProps<Props>(), {
-  codeLanguage: 'markup',
-  noPadding: false,
-})
-
-const preferredCodeLanguage = useCookie<CodeLanguages>('preferredCodeLanguage', {
-  default: () => 'ts',
-  maxAge: COOKIE_MAX_AGE_1_YEAR,
-})
-
-const isCodeShown = ref(false)
-
-const { copy, copied } = useClipboard({ source: computed(() => props.code[preferredCodeLanguage.value]) })
-
-const highlighter = await getSingletonHighlighter({
-  themes: ['dracula', 'dracula-soft'],
-  langs: ['vue'],
-})
-
-const codeSnippet = computed(() =>
-  highlighter.codeToHtml(props.code[preferredCodeLanguage.value], {
-    lang: 'vue',
-    theme: 'dracula',
-  }),
-)
-</script>
-
-<template>
-  <!-- eslint-disable regex/invalid -->
-  <VCard class="app-card-code">
-    <VCardItem>
-      <VCardTitle>{{ props.title }}</VCardTitle>
-      <template #append>
-        <IconBtn
-          size="small"
-          :color="isCodeShown ? 'primary' : 'default'"
-          :class="isCodeShown ? '' : 'text-disabled'"
-          @click="isCodeShown = !isCodeShown"
-        >
-          <VIcon
-            size="20"
-            icon="tabler-code"
-          />
-        </IconBtn>
-      </template>
-    </VCardItem>
-    <slot v-if="noPadding" />
-    <VCardText v-else>
-      <slot />
-    </VCardText>
-    <VExpandTransition>
-      <div v-show="isCodeShown">
-        <VDivider />
-
-        <VCardText class="d-flex gap-y-3 flex-column">
-          <div class="d-flex justify-end">
-            <VBtnToggle
-              v-model="preferredCodeLanguage"
-              mandatory
-              density="compact"
-            >
-              <VBtn
-                value="ts"
-                icon
-                :variant="preferredCodeLanguage === 'ts' ? 'tonal' : 'text'"
-                :color="preferredCodeLanguage === 'ts' ? 'primary' : ''"
-              >
-                <VIcon
-                  icon="mdi-language-typescript"
-                  :color="preferredCodeLanguage === 'ts' ? 'primary' : 'secondary'"
-                />
-              </VBtn>
-
-              <VBtn
-                value="js"
-                icon
-                :variant="preferredCodeLanguage === 'js' ? 'tonal' : 'text'"
-                :color="preferredCodeLanguage === 'js' ? 'primary' : ''"
-              >
-                <VIcon
-                  icon="mdi-language-javascript"
-                  :color="preferredCodeLanguage === 'js' ? 'primary' : 'secondary'"
-                />
-              </VBtn>
-            </VBtnToggle>
-          </div>
-
-          <div class="position-relative">
-            <PerfectScrollbar
-              style="border-radius: 6px;max-block-size: 500px;"
-              :options="{ wheelPropagation: false, suppressScrollX: false }"
-            >
-              <!-- eslint-disable-next-line vue/no-v-html -->
-              <span v-html="codeSnippet" />
-            </PerfectScrollbar>
-            <IconBtn
-              class="position-absolute app-card-code-copy-icon"
-              color="white"
-              @click="() => { copy() }"
-            >
-              <VIcon
-                :icon="copied ? 'tabler-check' : 'tabler-copy'"
-                size="20"
-              />
-            </IconBtn>
-          </div>
-        </VCardText>
-      </div>
-    </VExpandTransition>
-  </VCard>
-</template>
-
-<style lang="scss">
-@use "@styles/variables/vuetify";
-
-code[class*="language-"],
-pre[class*="language-"] {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  font-size: 14px;
-}
-
-:not(pre) > code[class*="language-"],
-pre[class*="language-"] {
-  border-radius: vuetify.$card-border-radius;
-  max-block-size: 500px;
-}
-
-.app-card-code-copy-icon {
-  inset-block-start: 1.2em;
-  inset-inline-end: 0.8em;
-}
-
-.app-card-code {
-  .shiki {
-    padding: 0.75rem;
-    text-wrap: wrap;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/cards/CardStatisticsHorizontal.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/cards/CardStatisticsHorizontal.vue
deleted file mode 100644
index 537222d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/cards/CardStatisticsHorizontal.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  title: string
-  color?: string
-  icon: string
-  stats: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  color: 'primary',
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardText class="d-flex align-center justify-space-between">
-      <div>
-        <div class="d-flex align-center flex-wrap">
-          <h5 class="text-h5">
-            {{ props.stats }}
-          </h5>
-        </div>
-        <div class="text-subtitle-1">
-          {{ props.title }}
-        </div>
-      </div>
-
-      <VAvatar
-        :color="props.color"
-        :size="42"
-        rounded
-        variant="tonal"
-      >
-        <VIcon
-          :icon="props.icon"
-          size="26"
-        />
-      </VAvatar>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/cards/CardStatisticsVertical.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/cards/CardStatisticsVertical.vue
deleted file mode 100644
index 871e7e7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/components/cards/CardStatisticsVertical.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  title: string
-  color?: string
-  icon: string
-  stats: string
-  height: number
-  series: unknown[]
-  chartOptions: unknown
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  color: 'primary',
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardText class="d-flex flex-column pb-0">
-      <VAvatar
-        v-if="props.icon"
-        size="42"
-        variant="tonal"
-        :color="props.color"
-        rounded
-        class="mb-2"
-      >
-        <VIcon
-          :icon="props.icon"
-          size="26"
-        />
-      </VAvatar>
-
-      <h5 class="text-h5">
-        {{ props.stats }}
-      </h5>
-      <div class="text-sm">
-        {{ props.title }}
-      </div>
-    </VCardText>
-
-    <VueApexCharts
-      :series="props.series"
-      :options="props.chartOptions"
-      :height="props.height"
-    />
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/createUrl.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/createUrl.ts
deleted file mode 100644
index 9400c07..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/createUrl.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { stringifyQuery } from 'ufo'
-import type { MaybeRefOrGetter } from 'vue'
-
-interface Options {
-  query: MaybeRefOrGetter<Record<string, any>>
-}
-
-export const createUrl = (url: MaybeRefOrGetter<string>, options?: Options) => computed(() => {
-  if (!options?.query)
-    return toValue(url)
-
-  const _url = toValue(url)
-  const _query = toValue(options?.query)
-
-  const queryObj = Object.fromEntries(
-    Object.entries(_query).map(([key, val]) => [key, toValue(val)]),
-  )
-
-  return `${_url}${queryObj ? `?${stringifyQuery(queryObj)}` : ''}`
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/useCookie.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/useCookie.ts
deleted file mode 100644
index 082cc0a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/useCookie.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-// Ported from [Nuxt](https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/composables/cookie.ts)
-
-import type { CookieParseOptions, CookieSerializeOptions } from 'cookie-es'
-import { parse, serialize } from 'cookie-es'
-import { destr } from 'destr'
-
-type _CookieOptions = Omit<CookieSerializeOptions & CookieParseOptions, 'decode' | 'encode'>
-
-export interface CookieOptions<T = any> extends _CookieOptions {
-  decode?(value: string): T
-  encode?(value: T): string
-  default?: () => T | Ref<T>
-  watch?: boolean | 'shallow'
-}
-
-export type CookieRef<T> = Ref<T>
-
-const CookieDefaults: CookieOptions<any> = {
-  path: '/',
-  watch: true,
-  decode: val => destr(decodeURIComponent(val)),
-  encode: val => encodeURIComponent(typeof val === 'string' ? val : JSON.stringify(val)),
-}
-
-export const useCookie = <T = string | null | undefined>(name: string, _opts?: CookieOptions<T>): CookieRef<T> => {
-  const opts = { ...CookieDefaults, ..._opts || {} }
-  const cookies = parse(document.cookie, opts)
-
-  const cookie = ref<T | undefined>(cookies[name] as any ?? opts.default?.())
-
-  watch(cookie, () => {
-    document.cookie = serializeCookie(name, cookie.value, opts)
-  })
-
-  return cookie as CookieRef<T>
-}
-
-function serializeCookie(name: string, value: any, opts: CookieSerializeOptions = {}) {
-  if (value === null || value === undefined)
-    return serialize(name, value, { ...opts, maxAge: -1 })
-
-  return serialize(name, value, { ...opts, maxAge: 60 * 60 * 24 * 30 })
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/useGenerateImageVariant.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/useGenerateImageVariant.ts
deleted file mode 100644
index aa53f59..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/useGenerateImageVariant.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { useTheme } from 'vuetify'
-import { useConfigStore } from '@core/stores/config'
-
-// composable function to return the image variant as per the current theme and skin
-export const useGenerateImageVariant = (imgLight: string, imgDark: string, imgLightBordered?: string, imgDarkBordered?: string, bordered = false) => {
-  const configStore = useConfigStore()
-  const { global } = useTheme()
-
-  return computed(() => {
-    if (global.name.value === 'light') {
-      if (configStore.skin === 'bordered' && bordered)
-        return imgLightBordered
-
-      else
-        return imgLight
-    }
-    if (global.name.value === 'dark') {
-      if (configStore.skin === 'bordered' && bordered)
-        return imgDarkBordered
-
-      else
-        return imgDark
-    }
-
-    // Add a default return statement
-    return imgLight
-  })
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/useResponsiveSidebar.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/useResponsiveSidebar.ts
deleted file mode 100644
index 4e666af..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/useResponsiveSidebar.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import type { Ref } from 'vue'
-import { useDisplay } from 'vuetify'
-
-export const useResponsiveLeftSidebar = (mobileBreakpoint: Ref<boolean> | undefined = undefined) => {
-  const { mdAndDown, name: currentBreakpoint } = useDisplay()
-
-  const _mobileBreakpoint = mobileBreakpoint || mdAndDown
-
-  const isLeftSidebarOpen = ref(true)
-
-  const setInitialValue = () => {
-    isLeftSidebarOpen.value = !_mobileBreakpoint.value
-  }
-
-  // Set the initial value of sidebar
-  setInitialValue()
-
-  watch(
-    currentBreakpoint,
-    () => {
-      // Reset left sidebar
-      isLeftSidebarOpen.value = !_mobileBreakpoint.value
-    },
-  )
-
-  return {
-    isLeftSidebarOpen,
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/useSkins.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/useSkins.ts
deleted file mode 100644
index edfab86..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/composable/useSkins.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { VThemeProvider } from 'vuetify/components/VThemeProvider'
-import { useConfigStore } from '@core/stores/config'
-import { AppContentLayoutNav } from '@layouts/enums'
-
-// TODO: Use `VThemeProvider` from dist instead of lib (Using this component from dist causes navbar to loose sticky positioning)
-
-export const useSkins = () => {
-  const configStore = useConfigStore()
-
-  const layoutAttrs = computed(() => ({
-    verticalNavAttrs: {
-      wrapper: h(VThemeProvider, { tag: 'div' }),
-      wrapperProps: {
-        withBackground: true,
-        theme: (configStore.isVerticalNavSemiDark && configStore.appContentLayoutNav === AppContentLayoutNav.Vertical)
-          ? 'dark'
-          : undefined,
-      },
-    },
-  }))
-
-  const injectSkinClasses = () => {
-    if (typeof document !== 'undefined') {
-      const bodyClasses = document.body.classList
-      const genSkinClass = (_skin?: string) => `skin--${_skin}`
-
-      watch(
-        () => configStore.skin,
-        (val, oldVal) => {
-          bodyClasses.remove(genSkinClass(oldVal))
-          bodyClasses.add(genSkinClass(val))
-        },
-        { immediate: true },
-      )
-    }
-  }
-
-  return {
-    injectSkinClasses,
-    layoutAttrs,
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/enums.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/enums.ts
deleted file mode 100644
index 1e2758c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/enums.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-export const Skins = {
-  Default: 'default',
-  Bordered: 'bordered',
-} as const
-
-export const Theme = {
-  Light: 'light',
-  Dark: 'dark',
-  System: 'system',
-} as const
-
-export const Layout = {
-  Vertical: 'vertical',
-  Horizontal: 'horizontal',
-  Collapsed: 'collapsed',
-} as const
-
-export const Direction = {
-  Ltr: 'ltr',
-  Rtl: 'rtl',
-} as const
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/index.ts
deleted file mode 100644
index af5d996..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/index.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { UserThemeConfig } from './types'
-import type { LayoutConfig } from '@layouts/types'
-
-export const defineThemeConfig = (userConfig: UserThemeConfig): { themeConfig: UserThemeConfig; layoutConfig: LayoutConfig } => {
-  return {
-    themeConfig: userConfig,
-    layoutConfig: {
-      app: {
-        title: userConfig.app.title,
-        logo: userConfig.app.logo,
-        contentWidth: userConfig.app.contentWidth,
-        contentLayoutNav: userConfig.app.contentLayoutNav,
-        overlayNavFromBreakpoint: userConfig.app.overlayNavFromBreakpoint,
-        i18n: {
-          enable: userConfig.app.i18n.enable,
-        },
-        iconRenderer: userConfig.app.iconRenderer,
-      },
-      navbar: {
-        type: userConfig.navbar.type,
-        navbarBlur: userConfig.navbar.navbarBlur,
-      },
-      footer: { type: userConfig.footer.type },
-      verticalNav: {
-        isVerticalNavCollapsed: userConfig.verticalNav.isVerticalNavCollapsed,
-        defaultNavItemIconProps: userConfig.verticalNav.defaultNavItemIconProps,
-      },
-      horizontalNav: {
-        type: userConfig.horizontalNav.type,
-        transition: userConfig.horizontalNav.transition,
-        popoverOffset: userConfig.horizontalNav.popoverOffset,
-      },
-      icons: {
-        chevronDown: userConfig.icons.chevronDown,
-        chevronRight: userConfig.icons.chevronRight,
-        close: userConfig.icons.close,
-        verticalNavPinned: userConfig.icons.verticalNavPinned,
-        verticalNavUnPinned: userConfig.icons.verticalNavUnPinned,
-        sectionTitlePlaceholder: userConfig.icons.sectionTitlePlaceholder,
-      },
-    },
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/initCore.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/initCore.ts
deleted file mode 100644
index 041fe39..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/initCore.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { useStorage } from '@vueuse/core'
-import { useTheme } from 'vuetify'
-import { useConfigStore } from '@core/stores/config'
-import { cookieRef, namespaceConfig } from '@layouts/stores/config'
-import { themeConfig } from '@themeConfig'
-
-const _syncAppRtl = () => {
-  const configStore = useConfigStore()
-  const storedLang = cookieRef<string | null>('language', null)
-
-  const { locale } = useI18n({ useScope: 'global' })
-
-  // TODO: Handle case where i18n can't read persisted value
-  if (locale.value !== storedLang.value && storedLang.value)
-    locale.value = storedLang.value
-
-  // watch and change lang attribute of html on language change
-  watch(
-    locale,
-    val => {
-      // Update lang attribute of html tag
-      if (typeof document !== 'undefined')
-        document.documentElement.setAttribute('lang', val as string)
-
-      // Store selected language in cookie
-      storedLang.value = val as string
-
-      // set isAppRtl value based on selected language
-      if (themeConfig.app.i18n.langConfig && themeConfig.app.i18n.langConfig.length) {
-        themeConfig.app.i18n.langConfig.forEach(lang => {
-          if (lang.i18nLang === storedLang.value)
-            configStore.isAppRTL = lang.isRTL
-        })
-      }
-    },
-    { immediate: true },
-  )
-}
-
-const _handleSkinChanges = () => {
-  const { themes } = useTheme()
-  const configStore = useConfigStore()
-
-  // Create skin default color so that we can revert back to original (default skin) color when switch to default skin from bordered skin
-  Object.values(themes.value).forEach(t => {
-    t.colors['skin-default-background'] = t.colors.background
-    t.colors['skin-default-surface'] = t.colors.surface
-  })
-
-  watch(
-    () => configStore.skin,
-    val => {
-      Object.values(themes.value).forEach(t => {
-        t.colors.background = t.colors[`skin-${val}-background`]
-        t.colors.surface = t.colors[`skin-${val}-surface`]
-      })
-    },
-    { immediate: true },
-  )
-}
-
-/*
-    ℹ️ Set current theme's surface color in localStorage
-
-    Why? Because when initial loader is shown (before vue is ready) we need to what's the current theme's surface color.
-    We will use color stored in localStorage to set the initial loader's background color.
-
-    With this we will be able to show correct background color for the initial loader even before vue identify the current theme.
-  */
-const _syncInitialLoaderTheme = () => {
-  const vuetifyTheme = useTheme()
-
-  watch(
-    () => useConfigStore().theme,
-    () => {
-      // ℹ️ We are not using theme.current.colors.surface because watcher is independent and when this watcher is ran `theme` computed is not updated
-      useStorage<string | null>(namespaceConfig('initial-loader-bg'), null).value = vuetifyTheme.current.value.colors.surface
-      useStorage<string | null>(namespaceConfig('initial-loader-color'), null).value = vuetifyTheme.current.value.colors.primary
-    },
-    { immediate: true },
-  )
-}
-
-const initCore = () => {
-  _syncInitialLoaderTheme()
-  _handleSkinChanges()
-
-  // ℹ️ We don't want to trigger i18n in SK
-  if (themeConfig.app.i18n.enable)
-    _syncAppRtl()
-}
-
-export default initCore
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/apex-chart/apexCharConfig.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/apex-chart/apexCharConfig.ts
deleted file mode 100644
index fdbe6b7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/apex-chart/apexCharConfig.ts
+++ /dev/null
@@ -1,701 +0,0 @@
-import type { ThemeInstance } from 'vuetify'
-import { hexToRgb } from '@core/utils/colorConverter'
-
-// 👉 Colors variables
-const colorVariables = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const themeSecondaryTextColor = `rgba(${hexToRgb(themeColors.colors['on-surface'])},${themeColors.variables['medium-emphasis-opacity']})`
-  const themeDisabledTextColor = `rgba(${hexToRgb(themeColors.colors['on-surface'])},${themeColors.variables['disabled-opacity']})`
-  const themeBorderColor = `rgba(${hexToRgb(String(themeColors.variables['border-color']))},${themeColors.variables['border-opacity']})`
-  const themePrimaryTextColor = `rgba(${hexToRgb(themeColors.colors['on-surface'])},${themeColors.variables['high-emphasis-opacity']})`
-
-  return { themeSecondaryTextColor, themeDisabledTextColor, themeBorderColor, themePrimaryTextColor }
-}
-
-export const getScatterChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const scatterColors = {
-    series1: '#ff9f43',
-    series2: '#7367f0',
-    series3: '#28c76f',
-  }
-
-  const { themeSecondaryTextColor, themeBorderColor, themeDisabledTextColor } = colorVariables(themeColors)
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      toolbar: { show: false },
-      zoom: {
-        type: 'xy',
-        enabled: true,
-      },
-    },
-    legend: {
-      position: 'top',
-      horizontalAlign: 'left',
-      markers: { offsetX: -3 },
-      fontSize: '13px',
-      labels: { colors: themeSecondaryTextColor },
-      itemMargin: {
-        vertical: 3,
-        horizontal: 10,
-      },
-    },
-    colors: [scatterColors.series1, scatterColors.series2, scatterColors.series3],
-    grid: {
-      borderColor: themeBorderColor,
-      xaxis: {
-        lines: { show: true },
-      },
-    },
-    yaxis: {
-      labels: {
-        style: { fontSize: '0.8125rem', colors: themeDisabledTextColor },
-      },
-    },
-    xaxis: {
-      tickAmount: 10,
-      axisBorder: { show: false },
-      axisTicks: { color: themeBorderColor },
-      crosshairs: {
-        stroke: { color: themeBorderColor },
-      },
-      labels: {
-        style: { colors: themeDisabledTextColor },
-        formatter: (val: string) => Number.parseFloat(val).toFixed(1),
-      },
-    },
-  }
-}
-export const getLineChartSimpleConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const { themeBorderColor, themeDisabledTextColor } = colorVariables(themeColors)
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      zoom: { enabled: false },
-      toolbar: { show: false },
-    },
-    colors: ['#ff9f43'],
-    stroke: { curve: 'straight' },
-    dataLabels: { enabled: false },
-    markers: {
-      strokeWidth: 7,
-      strokeOpacity: 1,
-      colors: ['#ff9f43'],
-      strokeColors: ['#fff'],
-    },
-    grid: {
-      padding: { top: -10 },
-      borderColor: themeBorderColor,
-      xaxis: {
-        lines: { show: true },
-      },
-    },
-    tooltip: {
-      custom(data: any) {
-        return `<div class='bar-chart pa-2'>
-          <span>${data.series[data.seriesIndex][data.dataPointIndex]}%</span>
-        </div>`
-      },
-    },
-    yaxis: {
-      labels: {
-        style: { colors: themeDisabledTextColor, fontSize: '0.8125rem' },
-      },
-    },
-    xaxis: {
-      axisBorder: { show: false },
-      axisTicks: { color: themeBorderColor },
-      crosshairs: {
-        stroke: { color: themeBorderColor },
-      },
-      labels: {
-        style: { colors: themeDisabledTextColor, fontSize: '0.8125rem' },
-      },
-      categories: [
-        '7/12',
-        '8/12',
-        '9/12',
-        '10/12',
-        '11/12',
-        '12/12',
-        '13/12',
-        '14/12',
-        '15/12',
-        '16/12',
-        '17/12',
-        '18/12',
-        '19/12',
-        '20/12',
-        '21/12',
-      ],
-    },
-  }
-}
-
-export const getBarChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const { themeBorderColor, themeDisabledTextColor } = colorVariables(themeColors)
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      toolbar: { show: false },
-    },
-    colors: ['#00cfe8'],
-    dataLabels: { enabled: false },
-    plotOptions: {
-      bar: {
-        borderRadius: 8,
-        barHeight: '30%',
-        horizontal: true,
-      },
-    },
-    grid: {
-      borderColor: themeBorderColor,
-      xaxis: {
-        lines: { show: false },
-      },
-      padding: {
-        top: -10,
-      },
-    },
-    yaxis: {
-      labels: {
-        style: { colors: themeDisabledTextColor, fontSize: '0.8125rem' },
-      },
-    },
-    xaxis: {
-      axisBorder: { show: false },
-      axisTicks: { color: themeBorderColor },
-      categories: ['MON, 11', 'THU, 14', 'FRI, 15', 'MON, 18', 'WED, 20', 'FRI, 21', 'MON, 23'],
-      labels: {
-        style: { colors: themeDisabledTextColor, fontSize: '0.8125rem' },
-      },
-    },
-  }
-}
-
-export const getCandlestickChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const candlestickColors = {
-    series1: '#28c76f',
-    series2: '#ea5455',
-  }
-
-  const { themeBorderColor, themeDisabledTextColor } = colorVariables(themeColors)
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      toolbar: { show: false },
-    },
-    plotOptions: {
-      bar: { columnWidth: '40%' },
-      candlestick: {
-        colors: {
-          upward: candlestickColors.series1,
-          downward: candlestickColors.series2,
-        },
-      },
-    },
-    grid: {
-      padding: { top: -10 },
-      borderColor: themeBorderColor,
-      xaxis: {
-        lines: { show: true },
-      },
-    },
-    yaxis: {
-      tooltip: { enabled: true },
-      crosshairs: {
-        stroke: { color: themeBorderColor },
-      },
-      labels: {
-        style: { colors: themeDisabledTextColor, fontSize: '0.8125rem' },
-      },
-    },
-    xaxis: {
-      type: 'datetime',
-      axisBorder: { show: false },
-      axisTicks: { color: themeBorderColor },
-      crosshairs: {
-        stroke: { color: themeBorderColor },
-      },
-      labels: {
-        style: { colors: themeDisabledTextColor, fontSize: '0.8125rem' },
-      },
-    },
-  }
-}
-export const getRadialBarChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const radialBarColors = {
-    series1: '#fdd835',
-    series2: '#32baff',
-    series3: '#00d4bd',
-    series4: '#7367f0',
-    series5: '#FFA1A1',
-  }
-
-  const { themeSecondaryTextColor, themePrimaryTextColor } = colorVariables(themeColors)
-
-  return {
-    stroke: { lineCap: 'round' },
-    labels: ['Comments', 'Replies', 'Shares'],
-    legend: {
-      show: true,
-      fontSize: '13px',
-      position: 'bottom',
-      labels: {
-        colors: themeSecondaryTextColor,
-      },
-      markers: {
-        offsetX: -3,
-      },
-      itemMargin: {
-        vertical: 3,
-        horizontal: 10,
-      },
-    },
-    colors: [radialBarColors.series1, radialBarColors.series2, radialBarColors.series4],
-    plotOptions: {
-      radialBar: {
-        hollow: { size: '30%' },
-        track: {
-          margin: 15,
-          background: themeColors.variables['track-bg'],
-        },
-        dataLabels: {
-          name: {
-            fontSize: '2rem',
-          },
-          value: {
-            fontSize: '0.9375rem',
-            color: themeSecondaryTextColor,
-          },
-          total: {
-            show: true,
-            fontWeight: 400,
-            label: 'Comments',
-            fontSize: '1.125rem',
-
-            color: themePrimaryTextColor,
-
-            formatter(w: { globals: { seriesTotals: any[]; series: string | any[] } }) {
-              const totalValue
-                = w.globals.seriesTotals.reduce((a: number, b: number) => {
-                  return a + b
-                }, 0) / w.globals.series.length
-
-              if (totalValue % 1 === 0)
-                return `${totalValue}%`
-              else
-                return `${totalValue.toFixed(2)}%`
-            },
-          },
-        },
-      },
-    },
-    grid: {
-      padding: {
-        top: -30,
-        bottom: -25,
-      },
-    },
-  }
-}
-
-export const getDonutChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const donutColors = {
-    series1: '#fdd835',
-    series2: '#00d4bd',
-    series3: '#826bf8',
-    series4: '#32baff',
-    series5: '#ffa1a1',
-  }
-
-  const { themeSecondaryTextColor, themePrimaryTextColor } = colorVariables(themeColors)
-
-  return {
-    stroke: { width: 0 },
-    labels: ['Operational', 'Networking', 'Hiring', 'R&D'],
-    colors: [donutColors.series1, donutColors.series5, donutColors.series3, donutColors.series2],
-    dataLabels: {
-      enabled: true,
-      formatter: (val: string) => `${Number.parseInt(val, 10)}%`,
-    },
-    legend: {
-      position: 'bottom',
-      markers: { offsetX: -3 },
-      fontSize: '13px',
-      labels: { colors: themeSecondaryTextColor },
-      itemMargin: {
-        vertical: 3,
-        horizontal: 10,
-      },
-    },
-    plotOptions: {
-      pie: {
-        donut: {
-          labels: {
-            show: true,
-            name: {
-              fontSize: '1.125rem',
-            },
-            value: {
-              fontSize: '1.125rem',
-              color: themeSecondaryTextColor,
-              formatter: (val: string) => `${Number.parseInt(val, 10)}`,
-            },
-            total: {
-              show: true,
-              fontSize: '1.125rem',
-              label: 'Operational',
-              formatter: () => '31%',
-              color: themePrimaryTextColor,
-            },
-          },
-        },
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 992,
-        options: {
-          chart: {
-            height: 380,
-          },
-          legend: {
-            position: 'bottom',
-          },
-        },
-      },
-      {
-        breakpoint: 576,
-        options: {
-          chart: {
-            height: 320,
-          },
-          plotOptions: {
-            pie: {
-              donut: {
-                labels: {
-                  show: true,
-                  name: {
-                    fontSize: '0.9375rem',
-                  },
-                  value: {
-                    fontSize: '0.9375rem',
-                  },
-                  total: {
-                    fontSize: '0.9375rem',
-                  },
-                },
-              },
-            },
-          },
-        },
-      },
-    ],
-  }
-}
-
-export const getAreaChartSplineConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const areaColors = {
-    series3: '#e0cffe',
-    series2: '#b992fe',
-    series1: '#ab7efd',
-  }
-
-  const { themeSecondaryTextColor, themeBorderColor, themeDisabledTextColor } = colorVariables(themeColors)
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      toolbar: { show: false },
-    },
-    tooltip: { shared: false },
-    dataLabels: { enabled: false },
-    stroke: {
-      show: false,
-      curve: 'straight',
-    },
-    legend: {
-      position: 'top',
-      horizontalAlign: 'left',
-      fontSize: '13px',
-      labels: { colors: themeSecondaryTextColor },
-      markers: {
-        offsetY: 1,
-        offsetX: -3,
-      },
-      itemMargin: {
-        vertical: 3,
-        horizontal: 10,
-      },
-    },
-
-    colors: [areaColors.series3, areaColors.series2, areaColors.series1],
-    fill: {
-      opacity: 1,
-      type: 'solid',
-    },
-    grid: {
-      show: true,
-      borderColor: themeBorderColor,
-      xaxis: {
-        lines: { show: true },
-      },
-    },
-    yaxis: {
-      labels: {
-        style: { colors: themeDisabledTextColor, fontSize: '0.8125rem' },
-      },
-    },
-    xaxis: {
-      axisBorder: { show: false },
-      axisTicks: { color: themeBorderColor },
-      crosshairs: {
-        stroke: { color: themeBorderColor },
-      },
-      labels: {
-        style: { colors: themeDisabledTextColor, fontSize: '0.8125rem' },
-      },
-      categories: [
-        '7/12',
-        '8/12',
-        '9/12',
-        '10/12',
-        '11/12',
-        '12/12',
-        '13/12',
-        '14/12',
-        '15/12',
-        '16/12',
-        '17/12',
-        '18/12',
-        '19/12',
-      ],
-    },
-  }
-}
-
-export const getColumnChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const columnColors = {
-    series1: '#826af9',
-    series2: '#d2b0ff',
-    bg: '#f8d3ff',
-  }
-
-  const { themeSecondaryTextColor, themeBorderColor, themeDisabledTextColor } = colorVariables(themeColors)
-
-  return {
-    chart: {
-      offsetX: -10,
-      stacked: true,
-      parentHeightOffset: 0,
-      toolbar: { show: false },
-    },
-    fill: { opacity: 1 },
-    dataLabels: { enabled: false },
-
-    colors: [columnColors.series1, columnColors.series2],
-    legend: {
-      position: 'top',
-      horizontalAlign: 'left',
-      fontSize: '13px',
-      labels: { colors: themeSecondaryTextColor },
-      markers: {
-        offsetY: 1,
-        offsetX: -3,
-      },
-      itemMargin: {
-        vertical: 3,
-        horizontal: 10,
-      },
-    },
-    stroke: {
-      show: true,
-      colors: ['transparent'],
-    },
-    plotOptions: {
-      bar: {
-        columnWidth: '15%',
-        colors: {
-          backgroundBarRadius: 10,
-          backgroundBarColors: [columnColors.bg, columnColors.bg, columnColors.bg, columnColors.bg, columnColors.bg],
-        },
-      },
-    },
-    grid: {
-      borderColor: themeBorderColor,
-      xaxis: {
-        lines: { show: true },
-      },
-    },
-    yaxis: {
-      labels: {
-        style: { colors: themeDisabledTextColor, fontSize: '0.8125rem' },
-      },
-    },
-    xaxis: {
-      axisBorder: { show: false },
-      axisTicks: { color: themeBorderColor },
-      categories: ['7/12', '8/12', '9/12', '10/12', '11/12', '12/12', '13/12', '14/12', '15/12'],
-      crosshairs: {
-        stroke: { color: themeBorderColor },
-      },
-      labels: {
-        style: { colors: themeDisabledTextColor, fontSize: '0.8125rem' },
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 600,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '35%',
-            },
-          },
-        },
-      },
-    ],
-  }
-}
-
-export const getHeatMapChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const { themeSecondaryTextColor, themeDisabledTextColor } = colorVariables(themeColors)
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      toolbar: { show: false },
-    },
-    dataLabels: { enabled: false },
-    stroke: {
-      colors: [themeColors.colors.surface],
-    },
-    legend: {
-      position: 'bottom',
-      fontSize: '13px',
-      labels: {
-        colors: themeSecondaryTextColor,
-      },
-      markers: {
-        offsetY: 0,
-        offsetX: -3,
-      },
-      itemMargin: {
-        vertical: 3,
-        horizontal: 10,
-      },
-    },
-    plotOptions: {
-      heatmap: {
-        enableShades: false,
-        colorScale: {
-          ranges: [
-            { to: 10, from: 0, name: '0-10', color: '#b9b3f8' },
-            { to: 20, from: 11, name: '10-20', color: '#aba4f6' },
-            { to: 30, from: 21, name: '20-30', color: '#9d95f5' },
-            { to: 40, from: 31, name: '30-40', color: '#8f85f3' },
-            { to: 50, from: 41, name: '40-50', color: '#8176f2' },
-            { to: 60, from: 51, name: '50-60', color: '#7367f0' },
-          ],
-        },
-      },
-    },
-    grid: {
-      padding: { top: -20 },
-    },
-    yaxis: {
-      labels: {
-        style: {
-          colors: themeDisabledTextColor,
-          fontSize: '0.8125rem',
-        },
-      },
-    },
-    xaxis: {
-      labels: { show: false },
-      axisTicks: { show: false },
-      axisBorder: { show: false },
-    },
-  }
-}
-
-export const getRadarChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const radarColors = {
-    series1: '#9b88fa',
-    series2: '#ffa1a1',
-  }
-
-  const { themeSecondaryTextColor, themeBorderColor, themeDisabledTextColor } = colorVariables(themeColors)
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      toolbar: { show: false },
-      dropShadow: {
-        top: 1,
-        blur: 8,
-        left: 1,
-        opacity: 0.2,
-        enabled: false,
-      },
-    },
-    markers: { size: 0 },
-    fill: { opacity: [1, 0.8] },
-    colors: [radarColors.series1, radarColors.series2],
-    stroke: {
-      width: 0,
-      show: false,
-    },
-    legend: {
-      fontSize: '13px',
-      labels: {
-        colors: themeSecondaryTextColor,
-      },
-      markers: {
-        offsetX: -3,
-      },
-      itemMargin: {
-        vertical: 3,
-        horizontal: 10,
-      },
-    },
-    plotOptions: {
-      radar: {
-        polygons: {
-          strokeColors: themeBorderColor,
-          connectorColors: themeBorderColor,
-        },
-      },
-    },
-    grid: {
-      show: false,
-      padding: {
-        top: -20,
-        bottom: -20,
-      },
-    },
-    yaxis: { show: false },
-    xaxis: {
-      categories: ['Battery', 'Brand', 'Camera', 'Memory', 'Storage', 'Display', 'OS', 'Price'],
-      labels: {
-        style: {
-          fontSize: '0.8125rem',
-          colors: [
-            themeDisabledTextColor,
-            themeDisabledTextColor,
-            themeDisabledTextColor,
-            themeDisabledTextColor,
-            themeDisabledTextColor,
-            themeDisabledTextColor,
-            themeDisabledTextColor,
-            themeDisabledTextColor,
-          ],
-        },
-      },
-    },
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/chartjsConfig.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/chartjsConfig.ts
deleted file mode 100644
index 00f099b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/chartjsConfig.ts
+++ /dev/null
@@ -1,372 +0,0 @@
-import type { ThemeInstance } from 'vuetify'
-import { hexToRgb } from '@core/utils/colorConverter'
-
-// 👉 Colors variables
-const colorVariables = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const themeSecondaryTextColor = `rgba(${hexToRgb(themeColors.colors['on-surface'])},${themeColors.variables['medium-emphasis-opacity']})`
-  const themeDisabledTextColor = `rgba(${hexToRgb(themeColors.colors['on-surface'])},${themeColors.variables['disabled-opacity']})`
-  const themeBorderColor = `rgba(${hexToRgb(String(themeColors.variables['border-color']))},${themeColors.variables['border-opacity']})`
-
-  return { labelColor: themeDisabledTextColor, borderColor: themeBorderColor, legendColor: themeSecondaryTextColor }
-}
-
-// SECTION config
-
-// 👉 Latest Bar Chart Config
-export const getLatestBarChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const { borderColor, labelColor } = colorVariables(themeColors)
-
-  return {
-    responsive: true,
-    maintainAspectRatio: false,
-    animation: { duration: 500 },
-    scales: {
-      x: {
-        grid: {
-          borderColor,
-          drawBorder: false,
-          color: borderColor,
-        },
-        ticks: { color: labelColor },
-      },
-      y: {
-        min: 0,
-        max: 400,
-        grid: {
-          borderColor,
-          drawBorder: false,
-          color: borderColor,
-        },
-        ticks: {
-          stepSize: 100,
-          color: labelColor,
-        },
-      },
-    },
-    plugins: {
-      legend: { display: false },
-    },
-  }
-}
-
-// 👉 Horizontal Bar Chart Config
-export const getHorizontalBarChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const { borderColor, labelColor, legendColor } = colorVariables(themeColors)
-
-  return {
-    indexAxis: 'y',
-    responsive: true,
-    maintainAspectRatio: false,
-    animation: { duration: 500 },
-    elements: {
-      bar: {
-        borderRadius: {
-          topRight: 15,
-          bottomRight: 15,
-        },
-      },
-    },
-    layout: {
-      padding: { top: -4 },
-    },
-    scales: {
-      x: {
-        min: 0,
-        grid: {
-          drawTicks: false,
-          drawBorder: false,
-          color: borderColor,
-        },
-        ticks: { color: labelColor },
-      },
-      y: {
-        grid: {
-          borderColor,
-          display: false,
-          drawBorder: false,
-        },
-        ticks: { color: labelColor },
-      },
-    },
-    plugins: {
-      legend: {
-        align: 'end',
-        position: 'top',
-        labels: { color: legendColor },
-      },
-    },
-  }
-}
-
-// 👉 Line Chart Config
-export const getLineChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const { borderColor, labelColor, legendColor } = colorVariables(themeColors)
-
-  return {
-    responsive: true,
-    maintainAspectRatio: false,
-    scales: {
-      x: {
-        ticks: { color: labelColor },
-        grid: {
-          borderColor,
-          drawBorder: false,
-          color: borderColor,
-        },
-      },
-      y: {
-        min: 0,
-        max: 400,
-        ticks: {
-          stepSize: 100,
-          color: labelColor,
-        },
-        grid: {
-          borderColor,
-          drawBorder: false,
-          color: borderColor,
-        },
-      },
-    },
-    plugins: {
-      legend: {
-        align: 'end',
-        position: 'top',
-        labels: {
-          padding: 25,
-          boxWidth: 10,
-          color: legendColor,
-          usePointStyle: true,
-        },
-      },
-    },
-  }
-}
-
-// 👉 Radar Chart Config
-export const getRadarChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const { borderColor, labelColor, legendColor } = colorVariables(themeColors)
-
-  return {
-    responsive: true,
-    maintainAspectRatio: false,
-    animation: { duration: 500 },
-    layout: {
-      padding: { top: -20 },
-    },
-    scales: {
-      r: {
-        ticks: {
-          display: false,
-          maxTicksLimit: 1,
-          color: labelColor,
-        },
-        grid: { color: borderColor },
-        pointLabels: { color: labelColor },
-        angleLines: { color: borderColor },
-      },
-    },
-    plugins: {
-      legend: {
-        position: 'top',
-        labels: {
-          padding: 25,
-          color: legendColor,
-        },
-      },
-    },
-  }
-}
-
-// 👉 Polar Chart Config
-export const getPolarChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const { legendColor } = colorVariables(themeColors)
-
-  return {
-    responsive: true,
-    maintainAspectRatio: false,
-    animation: { duration: 500 },
-    layout: {
-      padding: {
-        top: -5,
-        bottom: -45,
-      },
-    },
-    scales: {
-      r: {
-        grid: { display: false },
-        ticks: { display: false },
-      },
-    },
-    plugins: {
-      legend: {
-        position: 'right',
-        labels: {
-          padding: 25,
-          boxWidth: 9,
-          color: legendColor,
-          usePointStyle: true,
-        },
-      },
-    },
-  }
-}
-
-// 👉 Bubble Chart Config
-export const getBubbleChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const { borderColor, labelColor } = colorVariables(themeColors)
-
-  return {
-    responsive: true,
-    maintainAspectRatio: false,
-    scales: {
-      x: {
-        min: 0,
-        max: 140,
-        grid: {
-          borderColor,
-          drawBorder: false,
-          color: borderColor,
-        },
-        ticks: {
-          stepSize: 10,
-          color: labelColor,
-        },
-      },
-      y: {
-        min: 0,
-        max: 400,
-        grid: {
-          borderColor,
-          drawBorder: false,
-          color: borderColor,
-        },
-        ticks: {
-          stepSize: 100,
-          color: labelColor,
-        },
-      },
-    },
-    plugins: {
-      legend: { display: false },
-    },
-  }
-}
-
-// 👉 Doughnut Chart Config
-export const getDoughnutChartConfig = () => {
-  return {
-    responsive: true,
-    maintainAspectRatio: false,
-    animation: { duration: 500 },
-    cutout: 80,
-    plugins: {
-      legend: {
-        display: false,
-      },
-    },
-  }
-}
-
-// 👉 Scatter Chart Config
-export const getScatterChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const { borderColor, labelColor, legendColor } = colorVariables(themeColors)
-
-  return {
-    responsive: true,
-    maintainAspectRatio: false,
-    animation: { duration: 800 },
-    layout: {
-      padding: { top: -20 },
-    },
-    scales: {
-      x: {
-        min: 0,
-        max: 140,
-        grid: {
-          borderColor,
-          drawTicks: false,
-          drawBorder: false,
-          color: borderColor,
-        },
-        ticks: {
-          stepSize: 10,
-          color: labelColor,
-        },
-      },
-      y: {
-        min: 0,
-        max: 400,
-        grid: {
-          borderColor,
-          drawTicks: false,
-          drawBorder: false,
-          color: borderColor,
-        },
-        ticks: {
-          stepSize: 100,
-          color: labelColor,
-        },
-      },
-    },
-    plugins: {
-      legend: {
-        align: 'start',
-        position: 'top',
-        labels: {
-          padding: 25,
-          boxWidth: 9,
-          color: legendColor,
-          usePointStyle: true,
-        },
-      },
-    },
-  }
-}
-
-// 👉 Line Area Chart Config
-export const getLineAreaChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
-  const { borderColor, labelColor, legendColor } = colorVariables(themeColors)
-
-  return {
-    responsive: true,
-    maintainAspectRatio: false,
-    layout: {
-      padding: { top: -20 },
-    },
-    scales: {
-      x: {
-        grid: {
-          borderColor,
-          color: 'transparent',
-        },
-        ticks: { color: labelColor },
-      },
-      y: {
-        min: 0,
-        max: 400,
-        grid: {
-          borderColor,
-          color: 'transparent',
-        },
-        ticks: {
-          stepSize: 100,
-          color: labelColor,
-        },
-      },
-    },
-    plugins: {
-      legend: {
-        align: 'start',
-        position: 'top',
-        labels: {
-          padding: 25,
-          boxWidth: 9,
-          color: legendColor,
-          usePointStyle: true,
-        },
-      },
-    },
-  }
-}
-// !SECTION
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/BarChart.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/BarChart.ts
deleted file mode 100644
index ef948b7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/BarChart.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import type { PluginOptionsByType } from 'chart.js'
-import { BarElement, CategoryScale, Chart as ChartJS, Legend, LinearScale, Title, Tooltip } from 'chart.js'
-import type { PropType } from 'vue'
-import { defineComponent } from 'vue'
-import { Bar } from 'vue-chartjs'
-
-ChartJS.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale)
-
-export default defineComponent({
-  name: 'BarChart',
-  props: {
-    chartId: {
-      type: String,
-      default: 'bar-chart',
-    },
-    width: {
-      type: Number,
-      default: 400,
-    },
-    height: {
-      type: Number,
-      default: 400,
-    },
-    cssClasses: {
-      default: '',
-      type: String,
-    },
-    styles: {
-      type: Object as PropType<Partial<CSSStyleDeclaration>>,
-      default: () => ({}),
-    },
-    plugins: {
-      type: Array as PropType<PluginOptionsByType<'bar'>[]>,
-      default: () => ([]),
-    },
-    chartData: {
-      type: Object,
-      default: () => ({}),
-    },
-    chartOptions: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  setup(props) {
-    return () =>
-      h(h(Bar), {
-        data: props.chartData,
-        options: props.chartOptions,
-        chartId: props.chartId,
-        width: props.width,
-        height: props.height,
-        cssClasses: props.cssClasses,
-        styles: props.styles,
-        plugins: props.plugins,
-      })
-  },
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/BubbleChart.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/BubbleChart.ts
deleted file mode 100644
index 90ebda8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/BubbleChart.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import type { PluginOptionsByType } from 'chart.js'
-import { Chart as ChartJS, Legend, LinearScale, PointElement, Title, Tooltip } from 'chart.js'
-import type { PropType } from 'vue'
-import { defineComponent } from 'vue'
-import { Bubble } from 'vue-chartjs'
-
-ChartJS.register(Title, Tooltip, Legend, PointElement, LinearScale)
-
-export default defineComponent({
-  name: 'BubbleChart',
-  props: {
-    chartId: {
-      type: String,
-      default: 'bubble-chart',
-    },
-    width: {
-      type: Number,
-      default: 400,
-    },
-    height: {
-      type: Number,
-      default: 400,
-    },
-    cssClasses: {
-      default: '',
-      type: String,
-    },
-    styles: {
-      type: Object as PropType<Partial<CSSStyleDeclaration>>,
-      default: () => ({}),
-    },
-    plugins: {
-      type: Array as PropType<PluginOptionsByType<'bubble'>[]>,
-      default: () => [],
-    },
-    chartData: {
-      type: Object,
-      default: () => ({}),
-    },
-    chartOptions: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  setup(props) {
-    return () =>
-      h(h(Bubble), {
-        data: props.chartData,
-        options: props.chartOptions,
-        chartId: props.chartId,
-        width: props.width,
-        height: props.height,
-        cssClasses: props.cssClasses,
-        styles: props.styles,
-        plugins: props.plugins,
-      })
-  },
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/DoughnutChart.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/DoughnutChart.ts
deleted file mode 100644
index 759e58d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/DoughnutChart.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import type { PluginOptionsByType } from 'chart.js'
-import { ArcElement, CategoryScale, Chart as ChartJS, Legend, Title, Tooltip } from 'chart.js'
-import type { PropType } from 'vue'
-import { defineComponent } from 'vue'
-import { Doughnut } from 'vue-chartjs'
-
-ChartJS.register(Title, Tooltip, Legend, ArcElement, CategoryScale)
-
-export default defineComponent({
-  name: 'DoughnutChart',
-  props: {
-    chartId: {
-      type: String,
-      default: 'doughnut-chart',
-    },
-    width: {
-      type: Number,
-      default: 400,
-    },
-    height: {
-      type: Number,
-      default: 400,
-    },
-    cssClasses: {
-      default: '',
-      type: String,
-    },
-    styles: {
-      type: Object as PropType<Partial<CSSStyleDeclaration>>,
-      default: () => ({}),
-    },
-    plugins: {
-      type: Array as PropType<PluginOptionsByType<'doughnut'>[]>,
-      default: () => [],
-    },
-    chartData: {
-      type: Object,
-      default: () => ({}),
-    },
-    chartOptions: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  setup(props) {
-    return () =>
-      h(h(Doughnut), {
-        data: props.chartData,
-        options: props.chartOptions,
-        chartId: props.chartId,
-        width: props.width,
-        height: props.height,
-        cssClasses: props.cssClasses,
-        styles: props.styles,
-        plugins: props.plugins,
-      })
-  },
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/LineChart.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/LineChart.ts
deleted file mode 100644
index 38cc7ab..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/LineChart.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import type { PluginOptionsByType } from 'chart.js'
-import { CategoryScale, Chart as ChartJS, Legend, LineElement, LinearScale, PointElement, Title, Tooltip } from 'chart.js'
-import type { PropType } from 'vue'
-import { defineComponent } from 'vue'
-import { Line } from 'vue-chartjs'
-
-ChartJS.register(Title, Tooltip, Legend, LineElement, LinearScale, PointElement, CategoryScale)
-
-export default defineComponent({
-  name: 'LineChart',
-  props: {
-    chartId: {
-      type: String,
-      default: 'line-chart',
-    },
-    width: {
-      type: Number,
-      default: 400,
-    },
-    height: {
-      type: Number,
-      default: 400,
-    },
-    cssClasses: {
-      default: '',
-      type: String,
-    },
-    styles: {
-      type: Object as PropType<Partial<CSSStyleDeclaration>>,
-      default: () => ({}),
-    },
-    plugins: {
-      type: Array as PropType<PluginOptionsByType<'line'>[]>,
-      default: () => [],
-    },
-    chartData: {
-      type: Object,
-      default: () => ({}),
-    },
-    chartOptions: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  setup(props) {
-    return () =>
-      h(h(Line), {
-        chartId: props.chartId,
-        width: props.width,
-        height: props.height,
-        cssClasses: props.cssClasses,
-        styles: props.styles,
-        plugins: props.plugins,
-        options: props.chartOptions,
-        data: props.chartData,
-      })
-  },
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/PolarAreaChart.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/PolarAreaChart.ts
deleted file mode 100644
index c7f006d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/PolarAreaChart.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import type { PluginOptionsByType } from 'chart.js'
-import { ArcElement, Chart as ChartJS, Legend, RadialLinearScale, Title, Tooltip } from 'chart.js'
-import type { PropType } from 'vue'
-import { defineComponent } from 'vue'
-import { PolarArea } from 'vue-chartjs'
-
-ChartJS.register(Title, Tooltip, Legend, ArcElement, RadialLinearScale)
-
-export default defineComponent({
-  name: 'PolarAreaChart',
-  props: {
-    chartId: {
-      type: String,
-      default: 'line-chart',
-    },
-    width: {
-      type: Number,
-      default: 400,
-    },
-    height: {
-      type: Number,
-      default: 400,
-    },
-    cssClasses: {
-      default: '',
-      type: String,
-    },
-    styles: {
-      type: Object as PropType<Partial<CSSStyleDeclaration>>,
-      default: () => ({}),
-    },
-    plugins: {
-      type: Array as PropType<PluginOptionsByType<'polarArea'>[]>,
-      default: () => [],
-    },
-    chartData: {
-      type: Object,
-      default: () => ({}),
-    },
-    chartOptions: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  setup(props) {
-    return () =>
-      h(h(PolarArea), {
-        data: props.chartData,
-        options: props.chartOptions,
-        chartId: props.chartId,
-        width: props.width,
-        height: props.height,
-        cssClasses: props.cssClasses,
-        styles: props.styles,
-        plugins: props.plugins,
-      })
-  },
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/RadarChart.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/RadarChart.ts
deleted file mode 100644
index e1b12c0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/RadarChart.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import type { PluginOptionsByType } from 'chart.js'
-import { Chart as ChartJS, Filler, Legend, LineElement, PointElement, RadialLinearScale, Title, Tooltip } from 'chart.js'
-import type { PropType } from 'vue'
-import { defineComponent } from 'vue'
-import { Radar } from 'vue-chartjs'
-
-ChartJS.register(Title, Tooltip, Legend, PointElement, RadialLinearScale, LineElement, Filler)
-
-export default defineComponent({
-  name: 'RadarChart',
-  props: {
-    chartId: {
-      type: String,
-      default: 'radar-chart',
-    },
-    width: {
-      type: Number,
-      default: 400,
-    },
-    height: {
-      type: Number,
-      default: 400,
-    },
-    cssClasses: {
-      default: '',
-      type: String,
-    },
-    styles: {
-      type: Object as PropType<Partial<CSSStyleDeclaration>>,
-      default: () => ({}),
-    },
-    plugins: {
-      type: Array as PropType<PluginOptionsByType<'radar'>[]>,
-      default: () => [],
-    },
-    chartData: {
-      type: Object,
-      default: () => ({}),
-    },
-    chartOptions: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  setup(props) {
-    return () =>
-      h(h(Radar), {
-        data: props.chartData,
-        options: props.chartOptions,
-        chartId: props.chartId,
-        width: props.width,
-        height: props.height,
-        cssClasses: props.cssClasses,
-        styles: props.styles,
-        plugins: props.plugins,
-      })
-  },
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/ScatterChart.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/ScatterChart.ts
deleted file mode 100644
index 8bc37a7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/libs/chartjs/components/ScatterChart.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import type { PluginOptionsByType } from 'chart.js'
-import { CategoryScale, Chart as ChartJS, Legend, LineElement, LinearScale, PointElement, Title, Tooltip } from 'chart.js'
-import type { PropType } from 'vue'
-import { defineComponent } from 'vue'
-import { Scatter } from 'vue-chartjs'
-
-ChartJS.register(Title, Tooltip, Legend, PointElement, LineElement, CategoryScale, LinearScale)
-
-export default defineComponent({
-  name: 'ScatterChart',
-  props: {
-    chartId: {
-      type: String,
-      default: 'scatter-chart',
-    },
-    width: {
-      type: Number,
-      default: 400,
-    },
-    height: {
-      type: Number,
-      default: 400,
-    },
-    cssClasses: {
-      default: '',
-      type: String,
-    },
-    styles: {
-      type: Object as PropType<Partial<CSSStyleDeclaration>>,
-      default: () => ({}),
-    },
-    plugins: {
-      type: Array as PropType<PluginOptionsByType<'scatter'>[]>,
-      default: () => [],
-    },
-    chartData: {
-      type: Object,
-      default: () => ({}),
-    },
-    chartOptions: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  setup(props) {
-    return () =>
-      h(h(Scatter), {
-        data: props.chartData,
-        options: props.chartOptions,
-        chartId: props.chartId,
-        width: props.width,
-        height: props.height,
-        cssClasses: props.cssClasses,
-        styles: props.styles,
-        plugins: props.plugins,
-      })
-  },
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/stores/config.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/stores/config.ts
deleted file mode 100644
index 48046cc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/stores/config.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { storeToRefs } from 'pinia'
-import { useTheme } from 'vuetify'
-import { cookieRef, useLayoutConfigStore } from '@layouts/stores/config'
-import { themeConfig } from '@themeConfig'
-
-// SECTION Store
-export const useConfigStore = defineStore('config', () => {
-  // 👉 Theme
-  const userPreferredColorScheme = usePreferredColorScheme()
-  const cookieColorScheme = cookieRef<'light' | 'dark'>('color-scheme', 'light')
-
-  watch(
-    userPreferredColorScheme,
-    val => {
-      if (val !== 'no-preference')
-        cookieColorScheme.value = val
-    },
-    { immediate: true },
-  )
-
-  const theme = cookieRef('theme', themeConfig.app.theme)
-
-  // 👉 isVerticalNavSemiDark
-  const isVerticalNavSemiDark = cookieRef('isVerticalNavSemiDark', themeConfig.verticalNav.isVerticalNavSemiDark)
-
-  // 👉 isVerticalNavSemiDark
-  const skin = cookieRef('skin', themeConfig.app.skin)
-
-  // ℹ️ We need to use `storeToRefs` to forward the state
-  const {
-    isLessThanOverlayNavBreakpoint,
-    appContentWidth,
-    navbarType,
-    isNavbarBlurEnabled,
-    appContentLayoutNav,
-    isVerticalNavCollapsed,
-    footerType,
-    isAppRTL,
-  } = storeToRefs(useLayoutConfigStore())
-
-  return {
-    theme,
-    isVerticalNavSemiDark,
-    skin,
-
-    // @layouts exports
-    isLessThanOverlayNavBreakpoint,
-    appContentWidth,
-    navbarType,
-    isNavbarBlurEnabled,
-    appContentLayoutNav,
-    isVerticalNavCollapsed,
-    footerType,
-    isAppRTL,
-  }
-})
-// !SECTION
-
-// SECTION Init
-export const initConfigStore = () => {
-  const userPreferredColorScheme = usePreferredColorScheme()
-  const vuetifyTheme = useTheme()
-  const configStore = useConfigStore()
-
-  watch(
-    [() => configStore.theme, userPreferredColorScheme],
-    () => {
-      const themetoUpdate = configStore.theme === 'system'
-        ? userPreferredColorScheme.value === 'dark'
-          ? 'dark'
-          : 'light'
-        : configStore.theme
-
-      vuetifyTheme.change(themetoUpdate)
-    })
-
-  onMounted(() => {
-    if (configStore.theme === 'system')
-      vuetifyTheme.change(userPreferredColorScheme.value)
-  })
-}
-// !SECTION
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/types.ts
deleted file mode 100644
index 59b47d4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/types.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import type { LiteralUnion, ValueOf } from 'type-fest'
-import type { Skins } from './enums'
-import type { I18nLanguage, LayoutConfig } from '@layouts/types'
-
-interface ExplicitThemeConfig {
-  app: {
-    i18n: {
-      defaultLocale: string
-      langConfig: I18nLanguage[]
-    }
-    theme: LiteralUnion<'light' | 'dark' | 'system', string>
-    skin: ValueOf<typeof Skins>
-  }
-  verticalNav: {
-    isVerticalNavSemiDark: boolean
-  }
-}
-
-export type UserThemeConfig = LayoutConfig & ExplicitThemeConfig
-
-// SECTION Custom Input
-export interface CustomInputContent {
-  title: string
-  desc?: string
-  value: string
-  subtitle?: string
-  icon?: any
-  images?: string
-}
-
-export interface GridColumn {
-  cols?: string
-  sm?: string
-  md?: string
-  lg?: string
-  xl?: string
-  xxl?: string
-}
-
-// Data table
-export interface SortItem { key: string; order?: boolean | 'asc' | 'desc' }
-
-export interface Options {
-  page: number
-  itemsPerPage: number
-  sortBy: readonly SortItem[]
-  groupBy: readonly SortItem[]
-  search: string | undefined
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/colorConverter.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/colorConverter.ts
deleted file mode 100644
index 37aa73c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/colorConverter.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-/**
- * Convert Hex color to rgb
- * @param hex
- */
-
-export const hexToRgb = (hex: string) => {
-// Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
-  const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i
-
-  hex = hex.replace(shorthandRegex, (m: string, r: string, g: string, b: string) => {
-    return r + r + g + g + b + b
-  })
-
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
-
-  return result ? `${Number.parseInt(result[1], 16)},${Number.parseInt(result[2], 16)},${Number.parseInt(result[3], 16)}` : null
-}
-
-/**
- *RGBA color to Hex color with / without opacity
- */
-export const rgbaToHex = (rgba: string, forceRemoveAlpha = false) => {
-  return (
-    `#${
-      rgba
-        .replace(/^rgba?\(|\s+|\)$/g, '') // Get's rgba / rgb string values
-        .split(',') // splits them at ","
-        .filter((string, index) => !forceRemoveAlpha || index !== 3)
-        .map(string => Number.parseFloat(string)) // Converts them to numbers
-        .map((number, index) => (index === 3 ? Math.round(number * 255) : number)) // Converts alpha to 255 number
-        .map(number => number.toString(16)) // Converts numbers to hex
-        .map(string => (string.length === 1 ? `0${string}` : string)) // Adds 0 when length of one number is 1
-        .join('')}`
-  )
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/formatters.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/formatters.ts
deleted file mode 100644
index 0b495ba..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/formatters.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { isToday } from './helpers'
-
-export const avatarText = (value: string) => {
-  if (!value)
-    return ''
-  const nameArray = value.split(' ')
-
-  return nameArray.map(word => word.charAt(0).toUpperCase()).join('')
-}
-
-// TODO: Try to implement this: https://twitter.com/fireship_dev/status/1565424801216311297
-export const kFormatter = (num: number) => {
-  const regex = /\B(?=(\d{3})+(?!\d))/g
-
-  return Math.abs(num) > 9999 ? `${Math.sign(num) * +((Math.abs(num) / 1000).toFixed(1))}k` : Math.abs(num).toFixed(0).replace(regex, ',')
-}
-
-/**
- * Format and return date in Humanize format
- * Intl docs: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/format
- * Intl Constructor: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat
- * @param {string} value date to format
- * @param {Intl.DateTimeFormatOptions} formatting Intl object to format with
- */
-export const formatDate = (value: string, formatting: Intl.DateTimeFormatOptions = { month: 'short', day: 'numeric', year: 'numeric' }) => {
-  if (!value)
-    return value
-
-  return new Intl.DateTimeFormat('en-US', formatting).format(new Date(value))
-}
-
-/**
- * Return short human friendly month representation of date
- * Can also convert date to only time if date is of today (Better UX)
- * @param {string} value date to format
- * @param {boolean} toTimeForCurrentDay Shall convert to time if day is today/current
- */
-export const formatDateToMonthShort = (value: string, toTimeForCurrentDay = true) => {
-  const date = new Date(value)
-  let formatting: Record<string, string> = { month: 'short', day: 'numeric' }
-
-  if (toTimeForCurrentDay && isToday(date))
-    formatting = { hour: 'numeric', minute: 'numeric' }
-
-  return new Intl.DateTimeFormat('en-US', formatting).format(new Date(value))
-}
-
-export const prefixWithPlus = (value: number) => value > 0 ? `+${value}` : value
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/helpers.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/helpers.ts
deleted file mode 100644
index 43334c4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/helpers.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-// 👉 IsEmpty
-export const isEmpty = (value: unknown): boolean => {
-  if (value === null || value === undefined || value === '')
-    return true
-
-  return !!(Array.isArray(value) && value.length === 0)
-}
-
-// 👉 IsNullOrUndefined
-export const isNullOrUndefined = (value: unknown): value is undefined | null => {
-  return value === null || value === undefined
-}
-
-// 👉 IsEmptyArray
-export const isEmptyArray = (arr: unknown): boolean => {
-  return Array.isArray(arr) && arr.length === 0
-}
-
-// 👉 IsObject
-export const isObject = (obj: unknown): obj is Record<string, unknown> =>
-  obj !== null && !!obj && typeof obj === 'object' && !Array.isArray(obj)
-
-// 👉 IsToday
-export const isToday = (date: Date) => {
-  const today = new Date()
-
-  return (
-    date.getDate() === today.getDate()
-    && date.getMonth() === today.getMonth()
-    && date.getFullYear() === today.getFullYear()
-  )
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/plugins.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/plugins.ts
deleted file mode 100644
index cc39087..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/plugins.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import type { App } from 'vue'
-
-/**
- * This is helper function to register plugins like a nuxt
- * To register a plugin just export a const function `defineVuePlugin` that takes `app` as argument and call `app.use`
- * For Scanning plugins it will include all files in `src/plugins` and `src/plugins/**\/index.ts`
- *
- *
- * @param {App} app Vue app instance
- *
- * @example
- * ```ts
- * // File: src/plugins/vuetify/index.ts
- *
- * import type { App } from 'vue'
- * import { createVuetify } from 'vuetify'
- *
- * const vuetify = createVuetify({ ... })
- *
- * export default function (app: App) {
- *   app.use(vuetify)
- * }
- * ```
- *
- * All you have to do is use this helper function in `main.ts` file like below:
- * ```ts
- * // File: src/main.ts
- * import { registerPlugins } from '@core/utils/plugins'
- * import { createApp } from 'vue'
- * import App from '@/App.vue'
- *
- * // Create vue app
- * const app = createApp(App)
- *
- * // Register plugins
- * registerPlugins(app) // [!code focus]
- *
- * // Mount vue app
- * app.mount('#app')
- * ```
- */
-
-export const registerPlugins = (app: App) => {
-  const imports = import.meta.glob<{ default: (app: App) => void }>(['../../plugins/*.{ts,js}', '../../plugins/*/index.{ts,js}'], { eager: true })
-
-  const importPaths = Object.keys(imports).sort()
-
-  importPaths.forEach(path => {
-    const pluginImportModule = imports[path]
-
-    pluginImportModule.default?.(app)
-  })
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/validators.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/validators.ts
deleted file mode 100644
index 7eaed05..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/validators.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { isEmpty, isEmptyArray, isNullOrUndefined } from './helpers'
-
-// 👉 Required Validator
-export const requiredValidator = (value: unknown) => {
-  if (isNullOrUndefined(value) || isEmptyArray(value) || value === false)
-    return 'This field is required'
-
-  return !!String(value).trim().length || 'This field is required'
-}
-
-// 👉 Email Validator
-export const emailValidator = (value: unknown) => {
-  if (isEmpty(value))
-    return true
-
-  const re = /^(?:[^<>()[\]\\.,;:\s@"]+(?:\.[^<>()[\]\\.,;:\s@"]+)*|".+")@(?:\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\]|(?:[a-z\-\d]+\.)+[a-z]{2,})$/i
-
-  if (Array.isArray(value))
-    return value.every(val => re.test(String(val))) || 'The Email field must be a valid email'
-
-  return re.test(String(value)) || 'The Email field must be a valid email'
-}
-
-// 👉 Password Validator
-export const passwordValidator = (password: string) => {
-  const regExp = /(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%&*()]).{8,}/
-
-  const validPassword = regExp.test(password)
-
-  return validPassword || 'Field must contain at least one uppercase, lowercase, special character and digit with min 8 chars'
-}
-
-// 👉 Confirm Password Validator
-export const confirmedValidator = (value: string, target: string) =>
-
-  value === target || 'The Confirm Password field confirmation does not match'
-
-// 👉 Between Validator
-export const betweenValidator = (value: unknown, min: number, max: number) => {
-  const valueAsNumber = Number(value)
-
-  return (Number(min) <= valueAsNumber && Number(max) >= valueAsNumber) || `Enter number between ${min} and ${max}`
-}
-
-// 👉 Integer Validator
-export const integerValidator = (value: unknown) => {
-  if (isEmpty(value))
-    return true
-
-  if (Array.isArray(value))
-    return value.every(val => /^-?\d+$/.test(String(val))) || 'This field must be an integer'
-
-  return /^-?\d+$/.test(String(value)) || 'This field must be an integer'
-}
-
-// 👉 Regex Validator
-export const regexValidator = (value: unknown, regex: RegExp | string): string | boolean => {
-  if (isEmpty(value))
-    return true
-
-  let regeX = regex
-  if (typeof regeX === 'string')
-    regeX = new RegExp(regeX)
-
-  if (Array.isArray(value))
-    return value.every(val => regexValidator(val, regeX))
-
-  return regeX.test(String(value)) || 'The Regex field format is invalid'
-}
-
-// 👉 Alpha Validator
-export const alphaValidator = (value: unknown) => {
-  if (isEmpty(value))
-    return true
-
-  return /^[A-Z]*$/i.test(String(value)) || 'The Alpha field may only contain alphabetic characters'
-}
-
-// 👉 URL Validator
-export const urlValidator = (value: unknown) => {
-  if (isEmpty(value))
-    return true
-
-  const re = /^https?:\/\/[^\s$.?#].\S*$/
-
-  return re.test(String(value)) || 'URL is invalid'
-}
-
-// 👉 Length Validator
-export const lengthValidator = (value: unknown, length: number) => {
-  if (isEmpty(value))
-    return true
-
-  return String(value).length === length || `"The length of the Characters field must be ${length} characters."`
-}
-
-// 👉 Alpha-dash Validator
-export const alphaDashValidator = (value: unknown) => {
-  if (isEmpty(value))
-    return true
-
-  const valueAsString = String(value)
-
-  return /^[\w-]*$/.test(valueAsString) || 'All Character are not valid'
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/vuetify.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/vuetify.ts
deleted file mode 100644
index f1732a2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@core/utils/vuetify.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { LiteralUnion } from 'type-fest'
-import { cookieRef } from '@layouts/stores/config'
-
-export const resolveVuetifyTheme = (defaultTheme: LiteralUnion<'light' | 'dark' | 'system', string>): 'light' | 'dark' => {
-  const cookieColorScheme = cookieRef<'light' | 'dark'>('color-scheme', usePreferredDark().value ? 'dark' : 'light')
-  const storedTheme = cookieRef('theme', defaultTheme).value
-
-  return storedTheme === 'system'
-    ? cookieColorScheme.value === 'dark'
-      ? 'dark'
-      : 'light'
-    : storedTheme as 'light' | 'dark'
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components.ts
deleted file mode 100644
index c528c30..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export { default as HorizontalNav } from './components/HorizontalNav.vue'
-export { default as HorizontalNavGroup } from './components/HorizontalNavGroup.vue'
-export { default as HorizontalNavLayout } from './components/HorizontalNavLayout.vue'
-export { default as HorizontalNavLink } from './components/HorizontalNavLink.vue'
-export { default as HorizontalNavPopper } from './components/HorizontalNavPopper.vue'
-export { default as TransitionExpand } from './components/TransitionExpand.vue'
-export { default as VerticalNav } from './components/VerticalNav.vue'
-export { default as VerticalNavGroup } from './components/VerticalNavGroup.vue'
-export { default as VerticalNavLayout } from './components/VerticalNavLayout.vue'
-export { default as VerticalNavLink } from './components/VerticalNavLink.vue'
-export { default as VerticalNavSectionTitle } from './components/VerticalNavSectionTitle.vue'
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNav.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNav.vue
deleted file mode 100644
index 82f1efc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNav.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts" setup>
-import { HorizontalNavGroup, HorizontalNavLink } from '@layouts/components'
-import type { HorizontalNavItems, NavGroup, NavLink } from '@layouts/types'
-
-defineProps<{
-  navItems: HorizontalNavItems
-}>()
-
-const resolveNavItemComponent = (item: NavLink | NavGroup) => {
-  if ('children' in item)
-    return HorizontalNavGroup
-
-  return HorizontalNavLink
-}
-</script>
-
-<template>
-  <ul class="nav-items">
-    <Component
-      :is="resolveNavItemComponent(item)"
-      v-for="(item, index) in navItems"
-      :key="index"
-      data-allow-mismatch
-      :item="item"
-    />
-  </ul>
-</template>
-
-<style lang="scss">
-.layout-wrapper.layout-nav-type-horizontal {
-  .nav-items {
-    display: flex;
-    flex-wrap: wrap;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNavGroup.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNavGroup.vue
deleted file mode 100644
index 0bc4062..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNavGroup.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<script lang="ts" setup>
-import { layoutConfig } from '@layouts'
-import { HorizontalNavLink, HorizontalNavPopper } from '@layouts/components'
-import { canViewNavMenuGroup } from '@layouts/plugins/casl'
-import { useLayoutConfigStore } from '@layouts/stores/config'
-import type { NavGroup } from '@layouts/types'
-import { getDynamicI18nProps, isNavGroupActive } from '@layouts/utils'
-
-interface Props {
-  item: NavGroup
-  childrenAtEnd?: boolean
-
-  // ℹ️ We haven't added this prop in vertical nav because we don't need such differentiation in vertical nav for styling
-  isSubItem?: boolean
-}
-
-defineOptions({
-  name: 'HorizontalNavGroup',
-})
-
-const props = withDefaults(defineProps<Props>(), {
-  childrenAtEnd: false,
-  isSubItem: false,
-})
-
-const route = useRoute()
-const router = useRouter()
-const configStore = useLayoutConfigStore()
-
-const isGroupActive = ref(false)
-
-/*
-  Watch for route changes, more specifically route path. Do note that this won't trigger if route's query is updated.
-
-  updates isActive & isOpen based on active state of group.
-*/
-watch(
-  () => route.path,
-  () => {
-    const isActive = isNavGroupActive(props.item.children, router)
-
-    isGroupActive.value = isActive
-  },
-  { immediate: true },
-)
-</script>
-
-<template>
-  <HorizontalNavPopper
-    v-if="canViewNavMenuGroup(item)"
-    :is-rtl="configStore.isAppRTL"
-    class="nav-group"
-    tag="li"
-    content-container-tag="ul"
-    :class="[
-      {
-        'active': isGroupActive,
-        'children-at-end': childrenAtEnd,
-        'sub-item': isSubItem,
-        'disabled': item.disable,
-      },
-    ]"
-    :popper-inline-end="childrenAtEnd"
-  >
-    <div class="nav-group-label">
-      <Component
-        :is="layoutConfig.app.iconRenderer || 'div'"
-        class="nav-item-icon"
-        v-bind="
-          item.icon && typeof item.icon === 'object' && item.icon !== null
-            ? item.icon
-            : layoutConfig.verticalNav.defaultNavItemIconProps || {}
-        "
-      />
-      <Component
-        :is="layoutConfig.app.i18n.enable ? 'i18n-t' : 'span'"
-        v-bind="getDynamicI18nProps(item.title, 'span')"
-        class="nav-item-title"
-      >
-        {{ item.title }}
-      </Component>
-      <Component
-        v-bind="layoutConfig.icons.chevronDown"
-        :is="layoutConfig.app.iconRenderer || 'div'"
-        class="nav-group-arrow"
-      />
-    </div>
-
-    <template #content>
-      <Component
-        :is="'children' in child ? 'HorizontalNavGroup' : HorizontalNavLink"
-        v-for="child in item.children"
-        :key="child.title"
-        :item="child"
-        children-at-end
-        is-sub-item
-      />
-    </template>
-  </HorizontalNavPopper>
-</template>
-
-<style lang="scss">
-.layout-horizontal-nav {
-  .nav-group {
-    .nav-group-label {
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-    }
-
-    .popper-content {
-      z-index: 1;
-
-      > div {
-        overflow: hidden auto;
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNavLayout.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNavLayout.vue
deleted file mode 100644
index c2084bf..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNavLayout.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<script lang="ts" setup>
-import { HorizontalNav } from '@layouts/components'
-import type { HorizontalNavItems } from '@layouts/types'
-
-// ℹ️ Using import from `@layouts` causing build to hangup
-// import { useLayouts } from '@layouts'
-import { useLayoutConfigStore } from '@layouts/stores/config'
-
-defineProps<{
-  navItems: HorizontalNavItems
-}>()
-
-const configStore = useLayoutConfigStore()
-</script>
-
-<template>
-  <div
-    class="layout-wrapper"
-    data-allow-mismatch
-    :class="configStore._layoutClasses"
-  >
-    <div
-      class="layout-navbar-and-nav-container"
-      :class="configStore.isNavbarBlurEnabled && 'header-blur'"
-    >
-      <!-- 👉 Navbar -->
-      <div class="layout-navbar">
-        <div class="navbar-content-container">
-          <slot name="navbar" />
-        </div>
-      </div>
-      <!-- 👉 Navigation -->
-      <div class="layout-horizontal-nav">
-        <div class="horizontal-nav-content-container">
-          <HorizontalNav :nav-items="navItems" />
-        </div>
-      </div>
-    </div>
-
-    <main class="layout-page-content">
-      <slot />
-    </main>
-
-    <!-- 👉 Footer -->
-    <footer class="layout-footer">
-      <div class="footer-content-container">
-        <slot name="footer" />
-      </div>
-    </footer>
-  </div>
-</template>
-
-<style lang="scss">
-@use "@configured-variables" as variables;
-@use "@layouts/styles/placeholders";
-@use "@layouts/styles/mixins";
-
-.layout-wrapper {
-  &.layout-nav-type-horizontal {
-    display: flex;
-    flex-direction: column;
-
-    // // TODO(v2): Check why we need height in vertical nav & min-height in horizontal nav
-    // min-height: 100%;
-    min-block-size: 100dvh;
-
-    .layout-navbar-and-nav-container {
-      z-index: 1;
-    }
-
-    .layout-navbar {
-      z-index: variables.$layout-horizontal-nav-layout-navbar-z-index;
-      block-size: variables.$layout-horizontal-nav-navbar-height;
-
-      // ℹ️ For now we are not independently managing navbar and horizontal nav so we won't use below style to avoid conflicting with combo style of navbar and horizontal nav
-      // If we add independent style of navbar & horizontal nav then we have to add :not for avoiding conflict with combo styles
-      // .layout-navbar-sticky & {
-      //   @extend %layout-navbar-sticky;
-      // }
-
-      // ℹ️ For now we are not independently managing navbar and horizontal nav so we won't use below style to avoid conflicting with combo style of navbar and horizontal nav
-      // If we add independent style of navbar & horizontal nav then we have to add :not for avoiding conflict with combo styles
-      // .layout-navbar-hidden & {
-      //   @extend %layout-navbar-hidden;
-      // }
-    }
-
-    // 👉 Navbar
-    .navbar-content-container {
-      @include mixins.boxed-content;
-    }
-
-    // 👉   Content height fixed
-    &.layout-content-height-fixed {
-      max-block-size: 100dvh;
-
-      .layout-page-content {
-        overflow: hidden;
-
-        > :first-child {
-          max-block-size: 100%;
-          overflow-y: auto;
-        }
-      }
-    }
-
-    // 👉 Footer
-    // Boxed content
-    .layout-footer {
-      .footer-content-container {
-        @include mixins.boxed-content;
-      }
-    }
-  }
-
-  // If both navbar & horizontal nav sticky
-  &.layout-navbar-sticky.horizontal-nav-sticky {
-    .layout-navbar-and-nav-container {
-      position: sticky;
-      inset-block-start: 0;
-      will-change: transform;
-    }
-  }
-
-  &.layout-navbar-hidden.horizontal-nav-hidden {
-    .layout-navbar-and-nav-container {
-      display: none;
-    }
-  }
-}
-
-// 👉 Horizontal nav nav
-.layout-horizontal-nav {
-  z-index: variables.$layout-horizontal-nav-z-index;
-
-  // .horizontal-nav-sticky & {
-  //   width: 100%;
-  //   will-change: transform;
-  //   position: sticky;
-  //   top: 0;
-  // }
-
-  // .horizontal-nav-hidden & {
-  //   display: none;
-  // }
-
-  .horizontal-nav-content-container {
-    @include mixins.boxed-content(true);
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNavLink.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNavLink.vue
deleted file mode 100644
index 9189df6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNavLink.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<script lang="ts" setup>
-import { layoutConfig } from '@layouts'
-import { can } from '@layouts/plugins/casl'
-import type { NavLink } from '@layouts/types'
-import {
-  getComputedNavLinkToProp,
-  getDynamicI18nProps,
-  isNavLinkActive,
-} from '@layouts/utils'
-
-interface Props {
-  item: NavLink
-
-  // ℹ️ We haven't added this prop in vertical nav because we don't need such differentiation in vertical nav for styling
-  isSubItem?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  isSubItem: false,
-})
-</script>
-
-<template>
-  <li
-    v-if="can(item.action, item.subject)"
-    class="nav-link"
-    :class="[
-      {
-        'sub-item': props.isSubItem,
-        'disabled': item.disable,
-      },
-    ]"
-  >
-    <Component
-      :is="item.to ? 'RouterLink' : 'a'"
-      v-bind="getComputedNavLinkToProp(item)"
-      :class="{
-        'router-link-active router-link-exact-active': isNavLinkActive(
-          item,
-          $router,
-        ),
-      }"
-    >
-      <Component
-        :is="layoutConfig.app.iconRenderer || 'div'"
-        class="nav-item-icon"
-        v-bind="
-          item.icon && typeof item.icon === 'object' && item.icon !== null
-            ? item.icon
-            : layoutConfig.verticalNav.defaultNavItemIconProps || {}
-        "
-      />
-      <Component
-        :is="layoutConfig.app.i18n.enable ? 'i18n-t' : 'span'"
-        class="nav-item-title"
-        v-bind="getDynamicI18nProps(item.title, 'span')"
-      >
-        {{ item.title }}
-      </Component>
-    </Component>
-  </li>
-</template>
-
-<style lang="scss">
-.layout-horizontal-nav {
-  .nav-link a {
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNavPopper.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNavPopper.vue
deleted file mode 100644
index 106cc2a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/HorizontalNavPopper.vue
+++ /dev/null
@@ -1,175 +0,0 @@
-<script lang="ts" setup>
-import type { ReferenceElement } from '@floating-ui/dom'
-import { computePosition, flip, offset, shift } from '@floating-ui/dom'
-import { useLayoutConfigStore } from '@layouts/stores/config'
-import { themeConfig } from '@themeConfig'
-
-interface Props {
-  popperInlineEnd?: boolean
-  tag?: string
-  contentContainerTag?: string
-  isRtl?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  popperInlineEnd: false,
-  tag: 'div',
-  contentContainerTag: 'div',
-  isRTL: false,
-})
-
-const configStore = useLayoutConfigStore()
-const refPopperContainer = ref<ReferenceElement>()
-const refPopper = ref<HTMLElement>()
-
-const popperContentStyles = ref({
-  left: '0px',
-  top: '0px',
-})
-
-const updatePopper = async () => {
-  if (refPopperContainer.value !== undefined && refPopper.value !== undefined) {
-    const { x, y } = await computePosition(refPopperContainer.value,
-      refPopper.value, {
-        placement: props.popperInlineEnd ? (props.isRtl ? 'left-start' : 'right-start') : 'bottom-start',
-        middleware: [
-          ...(configStore.horizontalNavPopoverOffset ? [offset(configStore.horizontalNavPopoverOffset)] : []),
-          flip({ boundary: document.querySelector('body')!, padding: { bottom: 16 } }),
-
-          shift({ boundary: document.querySelector('body')!, padding: { bottom: 16 } }),
-        ],
-
-        /*
-      ℹ️ Why we are not using fixed positioning?
-
-      `position: fixed` doesn't work as expected when some CSS properties like `transform` is applied on its parent element.
-      Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/position#values <= See `fixed` value description
-
-      Hence, when we use transitions where transition apply `transform` on its parent element, fixed positioning will not work.
-      (Popper content moves away from the element when parent element transition)
-
-      To avoid this, we use `position: absolute` instead of `position: fixed`.
-
-      NOTE: This issue starts from third level children (Top Level > Sub item > Sub item).
-    */
-        // strategy: 'fixed',
-      })
-
-    popperContentStyles.value.left = `${x}px`
-    popperContentStyles.value.top = `${y}px`
-  }
-}
-
-/*
- 💡 Only add scroll event listener for updating position once horizontal nav is made static.
-  We don't want to update position every time user scrolls when horizontal nav is sticky
-*/
-until(() => configStore.horizontalNavType)
-  .toMatch(type => type === 'static')
-  .then(() => { useEventListener('scroll', updatePopper) })
-
-const isContentShown = ref(false)
-
-const showContent = () => {
-  isContentShown.value = true
-  updatePopper()
-}
-
-const hideContent = () => {
-  isContentShown.value = false
-}
-
-onMounted(updatePopper)
-
-// ℹ️ Recalculate popper position when it's triggerer changes its position
-watch(
-  [
-    () => configStore.isAppRTL,
-    () => configStore.appContentWidth,
-  ],
-  updatePopper,
-)
-
-// Watch for route changes and close popper content if route is changed
-const route = useRoute()
-
-watch(() => route.fullPath, hideContent)
-</script>
-
-<template>
-  <div
-    class="nav-popper"
-    :class="[{
-      'popper-inline-end': popperInlineEnd,
-      'show-content': isContentShown,
-    }]"
-  >
-    <div
-      ref="refPopperContainer"
-      class="popper-triggerer"
-      @mouseenter="showContent"
-      @mouseleave="hideContent"
-    >
-      <slot />
-    </div>
-
-    <!-- SECTION Popper Content -->
-    <!-- 👉 Without transition -->
-    <template v-if="!themeConfig.horizontalNav.transition">
-      <div
-        ref="refPopper"
-        class="popper-content"
-        :style="popperContentStyles"
-        @mouseenter="showContent"
-        @mouseleave="hideContent"
-      >
-        <div>
-          <slot name="content" />
-        </div>
-      </div>
-    </template>
-
-    <!-- 👉 CSS Transition -->
-    <template v-else-if="typeof themeConfig.horizontalNav.transition === 'string'">
-      <Transition :name="themeConfig.horizontalNav.transition">
-        <div
-          v-show="isContentShown"
-          ref="refPopper"
-          class="popper-content"
-          :style="popperContentStyles"
-          @mouseenter="showContent"
-          @mouseleave="hideContent"
-        >
-          <div>
-            <slot name="content" />
-          </div>
-        </div>
-      </Transition>
-    </template>
-
-    <!-- 👉 Transition Component -->
-    <template v-else>
-      <Component :is="themeConfig.horizontalNav.transition">
-        <div
-          v-show="isContentShown"
-          ref="refPopper"
-          class="popper-content"
-          :style="popperContentStyles"
-          @mouseenter="showContent"
-          @mouseleave="hideContent"
-        >
-          <div>
-            <slot name="content" />
-          </div>
-        </div>
-      </Component>
-    </template>
-    <!-- !SECTION -->
-  </div>
-</template>
-
-<style lang="scss">
-.popper-content {
-  position: absolute;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/TransitionExpand.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/TransitionExpand.vue
deleted file mode 100644
index d212236..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/TransitionExpand.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<!-- Thanks: https://markus.oberlehner.net/blog/transition-to-height-auto-with-vue/ -->
-
-<script lang="ts">
-import { Transition } from 'vue'
-
-export default defineComponent({
-  name: 'TransitionExpand',
-  setup(_, { slots }) {
-    const onEnter = (element: HTMLElement) => {
-      const width = getComputedStyle(element).width
-
-      element.style.width = width
-      element.style.position = 'absolute'
-      element.style.visibility = 'hidden'
-      element.style.height = 'auto'
-
-      const height = getComputedStyle(element).height
-
-      element.style.width = ''
-      element.style.position = ''
-      element.style.visibility = ''
-      element.style.height = '0px'
-
-      // Force repaint to make sure the
-      // animation is triggered correctly.
-      // eslint-disable-next-line no-unused-expressions
-      getComputedStyle(element).height
-
-      // Trigger the animation.
-      // We use `requestAnimationFrame` because we need
-      // to make sure the browser has finished
-      // painting after setting the `height`
-      // to `0` in the line above.
-      requestAnimationFrame(() => {
-        element.style.height = height
-      })
-    }
-
-    const onAfterEnter = (element: HTMLElement) => {
-      element.style.height = 'auto'
-    }
-
-    const onLeave = (element: HTMLElement) => {
-      const height = getComputedStyle(element).height
-
-      element.style.height = height
-
-      // Force repaint to make sure the
-      // animation is triggered correctly.
-      // eslint-disable-next-line no-unused-expressions
-      getComputedStyle(element).height
-
-      requestAnimationFrame(() => {
-        element.style.height = '0px'
-      })
-    }
-
-    return () => h(
-      h(Transition),
-      {
-        name: 'expand',
-        onEnter,
-        onAfterEnter,
-        onLeave,
-      },
-      () => slots.default?.(),
-    )
-  },
-})
-</script>
-
-<style>
-.expand-enter-active,
-.expand-leave-active {
-  overflow: hidden;
-  transition: block-size var(--expand-transition-duration, 0.25s) ease;
-}
-
-.expand-enter-from,
-.expand-leave-to {
-  block-size: 0;
-}
-</style>
-
-<style scoped>
-* {
-  backface-visibility: hidden;
-  perspective: 1000px;
-  transform: translateZ(0);
-  will-change: block-size;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VNodeRenderer.tsx b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VNodeRenderer.tsx
deleted file mode 100644
index f854dd8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VNodeRenderer.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { PropType, VNode } from 'vue'
-
-export const VNodeRenderer = defineComponent({
-  name: 'VNodeRenderer',
-  props: {
-    nodes: {
-      type: [Array, Object] as PropType<VNode | VNode[]>,
-      required: true,
-    },
-  },
-  setup(props) {
-    return () => props.nodes
-  },
-})
-
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-export type VNodeRenderer = InstanceType<typeof VNodeRenderer>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNav.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNav.vue
deleted file mode 100644
index 9c3962f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNav.vue
+++ /dev/null
@@ -1,240 +0,0 @@
-<script lang="ts" setup>
-import type { Component } from 'vue'
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import { VNodeRenderer } from './VNodeRenderer'
-import { layoutConfig } from '@layouts'
-import { VerticalNavGroup, VerticalNavLink, VerticalNavSectionTitle } from '@layouts/components'
-import { useLayoutConfigStore } from '@layouts/stores/config'
-import { injectionKeyIsVerticalNavHovered } from '@layouts/symbols'
-import type { NavGroup, NavLink, NavSectionTitle, VerticalNavItems } from '@layouts/types'
-
-interface Props {
-  tag?: string | Component
-  navItems: VerticalNavItems
-  isOverlayNavActive: boolean
-  toggleIsOverlayNavActive: (value: boolean) => void
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  tag: 'aside',
-})
-
-const refNav = ref()
-
-const isHovered = useElementHover(refNav)
-
-provide(injectionKeyIsVerticalNavHovered, isHovered)
-
-const configStore = useLayoutConfigStore()
-
-const resolveNavItemComponent = (item: NavLink | NavSectionTitle | NavGroup): unknown => {
-  if ('heading' in item)
-    return VerticalNavSectionTitle
-  if ('children' in item)
-    return VerticalNavGroup
-
-  return VerticalNavLink
-}
-
-/*
-  ℹ️ Close overlay side when route is changed
-  Close overlay vertical nav when link is clicked
-*/
-const route = useRoute()
-
-watch(() => route.name, () => {
-  props.toggleIsOverlayNavActive(false)
-})
-
-const isVerticalNavScrolled = ref(false)
-const updateIsVerticalNavScrolled = (val: boolean) => isVerticalNavScrolled.value = val
-
-const handleNavScroll = (evt: Event) => {
-  isVerticalNavScrolled.value = (evt.target as HTMLElement).scrollTop > 0
-}
-
-const hideTitleAndIcon = configStore.isVerticalNavMini(isHovered)
-</script>
-
-<template>
-  <Component
-    :is="props.tag"
-    ref="refNav"
-    data-allow-mismatch
-    class="layout-vertical-nav"
-    :class="[
-      {
-        'overlay-nav': configStore.isLessThanOverlayNavBreakpoint,
-        'hovered': isHovered,
-        'visible': isOverlayNavActive,
-        'scrolled': isVerticalNavScrolled,
-      },
-    ]"
-  >
-    <!-- 👉 Header -->
-    <div class="nav-header">
-      <slot name="nav-header">
-        <RouterLink
-          to="/"
-          class="app-logo app-title-wrapper"
-        >
-          <VNodeRenderer :nodes="layoutConfig.app.logo" />
-
-          <Transition name="vertical-nav-app-title">
-            <h1
-              v-show="!hideTitleAndIcon"
-              class="app-logo-title"
-            >
-              {{ layoutConfig.app.title }}
-            </h1>
-          </Transition>
-        </RouterLink>
-        <!-- 👉 Vertical nav actions -->
-        <!-- Show toggle collapsible in >md and close button in <md -->
-        <div class="header-action">
-          <Component
-            :is="layoutConfig.app.iconRenderer || 'div'"
-            v-show="configStore.isVerticalNavCollapsed"
-            class="d-none nav-unpin"
-            :class="configStore.isVerticalNavCollapsed && 'd-lg-block'"
-            v-bind="layoutConfig.icons.verticalNavUnPinned"
-            @click="configStore.isVerticalNavCollapsed = !configStore.isVerticalNavCollapsed"
-          />
-          <Component
-            :is="layoutConfig.app.iconRenderer || 'div'"
-            v-show="!configStore.isVerticalNavCollapsed"
-            class="d-none nav-pin"
-            :class="!configStore.isVerticalNavCollapsed && 'd-lg-block'"
-            v-bind="layoutConfig.icons.verticalNavPinned"
-            @click="configStore.isVerticalNavCollapsed = !configStore.isVerticalNavCollapsed"
-          />
-          <Component
-            :is="layoutConfig.app.iconRenderer || 'div'"
-            class="d-lg-none"
-            v-bind="layoutConfig.icons.close"
-            @click="toggleIsOverlayNavActive(false)"
-          />
-        </div>
-      </slot>
-    </div>
-    <slot name="before-nav-items">
-      <div class="vertical-nav-items-shadow" />
-    </slot>
-    <slot
-      name="nav-items"
-      :update-is-vertical-nav-scrolled="updateIsVerticalNavScrolled"
-    >
-      <PerfectScrollbar
-        :key="String(configStore.isAppRTL)"
-        tag="ul"
-        class="nav-items"
-        :options="{ wheelPropagation: false }"
-        @ps-scroll-y="handleNavScroll"
-      >
-        <Component
-          :is="resolveNavItemComponent(item)"
-          v-for="(item, index) in navItems"
-          :key="index"
-          :item="item"
-        />
-      </PerfectScrollbar>
-    </slot>
-    <slot name="after-nav-items" />
-  </Component>
-</template>
-
-<style lang="scss" scoped>
-.app-logo {
-  display: flex;
-  align-items: center;
-  column-gap: 0.75rem;
-
-  .app-logo-title {
-    font-size: 1.375rem;
-    font-weight: 700;
-    letter-spacing: 0.25px;
-    line-height: 1.5rem;
-    text-transform: capitalize;
-  }
-}
-</style>
-
-<style lang="scss">
-@use "@configured-variables" as variables;
-@use "@layouts/styles/mixins";
-
-// 👉 Vertical Nav
-.layout-vertical-nav {
-  position: fixed;
-  z-index: variables.$layout-vertical-nav-z-index;
-  display: flex;
-  flex-direction: column;
-  block-size: 100%;
-  inline-size: variables.$layout-vertical-nav-width;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-  transition: inline-size 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
-  will-change: transform, inline-size;
-
-  .nav-header {
-    display: flex;
-    align-items: center;
-
-    .header-action {
-      cursor: pointer;
-
-      @at-root {
-        #{variables.$selector-vertical-nav-mini} .nav-header .header-action {
-          &.nav-pin,
-          &.nav-unpin {
-            display: none !important;
-          }
-        }
-      }
-    }
-  }
-
-  .app-title-wrapper {
-    margin-inline-end: auto;
-  }
-
-  .nav-items {
-    block-size: 100%;
-
-    // ℹ️ We no loner needs this overflow styles as perfect scrollbar applies it
-    // overflow-x: hidden;
-
-    // // ℹ️ We used `overflow-y` instead of `overflow` to mitigate overflow x. Revert back if any issue found.
-    // overflow-y: auto;
-  }
-
-  .nav-item-title {
-    overflow: hidden;
-    margin-inline-end: auto;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  // 👉 Collapsed
-  .layout-vertical-nav-collapsed & {
-    &:not(.hovered) {
-      inline-size: variables.$layout-vertical-nav-collapsed-width;
-    }
-  }
-}
-
-// Small screen vertical nav transition
-@media (max-width: 1279px) {
-  .layout-vertical-nav {
-    &:not(.visible) {
-      transform: translateX(-#{variables.$layout-vertical-nav-width});
-
-      @include mixins.rtl {
-        transform: translateX(variables.$layout-vertical-nav-width);
-      }
-    }
-
-    transition: transform 0.25s ease-in-out;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNavGroup.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNavGroup.vue
deleted file mode 100644
index 42b69a6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNavGroup.vue
+++ /dev/null
@@ -1,247 +0,0 @@
-<script lang="ts" setup>
-import { TransitionGroup } from 'vue'
-import { layoutConfig } from '@layouts'
-import { TransitionExpand, VerticalNavLink } from '@layouts/components'
-import { canViewNavMenuGroup } from '@layouts/plugins/casl'
-import { useLayoutConfigStore } from '@layouts/stores/config'
-import { injectionKeyIsVerticalNavHovered } from '@layouts/symbols'
-import type { NavGroup } from '@layouts/types'
-import {
-  getDynamicI18nProps,
-  isNavGroupActive,
-  openGroups,
-} from '@layouts/utils'
-
-defineOptions({
-  name: 'VerticalNavGroup',
-})
-
-const props = defineProps<{
-  item: NavGroup
-}>()
-
-const route = useRoute()
-const router = useRouter()
-const configStore = useLayoutConfigStore()
-const hideTitleAndBadge = configStore.isVerticalNavMini()
-
-/*
-  ℹ️ We provided default value `ref(false)` because inject will return `T | undefined`
-  Docs: https://vuejs.org/api/composition-api-dependency-injection.html#inject
-*/
-const isVerticalNavHovered = inject(
-  injectionKeyIsVerticalNavHovered,
-  ref(false),
-)
-
-const isGroupActive = ref(false)
-const isGroupOpen = ref(false)
-
-/**
- * Checks if any of children group is open or not.
- * This is helpful in preventing closing inactive parent group when inactive child group is opened. (i.e. Do not close "Nav Levels" group if child "Nav Level 2.2" is opened/clicked)
- *
- * @param {NavGroup['children']} children  - Nav group children
- * @return {boolean} returns if any of children is open or not.
- */
-const isAnyChildOpen = (children: NavGroup['children']): boolean => {
-  return children.some(child => {
-    let result = openGroups.value.includes(child.title)
-
-    if ('children' in child)
-      result = isAnyChildOpen(child.children) || result
-
-    return result
-  })
-}
-
-const collapseChildren = (children: NavGroup['children']) => {
-  children.forEach(child => {
-    if ('children' in child)
-      collapseChildren(child.children)
-
-    openGroups.value = openGroups.value.filter(
-      group => group !== child.title,
-    )
-  })
-}
-
-/*
-  Watch for route changes, more specifically route path. Do note that this won't trigger if route's query is updated.
-
-  updates isActive & isOpen based on active state of group.
-*/
-watch(
-  () => route.path,
-  () => {
-    const isActive = isNavGroupActive(props.item.children, router)
-
-    // Don't open group if vertical nav is collapsed and window size is more than overlay nav breakpoint
-    isGroupOpen.value
-      = isActive && !configStore.isVerticalNavMini(isVerticalNavHovered).value
-    isGroupActive.value = isActive
-  },
-  { immediate: true },
-)
-
-/*
-  Watch for isGroupOpen
-
-    1. Find group index for adding/removing group from openGroups array
-    2. update openGroups array for addition/removal of current group
-
-  We need `immediate: true` because without it initially opened group is not added in openGroups array
-*/
-watch(
-  isGroupOpen,
-  (val: boolean) => {
-    // Find group index for adding/removing group from openGroups array
-    const grpIndex = openGroups.value.indexOf(props.item.title)
-
-    // update openGroups array for addition/removal of current group
-
-    // If group is opened => Add it to `openGroups` array
-    if (val && grpIndex === -1) {
-      openGroups.value.push(props.item.title)
-    }
-
-    // If group is closed remove itself and its children from the `openGroups`
-    else if (!val && grpIndex !== -1) {
-      openGroups.value.splice(grpIndex, 1)
-      collapseChildren(props.item.children)
-    }
-  },
-  { immediate: true },
-)
-
-/*
-  Watch for openGroups
-
-  It will help in making vertical nav adapting the behavior of accordion.
-  If we open multiple groups without navigating to any route we must close the inactive or temporarily opened groups.
-
-  😵‍💫 Gotchas:
-    * If we open inactive group then it will auto close that group because we close groups based on active state.
-      Goal of this watcher is auto close groups which are not active when openGroups array is updated.
-      So, we have to find a way to do not close recently opened inactive group.
-      For this we will fetch recently added group in openGroups array and won't perform closing operation if recently added group is current group
-*/
-watch(
-  openGroups,
-  val => {
-    // Prevent closing recently opened inactive group.
-    const lastOpenedGroup = val.at(-1)
-    if (lastOpenedGroup === props.item.title)
-      return
-
-    const isActive = isNavGroupActive(props.item.children, router)
-
-    // Goal of this watcher is to close inactive groups. So don't do anything for active groups.
-    if (isActive)
-      return
-
-    // We won't close group if any of child group is open in current group
-    if (isAnyChildOpen(props.item.children))
-      return
-
-    isGroupOpen.value = isActive
-    isGroupActive.value = isActive
-  },
-  { deep: true },
-)
-
-// ℹ️ Previously instead of below watcher we were using two individual watcher for `isVerticalNavHovered`, `isVerticalNavCollapsed` & `isLessThanOverlayNavBreakpoint`
-watch(configStore.isVerticalNavMini(isVerticalNavHovered), val => {
-  isGroupOpen.value = val ? false : isGroupActive.value
-})
-</script>
-
-<template>
-  <li
-    v-if="canViewNavMenuGroup(item)"
-    class="nav-group"
-    :class="[
-      {
-        active: isGroupActive,
-        open: isGroupOpen,
-        disabled: item.disable,
-      },
-    ]"
-  >
-    <div
-      class="nav-group-label"
-      @click="isGroupOpen = !isGroupOpen"
-    >
-      <Component
-        :is="layoutConfig.app.iconRenderer || 'div'"
-        v-bind="
-          item.icon && typeof item.icon === 'object' && item.icon !== null
-            ? item.icon
-            : layoutConfig.verticalNav.defaultNavItemIconProps || {}
-        "
-        class="nav-item-icon"
-      />
-
-      <Component
-        :is="TransitionGroup"
-        name="transition-slide-x"
-      >
-        <!-- 👉 Title -->
-        <Component
-          :is="layoutConfig.app.i18n.enable ? 'i18n-t' : 'span'"
-          v-bind="getDynamicI18nProps(item.title, 'span')"
-          v-show="!hideTitleAndBadge"
-          key="title"
-          class="nav-item-title"
-        >
-          {{ item.title }}
-        </Component>
-
-        <!-- 👉 Badge -->
-        <Component
-          :is="layoutConfig.app.i18n.enable ? 'i18n-t' : 'span'"
-          v-bind="getDynamicI18nProps(item.badgeContent, 'span')"
-          v-show="!hideTitleAndBadge"
-          v-if="item.badgeContent"
-          key="badge"
-          class="nav-item-badge"
-          :class="item.badgeClass"
-        >
-          {{ item.badgeContent }}
-        </Component>
-        <Component
-          :is="layoutConfig.app.iconRenderer || 'div'"
-          v-show="!hideTitleAndBadge"
-          v-bind="layoutConfig.icons.chevronRight"
-          key="arrow"
-          class="nav-group-arrow"
-        />
-      </Component>
-    </div>
-    <TransitionExpand>
-      <ul
-        v-show="isGroupOpen"
-        class="nav-group-children"
-      >
-        <Component
-          :is="'children' in child ? 'VerticalNavGroup' : VerticalNavLink"
-          v-for="child in item.children"
-          :key="child.title"
-          :item="child"
-        />
-      </ul>
-    </TransitionExpand>
-  </li>
-</template>
-
-<style lang="scss">
-.layout-vertical-nav {
-  .nav-group {
-    &-label {
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNavLayout.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNavLayout.vue
deleted file mode 100644
index b1e0bc0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNavLayout.vue
+++ /dev/null
@@ -1,219 +0,0 @@
-<script lang="ts" setup>
-import { VerticalNav } from '@layouts/components'
-import { useLayoutConfigStore } from '@layouts/stores/config'
-import type { VerticalNavItems } from '@layouts/types'
-
-interface Props {
-  navItems: VerticalNavItems
-  verticalNavAttrs?: {
-    wrapper?: string
-    wrapperProps?: Record<string, unknown>
-  }
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  verticalNavAttrs: () => ({}),
-})
-
-const { width: windowWidth } = useWindowSize()
-const configStore = useLayoutConfigStore()
-
-const isOverlayNavActive = ref(false)
-const isLayoutOverlayVisible = ref(false)
-const toggleIsOverlayNavActive = useToggle(isOverlayNavActive)
-
-// ℹ️ This is alternative to below two commented watcher
-// We want to show overlay if overlay nav is visible and want to hide overlay if overlay is hidden and vice versa.
-syncRef(isOverlayNavActive, isLayoutOverlayVisible)
-
-// watch(isOverlayNavActive, value => {
-//   // Sync layout overlay with overlay nav
-//   isLayoutOverlayVisible.value = value
-// })
-
-// watch(isLayoutOverlayVisible, value => {
-//   // If overlay is closed via click, close hide overlay nav
-//   if (!value) isOverlayNavActive.value = false
-// })
-
-// ℹ️ Hide overlay if user open overlay nav in <md and increase the window width without closing overlay nav
-watch(windowWidth, () => {
-  if (!configStore.isLessThanOverlayNavBreakpoint && isLayoutOverlayVisible.value)
-    isLayoutOverlayVisible.value = false
-})
-
-const verticalNavAttrs = computed(() => {
-  const vNavAttrs = toRef(props, 'verticalNavAttrs')
-
-  const { wrapper: verticalNavWrapper, wrapperProps: verticalNavWrapperProps, ...additionalVerticalNavAttrs } = vNavAttrs.value
-
-  return {
-    verticalNavWrapper,
-    verticalNavWrapperProps,
-    additionalVerticalNavAttrs,
-  }
-})
-</script>
-
-<template>
-  <div
-    class="layout-wrapper"
-    data-allow-mismatch
-    :class="configStore._layoutClasses"
-  >
-    <component
-      :is="verticalNavAttrs.verticalNavWrapper ? verticalNavAttrs.verticalNavWrapper : 'div'"
-      v-bind="verticalNavAttrs.verticalNavWrapperProps"
-      class="vertical-nav-wrapper"
-    >
-      <VerticalNav
-        :is-overlay-nav-active="isOverlayNavActive"
-        :toggle-is-overlay-nav-active="toggleIsOverlayNavActive"
-        :nav-items="props.navItems"
-        v-bind="{ ...verticalNavAttrs.additionalVerticalNavAttrs }"
-      >
-        <template #nav-header>
-          <slot name="vertical-nav-header" />
-        </template>
-        <template #before-nav-items>
-          <slot name="before-vertical-nav-items" />
-        </template>
-      </VerticalNav>
-    </component>
-    <div class="layout-content-wrapper">
-      <header
-        class="layout-navbar"
-        :class="[{ 'navbar-blur': configStore.isNavbarBlurEnabled }]"
-      >
-        <div class="navbar-content-container">
-          <slot
-            name="navbar"
-            :toggle-vertical-overlay-nav-active="toggleIsOverlayNavActive"
-          />
-        </div>
-      </header>
-      <main class="layout-page-content">
-        <div class="page-content-container">
-          <slot />
-        </div>
-      </main>
-      <footer class="layout-footer">
-        <div class="footer-content-container">
-          <slot name="footer" />
-        </div>
-      </footer>
-    </div>
-    <div
-      class="layout-overlay"
-      :class="[{ visible: isLayoutOverlayVisible }]"
-      @click="() => { isLayoutOverlayVisible = !isLayoutOverlayVisible }"
-    />
-  </div>
-</template>
-
-<style lang="scss">
-@use "@configured-variables" as variables;
-@use "@layouts/styles/placeholders";
-@use "@layouts/styles/mixins";
-
-.layout-wrapper.layout-nav-type-vertical {
-  // TODO(v2): Check why we need height in vertical nav & min-height in horizontal nav
-  block-size: 100%;
-
-  .layout-content-wrapper {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-    min-block-size: 100dvh;
-    transition: padding-inline-start 0.2s ease-in-out;
-    will-change: padding-inline-start;
-
-    @media screen and (min-width: 1280px) {
-      padding-inline-start: variables.$layout-vertical-nav-width;
-    }
-  }
-
-  .layout-navbar {
-    z-index: variables.$layout-vertical-nav-layout-navbar-z-index;
-
-    .navbar-content-container {
-      block-size: variables.$layout-vertical-nav-navbar-height;
-    }
-
-    @at-root {
-      .layout-wrapper.layout-nav-type-vertical {
-        .layout-navbar {
-          @if variables.$layout-vertical-nav-navbar-is-contained {
-            @include mixins.boxed-content;
-          }
-          /* stylelint-disable-next-line @stylistic/indentation */
-          @else {
-            .navbar-content-container {
-              @include mixins.boxed-content;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  &.layout-navbar-sticky .layout-navbar {
-    @extend %layout-navbar-sticky;
-  }
-
-  &.layout-navbar-hidden .layout-navbar {
-    @extend %layout-navbar-hidden;
-  }
-
-  // 👉 Footer
-  .layout-footer {
-    @include mixins.boxed-content;
-  }
-
-  // 👉 Layout overlay
-  .layout-overlay {
-    position: fixed;
-    z-index: variables.$layout-overlay-z-index;
-    background-color: rgb(0 0 0 / 60%);
-    cursor: pointer;
-    inset: 0;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.25s ease-in-out;
-    will-change: opacity;
-
-    &.visible {
-      opacity: 1;
-      pointer-events: auto;
-    }
-  }
-
-  // Adjust right column pl when vertical nav is collapsed
-  &.layout-vertical-nav-collapsed .layout-content-wrapper {
-    @media screen and (min-width: 1280px) {
-      padding-inline-start: variables.$layout-vertical-nav-collapsed-width;
-    }
-  }
-
-  // 👉 Content height fixed
-  &.layout-content-height-fixed {
-    .layout-content-wrapper {
-      max-block-size: 100dvh;
-    }
-
-    .layout-page-content {
-      display: flex;
-      overflow: hidden;
-
-      .page-content-container {
-        inline-size: 100%;
-
-        > :first-child {
-          max-block-size: 100%;
-          overflow-y: auto;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNavLink.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNavLink.vue
deleted file mode 100644
index 519f4ca..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNavLink.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<script lang="ts" setup>
-import { layoutConfig } from '@layouts'
-import { can } from '@layouts/plugins/casl'
-import { useLayoutConfigStore } from '@layouts/stores/config'
-import type { NavLink } from '@layouts/types'
-import {
-  getComputedNavLinkToProp,
-  getDynamicI18nProps,
-  isNavLinkActive,
-} from '@layouts/utils'
-
-defineProps<{
-  item: NavLink
-}>()
-
-const configStore = useLayoutConfigStore()
-const hideTitleAndBadge = configStore.isVerticalNavMini()
-</script>
-
-<template>
-  <li
-    v-if="can(item.action, item.subject)"
-    class="nav-link"
-    :class="{ disabled: item.disable }"
-  >
-    <Component
-      :is="item.to ? 'RouterLink' : 'a'"
-      v-bind="getComputedNavLinkToProp(item)"
-      :class="{
-        'router-link-active router-link-exact-active': isNavLinkActive(
-          item,
-          $router,
-        ),
-      }"
-    >
-      <Component
-        :is="layoutConfig.app.iconRenderer || 'div'"
-        v-bind="
-          item.icon && typeof item.icon === 'object' && item.icon !== null
-            ? item.icon
-            : layoutConfig.verticalNav.defaultNavItemIconProps || {}
-        "
-        class="nav-item-icon"
-      />
-      <TransitionGroup name="transition-slide-x">
-        <!-- 👉 Title -->
-        <Component
-          :is="layoutConfig.app.i18n.enable ? 'i18n-t' : 'span'"
-          v-show="!hideTitleAndBadge"
-          key="title"
-          class="nav-item-title"
-          v-bind="getDynamicI18nProps(item.title, 'span')"
-        >
-          {{ item.title }}
-        </Component>
-
-        <!-- 👉 Badge -->
-        <Component
-          :is="layoutConfig.app.i18n.enable ? 'i18n-t' : 'span'"
-          v-if="item.badgeContent"
-          v-show="!hideTitleAndBadge"
-          key="badge"
-          class="nav-item-badge"
-          :class="item.badgeClass"
-          v-bind="getDynamicI18nProps(item.badgeContent, 'span')"
-        >
-          {{ item.badgeContent }}
-        </Component>
-      </TransitionGroup>
-    </Component>
-  </li>
-</template>
-
-<style lang="scss">
-.layout-vertical-nav {
-  .nav-link a {
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNavSectionTitle.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNavSectionTitle.vue
deleted file mode 100644
index 2b1194b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/components/VerticalNavSectionTitle.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts" setup>
-import { layoutConfig } from '@layouts'
-import { can } from '@layouts/plugins/casl'
-import { useLayoutConfigStore } from '@layouts/stores/config'
-import type { NavSectionTitle } from '@layouts/types'
-import { getDynamicI18nProps } from '@layouts/utils'
-
-defineProps<{
-  item: NavSectionTitle
-}>()
-
-const configStore = useLayoutConfigStore()
-const shallRenderIcon = configStore.isVerticalNavMini()
-</script>
-
-<template>
-  <li
-    v-if="can(item.action, item.subject)"
-    class="nav-section-title"
-  >
-    <div class="title-wrapper">
-      <Transition
-        name="vertical-nav-section-title"
-        mode="out-in"
-      >
-        <Component
-          :is="shallRenderIcon ? layoutConfig.app.iconRenderer : layoutConfig.app.i18n.enable ? 'i18n-t' : 'span'"
-          :key="shallRenderIcon"
-          :class="shallRenderIcon ? 'placeholder-icon' : 'title-text'"
-          v-bind="{ ...layoutConfig.icons.sectionTitlePlaceholder, ...getDynamicI18nProps(item.heading, 'span') }"
-        >
-          {{ !shallRenderIcon ? item.heading : null }}
-        </Component>
-      </Transition>
-    </div>
-  </li>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/config.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/config.ts
deleted file mode 100644
index 74d61e5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/config.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { breakpointsVuetify } from '@vueuse/core'
-import { AppContentLayoutNav, ContentWidth, FooterType, HorizontalNavType, NavbarType } from '@layouts/enums'
-import type { LayoutConfig } from '@layouts/types'
-
-export const layoutConfig: LayoutConfig = {
-  app: {
-    title: 'my-layout',
-    logo: h('img', { src: '/src/assets/logo.svg' }),
-    contentWidth: ContentWidth.Boxed,
-    contentLayoutNav: AppContentLayoutNav.Vertical,
-    overlayNavFromBreakpoint: breakpointsVuetify.md,
-
-    // isRTL: false,
-    i18n: {
-      enable: true,
-    },
-    iconRenderer: h('div'),
-  },
-  navbar: {
-    type: NavbarType.Sticky,
-    navbarBlur: true,
-  },
-  footer: {
-    type: FooterType.Static,
-  },
-  verticalNav: {
-    isVerticalNavCollapsed: false,
-    defaultNavItemIconProps: { icon: 'tabler-circle' },
-  },
-  horizontalNav: {
-    type: HorizontalNavType.Sticky,
-    transition: 'none',
-    popoverOffset: 0,
-  },
-  icons: {
-    chevronDown: { icon: 'tabler-chevron-down' },
-    chevronRight: { icon: 'tabler-chevron-right' },
-    close: { icon: 'tabler-x' },
-    verticalNavPinned: { icon: 'tabler-circle-dot' },
-    verticalNavUnPinned: { icon: 'tabler-circle' },
-    sectionTitlePlaceholder: { icon: 'tabler-minus' },
-  },
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/enums.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/enums.ts
deleted file mode 100644
index 47eac80..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/enums.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-export const ContentWidth = {
-  Fluid: 'fluid',
-  Boxed: 'boxed',
-} as const
-
-export const NavbarType = {
-  Sticky: 'sticky',
-  Static: 'static',
-  Hidden: 'hidden',
-} as const
-
-export const FooterType = {
-  Sticky: 'sticky',
-  Static: 'static',
-  Hidden: 'hidden',
-} as const
-
-export const AppContentLayoutNav = {
-  Vertical: 'vertical',
-  Horizontal: 'horizontal',
-} as const
-
-export const HorizontalNavType = {
-  Sticky: 'sticky',
-  Static: 'static',
-  Hidden: 'hidden',
-} as const
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/index.ts
deleted file mode 100644
index 444c41c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/index.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import type { PartialDeep } from 'type-fest'
-import type { Plugin } from 'vue'
-import { layoutConfig } from '@layouts/config'
-import { cookieRef, useLayoutConfigStore } from '@layouts/stores/config'
-import type { LayoutConfig } from '@layouts/types'
-import { _setDirAttr } from '@layouts/utils'
-
-// 🔌 Plugin
-export const createLayouts = (userConfig: PartialDeep<LayoutConfig>): Plugin => {
-  return (): void => {
-    const configStore = useLayoutConfigStore()
-
-    // Non reactive Values
-    layoutConfig.app.title = userConfig.app?.title ?? layoutConfig.app.title
-    layoutConfig.app.logo = userConfig.app?.logo ?? layoutConfig.app.logo as any
-    layoutConfig.app.overlayNavFromBreakpoint = userConfig.app?.overlayNavFromBreakpoint ?? layoutConfig.app.overlayNavFromBreakpoint
-    layoutConfig.app.i18n.enable = userConfig.app?.i18n?.enable ?? layoutConfig.app.i18n.enable
-    layoutConfig.app.iconRenderer = userConfig.app?.iconRenderer as LayoutConfig['app']['iconRenderer'] ?? layoutConfig.app.iconRenderer
-
-    layoutConfig.verticalNav.defaultNavItemIconProps = userConfig.verticalNav?.defaultNavItemIconProps ?? layoutConfig.verticalNav.defaultNavItemIconProps
-
-    layoutConfig.icons.chevronDown = userConfig.icons?.chevronDown ?? layoutConfig.icons.chevronDown
-    layoutConfig.icons.chevronRight = userConfig.icons?.chevronRight ?? layoutConfig.icons.chevronRight
-    layoutConfig.icons.close = userConfig.icons?.close ?? layoutConfig.icons.close
-    layoutConfig.icons.verticalNavPinned = userConfig.icons?.verticalNavPinned ?? layoutConfig.icons.verticalNavPinned
-    layoutConfig.icons.verticalNavUnPinned = userConfig.icons?.verticalNavUnPinned ?? layoutConfig.icons.verticalNavUnPinned
-    layoutConfig.icons.sectionTitlePlaceholder = userConfig.icons?.sectionTitlePlaceholder ?? layoutConfig.icons.sectionTitlePlaceholder
-
-    // Reactive Values (Store)
-    configStore.$patch({
-      appContentLayoutNav: cookieRef('appContentLayoutNav', userConfig.app?.contentLayoutNav ?? layoutConfig.app.contentLayoutNav).value,
-      appContentWidth: cookieRef('appContentWidth', userConfig.app?.contentWidth ?? layoutConfig.app.contentWidth).value,
-      footerType: cookieRef('footerType', userConfig.footer?.type ?? layoutConfig.footer.type).value,
-      navbarType: cookieRef('navbarType', userConfig.navbar?.type ?? layoutConfig.navbar.type).value,
-      isNavbarBlurEnabled: cookieRef('isNavbarBlurEnabled', userConfig.navbar?.navbarBlur ?? layoutConfig.navbar.navbarBlur).value,
-      isVerticalNavCollapsed: cookieRef('isVerticalNavCollapsed', userConfig.verticalNav?.isVerticalNavCollapsed ?? layoutConfig.verticalNav.isVerticalNavCollapsed).value,
-
-      // isAppRTL: userConfig.app?.isRTL ?? config.app.isRTL,
-      // isLessThanOverlayNavBreakpoint: false,
-      horizontalNavType: cookieRef('horizontalNavType', userConfig.horizontalNav?.type ?? layoutConfig.horizontalNav.type).value,
-    })
-
-    // _setDirAttr(config.app.isRTL ? 'rtl' : 'ltr')
-    _setDirAttr(configStore.isAppRTL ? 'rtl' : 'ltr')
-  }
-}
-
-export * from './components'
-export { layoutConfig }
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/plugins/casl.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/plugins/casl.ts
deleted file mode 100644
index 993e274..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/plugins/casl.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { useAbility } from '@casl/vue'
-import type { RouteLocationNormalized } from 'vue-router'
-import type { NavGroup } from '@layouts/types'
-
-/**
- * Returns ability result if ACL is configured or else just return true
- * We should allow passing string | undefined to can because for admin ability we omit defining action & subject
- *
- * Useful if you don't know if ACL is configured or not
- * Used in @core files to handle absence of ACL without errors
- *
- * @param {string} action CASL Actions // https://casl.js.org/v4/en/guide/intro#basics
- * @param {string} subject CASL Subject // https://casl.js.org/v4/en/guide/intro#basics
- */
-export const can = (action: string | undefined, subject: string | undefined) => {
-  const vm = getCurrentInstance()
-
-  if (!vm)
-    return false
-
-  const localCan = vm.proxy && '$can' in vm.proxy
-
-  // @ts-expect-error We will get TS error in below line because we aren't using $can in component instance
-  return localCan ? vm.proxy?.$can(action, subject) : true
-}
-
-/**
- * Check if user can view item based on it's ability
- * Based on item's action and subject & Hide group if all of it's children are hidden
- * @param {object} item navigation object item
- */
-export const canViewNavMenuGroup = (item: NavGroup) => {
-  const hasAnyVisibleChild = item.children.some(i => can(i.action, i.subject))
-
-  // If subject and action is defined in item => Return based on children visibility (Hide group if no child is visible)
-  // Else check for ability using provided subject and action along with checking if has any visible child
-  if (!(item.action && item.subject))
-    return hasAnyVisibleChild
-
-  return can(item.action, item.subject) && hasAnyVisibleChild
-}
-
-export const canNavigate = (to: RouteLocationNormalized) => {
-  const ability = useAbility()
-
-  // Get the most specific route (last one in the matched array)
-  const targetRoute = to.matched[to.matched.length - 1]
-
-  // If the target route has specific permissions, check those first
-  if (targetRoute?.meta?.action && targetRoute?.meta?.subject)
-    return ability.can(targetRoute.meta.action, targetRoute.meta.subject)
-
-  // If no specific permissions, fall back to checking if any parent route allows access
-  // @ts-expect-error We should allow passing string | undefined to can because for admin ability we omit defining action & subject
-  return to.matched.some(route => ability.can(route.meta.action, route.meta.subject))
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/stores/config.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/stores/config.ts
deleted file mode 100644
index 672e01a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/stores/config.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { AppContentLayoutNav, NavbarType } from '@layouts/enums'
-import { injectionKeyIsVerticalNavHovered } from '@layouts/symbols'
-import { _setDirAttr } from '@layouts/utils'
-
-// ℹ️ We should not import themeConfig here but in urgency we are doing it for now
-import { layoutConfig } from '@themeConfig'
-
-export const namespaceConfig = (str: string) => `${layoutConfig.app.title}-${str}`
-
-export const cookieRef = <T>(key: string, defaultValue: T) => {
-  return useCookie<T>(namespaceConfig(key), { default: () => defaultValue })
-}
-
-export const useLayoutConfigStore = defineStore('layoutConfig', () => {
-  const route = useRoute()
-
-  // 👉 Navbar Type
-  const navbarType = ref(layoutConfig.navbar.type)
-
-  // 👉 Navbar Type
-  const isNavbarBlurEnabled = cookieRef('isNavbarBlurEnabled', layoutConfig.navbar.navbarBlur)
-
-  // 👉 Vertical Nav Collapsed
-  const isVerticalNavCollapsed = cookieRef('isVerticalNavCollapsed', layoutConfig.verticalNav.isVerticalNavCollapsed)
-
-  // 👉 App Content Width
-  const appContentWidth = cookieRef('appContentWidth', layoutConfig.app.contentWidth)
-
-  // 👉 App Content Layout Nav
-  const appContentLayoutNav = ref(layoutConfig.app.contentLayoutNav)
-
-  watch(appContentLayoutNav, val => {
-    // If Navbar type is hidden while switching to horizontal nav => Reset it to sticky
-    if (val === AppContentLayoutNav.Horizontal) {
-      if (navbarType.value === NavbarType.Hidden)
-        navbarType.value = NavbarType.Sticky
-
-      isVerticalNavCollapsed.value = false
-    }
-  })
-
-  // 👉 Horizontal Nav Type
-  const horizontalNavType = ref(layoutConfig.horizontalNav.type)
-
-  //  👉 Horizontal Nav Popover Offset
-  const horizontalNavPopoverOffset = ref(layoutConfig.horizontalNav.popoverOffset)
-
-  // 👉 Footer Type
-  const footerType = ref(layoutConfig.footer.type)
-
-  // 👉 Misc
-  const breakpointRef = ref(false)
-
-  // Sync with `useMediaQuery`
-  watchEffect(() => {
-    breakpointRef.value = useMediaQuery(
-      `(max-width: ${layoutConfig.app.overlayNavFromBreakpoint}px)`,
-    ).value
-  })
-
-  const isLessThanOverlayNavBreakpoint = computed({
-    get() {
-      return breakpointRef.value // Getter for reactive state
-    },
-    set(value) {
-      breakpointRef.value = value // Allow manual mutation
-    },
-  })
-
-  // 👉 Layout Classes
-  const _layoutClasses = computed(() => {
-    const { y: windowScrollY } = useWindowScroll()
-
-    return [
-      `layout-nav-type-${appContentLayoutNav.value}`,
-      `layout-navbar-${navbarType.value}`,
-      `layout-footer-${footerType.value}`,
-      {
-        'layout-vertical-nav-collapsed':
-          isVerticalNavCollapsed.value
-          && appContentLayoutNav.value === 'vertical'
-          && !isLessThanOverlayNavBreakpoint.value,
-      },
-      { [`horizontal-nav-${horizontalNavType.value}`]: appContentLayoutNav.value === 'horizontal' },
-      `layout-content-width-${appContentWidth.value}`,
-      { 'layout-overlay-nav': isLessThanOverlayNavBreakpoint.value },
-      { 'window-scrolled': unref(windowScrollY) },
-      route.meta.layoutWrapperClasses ? route.meta.layoutWrapperClasses : null,
-    ]
-  })
-
-  // 👉 RTL
-  // const isAppRTL = ref(layoutConfig.app.isRTL)
-  const isAppRTL = ref(false)
-
-  watch(isAppRTL, val => {
-    _setDirAttr(val ? 'rtl' : 'ltr')
-  })
-
-  // 👉 Is Vertical Nav Mini
-  /*
-    This function will return true if current state is mini. Mini state means vertical nav is:
-      - Collapsed
-      - Isn't hovered by mouse
-      - nav is not less than overlay breakpoint (hence, isn't overlay menu)
-
-    ℹ️ We are getting `isVerticalNavHovered` as param instead of via `inject` because
-        we are using this in `VerticalNav.vue` component which provide it and I guess because
-        same component is providing & injecting we are getting undefined error
-  */
-  const isVerticalNavMini = (isVerticalNavHovered: Ref<boolean> | null = null) => {
-    const isVerticalNavHoveredLocal = isVerticalNavHovered || inject(injectionKeyIsVerticalNavHovered) || ref(false)
-
-    return computed(() => isVerticalNavCollapsed.value && !isVerticalNavHoveredLocal.value && !isLessThanOverlayNavBreakpoint.value)
-  }
-
-  return {
-    appContentWidth,
-    appContentLayoutNav,
-    navbarType,
-    isNavbarBlurEnabled,
-    isVerticalNavCollapsed,
-    horizontalNavType,
-    horizontalNavPopoverOffset,
-    footerType,
-    isLessThanOverlayNavBreakpoint,
-    isAppRTL,
-    _layoutClasses,
-    isVerticalNavMini,
-  }
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_classes.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_classes.scss
deleted file mode 100644
index 43e6057..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_classes.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.cursor-pointer {
-  cursor: pointer;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_default-layout.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_default-layout.scss
deleted file mode 100644
index 8a067df..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_default-layout.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-// These are styles which are both common in layout w/ vertical nav & horizontal nav
-@use "@layouts/styles/rtl";
-@use "@layouts/styles/placeholders";
-@use "@layouts/styles/mixins";
-@use "@configured-variables" as variables;
-
-html,
-body {
-  min-block-size: 100%;
-}
-
-.layout-page-content {
-  @include mixins.boxed-content(true);
-
-  flex-grow: 1;
-
-  // TODO: Use grid gutter variable here
-  padding-block: 1.5rem;
-}
-
-.layout-footer {
-  .footer-content-container {
-    block-size: variables.$layout-vertical-nav-footer-height;
-  }
-
-  .layout-footer-sticky & {
-    position: sticky;
-    inset-block-end: 0;
-    will-change: transform;
-  }
-
-  .layout-footer-hidden & {
-    display: none;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_global.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_global.scss
deleted file mode 100644
index 08a766e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_global.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-*,
-::before,
-::after {
-  box-sizing: inherit;
-  background-repeat: no-repeat;
-}
-
-html {
-  box-sizing: border-box;
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_mixins.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_mixins.scss
deleted file mode 100644
index ed35ae4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_mixins.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-@use "placeholders";
-@use "@configured-variables" as variables;
-
-@mixin rtl {
-  @if variables.$enable-rtl-styles {
-    [dir="rtl"] & {
-      @content;
-    }
-  }
-}
-
-@mixin boxed-content($nest-selector: false) {
-  & {
-    @extend %boxed-content-spacing;
-
-    @at-root {
-      @if $nest-selector == false {
-        .layout-content-width-boxed#{&} {
-          @extend %boxed-content;
-        }
-      }
-      // stylelint-disable-next-line @stylistic/indentation
-      @else {
-        .layout-content-width-boxed & {
-          @extend %boxed-content;
-        }
-      }
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_placeholders.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_placeholders.scss
deleted file mode 100644
index a9da165..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_placeholders.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-// placeholders
-@use "@configured-variables" as variables;
-
-%boxed-content {
-  @at-root #{&}-spacing {
-    // TODO: Use grid gutter variable here
-    padding-inline: 1.5rem;
-  }
-
-  inline-size: 100%;
-  margin-inline: auto;
-  max-inline-size: variables.$layout-boxed-content-width;
-}
-
-%layout-navbar-hidden {
-  display: none;
-}
-
-// ℹ️ We created this placeholder even it is being used in just layout w/ vertical nav because in future we might apply style to both navbar & horizontal nav separately
-%layout-navbar-sticky {
-  position: sticky;
-  inset-block-start: 0;
-
-  // will-change: transform;
-  // inline-size: 100%;
-}
-
-%style-scroll-bar {
-  /* width */
-
-  &::-webkit-scrollbar {
-    background: rgb(var(--v-theme-surface));
-    block-size: 8px;
-    border-end-end-radius: 14px;
-    border-start-end-radius: 14px;
-    inline-size: 4px;
-  }
-
-  /* Track */
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  /* Handle */
-  &::-webkit-scrollbar-thumb {
-    border-radius: 0.5rem;
-    background: rgb(var(--v-theme-perfect-scrollbar-thumb));
-  }
-
-  &::-webkit-scrollbar-corner {
-    display: none;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_rtl.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_rtl.scss
deleted file mode 100644
index db14111..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_rtl.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@use "./mixins";
-
-.layout-vertical-nav .nav-group-arrow {
-  @include mixins.rtl {
-    transform: rotate(180deg);
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_variables.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_variables.scss
deleted file mode 100644
index 90d610c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/_variables.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-// @use "@styles/style.scss";
-
-// 👉 Vertical nav
-$layout-vertical-nav-z-index: 12 !default;
-$layout-vertical-nav-width: 260px !default;
-$layout-vertical-nav-collapsed-width: 80px !default;
-$selector-vertical-nav-mini: ".layout-vertical-nav-collapsed .layout-vertical-nav:not(:hover)";
-
-// 👉 Horizontal nav
-$layout-horizontal-nav-z-index: 11 !default;
-$layout-horizontal-nav-navbar-height: 64px !default;
-
-// 👉 Navbar
-$layout-vertical-nav-navbar-height: 64px !default;
-$layout-vertical-nav-navbar-is-contained: true !default;
-$layout-vertical-nav-layout-navbar-z-index: 11 !default;
-$layout-horizontal-nav-layout-navbar-z-index: 11 !default;
-
-// 👉 Main content
-$layout-boxed-content-width: 1440px !default;
-
-//  👉Footer
-$layout-vertical-nav-footer-height: 56px !default;
-
-// 👉 Layout overlay
-$layout-overlay-z-index: 11 !default;
-
-// 👉 RTL
-$enable-rtl-styles: true !default;
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/index.scss b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/index.scss
deleted file mode 100644
index 74f1dc1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/styles/index.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@use "global";
-@use "vue3-perfect-scrollbar/style.css";
-@use "classes";
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/symbols.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/symbols.ts
deleted file mode 100644
index 00e887a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/symbols.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const injectionKeyIsVerticalNavHovered: InjectionKey<Ref<boolean>> = Symbol('isVerticalNavHovered')
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/types.ts
deleted file mode 100644
index e854c44..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/types.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-import type { OffsetOptions } from '@floating-ui/dom'
-import type { RouteLocationRaw } from 'vue-router'
-import type { AppContentLayoutNav, ContentWidth, FooterType, HorizontalNavType, NavbarType } from '@layouts/enums'
-
-export interface LayoutConfig {
-  app: {
-    title: Lowercase<string>
-    logo: VNode
-    contentWidth: typeof ContentWidth[keyof typeof ContentWidth]
-    contentLayoutNav: typeof AppContentLayoutNav[keyof typeof AppContentLayoutNav]
-    overlayNavFromBreakpoint: number
-
-    // isRTL: boolean
-    i18n: {
-      enable: boolean
-    }
-    iconRenderer: Component
-  }
-  navbar: {
-    type: typeof NavbarType[keyof typeof NavbarType]
-    navbarBlur: boolean
-  }
-  footer: {
-    type: typeof FooterType[keyof typeof FooterType]
-  }
-  verticalNav: {
-    isVerticalNavCollapsed: boolean
-    defaultNavItemIconProps: unknown
-  }
-  horizontalNav: {
-    type: typeof HorizontalNavType[keyof typeof HorizontalNavType]
-    transition: string | Component
-    popoverOffset?: OffsetOptions
-  }
-  icons: {
-    chevronDown: any
-    chevronRight: any
-    close: any
-    verticalNavPinned: any
-    verticalNavUnPinned: any
-    sectionTitlePlaceholder: any
-  }
-}
-
-export interface AclProperties {
-  action: string
-  subject: string
-}
-
-// 👉 Vertical nav section title
-export interface NavSectionTitle extends Partial<AclProperties> {
-  heading: string
-}
-
-// 👉 Vertical nav link
-declare type ATagTargetAttrValues = '_blank' | '_self' | '_parent' | '_top' | 'framename'
-declare type ATagRelAttrValues =
-  | 'alternate'
-  | 'author'
-  | 'bookmark'
-  | 'external'
-  | 'help'
-  | 'license'
-  | 'next'
-  | 'nofollow'
-  | 'noopener'
-  | 'noreferrer'
-  | 'prev'
-  | 'search'
-  | 'tag'
-
-export interface NavLinkProps {
-  to?: RouteLocationRaw | string | null
-  href?: string
-  target?: ATagTargetAttrValues
-  rel?: ATagRelAttrValues
-}
-
-export interface NavLink extends NavLinkProps, Partial<AclProperties> {
-  title: string
-  icon?: unknown
-  badgeContent?: string
-  badgeClass?: string
-  disable?: boolean
-}
-
-// 👉 Vertical nav group
-export interface NavGroup extends Partial<AclProperties> {
-  title: string
-  icon?: unknown
-  badgeContent?: string
-  badgeClass?: string
-  children: (NavLink | NavGroup)[]
-  disable?: boolean
-}
-
-export declare type VerticalNavItems = (NavLink | NavGroup | NavSectionTitle)[]
-export declare type HorizontalNavItems = (NavLink | NavGroup)[]
-
-// 👉 Components ========================
-
-export interface I18nLanguage {
-  label: string
-  i18nLang: string
-  isRTL: boolean
-}
-
-// avatar | text | icon
-// Thanks: https://stackoverflow.com/a/60617060/10796681
-export type Notification = {
-  id: number
-  title: string
-  subtitle: string
-  time: string
-  color?: string
-  isSeen: boolean
-} & (
-  | { img: string; text?: never; icon?: never }
-  | { img?: never; text: string; icon?: never }
-  | { img?: never; text?: never; icon: string }
-)
-
-export interface ThemeSwitcherTheme {
-  name: string
-  icon: string
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/utils.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/utils.ts
deleted file mode 100644
index f8fa83a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/@layouts/utils.ts
+++ /dev/null
@@ -1,180 +0,0 @@
-import type { Router } from 'vue-router'
-import { layoutConfig } from '@layouts/config'
-import { AppContentLayoutNav } from '@layouts/enums'
-import { useLayoutConfigStore } from '@layouts/stores/config'
-import type { NavGroup, NavLink, NavLinkProps } from '@layouts/types'
-
-export const openGroups = ref<string[]>([])
-
-/**
- * Return nav link props to use
- // @param {Object, String} item navigation routeName or route Object provided in navigation data
- */
-
-export const getComputedNavLinkToProp = computed(() => (link: NavLink) => {
-  const props: NavLinkProps = {
-    target: link.target,
-    rel: link.rel,
-  }
-
-  // If route is string => it assumes string is route name => Create route object from route name
-  // If route is not string => It assumes it's route object => returns passed route object
-  if (link.to)
-    props.to = typeof link.to === 'string' ? { name: link.to } : link.to
-  else props.href = link.href
-
-  return props
-})
-
-/**
- * Return route name for navigation link
- * If link is string then it will assume it is route-name
- * IF link is object it will resolve the object and will return the link
- // @param {Object, String} link navigation link object/string
- */
-export const resolveNavLinkRouteName = (link: NavLink, router: Router) => {
-  if (!link.to)
-    return null
-
-  if (typeof link.to === 'string')
-    return link.to
-
-  return router.resolve(link.to).name
-}
-
-/**
- * Check if nav-link is active
- * @param {object} link nav-link object
- */
-export const isNavLinkActive = (link: NavLink, router: Router) => {
-  // Matched routes array of current route
-  const matchedRoutes = router.currentRoute.value.matched
-
-  // Check if provided route matches route's matched route
-  const resolveRoutedName = resolveNavLinkRouteName(link, router)
-
-  if (!resolveRoutedName)
-    return false
-
-  return matchedRoutes.some(route => {
-    return route.name === resolveRoutedName || route.meta.navActiveLink === resolveRoutedName
-  })
-}
-
-/**
- * Check if nav group is active
- * @param {Array} children Group children
- */
-export const isNavGroupActive = (children: (NavLink | NavGroup)[], router: Router): boolean =>
-  children.some(child => {
-    // If child have children => It's group => Go deeper(recursive)
-    if ('children' in child)
-      return isNavGroupActive(child.children, router)
-
-    // else it's link => Check for matched Route
-    return isNavLinkActive(child, router)
-  })
-
-/**
- * Change `dir` attribute based on direction
- * @param dir 'ltr' | 'rtl'
- */
-export const _setDirAttr = (dir: 'ltr' | 'rtl') => {
-  // Check if document exists for SSR
-  if (typeof document !== 'undefined')
-    document.documentElement.setAttribute('dir', dir)
-}
-
-/**
- * Return dynamic i18n props based on i18n plugin is enabled or not
- * @param key i18n translation key
- * @param tag tag to wrap the translation with
- */
-export const getDynamicI18nProps = (key: string, tag = 'span') => {
-  if (!layoutConfig.app.i18n.enable)
-    return {}
-
-  return {
-    keypath: key,
-    tag,
-    scope: 'global',
-  }
-}
-
-export const switchToVerticalNavOnLtOverlayNavBreakpoint = () => {
-  const configStore = useLayoutConfigStore()
-
-  /*
-      ℹ️ This is flag will hold nav type need to render when switching between lgAndUp from mdAndDown window width
-
-      Requirement: When we nav is set to `horizontal` and we hit the `mdAndDown` breakpoint nav type shall change to `vertical` nav
-      Now if we go back to `lgAndUp` breakpoint from `mdAndDown` how we will know which was previous nav type in large device?
-
-      Let's assign value of `appContentLayoutNav` as default value of lgAndUpNav. Why 🤔?
-        If template is viewed in lgAndUp
-          We will assign `appContentLayoutNav` value to `lgAndUpNav` because at this point both constant is same
-          Hence, for `lgAndUpNav` it will take value from theme config file
-        else
-          It will always show vertical nav and if user increase the window width it will fallback to `appContentLayoutNav` value
-          But `appContentLayoutNav` will be value set in theme config file
-    */
-  const lgAndUpNav = ref(configStore.appContentLayoutNav)
-
-  /*
-      There might be case where we manually switch from vertical to horizontal nav and vice versa in `lgAndUp` screen
-      So when user comes back from `mdAndDown` to `lgAndUp` we can set updated nav type
-      For this we need to update the `lgAndUpNav` value if screen is `lgAndUp`
-    */
-  watch(
-    () => configStore.appContentLayoutNav,
-    value => {
-      if (!configStore.isLessThanOverlayNavBreakpoint)
-        lgAndUpNav.value = value
-    },
-  )
-
-  /*
-      This is layout switching part
-      If it's `mdAndDown` => We will use vertical nav no matter what previous nav type was
-      Or if it's `lgAndUp` we need to switch back to `lgAndUp` nav type. For this we will tracker property `lgAndUpNav`
-    */
-  watch(() => configStore.isLessThanOverlayNavBreakpoint, val => {
-    configStore.appContentLayoutNav = val ? AppContentLayoutNav.Vertical : lgAndUpNav.value
-  }, { immediate: true })
-}
-
-/**
- * Convert Hex color to rgb
- * @param hex
- */
-
-export const hexToRgb = (hex: string) => {
-  // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
-  const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i
-
-  hex = hex.replace(shorthandRegex, (m: string, r: string, g: string, b: string) => {
-    return r + r + g + g + b + b
-  })
-
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
-
-  return result ? `${Number.parseInt(result[1], 16)},${Number.parseInt(result[2], 16)},${Number.parseInt(result[3], 16)}` : null
-}
-
-/**
- *RGBA color to Hex color with / without opacity
- */
-export const rgbaToHex = (rgba: string, forceRemoveAlpha = false) => {
-  return (
-    `#${
-      rgba
-        .replace(/^rgba?\(|\s+|\)$/g, '') // Get's rgba / rgb string values
-        .split(',') // splits them at ","
-        .filter((string, index) => !forceRemoveAlpha || index !== 3)
-        .map(string => Number.parseFloat(string)) // Converts them to numbers
-        .map((number, index) => (index === 3 ? Math.round(number * 255) : number)) // Converts alpha to 255 number
-        .map(number => number.toString(16)) // Converts numbers to hex
-        .map(string => (string.length === 1 ? `0${string}` : string)) // Adds 0 when length of one number is 1
-        .join('')}`
-  )
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/App.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/App.vue
deleted file mode 100644
index 7a53248..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/App.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import ScrollToTop from '@core/components/ScrollToTop.vue'
-import initCore from '@core/initCore'
-import { initConfigStore, useConfigStore } from '@core/stores/config'
-import { hexToRgb } from '@core/utils/colorConverter'
-
-const { global } = useTheme()
-
-// ℹ️ Sync current theme with initial loader theme
-initCore()
-initConfigStore()
-
-const configStore = useConfigStore()
-</script>
-
-<template>
-  <VLocaleProvider :rtl="configStore.isAppRTL">
-    <!-- ℹ️ This is required to set the background color of active nav link based on currently active global theme's primary -->
-    <VApp :style="`--v-global-theme-primary: ${hexToRgb(global.current.value.colors.primary)}`">
-      <RouterView />
-      <ScrollToTop />
-    </VApp>
-  </VLocaleProvider>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/AppLoadingIndicator.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/AppLoadingIndicator.vue
deleted file mode 100644
index 1d82dbb..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/AppLoadingIndicator.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<script setup lang="ts">
-const bufferValue = ref(20)
-const progressValue = ref(10)
-const isFallbackState = ref(false)
-const interval = ref<ReturnType<typeof setInterval>>()
-const showProgress = ref(false)
-
-watch([progressValue, isFallbackState], () => {
-  if (progressValue.value > 80 && isFallbackState.value)
-    progressValue.value = 82
-
-  startBuffer()
-})
-
-function startBuffer() {
-  clearInterval(interval.value)
-  interval.value = setInterval(() => {
-    progressValue.value += Math.random() * (15 - 5) + 5
-    bufferValue.value += Math.random() * (15 - 5) + 6
-  }, 800)
-}
-
-const fallbackHandle = () => {
-  showProgress.value = true
-  progressValue.value = 10
-  isFallbackState.value = true
-  startBuffer()
-}
-
-const resolveHandle = () => {
-  isFallbackState.value = false
-  progressValue.value = 100
-
-  setTimeout(() => {
-    clearInterval(interval.value)
-    progressValue.value = 0
-    bufferValue.value = 20
-    showProgress.value = false
-  }, 300)
-}
-
-defineExpose({
-  fallbackHandle,
-  resolveHandle,
-})
-</script>
-
-<template>
-  <!-- loading state via #fallback slot -->
-  <div
-    v-if="showProgress"
-    class="position-fixed"
-    style="z-index: 9999; inset-block-start: 0; inset-inline: 0 0;"
-  >
-    <VProgressLinear
-      v-model="progressValue"
-      :buffer-value="bufferValue"
-      color="primary"
-      height="2"
-      bg-color="background"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/AppPricing.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/AppPricing.vue
deleted file mode 100644
index 72183a8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/AppPricing.vue
+++ /dev/null
@@ -1,247 +0,0 @@
-<script setup lang="ts">
-import safeBoxWithGoldenCoin from '@images/misc/3d-safe-box-with-golden-dollar-coins.png'
-import spaceRocket from '@images/misc/3d-space-rocket-with-smoke.png'
-import dollarCoinPiggyBank from '@images/misc/dollar-coins-flying-pink-piggy-bank.png'
-
-interface Pricing {
-  title?: string
-  xs?: number | string
-  sm?: number | string
-  md?: string | number
-  lg?: string | number
-  xl?: string | number
-}
-
-const props = defineProps<Pricing>()
-
-const annualMonthlyPlanPriceToggler = ref(true)
-
-const pricingPlans = [
-  {
-    name: 'Basic',
-    tagLine: 'A simple start for everyone',
-    logo: dollarCoinPiggyBank,
-    monthlyPrice: 0,
-    yearlyPrice: 0,
-    isPopular: false,
-    current: true,
-    features: [
-      '100 responses a month',
-      'Unlimited forms and surveys',
-      'Unlimited fields',
-      'Basic form creation tools',
-      'Up to 2 subdomains',
-    ],
-  },
-  {
-    name: 'Standard',
-    tagLine: 'For small to medium businesses',
-    logo: safeBoxWithGoldenCoin,
-    monthlyPrice: 49,
-    yearlyPrice: 499,
-    isPopular: true,
-    current: false,
-    features: [
-      'Unlimited responses',
-      'Unlimited forms and surveys',
-      'Instagram profile page',
-      'Google Docs integration',
-      'Custom “Thank you” page',
-    ],
-  },
-  {
-    name: 'Enterprise',
-    tagLine: 'Solution for big organizations',
-    logo: spaceRocket,
-    monthlyPrice: 99,
-    yearlyPrice: 999,
-    isPopular: false,
-    current: false,
-    features: [
-      'PayPal payments',
-      'Logic Jumps',
-      'File upload with 5GB storage',
-      'Custom domain support',
-      'Stripe integration',
-    ],
-  },
-]
-</script>
-
-<template>
-  <!-- 👉 Title and subtitle -->
-  <div class="text-center">
-    <h3 class="text-h3 pricing-title mb-2">
-      {{ props.title ? props.title : 'Pricing Plans' }}
-    </h3>
-    <p class="mb-0">
-      All plans include 40+ advanced tools and features to boost your product.
-    </p>
-    <p class="mb-2">
-      Choose the best plan to fit your needs.
-    </p>
-  </div>
-
-  <!-- 👉 Annual and monthly price toggler -->
-
-  <div class="d-flex font-weight-medium text-body-1 align-center justify-center mx-auto mt-12 mb-6">
-    <VLabel
-      for="pricing-plan-toggle"
-      class="me-3"
-    >
-      Monthly
-    </VLabel>
-
-    <div class="position-relative">
-      <VSwitch
-        id="pricing-plan-toggle"
-        v-model="annualMonthlyPlanPriceToggler"
-      >
-        <template #label>
-          <div class="text-body-1 font-weight-medium">
-            Annually
-          </div>
-        </template>
-      </VSwitch>
-
-      <div class="save-upto-chip position-absolute align-center d-none d-md-flex gap-1">
-        <VIcon
-          icon="tabler-corner-left-down"
-          size="24"
-          class="flip-in-rtl mt-2 text-disabled"
-        />
-        <VChip
-          label
-          color="primary"
-          size="small"
-        >
-          Save up to 10%
-        </VChip>
-      </div>
-    </div>
-  </div>
-
-  <!-- SECTION pricing plans -->
-  <VRow>
-    <VCol
-      v-for="plan in pricingPlans"
-      :key="plan.logo"
-      v-bind="props"
-      cols="12"
-    >
-      <!-- 👉  Card -->
-      <VCard
-        flat
-        border
-        :class="plan.isPopular ? 'border-primary border-opacity-100' : ''"
-      >
-        <VCardText
-          style="block-size: 3.75rem;"
-          class="text-end"
-        >
-          <!-- 👉 Popular -->
-          <VChip
-            v-show="plan.isPopular"
-            label
-            color="primary"
-            size="small"
-          >
-            Popular
-          </VChip>
-        </VCardText>
-
-        <!-- 👉 Plan logo -->
-        <VCardText>
-          <VImg
-            :height="120"
-            :width="120"
-            :src="plan.logo"
-            class="mx-auto mb-5"
-          />
-
-          <!-- 👉 Plan name -->
-          <h4 class="text-h4 mb-1 text-center">
-            {{ plan.name }}
-          </h4>
-          <p class="mb-0 text-body-1 text-center">
-            {{ plan.tagLine }}
-          </p>
-
-          <!-- 👉 Plan price  -->
-
-          <div class="position-relative">
-            <div class="d-flex justify-center pt-5 pb-10">
-              <div class="text-body-1 align-self-start font-weight-medium">
-                $
-              </div>
-              <h1 class="text-h1 font-weight-medium text-primary">
-                {{ annualMonthlyPlanPriceToggler ? Math.floor(Number(plan.yearlyPrice) / 12) : plan.monthlyPrice }}
-              </h1>
-              <div class="text-body-1 font-weight-medium align-self-end">
-                /month
-              </div>
-            </div>
-
-            <!-- 👉 Annual Price -->
-            <span
-              v-show="annualMonthlyPlanPriceToggler"
-              class="annual-price-text position-absolute text-caption text-disabled pb-4"
-            >
-              {{ plan.yearlyPrice === 0 ? 'free' : `USD ${plan.yearlyPrice}/Year` }}
-            </span>
-          </div>
-
-          <!-- 👉 Plan features -->
-
-          <VList class="card-list mb-4">
-            <VListItem
-              v-for="feature in plan.features"
-              :key="feature"
-            >
-              <template #prepend>
-                <VIcon
-                  size="8"
-                  icon="tabler-circle-filled"
-                  color="rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity))"
-                />
-              </template>
-
-              <VListItemTitle class="text-body-1">
-                {{ feature }}
-              </VListItemTitle>
-            </VListItem>
-          </VList>
-
-          <!-- 👉 Plan actions -->
-          <VBtn
-            block
-            :color="plan.current ? 'success' : 'primary'"
-            :variant="plan.isPopular ? 'elevated' : 'tonal'"
-            :to="{ name: 'front-pages-payment' }"
-            :active="false"
-          >
-            {{ plan.yearlyPrice === 0 ? 'Your Current Plan' : 'Upgrade' }}
-          </VBtn>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-  <!-- !SECTION  -->
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1rem;
-}
-
-.save-upto-chip {
-  inset-block-start: -2.4rem;
-  inset-inline-end: -6rem;
-}
-
-.annual-price-text {
-  inset-block-end: 3%;
-  inset-inline-start: 50%;
-  transform: translateX(-50%);
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/AppSearchHeader.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/AppSearchHeader.vue
deleted file mode 100644
index b314ac9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/AppSearchHeader.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<script setup lang="ts">
-import AppSearchHeaderBg from '@images/pages/app-search-header-bg.png'
-
-interface Props {
-  title?: string
-  subtitle?: string
-  customClass?: string
-  placeholder?: string
-  density?: 'comfortable' | 'compact' | 'default'
-  isReverse?: boolean
-}
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<Props>(), {
-  density: 'comfortable',
-  isReverse: false,
-})
-</script>
-
-<template>
-  <!-- 👉 Search Banner  -->
-  <VCard
-    flat
-    class="text-center search-header"
-    :class="props.customClass"
-    :style="`background: url(${AppSearchHeaderBg});`"
-  >
-    <VCardText>
-      <slot name="title">
-        <h4 class="text-h4 mb-2 font-weight-medium">
-          {{ props.title }}
-        </h4>
-      </slot>
-      <div
-        class="d-flex"
-        :class="isReverse ? 'flex-column' : 'flex-column-reverse' "
-      >
-        <p class="mb-0">
-          {{ props.subtitle }}
-        </p>
-        <!-- 👉 Search Input -->
-        <div>
-          <AppTextField
-            v-bind="$attrs"
-            class="search-header-input mx-auto my-4"
-            :placeholder="props.placeholder"
-            :density="props.density"
-            prepend-inner-icon="tabler-search"
-          />
-        </div>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss">
-.search-header {
-  padding: 4rem !important;
-  background-size: cover !important;
-}
-
-// search input
-.search-header-input {
-  border-radius: 0.375rem !important;
-  background-color: rgb(var(--v-theme-surface));
-  max-inline-size: 28.125rem !important;
-}
-
-@media (max-width: 37.5rem) {
-  .search-header {
-    padding: 1.5rem !important;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/ErrorHeader.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/ErrorHeader.vue
deleted file mode 100644
index f20925b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/ErrorHeader.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  statusCode?: string | number
-  title?: string
-  description?: string
-}
-
-const props = defineProps<Props>()
-</script>
-
-<template>
-  <div class="text-center">
-    <!-- 👉 Title and subtitle -->
-    <h1
-      v-if="props.statusCode"
-      class="header-title font-weight-medium mb-2"
-    >
-      {{ props.statusCode }}
-    </h1>
-    <h4
-      v-if="props.title"
-      class="text-h4 font-weight-medium mb-2"
-    >
-      {{ props.title }}
-    </h4>
-    <p
-      v-if="props.description"
-      class="text-body-1 mb-6"
-    >
-      {{ props.description }}
-    </p>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.header-title {
-  font-size: clamp(3rem, 5vw, 6rem);
-  line-height: clamp(3rem, 5vw, 6rem);
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddAuthenticatorAppDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddAuthenticatorAppDialog.vue
deleted file mode 100644
index d92fb1a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddAuthenticatorAppDialog.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<script setup lang="ts">
-import themeselectionQr from '@images/pages/themeselection-qr.png'
-
-interface Emit {
-  (e: 'update:isDialogVisible', value: boolean): void
-  (e: 'submit', value: string): void
-}
-interface Props {
-  authCode?: string
-  isDialogVisible: boolean
-}
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-
-const authCode = ref(structuredClone(toRaw(props.authCode)))
-
-const formSubmit = () => {
-  if (authCode.value) {
-    emit('submit', authCode.value)
-    emit('update:isDialogVisible', false)
-  }
-}
-
-const resetAuthCode = () => {
-  authCode.value = structuredClone(toRaw(props.authCode))
-  emit('update:isDialogVisible', false)
-}
-</script>
-
-<template>
-  <VDialog
-    :width="$vuetify.display.smAndDown ? 'auto' : 900"
-    :model-value="props.isDialogVisible"
-    @update:model-value="(val) => $emit('update:isDialogVisible', val)"
-  >
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="$emit('update:isDialogVisible', false)" />
-
-    <VCard class="pa-2 pa-sm-10">
-      <VCardText>
-        <!-- 👉 Title -->
-        <h4 class="text-h4 text-center mb-6">
-          Add Authenticator App
-        </h4>
-        <h5 class="text-h5 mb-2">
-          Authenticator Apps
-        </h5>
-
-        <p class="text-body-1 mb-6">
-          Using an authenticator app like Google Authenticator, Microsoft Authenticator, Authy, or 1Password, scan the QR code. It will generate a 6 digit code for you to enter below.
-        </p>
-
-        <div class="mb-6">
-          <VImg
-            width="150"
-            :src="themeselectionQr"
-            class="mx-auto"
-          />
-        </div>
-
-        <VAlert
-          title="ASDLKNASDA9AHS678dGhASD78AB"
-          text="If you are unable to scan the QR code, you can manually enter the secret key below."
-          variant="tonal"
-          color="warning"
-        />
-        <VForm @submit.prevent="() => {}">
-          <AppTextField
-            v-model="authCode"
-            name="auth-code"
-            label="Enter Authentication Code"
-            placeholder="123 456"
-            class="mt-4 mb-6"
-          />
-
-          <div class="d-flex justify-end flex-wrap gap-4">
-            <VBtn
-              color="secondary"
-              variant="tonal"
-              @click="resetAuthCode"
-            >
-              Cancel
-            </VBtn>
-
-            <VBtn
-              type="submit"
-              @click="formSubmit"
-            >
-              Continue
-              <VIcon
-                end
-                icon="tabler-arrow-right"
-                class="flip-in-rtl"
-              />
-            </VBtn>
-          </div>
-        </VForm>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddEditAddressDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddEditAddressDialog.vue
deleted file mode 100644
index 3cff450..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddEditAddressDialog.vue
+++ /dev/null
@@ -1,238 +0,0 @@
-<script setup lang="ts">
-import home from '@images/svg/home.svg'
-import office from '@images/svg/office.svg'
-
-interface BillingAddress {
-  firstName: string | undefined
-  lastName: string | undefined
-  selectedCountry: string | null
-  addressLine1: string
-  addressLine2: string
-  landmark: string
-  contact: string
-  country: string | null
-  city: string
-  state: string
-  zipCode: number | null
-}
-interface Props {
-  billingAddress?: BillingAddress
-  isDialogVisible: boolean
-}
-interface Emit {
-  (e: 'update:isDialogVisible', value: boolean): void
-  (e: 'submit', value: BillingAddress): void
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  billingAddress: () => ({
-    firstName: '',
-    lastName: '',
-    selectedCountry: null,
-    addressLine1: '',
-    addressLine2: '',
-    landmark: '',
-    contact: '',
-    country: null,
-    city: '',
-    state: '',
-    zipCode: null,
-  }),
-})
-
-const emit = defineEmits<Emit>()
-
-const billingAddress = ref<BillingAddress>(structuredClone(toRaw(props.billingAddress)))
-
-const resetForm = () => {
-  emit('update:isDialogVisible', false)
-  billingAddress.value = structuredClone(toRaw(props.billingAddress))
-}
-
-const onFormSubmit = () => {
-  emit('update:isDialogVisible', false)
-  emit('submit', billingAddress.value)
-}
-
-const selectedAddress = ref('Home')
-
-const addressTypes = [
-  {
-    icon: { icon: home, size: '28' },
-    title: 'Home',
-    desc: 'Delivery Time (9am - 9pm)',
-    value: 'Home',
-  },
-  {
-    icon: { icon: office, size: '28' },
-    title: 'Office',
-    desc: 'Delivery Time (9am - 5pm)',
-    value: 'Office',
-  },
-]
-</script>
-
-<template>
-  <VDialog
-    :width="$vuetify.display.smAndDown ? 'auto' : 900 "
-    :model-value="props.isDialogVisible"
-    @update:model-value="val => $emit('update:isDialogVisible', val)"
-  >
-    <!-- 👉 Dialog close btn -->
-    <DialogCloseBtn @click="$emit('update:isDialogVisible', false)" />
-
-    <VCard
-      v-if="props.billingAddress"
-      class="pa-sm-10 pa-2"
-    >
-      <VCardText>
-        <!-- 👉 Title -->
-        <h4 class="text-h4 text-center mb-2">
-          {{ (props.billingAddress.addressLine1 || props.billingAddress.addressLine2) ? 'Edit' : 'Add New' }} Address
-        </h4>
-        <p class="text-body-1 text-center mb-6">
-          Add new address for express delivery
-        </p>
-
-        <div class="d-flex mb-6">
-          <CustomRadiosWithIcon
-            v-model:selected-radio="selectedAddress"
-            :radio-content="addressTypes"
-            :grid-column="{ sm: '6', cols: '12' }"
-          />
-        </div>
-
-        <!-- 👉 Form -->
-        <VForm @submit.prevent="onFormSubmit">
-          <VRow>
-            <!-- 👉 First Name -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                v-model="billingAddress.firstName"
-                label="First Name"
-                placeholder="John"
-              />
-            </VCol>
-
-            <!-- 👉 Last Name -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                v-model="billingAddress.lastName"
-                label="Last Name"
-                placeholder="Doe"
-              />
-            </VCol>
-
-            <!-- 👉 Select Country -->
-            <VCol cols="12">
-              <AppSelect
-                v-model="billingAddress.selectedCountry"
-                label="Select Country"
-                placeholder="Select Country"
-                :items="['USA', 'Aus', 'Canada', 'NZ']"
-              />
-            </VCol>
-
-            <!-- 👉 Address Line 1 -->
-            <VCol cols="12">
-              <AppTextField
-                v-model="billingAddress.addressLine1"
-                label="Address Line 1"
-                placeholder="12, Business Park"
-              />
-            </VCol>
-
-            <!-- 👉 Address Line 2 -->
-            <VCol cols="12">
-              <AppTextField
-                v-model="billingAddress.addressLine2"
-                label="Address Line 2"
-                placeholder="Mall Road"
-              />
-            </VCol>
-
-            <!-- 👉 Landmark -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                v-model="billingAddress.landmark"
-                label="Landmark"
-                placeholder="Nr. Hard Rock Cafe"
-              />
-            </VCol>
-
-            <!-- 👉 City -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                v-model="billingAddress.city"
-                label="City"
-                placeholder="Los Angeles"
-              />
-            </VCol>
-
-            <!-- 👉 State -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                v-model="billingAddress.state"
-                label="State"
-                placeholder="California"
-              />
-            </VCol>
-
-            <!-- 👉 Zip Code -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                v-model="billingAddress.zipCode"
-                label="Zip Code"
-                placeholder="99950"
-                type="number"
-              />
-            </VCol>
-
-            <VCol cols="12">
-              <VSwitch label="Use as a billing address?" />
-            </VCol>
-
-            <!-- 👉 Submit and Cancel button -->
-            <VCol
-              cols="12"
-              class="text-center"
-            >
-              <VBtn
-                type="submit"
-                class="me-3"
-              >
-                submit
-              </VBtn>
-
-              <VBtn
-                variant="tonal"
-                color="secondary"
-                @click="resetForm"
-              >
-                Cancel
-              </VBtn>
-            </VCol>
-          </VRow>
-        </VForm>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddEditPermissionDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddEditPermissionDialog.vue
deleted file mode 100644
index a6cc06b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddEditPermissionDialog.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  isDialogVisible: boolean
-  permissionName?: string
-}
-interface Emit {
-  (e: 'update:isDialogVisible', value: boolean): void
-  (e: 'update:permissionName', value: string): void
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  permissionName: '',
-})
-
-const emit = defineEmits<Emit>()
-
-const currentPermissionName = ref('')
-
-const onReset = () => {
-  emit('update:isDialogVisible', false)
-  currentPermissionName.value = ''
-}
-
-const onSubmit = () => {
-  emit('update:isDialogVisible', false)
-  emit('update:permissionName', currentPermissionName.value)
-}
-
-watch(() => props, () => {
-  currentPermissionName.value = props.permissionName
-})
-</script>
-
-<template>
-  <VDialog
-    :width="$vuetify.display.smAndDown ? 'auto' : 600"
-    :model-value="props.isDialogVisible"
-    @update:model-value="onReset"
-  >
-    <!-- 👉 dialog close btn -->
-    <DialogCloseBtn @click="onReset" />
-
-    <VCard class="pa-2 pa-sm-10">
-      <VCardText>
-        <!-- 👉 Title -->
-        <h4 class="text-h4 text-center mb-2">
-          {{ props.permissionName ? 'Edit' : 'Add' }} Permission
-        </h4>
-        <p class="text-body-1 text-center mb-6">
-          {{ props.permissionName ? 'Edit' : 'Add' }}  permission as per your requirements.
-        </p>
-
-        <!-- 👉 Form -->
-        <VForm>
-          <VAlert
-            type="warning"
-            title="Warning!"
-            variant="tonal"
-            class="mb-6"
-          >
-            <template #text>
-              By {{ props.permissionName ? 'editing' : 'adding' }} the permission name, you might break the system permissions functionality.
-            </template>
-          </VAlert>
-
-          <!-- 👉 Role name -->
-          <div class="d-flex gap-4 mb-6 flex-wrap flex-column flex-sm-row">
-            <AppTextField
-              v-model="currentPermissionName"
-              placeholder="Enter Permission Name"
-            />
-
-            <VBtn @click="onSubmit">
-              {{ props.permissionName ? 'Update' : 'Add' }}
-            </VBtn>
-          </div>
-
-          <VCheckbox label="Set as core permission" />
-        </VForm>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.permission-table {
-  td {
-    border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-    padding-block: 0.5rem;
-    padding-inline: 0;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddEditRoleDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddEditRoleDialog.vue
deleted file mode 100644
index e11b3b3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddEditRoleDialog.vue
+++ /dev/null
@@ -1,302 +0,0 @@
-<script setup lang="ts">
-import { VForm } from 'vuetify/components/VForm'
-
-interface Permission {
-  name: string
-  read: boolean
-  write: boolean
-  create: boolean
-}
-
-interface Roles {
-  name: string
-  permissions: Permission[]
-}
-
-interface Props {
-  rolePermissions?: Roles
-  isDialogVisible: boolean
-}
-interface Emit {
-  (e: 'update:isDialogVisible', value: boolean): void
-  (e: 'update:rolePermissions', value: Roles): void
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  rolePermissions: () => ({
-    name: '',
-    permissions: [],
-  }),
-})
-
-const emit = defineEmits<Emit>()
-
-// 👉 Permission List
-const permissions = ref<Permission[]>([
-  {
-    name: 'User Management',
-    read: false,
-    write: false,
-    create: false,
-  },
-  {
-    name: 'Content Management',
-    read: false,
-    write: false,
-    create: false,
-  },
-  {
-    name: 'Disputes Management',
-    read: false,
-    write: false,
-    create: false,
-  },
-  {
-    name: 'Database Management',
-    read: false,
-    write: false,
-    create: false,
-  },
-  {
-    name: 'Financial Management',
-    read: false,
-    write: false,
-    create: false,
-  },
-  {
-    name: 'Reporting',
-    read: false,
-    write: false,
-    create: false,
-  },
-  {
-    name: 'API Control',
-    read: false,
-    write: false,
-    create: false,
-  },
-  {
-    name: 'Repository Management',
-    read: false,
-    write: false,
-    create: false,
-  },
-  {
-    name: 'Payroll',
-    read: false,
-    write: false,
-    create: false,
-  },
-])
-
-const isSelectAll = ref(false)
-const role = ref('')
-const refPermissionForm = ref<VForm>()
-
-const checkedCount = computed(() => {
-  let counter = 0
-
-  permissions.value.forEach(permission => {
-    Object.entries(permission).forEach(([key, value]) => {
-      if (key !== 'name' && value)
-        counter++
-    })
-  })
-
-  return counter
-})
-
-const isIndeterminate = computed(() => checkedCount.value > 0 && checkedCount.value < (permissions.value.length * 3))
-
-// select all
-watch(isSelectAll, val => {
-  permissions.value = permissions.value.map(permission => ({
-    ...permission,
-    read: val,
-    write: val,
-    create: val,
-  }))
-})
-
-// if Indeterminate is false, then set isSelectAll to false
-watch(isIndeterminate, () => {
-  if (!isIndeterminate.value)
-    isSelectAll.value = false
-})
-
-// if all permissions are checked, then set isSelectAll to true
-watch(permissions, () => {
-  if (checkedCount.value === (permissions.value.length * 3))
-    isSelectAll.value = true
-}, { deep: true })
-
-// if rolePermissions is not empty, then set permissions
-watch(() => props, () => {
-  if (props.rolePermissions && props.rolePermissions.permissions.length) {
-    role.value = props.rolePermissions.name
-    permissions.value = permissions.value.map(permission => {
-      const rolePermission = props.rolePermissions?.permissions.find(item => item.name === permission.name)
-
-      if (rolePermission) {
-        return {
-          ...permission,
-          ...rolePermission,
-        }
-      }
-
-      return permission
-    })
-  }
-})
-
-const onSubmit = () => {
-  const rolePermissions = {
-    name: role.value,
-    permissions: permissions.value,
-  }
-
-  emit('update:rolePermissions', rolePermissions)
-  emit('update:isDialogVisible', false)
-  isSelectAll.value = false
-  refPermissionForm.value?.reset()
-}
-
-const onReset = () => {
-  emit('update:isDialogVisible', false)
-  isSelectAll.value = false
-  refPermissionForm.value?.reset()
-}
-</script>
-
-<template>
-  <VDialog
-    :width="$vuetify.display.smAndDown ? 'auto' : 900"
-    :model-value="props.isDialogVisible"
-    @update:model-value="onReset"
-  >
-    <!-- 👉 Dialog close btn -->
-    <DialogCloseBtn @click="onReset" />
-
-    <VCard class="pa-sm-10 pa-2">
-      <VCardText>
-        <!-- 👉 Title -->
-        <h4 class="text-h4 text-center mb-2">
-          {{ props.rolePermissions.name ? 'Edit' : 'Add New' }} Role
-        </h4>
-        <p class="text-body-1 text-center mb-6">
-          Set Role Permissions
-        </p>
-
-        <!-- 👉 Form -->
-        <VForm ref="refPermissionForm">
-          <!-- 👉 Role name -->
-          <AppTextField
-            v-model="role"
-            label="Role Name"
-            placeholder="Enter Role Name"
-          />
-
-          <h5 class="text-h5 my-6">
-            Role Permissions
-          </h5>
-
-          <!-- 👉 Role Permissions -->
-
-          <VTable class="permission-table text-no-wrap mb-6">
-            <!-- 👉 Admin  -->
-            <tr>
-              <td>
-                <h6 class="text-h6">
-                  Administrator Access
-                </h6>
-              </td>
-              <td colspan="3">
-                <div class="d-flex justify-end">
-                  <VCheckbox
-                    v-model="isSelectAll"
-                    v-model:indeterminate="isIndeterminate"
-                    label="Select All"
-                  />
-                </div>
-              </td>
-            </tr>
-
-            <!-- 👉 Other permission loop -->
-            <template
-              v-for="permission in permissions"
-              :key="permission.name"
-            >
-              <tr>
-                <td>
-                  <h6 class="text-h6">
-                    {{ permission.name }}
-                  </h6>
-                </td>
-                <td>
-                  <div class="d-flex justify-end">
-                    <VCheckbox
-                      v-model="permission.read"
-                      label="Read"
-                    />
-                  </div>
-                </td>
-                <td>
-                  <div class="d-flex justify-end">
-                    <VCheckbox
-                      v-model="permission.write"
-                      label="Write"
-                    />
-                  </div>
-                </td>
-                <td>
-                  <div class="d-flex justify-end">
-                    <VCheckbox
-                      v-model="permission.create"
-                      label="Create"
-                    />
-                  </div>
-                </td>
-              </tr>
-            </template>
-          </VTable>
-
-          <!-- 👉 Actions button -->
-          <div class="d-flex align-center justify-center gap-4">
-            <VBtn @click="onSubmit">
-              Submit
-            </VBtn>
-
-            <VBtn
-              color="secondary"
-              variant="tonal"
-              @click="onReset"
-            >
-              Cancel
-            </VBtn>
-          </div>
-        </VForm>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.permission-table {
-  td {
-    border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-    padding-block: 0.5rem;
-
-    .v-checkbox {
-      min-inline-size: 4.75rem;
-    }
-
-    &:not(:first-child) {
-      padding-inline: 0.5rem;
-    }
-
-    .v-label {
-      white-space: nowrap;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddPaymentMethodDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddPaymentMethodDialog.vue
deleted file mode 100644
index da1c8b9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/AddPaymentMethodDialog.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<script setup lang="ts">
-import americanExDark from '@images/icons/payments/img/ae-dark.png'
-import americanExLight from '@images/icons/payments/img/american-express.png'
-import dcDark from '@images/icons/payments/img/dc-dark.png'
-import dcLight from '@images/icons/payments/img/dc-light.png'
-import jcbDark from '@images/icons/payments/img/jcb-dark.png'
-import jcbLight from '@images/icons/payments/img/jcb-light.png'
-import masterCardDark from '@images/icons/payments/img/master-dark.png'
-import masterCardLight from '@images/icons/payments/img/mastercard.png'
-import visaDark from '@images/icons/payments/img/visa-dark.png'
-import visaLight from '@images/icons/payments/img/visa-light.png'
-
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-
-const visa = useGenerateImageVariant(visaLight, visaDark)
-const masterCard = useGenerateImageVariant(masterCardLight, masterCardDark)
-const americanEx = useGenerateImageVariant(americanExLight, americanExDark)
-const jcb = useGenerateImageVariant(jcbLight, jcbDark)
-const dc = useGenerateImageVariant(dcLight, dcDark)
-
-interface Props {
-  isDialogVisible: boolean
-}
-
-interface Emit {
-  (e: 'update:isDialogVisible', val: boolean): void
-}
-
-const dialogVisibleUpdate = (val: boolean) => {
-  emit('update:isDialogVisible', val)
-}
-
-const paymentMethodsData = [
-  {
-    title: 'Visa',
-    type: 'Credit Card',
-    img: visa,
-  },
-  {
-    title: 'American Express',
-    type: 'Credit Card',
-    img: americanEx,
-  },
-  {
-    title: 'Mastercard',
-    type: 'Credit Card',
-    img: masterCard,
-  },
-  {
-    title: 'JCB',
-    type: 'Credit Card',
-    img: jcb,
-  },
-  {
-    title: 'Diners Club',
-    type: 'Credit Card',
-    img: dc,
-  },
-
-]
-</script>
-
-<template>
-  <VDialog
-    :model-value="props.isDialogVisible"
-    :width="$vuetify.display.smAndDown ? 'auto' : 750"
-    @update:model-value="dialogVisibleUpdate"
-  >
-    <!-- 👉 dialog close btn -->
-    <DialogCloseBtn @click="emit('update:isDialogVisible', false)" />
-
-    <VCard class="pa-2 pa-sm-10">
-      <VCardText>
-        <!-- 👉 Title -->
-        <h4 class="text-h4 text-center mb-2">
-          Add payment methods
-        </h4>
-        <p class="text-body-1 text-center mb-6">
-          Supported payment methods
-        </p>
-
-        <div
-          v-for="(item, index) in paymentMethodsData"
-          :key="index"
-        >
-          <div class="d-flex justify-space-between align-center py-4 gap-x-4">
-            <div class="d-flex align-center">
-              <VImg
-                :src="item.img.value"
-                height="30"
-                width="50"
-                class="me-4"
-              />
-              <h6 class="text-h6">
-                {{ item.title }}
-              </h6>
-            </div>
-            <div class="d-none d-sm-block text-body-1">
-              {{ item.type }}
-            </div>
-          </div>
-          <VDivider v-if="index !== paymentMethodsData.length - 1" />
-        </div>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.refer-link-input {
-  .v-field--appended {
-    padding-inline-end: 0;
-  }
-
-  .v-field__append-inner {
-    padding-block-start: 0.125rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/CardAddEditDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/CardAddEditDialog.vue
deleted file mode 100644
index e024a94..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/CardAddEditDialog.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<script setup lang="ts">
-interface Details {
-  number: string | number
-  name: string
-  expiry: string
-  cvv: string
-  isPrimary: boolean
-  type: string
-}
-interface Emit {
-  (e: 'submit', value: Details): void
-  (e: 'update:isDialogVisible', value: boolean): void
-}
-
-interface Props {
-  cardDetails?: Details
-  isDialogVisible: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  cardDetails: () => ({
-    number: '',
-    name: '',
-    expiry: '',
-    cvv: '',
-    isPrimary: false,
-    type: '',
-  }),
-})
-
-const emit = defineEmits<Emit>()
-
-const cardDetails = ref<Details>(structuredClone(toRaw(props.cardDetails)))
-
-watch(() => props, () => {
-  cardDetails.value = structuredClone(toRaw(props.cardDetails))
-})
-
-const formSubmit = () => {
-  emit('submit', cardDetails.value)
-}
-
-const dialogModelValueUpdate = (val: boolean) => {
-  emit('update:isDialogVisible', val)
-}
-</script>
-
-<template>
-  <VDialog
-    :width="$vuetify.display.smAndDown ? 'auto' : 600"
-    :model-value="props.isDialogVisible"
-    @update:model-value="dialogModelValueUpdate"
-  >
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="dialogModelValueUpdate(false)" />
-
-    <VCard class="pa-2 pa-sm-10">
-      <!-- 👉 Title -->
-      <VCardItem class="text-center">
-        <VCardTitle>
-          <h4 class="text-h4 mb-2">
-            {{ props.cardDetails.name ? 'Edit Card' : 'Add New Card' }}
-          </h4>
-        </VCardTitle>
-        <p class="text-body-1 mb-0">
-          {{ props.cardDetails.name ? 'Edit your saved card details' : 'Add card for future billing' }}
-        </p>
-      </VCardItem>
-
-      <VCardText class="pt-6">
-        <VForm @submit.prevent="() => {}">
-          <VRow>
-            <!-- 👉 Card Number -->
-            <VCol cols="12">
-              <AppTextField
-                v-model="cardDetails.number"
-                label="Card Number"
-                placeholder="1356 3215 6548 7898"
-                type="number"
-              />
-            </VCol>
-
-            <!-- 👉 Card Name -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                v-model="cardDetails.name"
-                label="Name"
-                placeholder="John Doe"
-              />
-            </VCol>
-
-            <!-- 👉 Card Expiry -->
-            <VCol
-              cols="12"
-              md="3"
-            >
-              <AppTextField
-                v-model="cardDetails.expiry"
-                label="Expiry Date"
-                placeholder="MM/YY"
-              />
-            </VCol>
-
-            <!-- 👉 Card CVV -->
-            <VCol
-              cols="12"
-              md="3"
-            >
-              <AppTextField
-                v-model="cardDetails.cvv"
-                type="number"
-                label="CVV Code"
-                placeholder="654"
-              />
-            </VCol>
-
-            <!-- 👉 Card Primary Set -->
-            <VCol cols="12">
-              <VSwitch
-                v-model="cardDetails.isPrimary"
-                label="Save Card for future billing?"
-              />
-            </VCol>
-
-            <!-- 👉 Card actions -->
-            <VCol
-              cols="12"
-              class="text-center"
-            >
-              <VBtn
-                class="me-4"
-                type="submit"
-                @click="formSubmit"
-              >
-                Submit
-              </VBtn>
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                @click="$emit('update:isDialogVisible', false)"
-              >
-                Cancel
-              </VBtn>
-            </VCol>
-          </VRow>
-        </VForm>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/ConfirmDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/ConfirmDialog.vue
deleted file mode 100644
index ba6e206..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/ConfirmDialog.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  confirmationQuestion: string
-  isDialogVisible: boolean
-  confirmTitle: string
-  confirmMsg: string
-  cancelTitle: string
-  cancelMsg: string
-}
-
-interface Emit {
-  (e: 'update:isDialogVisible', value: boolean): void
-  (e: 'confirm', value: boolean): void
-}
-
-const props = defineProps<Props>()
-
-const emit = defineEmits<Emit>()
-
-const unsubscribed = ref(false)
-const cancelled = ref(false)
-
-const updateModelValue = (val: boolean) => {
-  emit('update:isDialogVisible', val)
-}
-
-const onConfirmation = () => {
-  emit('confirm', true)
-  updateModelValue(false)
-  unsubscribed.value = true
-}
-
-const onCancel = () => {
-  emit('confirm', false)
-  emit('update:isDialogVisible', false)
-  cancelled.value = true
-}
-</script>
-
-<template>
-  <!-- 👉 Confirm Dialog -->
-  <VDialog
-    max-width="500"
-    :model-value="props.isDialogVisible"
-    @update:model-value="updateModelValue"
-  >
-    <VCard class="text-center px-10 py-6">
-      <VCardText>
-        <VBtn
-          icon
-          variant="outlined"
-          color="warning"
-          class="my-4"
-          style=" block-size: 88px;inline-size: 88px; pointer-events: none;"
-        >
-          <span class="text-5xl">!</span>
-        </VBtn>
-
-        <h6 class="text-lg font-weight-medium">
-          {{ props.confirmationQuestion }}
-        </h6>
-      </VCardText>
-
-      <VCardText class="d-flex align-center justify-center gap-2">
-        <VBtn
-          variant="elevated"
-          @click="onConfirmation"
-        >
-          Confirm
-        </VBtn>
-
-        <VBtn
-          color="secondary"
-          variant="tonal"
-          @click="onCancel"
-        >
-          Cancel
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-
-  <!-- Unsubscribed -->
-  <VDialog
-    v-model="unsubscribed"
-    max-width="500"
-  >
-    <VCard>
-      <VCardText class="text-center px-10 py-6">
-        <VBtn
-          icon
-          variant="outlined"
-          color="success"
-          class="my-4"
-          style=" block-size: 88px;inline-size: 88px; pointer-events: none;"
-        >
-          <VIcon
-            icon="tabler-check"
-            size="38"
-          />
-        </VBtn>
-
-        <h1 class="text-h4 mb-4">
-          {{ props.confirmTitle }}
-        </h1>
-
-        <p>{{ props.confirmMsg }}</p>
-
-        <VBtn
-          color="success"
-          @click="unsubscribed = false"
-        >
-          Ok
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-
-  <!-- Cancelled -->
-  <VDialog
-    v-model="cancelled"
-    max-width="500"
-  >
-    <VCard>
-      <VCardText class="text-center px-10 py-6">
-        <VBtn
-          icon
-          variant="outlined"
-          color="error"
-          class="my-4"
-          style=" block-size: 88px;inline-size: 88px; pointer-events: none;"
-        >
-          <span class="text-5xl font-weight-light">X</span>
-        </VBtn>
-
-        <h1 class="text-h4 mb-4">
-          {{ props.cancelTitle }}
-        </h1>
-
-        <p>{{ props.cancelMsg }}</p>
-
-        <VBtn
-          color="success"
-          @click="cancelled = false"
-        >
-          Ok
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/CreateAppDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/CreateAppDialog.vue
deleted file mode 100644
index 9e82d39..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/CreateAppDialog.vue
+++ /dev/null
@@ -1,459 +0,0 @@
-<script setup lang="ts">
-import laptopGirl from '@images/illustrations/laptop-girl.png'
-
-const props = defineProps<{
-  isDialogVisible: boolean
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:isDialogVisible', val: boolean): void
-  (e: 'updatedData', val: unknown): void
-}>()
-
-const currentStep = ref(0)
-
-const createApp = [
-  {
-    icon: 'tabler-file-text',
-    title: 'DETAILS',
-    subtitle: 'Enter Details',
-  },
-  {
-    icon: 'tabler-id',
-    title: 'FRAMEWORKS',
-    subtitle: 'Select Framework',
-  },
-  {
-    icon: 'tabler-database',
-    title: 'DATABASE',
-    subtitle: 'Select Database',
-  },
-  {
-    icon: 'tabler-credit-card',
-    title: 'BILLING',
-    subtitle: 'Payment Details',
-  },
-  {
-    icon: 'tabler-check',
-    title: 'SUBMIT',
-    subtitle: 'Submit',
-  },
-]
-
-const categories = [
-  {
-    icon: 'tabler-file-text',
-    color: 'info',
-    title: 'CRM Application',
-    subtitle: 'Scales with any business',
-    slug: 'crm-application',
-  },
-  {
-    icon: 'tabler-shopping-cart',
-    color: 'success',
-    title: 'Ecommerce Platforms',
-    subtitle: 'Grow Your Business With App',
-    slug: 'ecommerce-application',
-  },
-  {
-    icon: 'tabler-device-laptop',
-    color: 'error',
-    title: 'Online Learning platform',
-    subtitle: 'Start learning today',
-    slug: 'online-learning-application',
-  },
-]
-
-const frameworks = [
-  {
-    icon: 'tabler-brand-react-native',
-    color: 'info',
-    title: 'React Native',
-    subtitle: 'Create truly native apps',
-    slug: 'react-framework',
-  },
-  {
-    icon: 'tabler-brand-angular',
-    color: 'error',
-    title: 'Angular',
-    subtitle: 'Most suited for your application',
-    slug: 'angular-framework',
-  },
-  {
-    icon: 'tabler-brand-vue',
-    color: 'success',
-    title: 'Vue',
-    subtitle: 'JS web frameworks',
-    slug: 'js-framework',
-  },
-  {
-    icon: 'tabler-brand-html5',
-    color: 'warning',
-    title: 'HTML',
-    subtitle: 'Progressive Framework',
-    slug: 'html-framework',
-  },
-]
-
-const databases = [
-  {
-    icon: 'tabler-brand-firebase',
-    color: 'error',
-    title: 'Firebase',
-    subtitle: 'Cloud Firestore',
-    slug: 'firebase-database',
-  },
-  {
-    icon: 'tabler-brand-amazon',
-    color: 'warning',
-    title: 'AWS',
-    subtitle: 'Amazon Fast NoSQL Database',
-    slug: 'aws-database',
-  },
-  {
-    icon: 'tabler-database',
-    color: 'info',
-    title: 'MySQL',
-    subtitle: 'Basic MySQL database',
-    slug: 'mysql-database',
-  },
-]
-
-const createAppData = ref({
-  category: 'crm-application',
-  framework: 'js-framework',
-  database: 'firebase-database',
-  cardNumber: null,
-  cardName: '',
-  cardExpiry: '',
-  cardCvv: '',
-  isSave: true,
-})
-
-const dialogVisibleUpdate = (val: boolean) => {
-  emit('update:isDialogVisible', val)
-  currentStep.value = 0
-}
-
-watch(() => props, () => {
-  if (!props.isDialogVisible)
-    currentStep.value = 0
-})
-
-const onSubmit = () => {
-  // eslint-disable-next-line no-alert
-  alert('submitted...!!')
-  emit('updatedData', createAppData.value)
-}
-</script>
-
-<template>
-  <VDialog
-    :model-value="props.isDialogVisible"
-    max-width="900"
-    min-height="590"
-    @update:model-value="dialogVisibleUpdate"
-  >
-    <!-- 👉 dialog close btn -->
-    <DialogCloseBtn
-      size="small"
-      @click="emit('update:isDialogVisible', false)"
-    />
-    <VCard
-      class="create-app-dialog"
-      min-height="590"
-    >
-      <VCardText class="pa-5 pa-sm-16">
-        <!-- 👉 Title -->
-        <h4 class="text-h4 text-center mb-2">
-          Create App
-        </h4>
-        <p class="text-body-1 text-center mb-6">
-          Provide data with this form to create your app.
-        </p>
-
-        <VRow>
-          <VCol
-            cols="12"
-            sm="5"
-            md="4"
-            lg="3"
-          >
-            <AppStepper
-              v-model:current-step="currentStep"
-              direction="vertical"
-              :items="createApp"
-              icon-size="22"
-              class="stepper-icon-step-bg"
-            />
-          </VCol>
-
-          <VCol
-            cols="12"
-            sm="7"
-            md="8"
-            lg="9"
-          >
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition stepper-content"
-            >
-              <!-- 👉 category -->
-              <VWindowItem>
-                <AppTextField
-                  label="Application Name"
-                  placeholder="Application Name"
-                />
-
-                <h5 class="text-h5 mt-6 mb-4">
-                  Category
-                </h5>
-                <VRadioGroup v-model="createAppData.category">
-                  <VList class="card-list">
-                    <VListItem
-                      v-for="category in categories"
-                      :key="category.title"
-                      @click="createAppData.category = category.slug"
-                    >
-                      <template #prepend>
-                        <VAvatar
-                          size="46"
-                          rounded
-                          variant="tonal"
-                          :color="category.color"
-                        >
-                          <VIcon
-                            :icon="category.icon"
-                            size="30"
-                          />
-                        </VAvatar>
-                      </template>
-
-                      <VListItemTitle>
-                        <h6 class="text-h6 mb-1">
-                          {{ category.title }}
-                        </h6>
-                      </VListItemTitle>
-                      <VListItemSubtitle>
-                        {{ category.subtitle }}
-                      </VListItemSubtitle>
-
-                      <template #append>
-                        <VRadio :value="category.slug" />
-                      </template>
-                    </VListItem>
-                  </VList>
-                </VRadioGroup>
-              </VWindowItem>
-
-              <!-- 👉 Frameworks -->
-              <VWindowItem>
-                <h5 class="text-h5 mb-4">
-                  Select Framework
-                </h5>
-                <VRadioGroup v-model="createAppData.framework">
-                  <VList class="card-list">
-                    <VListItem
-                      v-for="framework in frameworks"
-                      :key="framework.title"
-                      @click="createAppData.framework = framework.slug"
-                    >
-                      <template #prepend>
-                        <VAvatar
-                          size="46"
-                          rounded
-                          variant="tonal"
-                          :color="framework.color"
-                        >
-                          <VIcon
-                            :icon="framework.icon"
-                            size="30"
-                          />
-                        </VAvatar>
-                      </template>
-                      <VListItemTitle>
-                        <h6 class="text-h6 mb-1">
-                          {{ framework.title }}
-                        </h6>
-                      </VListItemTitle>
-                      <VListItemSubtitle>
-                        {{ framework.subtitle }}
-                      </VListItemSubtitle>
-                      <template #append>
-                        <VRadio :value="framework.slug" />
-                      </template>
-                    </VListItem>
-                  </VList>
-                </VRadioGroup>
-              </VWindowItem>
-
-              <!-- 👉 Database Engine -->
-              <VWindowItem>
-                <AppTextField
-                  label="Database Name"
-                  placeholder="UserDB"
-                />
-
-                <h5 class="text-h5 mt-6 mb-4">
-                  Select Database Engine
-                </h5>
-                <VRadioGroup v-model="createAppData.database">
-                  <VList class="card-list">
-                    <VListItem
-                      v-for="database in databases"
-                      :key="database.title"
-                      @click="createAppData.database = database.slug"
-                    >
-                      <template #prepend>
-                        <VAvatar
-                          size="46"
-                          rounded
-                          variant="tonal"
-                          :color="database.color"
-                        >
-                          <VIcon
-                            :icon="database.icon"
-                            size="30"
-                          />
-                        </VAvatar>
-                      </template>
-                      <VListItemTitle>
-                        <h6 class="text-h6 mb-1">
-                          {{ database.title }}
-                        </h6>
-                      </VListItemTitle>
-                      <VListItemSubtitle>
-                        {{ database.subtitle }}
-                      </VListItemSubtitle>
-                      <template #append>
-                        <VRadio :value="database.slug" />
-                      </template>
-                    </VListItem>
-                  </VList>
-                </VRadioGroup>
-              </VWindowItem>
-
-              <!-- 👉 Billing form -->
-              <VWindowItem>
-                <h6 class="text-h6 mb-6">
-                  Payment Details
-                </h6>
-
-                <VForm>
-                  <VRow>
-                    <VCol cols="12">
-                      <AppTextField
-                        v-model="createAppData.cardNumber"
-                        label="Card Number"
-                        placeholder="1234 1234 1234 1234"
-                        type="number"
-                      />
-                    </VCol>
-
-                    <VCol
-                      cols="12"
-                      md="6"
-                    >
-                      <AppTextField
-                        v-model="createAppData.cardName"
-                        label="Name on Card"
-                        placeholder="John Doe"
-                      />
-                    </VCol>
-
-                    <VCol
-                      cols="6"
-                      md="3"
-                    >
-                      <AppTextField
-                        v-model="createAppData.cardExpiry"
-                        label="Expiry"
-                        placeholder="MM/YY"
-                      />
-                    </VCol>
-
-                    <VCol
-                      cols="6"
-                      md="3"
-                    >
-                      <AppTextField
-                        v-model="createAppData.cardCvv"
-                        label="CVV"
-                        placeholder="123"
-                      />
-                    </VCol>
-
-                    <VCol cols="12">
-                      <VSwitch
-                        v-model="createAppData.isSave"
-                        label="Save Card for future billing?"
-                      />
-                    </VCol>
-                  </VRow>
-                </VForm>
-              </VWindowItem>
-
-              <VWindowItem class="text-center">
-                <h5 class="text-h5 mb-1">
-                  Submit
-                </h5>
-                <p class="text-sm mb-4">
-                  Submit to kickstart your project.
-                </p>
-
-                <VImg
-                  :src="laptopGirl"
-                  width="176"
-                  class="mx-auto"
-                />
-              </VWindowItem>
-            </VWindow>
-
-            <div class="d-flex justify-space-between mt-6">
-              <VBtn
-                variant="tonal"
-                color="secondary"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-
-              <VBtn
-                v-if="createApp.length - 1 === currentStep"
-                color="success"
-                @click="onSubmit"
-              >
-                submit
-              </VBtn>
-
-              <VBtn
-                v-else
-                @click="currentStep++"
-              >
-                Next
-
-                <VIcon
-                  icon="tabler-arrow-right"
-                  end
-                  class="flip-in-rtl"
-                />
-              </VBtn>
-            </div>
-          </VCol>
-        </VRow>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.stepper-content .card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/EnableOneTimePasswordDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/EnableOneTimePasswordDialog.vue
deleted file mode 100644
index 065660a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/EnableOneTimePasswordDialog.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<script setup lang="ts">
-interface Emit {
-  (e: 'update:isDialogVisible', value: boolean): void
-  (e: 'submit', value: string): void
-}
-interface Props {
-  mobileNumber?: string
-  isDialogVisible: boolean
-}
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-
-const phoneNumber = ref(structuredClone(toRaw(props.mobileNumber)))
-
-const formSubmit = () => {
-  if (phoneNumber.value) {
-    emit('submit', phoneNumber.value)
-    emit('update:isDialogVisible', false)
-  }
-}
-
-const resetPhoneNumber = () => {
-  phoneNumber.value = structuredClone(toRaw(props.mobileNumber))
-  emit('update:isDialogVisible', false)
-}
-
-const dialogModelValueUpdate = (val: boolean) => {
-  emit('update:isDialogVisible', val)
-}
-</script>
-
-<template>
-  <VDialog
-    :width="$vuetify.display.smAndDown ? 'auto' : 900"
-    :model-value="props.isDialogVisible"
-    @update:model-value="dialogModelValueUpdate"
-  >
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="dialogModelValueUpdate(false)" />
-
-    <VCard class="pa-2 pa-sm-10">
-      <VCardText>
-        <!-- 👉 Title -->
-        <h5 class="text-h5 mb-2">
-          Verify Your Mobile Number for SMS
-        </h5>
-        <p class="text-body-1 mb-6">
-          Enter your mobile phone number with country code and  we will send you a verification code.
-        </p>
-
-        <VForm @submit.prevent="() => {}">
-          <AppTextField
-            v-model="phoneNumber"
-            name="mobile"
-            label="Phone Number"
-            placeholder="+1 123 456 7890"
-            type="number"
-            class="mb-6"
-          />
-
-          <div class="d-flex flex-wrap justify-end gap-4">
-            <VBtn
-              color="secondary"
-              variant="tonal"
-              @click="resetPhoneNumber"
-            >
-              Cancel
-            </VBtn>
-            <VBtn
-              type="submit"
-              @click="formSubmit"
-            >
-              continue
-              <VIcon
-                end
-                icon="tabler-arrow-right"
-                class="flip-in-rtl"
-              />
-            </VBtn>
-          </div>
-        </VForm>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/PaymentProvidersDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/PaymentProvidersDialog.vue
deleted file mode 100644
index 945758b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/PaymentProvidersDialog.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-<script setup lang="ts">
-import americanExDark from '@images/icons/payments/img/ae-dark.png'
-import americanExLight from '@images/icons/payments/img/american-express.png'
-import dcDark from '@images/icons/payments/img/dc-dark.png'
-import dcLight from '@images/icons/payments/img/dc-light.png'
-import jcbDark from '@images/icons/payments/img/jcb-dark.png'
-import jcbLight from '@images/icons/payments/img/jcb-light.png'
-import masterCardDark from '@images/icons/payments/img/master-dark.png'
-import masterCardLight from '@images/icons/payments/img/mastercard.png'
-import visaDark from '@images/icons/payments/img/visa-dark.png'
-import visaLight from '@images/icons/payments/img/visa-light.png'
-
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-const visa = useGenerateImageVariant(visaLight, visaDark)
-const masterCard = useGenerateImageVariant(masterCardLight, masterCardDark)
-const americanEx = useGenerateImageVariant(americanExLight, americanExDark)
-const jcb = useGenerateImageVariant(jcbLight, jcbDark)
-const dc = useGenerateImageVariant(dcLight, dcDark)
-
-interface Props {
-  isDialogVisible: boolean
-}
-
-interface Emit {
-  (e: 'update:isDialogVisible', val: boolean): void
-}
-
-const dialogVisibleUpdate = (val: boolean) => {
-  emit('update:isDialogVisible', val)
-}
-
-const paymentProvidersData = [
-  {
-    title: 'Adyen',
-    providers: [visa, masterCard, americanEx, jcb, dc],
-  },
-  {
-    title: '2Checkout',
-    providers: [visa, americanEx, jcb, dc],
-  },
-  {
-    title: 'Airpay',
-    providers: [visa, americanEx, masterCard, jcb],
-  },
-  {
-    title: 'Authorize.net',
-    providers: [americanEx, jcb, dc],
-  },
-  {
-    title: 'Bambora',
-    providers: [masterCard, americanEx, jcb],
-  },
-  {
-    title: 'Bambora',
-    providers: [visa, masterCard, americanEx, jcb, dc],
-  },
-  {
-    title: 'Chase Paymentech (Orbital)',
-    providers: [visa, americanEx, jcb, dc],
-  },
-  {
-    title: 'Checkout.com',
-    providers: [visa, masterCard],
-  },
-]
-</script>
-
-<template>
-  <VDialog
-    :model-value="props.isDialogVisible"
-    :width="$vuetify.display.smAndDown ? 'auto' : 900"
-    @update:model-value="dialogVisibleUpdate"
-  >
-    <DialogCloseBtn @click="emit('update:isDialogVisible', false)" />
-
-    <VCard class="pa-2 pa-sm-10">
-      <VCardText>
-        <!-- 👉 Title -->
-        <h4 class="text-h4 text-center mb-2">
-          Select Payment Providers
-        </h4>
-        <p class="text-body-1 text-center mb-6">
-          Third-party payment providers
-        </p>
-
-        <div
-          v-for="(item, index) in paymentProvidersData"
-          :key="index"
-        >
-          <div class="d-flex flex-column flex-sm-row justify-space-between gap-4 flex-wrap py-4">
-            <h6 class="text-h6">
-              {{ item.title }}
-            </h6>
-            <div class="d-flex gap-4 flex-wrap">
-              <img
-                v-for="(img, iterator) in item.providers"
-                :key="iterator"
-                :src="img.value"
-                height="30"
-                width="50"
-              >
-            </div>
-          </div>
-          <VDivider v-if="index !== paymentProvidersData.length - 1" />
-        </div>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.refer-link-input {
-  .v-field--appended {
-    padding-inline-end: 0;
-  }
-
-  .v-field__append-inner {
-    padding-block-start: 0.125rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/PricingPlanDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/PricingPlanDialog.vue
deleted file mode 100644
index d3accf1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/PricingPlanDialog.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  isDialogVisible: boolean
-}
-
-interface Emit {
-  (e: 'update:isDialogVisible', val: boolean): void
-}
-
-const props = defineProps<Props>()
-
-const emit = defineEmits<Emit>()
-
-const dialogVisibleUpdate = (val: boolean) => {
-  emit('update:isDialogVisible', val)
-}
-</script>
-
-<template>
-  <VDialog
-    :model-value="props.isDialogVisible"
-    :width="$vuetify.display.smAndDown ? 'auto' : 1200"
-    @update:model-value="dialogVisibleUpdate"
-  >
-    <!-- 👉 Dialog close btn -->
-    <DialogCloseBtn @click="$emit('update:isDialogVisible', false)" />
-
-    <VCard class="pricing-dialog pa-2 pa-sm-10">
-      <VCardText>
-        <AppPricing md="4" />
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/ReferAndEarnDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/ReferAndEarnDialog.vue
deleted file mode 100644
index 7170528..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/ReferAndEarnDialog.vue
+++ /dev/null
@@ -1,181 +0,0 @@
-<script setup lang="ts">
-import keyboard from '@images/svg/keyboard.svg'
-import paper from '@images/svg/paper-send.svg'
-import rocket from '@images/svg/rocket.svg'
-import { themeConfig } from '@themeConfig'
-
-interface Props {
-  isDialogVisible: boolean
-}
-
-interface Emit {
-  (e: 'update:isDialogVisible', val: boolean): void
-}
-
-const props = defineProps<Props>()
-
-const emit = defineEmits<Emit>()
-
-const dialogVisibleUpdate = (val: boolean) => {
-  emit('update:isDialogVisible', val)
-}
-
-const referAndEarnSteps = [
-  {
-    icon: paper,
-    title: 'Send Invitation 👍🏻',
-    subtitle: 'Send your referral link to your friend',
-  },
-  {
-    icon: keyboard,
-    title: 'Registration 😎',
-    subtitle: 'Let them register to our services',
-  },
-  {
-    icon: rocket,
-    title: 'Free Trial  🎉',
-    subtitle: 'Your friend will get 30 days free trial',
-  },
-]
-</script>
-
-<template>
-  <VDialog
-    :model-value="props.isDialogVisible"
-    :width="$vuetify.display.smAndDown ? 'auto' : 800"
-    @update:model-value="dialogVisibleUpdate"
-  >
-    <!-- 👉 Dialog close btn -->
-    <DialogCloseBtn @click="$emit('update:isDialogVisible', false)" />
-
-    <VCard class="pa-2 pa-sm-10">
-      <VCardText>
-        <h4 class="text-h4 text-center mb-2">
-          Refer & Earn
-        </h4>
-        <p class="text-body-1 mb-6 text-center">
-          Invite your friend to <span class="text-capitalize">{{ themeConfig.app.title }}</span>, if they sign up, you and your friend will get 30 days free trial
-        </p>
-
-        <VRow class="text-center mt-8">
-          <VCol
-            v-for="step in referAndEarnSteps"
-            :key="step.title"
-            cols="12"
-            sm="4"
-          >
-            <VAvatar
-              variant="tonal"
-              size="88"
-              color="primary"
-              rounded
-            >
-              <VIcon
-                size="40"
-                :icon="step.icon"
-              />
-            </VAvatar>
-
-            <h5 class="text-h5 mt-4 mb-2">
-              {{ step.title }}
-            </h5>
-            <div>{{ step.subtitle }}</div>
-          </VCol>
-        </VRow>
-
-        <VDivider class="mt-12 mb-6" />
-
-        <h5 class="text-h5 mb-6">
-          Invite your friends
-        </h5>
-
-        <VForm
-          class="d-flex align-center flex-wrap gap-4"
-          @submit.prevent="() => {}"
-        >
-          <AppTextField
-            placeholder="johnDoe@gmail.com"
-            label="Enter your friend's email address and invite them to join Vuexy 😍"
-          />
-
-          <VBtn
-            class="align-self-end"
-            type="submit"
-          >
-            Send
-          </VBtn>
-        </VForm>
-
-        <h5 class="text-h5 my-6">
-          Share the referral link
-        </h5>
-
-        <VForm
-          class="d-flex align-center flex-wrap gap-4"
-          @submit.prevent="() => {}"
-        >
-          <AppTextField
-            placeholder="http://pixinvent.link"
-            label="You can also copy and send it or share it on your social media. 🚀"
-            class="refer-link-input"
-          >
-            <template #append-inner>
-              <VBtn variant="text">
-                Copy link
-              </VBtn>
-            </template>
-          </AppTextField>
-
-          <div class="d-flex align-self-end gap-1">
-            <VBtn
-              icon
-              class="rounded"
-              color="#3B5998"
-              size="38"
-            >
-              <VIcon
-                color="white"
-                icon="tabler-brand-facebook"
-                size="22"
-              />
-            </VBtn>
-
-            <VBtn
-              icon
-              class="rounded"
-              color="#55ACEE"
-              size="38"
-            >
-              <VIcon
-                color="white"
-                icon="tabler-brand-twitter"
-                size="22"
-              />
-            </VBtn>
-
-            <VBtn
-              icon
-              class="rounded"
-              color="#007BB6"
-              size="38"
-            >
-              <VIcon
-                color="white"
-                icon="tabler-brand-linkedin"
-                size="22"
-              />
-            </VBtn>
-          </div>
-        </VForm>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.refer-link-input {
-  .v-field--appended {
-    padding-inline-end: 0;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/ShareProjectDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/ShareProjectDialog.vue
deleted file mode 100644
index 427544e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/ShareProjectDialog.vue
+++ /dev/null
@@ -1,198 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-
-interface Props {
-  isDialogVisible: boolean
-}
-
-interface Emit {
-  (e: 'update:isDialogVisible', val: boolean): void
-}
-
-const props = defineProps<Props>()
-
-const emit = defineEmits<Emit>()
-
-const dialogVisibleUpdate = (val: boolean) => {
-  emit('update:isDialogVisible', val)
-}
-
-type Permission = 'Owner' | 'Can Edit' | 'Can Comment' | 'Can View'
-
-interface Member {
-  avatar: string
-  name: string
-  email: string
-  permission: Permission
-}
-
-const membersList: Member[] = [
-  {
-    avatar: avatar1,
-    name: 'Lester Palmer',
-    email: 'jerrod98@gmail.com',
-    permission: 'Can Edit',
-  },
-  {
-    avatar: avatar2,
-    name: 'Mattie Blair',
-    email: 'prudence.boehm@yahoo.com',
-    permission: 'Owner',
-  },
-  {
-    avatar: avatar3,
-    name: 'Marvin Wheeler',
-    email: 'rumet@jujpejah.net',
-    permission: 'Can Comment',
-  },
-  {
-    avatar: avatar4,
-    name: 'Nannie Ford',
-    email: 'negza@nuv.io',
-    permission: 'Can View',
-  },
-  {
-    avatar: avatar5,
-    name: 'Julian Murphy',
-    email: 'lunebame@umdomgu.net',
-    permission: 'Can Edit',
-  },
-  {
-    avatar: avatar6,
-    name: 'Sophie Gilbert',
-    email: 'ha@sugit.gov',
-    permission: 'Can View',
-  },
-  {
-    avatar: avatar7,
-    name: 'Chris Watkins',
-    email: 'zokap@mak.org',
-    permission: 'Can Comment',
-  },
-  {
-    avatar: avatar8,
-    name: 'Adelaide Nichols',
-    email: 'ujinomu@jigo.com',
-    permission: 'Can Edit',
-  },
-]
-</script>
-
-<template>
-  <VDialog
-    :model-value="props.isDialogVisible"
-    :width="$vuetify.display.smAndDown ? 'auto' : 900"
-    @update:model-value="dialogVisibleUpdate"
-  >
-    <!-- 👉 Dialog close btn -->
-    <DialogCloseBtn @click="$emit('update:isDialogVisible', false)" />
-
-    <VCard class="share-project-dialog pa-2 pa-sm-10">
-      <VCardText>
-        <h4 class="text-h4 text-center mb-2">
-          Share Project
-        </h4>
-        <p class="text-body-1 text-center mb-6">
-          Share project with a team members
-        </p>
-
-        <AppAutocomplete
-          label="Add Members"
-          :items="membersList"
-          item-title="name"
-          item-value="name"
-          placeholder="Add project members..."
-        >
-          <template #item="{ props: listItemProp, item }">
-            <VListItem v-bind="listItemProp">
-              <template #prepend>
-                <VAvatar
-                  :image="item.raw.avatar"
-                  size="30"
-                />
-              </template>
-            </VListItem>
-          </template>
-        </AppAutocomplete>
-
-        <h5 class="text-h5 mb-4 mt-6">
-          8 Members
-        </h5>
-
-        <VList class="card-list">
-          <VListItem
-            v-for="member in membersList"
-            :key="member.name"
-          >
-            <template #prepend>
-              <VAvatar :image="member.avatar" />
-            </template>
-
-            <VListItemTitle>
-              {{ member.name }}
-            </VListItemTitle>
-            <VListItemSubtitle>
-              {{ member.email }}
-            </VListItemSubtitle>
-
-            <template #append>
-              <VBtn
-                variant="text"
-                color="secondary"
-                :icon="$vuetify.display.xs"
-              >
-                <span class="d-none d-sm-block me-1">{{ member.permission }}</span>
-                <VIcon icon="tabler-chevron-down" />
-
-                <VMenu activator="parent">
-                  <VList :selected="[member.permission]">
-                    <VListItem
-                      v-for="(item, index) in ['Owner', 'Can Edit', 'Can Comment', 'Can View']"
-                      :key="index"
-                      :value="item"
-                    >
-                      <VListItemTitle>{{ item }}</VListItemTitle>
-                    </VListItem>
-                  </VList>
-                </VMenu>
-              </VBtn>
-            </template>
-          </VListItem>
-        </VList>
-
-        <div class="d-flex align-center justify-center justify-sm-space-between flex-wrap gap-3 mt-6">
-          <h6 class="text-h6 font-weight-medium d-flex align-start">
-            <VIcon
-              icon="tabler-users"
-              class="me-2"
-              size="20"
-            />
-            <div>Public to Vuexy - Pixinvent</div>
-          </h6>
-
-          <VBtn
-            class="text-capitalize"
-            prepend-icon="tabler-link"
-          >
-            Copy Project Link
-          </VBtn>
-        </div>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.share-project-dialog {
-  .card-list {
-    --v-card-list-gap: 1rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/TwoFactorAuthDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/TwoFactorAuthDialog.vue
deleted file mode 100644
index 78846bc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/TwoFactorAuthDialog.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<script setup lang="ts">
-interface Emit {
-  (e: 'update:isDialogVisible', value: boolean): void
-}
-interface Props {
-  isDialogVisible: boolean
-  smsCode?: string
-  authAppCode?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  isDialogVisible: false,
-  smsCode: '',
-  authAppCode: '',
-})
-
-const emit = defineEmits<Emit>()
-
-const authMethods = [
-  {
-    icon: 'tabler-settings',
-    title: 'Authenticator Apps',
-    desc: 'Get code from an app like Google Authenticator or Microsoft Authenticator.',
-    value: 'authApp',
-  },
-  {
-    icon: 'tabler-message',
-    title: 'SMS',
-    desc: 'We will send a code via SMS if you need to use your backup login method.',
-    value: 'sms',
-  },
-]
-
-const selectedMethod = ref('authApp')
-const isAuthAppDialogVisible = ref(false)
-const isSmsDialogVisible = ref(false)
-
-const openSelectedMethodDialog = () => {
-  if (selectedMethod.value === 'authApp') {
-    isAuthAppDialogVisible.value = true
-    isSmsDialogVisible.value = false
-    emit('update:isDialogVisible', false)
-  }
-  if (selectedMethod.value === 'sms') {
-    isAuthAppDialogVisible.value = false
-    isSmsDialogVisible.value = true
-    emit('update:isDialogVisible', false)
-  }
-}
-</script>
-
-<template>
-  <VDialog
-    :width="$vuetify.display.smAndDown ? 'auto' : 800"
-    :model-value="props.isDialogVisible"
-    @update:model-value="(val) => $emit('update:isDialogVisible', val)"
-  >
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="$emit('update:isDialogVisible', false)" />
-
-    <VCard class="pa-2 pa-sm-10">
-      <VCardText>
-        <!-- 👉 Title -->
-        <div class="mb-6">
-          <h4 class="text-h4 text-center mb-2">
-            Select Authentication Method
-          </h4>
-          <p class="text-body-1 text-center mb-6">
-            You also need to select a method by which the proxy authenticates to the directory serve.
-          </p>
-          <CustomRadios
-            v-model:selected-radio="selectedMethod"
-            :radio-content="authMethods"
-            :grid-column="{ cols: '12' }"
-          >
-            <template #default="items">
-              <div class="d-flex flex-column">
-                <div class="d-flex gap-1 mb-2">
-                  <VIcon
-                    :icon="items.item.icon"
-                    size="20"
-                    class="text-high-emphasis"
-                  />
-                  <h6 class="text-h6">
-                    {{ items.item.title }}
-                  </h6>
-                </div>
-                <p class="text-body-2 mb-0">
-                  {{ items.item.desc }}
-                </p>
-              </div>
-            </template>
-          </CustomRadios>
-        </div>
-
-        <div class="d-flex gap-4 justify-center">
-          <VBtn @click="openSelectedMethodDialog">
-            submit
-          </VBtn>
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            @click="$emit('update:isDialogVisible', false)"
-          >
-            Cancel
-          </VBtn>
-        </div>
-      </VCardText>
-    </VCard>
-  </VDialog>
-
-  <AddAuthenticatorAppDialog
-    v-model:is-dialog-visible="isAuthAppDialogVisible"
-    :auth-code="props.authAppCode"
-  />
-  <EnableOneTimePasswordDialog
-    v-model:is-dialog-visible="isSmsDialogVisible"
-    :mobile-number="props.smsCode"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/UserInfoEditDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/UserInfoEditDialog.vue
deleted file mode 100644
index ef2a5dd..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/UserInfoEditDialog.vue
+++ /dev/null
@@ -1,242 +0,0 @@
-<script setup lang="ts">
-interface UserData {
-  id: number | null
-  fullName: string
-  company: string
-  username: string
-  role: string
-  country: string
-  contact: string | undefined
-  email: string | undefined
-  currentPlan: string
-  status: string | undefined
-  avatar: string
-  taskDone: number | null
-  projectDone: number | null
-  taxId: string
-  language: string
-}
-
-interface Props {
-  userData?: UserData
-  isDialogVisible: boolean
-}
-
-interface Emit {
-  (e: 'submit', value: UserData): void
-  (e: 'update:isDialogVisible', val: boolean): void
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  userData: () => ({
-    id: 0,
-    fullName: '',
-    company: '',
-    role: '',
-    username: '',
-    country: '',
-    contact: '',
-    email: '',
-    currentPlan: '',
-    status: '',
-    avatar: '',
-    taskDone: null,
-    projectDone: null,
-    taxId: '',
-    language: '',
-  }),
-})
-
-const emit = defineEmits<Emit>()
-
-const userData = ref<UserData>(structuredClone(toRaw(props.userData)))
-const isUseAsBillingAddress = ref(false)
-
-watch(() => props, () => {
-  userData.value = structuredClone(toRaw(props.userData))
-})
-
-const onFormSubmit = () => {
-  emit('update:isDialogVisible', false)
-  emit('submit', userData.value)
-}
-
-const onFormReset = () => {
-  userData.value = structuredClone(toRaw(props.userData))
-
-  emit('update:isDialogVisible', false)
-}
-
-const dialogModelValueUpdate = (val: boolean) => {
-  emit('update:isDialogVisible', val)
-}
-</script>
-
-<template>
-  <VDialog
-    :width="$vuetify.display.smAndDown ? 'auto' : 900"
-    :model-value="props.isDialogVisible"
-    @update:model-value="dialogModelValueUpdate"
-  >
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="dialogModelValueUpdate(false)" />
-
-    <VCard class="pa-sm-10 pa-2">
-      <VCardText>
-        <!-- 👉 Title -->
-        <h4 class="text-h4 text-center mb-2">
-          Edit User Information
-        </h4>
-        <p class="text-body-1 text-center mb-6">
-          Updating user details will receive a privacy audit.
-        </p>
-
-        <!-- 👉 Form -->
-        <VForm
-          class="mt-6"
-          @submit.prevent="onFormSubmit"
-        >
-          <VRow>
-            <!-- 👉 First Name -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                v-model="userData.fullName.split(' ')[0]"
-                label="First Name"
-                placeholder="John"
-              />
-            </VCol>
-
-            <!-- 👉 Last Name -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                v-model="userData.fullName.split(' ')[1]"
-                label="Last Name"
-                placeholder="Doe"
-              />
-            </VCol>
-
-            <!-- 👉 Username -->
-            <VCol cols="12">
-              <AppTextField
-                v-model="userData.username"
-                label="Username"
-                placeholder="john.doe.007"
-              />
-            </VCol>
-
-            <!-- 👉 Billing Email -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                v-model="userData.email"
-                label="Email"
-                placeholder="johndoe@email.com"
-              />
-            </VCol>
-
-            <!-- 👉 Status -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppSelect
-                v-model="userData.status"
-                label="Status"
-                placeholder="Active"
-                :items="['Active', 'Inactive', 'Pending']"
-              />
-            </VCol>
-
-            <!-- 👉 Tax Id -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                v-model="userData.taxId"
-                label="Tax ID"
-                placeholder="123456789"
-              />
-            </VCol>
-
-            <!-- 👉 Contact -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                v-model="userData.contact"
-                label="Phone Number"
-                placeholder="+1 9876543210"
-              />
-            </VCol>
-
-            <!-- 👉 Language -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppSelect
-                v-model="userData.language"
-                closable-chips
-                chips
-                multiple
-                label="Language"
-                placeholder="English"
-                :items="['English', 'Spanish', 'French']"
-              />
-            </VCol>
-
-            <!-- 👉 Country -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppSelect
-                v-model="userData.country"
-                label="Country"
-                placeholder="United States"
-                :items="['United States', 'United Kingdom', 'France']"
-              />
-            </VCol>
-
-            <!-- 👉 Switch -->
-            <VCol cols="12">
-              <VSwitch
-                v-model="isUseAsBillingAddress"
-                density="compact"
-                label="Use as a billing address?"
-              />
-            </VCol>
-
-            <!-- 👉 Submit and Cancel -->
-            <VCol
-              cols="12"
-              class="d-flex flex-wrap justify-center gap-4"
-            >
-              <VBtn type="submit">
-                Submit
-              </VBtn>
-
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                @click="onFormReset"
-              >
-                Cancel
-              </VBtn>
-            </VCol>
-          </VRow>
-        </VForm>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/UserUpgradePlanDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/UserUpgradePlanDialog.vue
deleted file mode 100644
index 29fe91d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/components/dialogs/UserUpgradePlanDialog.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<script setup lang="ts">
-interface Emit {
-  (e: 'update:isDialogVisible', val: boolean): void
-}
-
-interface Prop {
-  isDialogVisible: boolean
-}
-
-const props = defineProps<Prop>()
-
-const emit = defineEmits<Emit>()
-
-const selectedPlan = ref('standard')
-
-const plansList = [
-  { desc: 'Standard - $99/month', title: 'Standard', value: 'standard' },
-  { desc: 'Basic - $0/month', title: 'Basic', value: 'basic' },
-  { desc: 'Enterprise - $499/month', title: 'Enterprise', value: 'enterprice' },
-  { desc: 'Company - $999/month', title: 'Company', value: 'company' },
-]
-
-const isConfirmDialogVisible = ref(false)
-
-const dialogModelValueUpdate = (val: boolean) => {
-  emit('update:isDialogVisible', val)
-}
-</script>
-
-<template>
-  <!-- 👉 upgrade plan -->
-  <VDialog
-    :width="$vuetify.display.smAndDown ? 'auto' : 650"
-    :model-value="props.isDialogVisible"
-    @update:model-value="dialogModelValueUpdate"
-  >
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="dialogModelValueUpdate(false)" />
-
-    <VCard class="pa-2 pa-sm-10">
-      <VCardText>
-        <!-- 👉 Title -->
-        <h4 class="text-h4 text-center mb-2">
-          Upgrade Plan
-        </h4>
-        <p class="text-body-1 text-center mb-6">
-          Choose the best plan for user.
-        </p>
-
-        <div class="d-flex justify-space-between flex-column flex-sm-row gap-4">
-          <AppSelect
-            v-model="selectedPlan"
-            :items="plansList"
-            label="Choose a plan"
-            placeholder="Basic"
-          />
-          <VBtn
-            class="align-self-end"
-            :block="$vuetify.display.xs"
-          >
-            Upgrade
-          </VBtn>
-        </div>
-
-        <VDivider class="my-6" />
-
-        <p class="text-body-1 mb-1">
-          User current plan is standard plan
-        </p>
-        <div class="d-flex justify-space-between align-center flex-wrap">
-          <div class="d-flex align-center gap-1 me-3">
-            <sup class="text-body-1 text-primary">$</sup>
-            <h1 class="text-h1 text-primary">
-              99
-            </h1>
-            <sub class="text-body-2 mt-5">
-              / month
-            </sub>
-          </div>
-          <VBtn
-            color="error"
-            variant="tonal"
-            @click="isConfirmDialogVisible = true"
-          >
-            Cancel Subscription
-          </VBtn>
-        </div>
-      </VCardText>
-
-      <!-- 👉 Confirm Dialog -->
-      <ConfirmDialog
-        v-model:is-dialog-visible="isConfirmDialogVisible"
-        cancel-title="Cancelled"
-        confirm-title="Unsubscribed!"
-        confirm-msg="Your subscription cancelled successfully."
-        confirmation-question="Are you sure to cancel your subscription?"
-        cancel-msg="Unsubscription Cancelled!!"
-      />
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/composables/useApi.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/composables/useApi.ts
deleted file mode 100644
index a187832..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/composables/useApi.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { createFetch } from '@vueuse/core'
-import { destr } from 'destr'
-
-export const useApi = createFetch({
-  baseUrl: import.meta.env.VITE_API_BASE_URL || '/api',
-  fetchOptions: {
-    headers: {
-      Accept: 'application/json',
-    },
-  },
-  options: {
-    refetch: true,
-    async beforeFetch({ options }) {
-      const accessToken = useCookie('accessToken').value
-
-      if (accessToken) {
-        options.headers = {
-          ...options.headers,
-          Authorization: `Bearer ${accessToken}`,
-        }
-      }
-
-      return { options }
-    },
-    afterFetch(ctx) {
-      const { data, response } = ctx
-
-      // Parse data if it's JSON
-
-      let parsedData = null
-      try {
-        parsedData = destr(data)
-      }
-      catch (error) {
-        console.error(error)
-      }
-
-      return { data: parsedData, response }
-    },
-  },
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/blank.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/blank.vue
deleted file mode 100644
index 1a0772c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/blank.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<script lang="ts" setup>
-const { injectSkinClasses } = useSkins()
-
-// ℹ️ This will inject classes in body tag for accurate styling
-injectSkinClasses()
-
-// SECTION: Loading Indicator
-const isFallbackStateActive = ref(false)
-const refLoadingIndicator = ref<any>(null)
-
-// watching if the fallback state is active and the refLoadingIndicator component is available
-watch([isFallbackStateActive, refLoadingIndicator], () => {
-  if (isFallbackStateActive.value && refLoadingIndicator.value)
-    refLoadingIndicator.value.fallbackHandle()
-
-  if (!isFallbackStateActive.value && refLoadingIndicator.value)
-    refLoadingIndicator.value.resolveHandle()
-}, { immediate: true })
-// !SECTION
-</script>
-
-<template>
-  <AppLoadingIndicator ref="refLoadingIndicator" />
-
-  <div
-    class="layout-wrapper layout-blank"
-    data-allow-mismatch
-  >
-    <RouterView #="{Component}">
-      <Suspense
-        :timeout="0"
-        @fallback="isFallbackStateActive = true"
-        @resolve="isFallbackStateActive = false"
-      >
-        <Component :is="Component" />
-      </Suspense>
-    </RouterView>
-  </div>
-</template>
-
-<style>
-.layout-wrapper.layout-blank {
-  flex-direction: column;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/DefaultLayoutWithHorizontalNav.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/DefaultLayoutWithHorizontalNav.vue
deleted file mode 100644
index 96da71d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/DefaultLayoutWithHorizontalNav.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<script lang="ts" setup>
-import navItems from '@/navigation/horizontal'
-
-import { themeConfig } from '@themeConfig'
-
-// Components
-import Footer from '@/layouts/components/Footer.vue'
-import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue'
-import NavSearchBar from '@/layouts/components/NavSearchBar.vue'
-import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue'
-import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue'
-import UserProfile from '@/layouts/components/UserProfile.vue'
-import NavBarI18n from '@core/components/I18n.vue'
-import { HorizontalNavLayout } from '@layouts'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-</script>
-
-<template>
-  <HorizontalNavLayout :nav-items="navItems">
-    <!-- 👉 navbar -->
-    <template #navbar>
-      <RouterLink
-        to="/"
-        class="app-logo d-flex align-center gap-x-3"
-      >
-        <VNodeRenderer :nodes="themeConfig.app.logo" />
-
-        <h1 class="app-title font-weight-bold leading-normal text-xl text-capitalize">
-          {{ themeConfig.app.title }}
-        </h1>
-      </RouterLink>
-      <VSpacer />
-
-      <NavSearchBar trigger-btn-class="ms-lg-n3" />
-
-      <NavBarI18n
-        v-if="themeConfig.app.i18n.enable && themeConfig.app.i18n.langConfig?.length"
-        :languages="themeConfig.app.i18n.langConfig"
-      />
-
-      <NavbarThemeSwitcher />
-      <NavbarShortcuts />
-      <NavBarNotifications class="me-2" />
-      <UserProfile />
-    </template>
-
-    <!-- 👉 Pages -->
-    <slot />
-
-    <!-- 👉 Footer -->
-    <template #footer>
-      <Footer />
-    </template>
-
-    <!-- 👉 Customizer -->
-    <TheCustomizer />
-  </HorizontalNavLayout>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/DefaultLayoutWithVerticalNav.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/DefaultLayoutWithVerticalNav.vue
deleted file mode 100644
index 3965ddd..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/DefaultLayoutWithVerticalNav.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<script lang="ts" setup>
-import navItems from '@/navigation/vertical'
-import { themeConfig } from '@themeConfig'
-
-// Components
-import Footer from '@/layouts/components/Footer.vue'
-import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue'
-import NavSearchBar from '@/layouts/components/NavSearchBar.vue'
-import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue'
-import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue'
-import UserProfile from '@/layouts/components/UserProfile.vue'
-import NavBarI18n from '@core/components/I18n.vue'
-
-// @layouts plugin
-import { VerticalNavLayout } from '@layouts'
-</script>
-
-<template>
-  <VerticalNavLayout :nav-items="navItems">
-    <!-- 👉 navbar -->
-    <template #navbar="{ toggleVerticalOverlayNavActive }">
-      <div class="d-flex h-100 align-center">
-        <IconBtn
-          id="vertical-nav-toggle-btn"
-          class="ms-n3 d-lg-none"
-          @click="toggleVerticalOverlayNavActive(true)"
-        >
-          <VIcon
-            size="26"
-            icon="tabler-menu-2"
-          />
-        </IconBtn>
-
-        <NavSearchBar class="ms-lg-n3" />
-
-        <VSpacer />
-
-        <NavBarI18n
-          v-if="themeConfig.app.i18n.enable && themeConfig.app.i18n.langConfig?.length"
-          :languages="themeConfig.app.i18n.langConfig"
-        />
-        <NavbarThemeSwitcher />
-        <NavbarShortcuts />
-        <NavBarNotifications class="me-1" />
-        <UserProfile />
-      </div>
-    </template>
-
-    <!-- 👉 Pages -->
-    <slot />
-
-    <!-- 👉 Footer -->
-    <template #footer>
-      <Footer />
-    </template>
-
-    <!-- 👉 Customizer -->
-    <TheCustomizer />
-  </VerticalNavLayout>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/Footer.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/Footer.vue
deleted file mode 100644
index c75bb67..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/Footer.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <div class="h-100 d-flex align-center justify-md-space-between justify-center">
-    <!-- 👉 Footer: left content -->
-    <span class="d-flex align-center text-medium-emphasis">
-      &copy;
-      {{ new Date().getFullYear() }}
-      Made With
-      <VIcon
-        icon="tabler-heart-filled"
-        color="error"
-        size="1.25rem"
-        class="mx-1"
-      />
-      By <a
-        href="https://pixinvent.com"
-        target="_blank"
-        rel="noopener noreferrer"
-        class="text-primary ms-1"
-      >Pixinvent</a>
-    </span>
-    <!-- 👉 Footer: right content -->
-    <span class="d-md-flex gap-x-4 text-primary d-none">
-      <a
-        href="https://themeforest.net/licenses/standard"
-        target="noopener noreferrer"
-      >License</a>
-      <a
-        href="https://1.envato.market/pixinvent_portfolio"
-        target="noopener noreferrer"
-      >More Themes</a>
-      <a
-        href="https://demos.pixinvent.com/vuexy-vuejs-admin-template/documentation/guide/laravel-integration/folder-structure.html"
-        target="noopener noreferrer"
-      >Documentation</a>
-      <a
-        href="https://pixinvent.ticksy.com/"
-        target="noopener noreferrer"
-      >Support</a>
-    </span>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/NavBarNotifications.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/NavBarNotifications.vue
deleted file mode 100644
index 89cb305..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/NavBarNotifications.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<script lang="ts" setup>
-import type { Notification } from '@layouts/types'
-
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import paypal from '@images/cards/paypal-rounded.png'
-
-const notifications = ref<Notification[]>([
-  {
-    id: 1,
-    img: avatar4,
-    title: 'Congratulation Flora! 🎉',
-    subtitle: 'Won the monthly best seller badge',
-    time: 'Today',
-    isSeen: true,
-  },
-  {
-    id: 2,
-    text: 'Tom Holland',
-    title: 'New user registered.',
-    subtitle: '5 hours ago',
-    time: 'Yesterday',
-    isSeen: false,
-  },
-  {
-    id: 3,
-    img: avatar5,
-    title: 'New message received 👋🏻',
-    subtitle: 'You have 10 unread messages',
-    time: '11 Aug',
-    isSeen: true,
-  },
-  {
-    id: 4,
-    img: paypal,
-    title: 'PayPal',
-    subtitle: 'Received Payment',
-    time: '25 May',
-    isSeen: false,
-    color: 'error',
-  },
-  {
-    id: 5,
-    img: avatar3,
-    title: 'Received Order 📦',
-    subtitle: 'New order received from john',
-    time: '19 Mar',
-    isSeen: true,
-  },
-])
-
-const removeNotification = (notificationId: number) => {
-  notifications.value.forEach((item, index) => {
-    if (notificationId === item.id)
-      notifications.value.splice(index, 1)
-  })
-}
-
-const markRead = (notificationId: number[]) => {
-  notifications.value.forEach(item => {
-    notificationId.forEach(id => {
-      if (id === item.id)
-        item.isSeen = true
-    })
-  })
-}
-
-const markUnRead = (notificationId: number[]) => {
-  notifications.value.forEach(item => {
-    notificationId.forEach(id => {
-      if (id === item.id)
-        item.isSeen = false
-    })
-  })
-}
-
-const handleNotificationClick = (notification: Notification) => {
-  if (!notification.isSeen)
-    markRead([notification.id])
-}
-</script>
-
-<template>
-  <Notifications
-    :notifications="notifications"
-    @remove="removeNotification"
-    @read="markRead"
-    @unread="markUnRead"
-    @click:notification="handleNotificationClick"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/NavSearchBar.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/NavSearchBar.vue
deleted file mode 100644
index 4f1ccdf..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/NavSearchBar.vue
+++ /dev/null
@@ -1,266 +0,0 @@
-<script setup lang="ts">
-import Shepherd from 'shepherd.js'
-import { withQuery } from 'ufo'
-import type { RouteLocationRaw } from 'vue-router'
-import type { SearchResults } from '@db/app-bar-search/types'
-import { useConfigStore } from '@core/stores/config'
-
-interface Suggestion {
-  icon: string
-  title: string
-  url: RouteLocationRaw
-}
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-const configStore = useConfigStore()
-
-interface SuggestionGroup {
-  title: string
-  content: Suggestion[]
-}
-
-// 👉 Is App Search Bar Visible
-const isAppSearchBarVisible = ref(false)
-const isLoading = ref(false)
-
-// 👉 Default suggestions
-
-const suggestionGroups: SuggestionGroup[] = [
-  {
-    title: 'Popular Searches',
-    content: [
-      { icon: 'tabler-chart-bar', title: 'Analytics', url: { name: 'dashboards-analytics' } },
-      { icon: 'tabler-chart-donut-3', title: 'CRM', url: { name: 'dashboards-crm' } },
-      { icon: 'tabler-shopping-cart', title: 'eCommerce', url: { name: 'dashboards-ecommerce' } },
-      { icon: 'tabler-truck', title: 'Logistics', url: { name: 'dashboards-logistics' } },
-    ],
-  },
-  {
-    title: 'Apps & Pages',
-    content: [
-      { icon: 'tabler-calendar', title: 'Calendar', url: { name: 'apps-calendar' } },
-      { icon: 'tabler-lock', title: 'Roles & Permissions', url: { name: 'apps-roles' } },
-      { icon: 'tabler-settings', title: 'Account Settings', url: { name: 'pages-account-settings-tab', params: { tab: 'account' } } },
-      { icon: 'tabler-copy', title: 'Dialog Examples', url: { name: 'pages-dialog-examples' } },
-    ],
-  },
-  {
-    title: 'User Interface',
-    content: [
-      { icon: 'tabler-typography', title: 'Typography', url: { name: 'pages-typography' } },
-      { icon: 'tabler-menu-2', title: 'Accordion', url: { name: 'components-expansion-panel' } },
-      { icon: 'tabler-info-triangle', title: 'Alert', url: { name: 'components-alert' } },
-      { icon: 'tabler-checkbox', title: 'Cards', url: { name: 'pages-cards-card-basic' } },
-    ],
-  },
-  {
-    title: 'Forms & Tables',
-    content: [
-      { icon: 'tabler-circle-dot', title: 'Radio', url: { name: 'forms-radio' } },
-      { icon: 'tabler-file-invoice', title: 'Form Layouts', url: { name: 'forms-form-layouts' } },
-      { icon: 'tabler-table', title: 'Table', url: { name: 'tables-data-table' } },
-      { icon: 'tabler-edit', title: 'Editor', url: { name: 'forms-editors' } },
-    ],
-  },
-]
-
-// 👉 No Data suggestion
-const noDataSuggestions: Suggestion[] = [
-  {
-    title: 'Analytics',
-    icon: 'tabler-chart-bar',
-    url: { name: 'dashboards-analytics' },
-  },
-  {
-    title: 'CRM',
-    icon: 'tabler-chart-donut-3',
-    url: { name: 'dashboards-crm' },
-  },
-  {
-    title: 'eCommerce',
-    icon: 'tabler-shopping-cart',
-    url: { name: 'dashboards-ecommerce' },
-  },
-]
-
-const searchQuery = ref('')
-
-const router = useRouter()
-const searchResult = ref<SearchResults[]>([])
-
-const fetchResults = async () => {
-  isLoading.value = true
-
-  const { data } = await useApi<any>(withQuery('/app-bar/search', { q: searchQuery.value }))
-
-  searchResult.value = data.value
-
-  // ℹ️ simulate loading: we have used setTimeout for better user experience your can remove it
-  setTimeout(() => {
-    isLoading.value = false
-  }, 500)
-}
-
-watch(searchQuery, fetchResults)
-
-const closeSearchBar = () => {
-  isAppSearchBarVisible.value = false
-  searchQuery.value = ''
-}
-
-// 👉 redirect the selected page
-const redirectToSuggestedPage = (selected: Suggestion) => {
-  router.push(selected.url as string)
-  closeSearchBar()
-}
-
-const LazyAppBarSearch = defineAsyncComponent(() => import('@core/components/AppBarSearch.vue'))
-</script>
-
-<template>
-  <div
-    class="d-flex align-center cursor-pointer"
-    v-bind="$attrs"
-    style="user-select: none;"
-    @click="isAppSearchBarVisible = !isAppSearchBarVisible"
-  >
-    <!-- 👉 Search Trigger button -->
-    <!-- close active tour while opening search bar using icon -->
-    <IconBtn @click="Shepherd.activeTour?.cancel()">
-      <VIcon icon="tabler-search" />
-    </IconBtn>
-
-    <span
-      v-if="configStore.appContentLayoutNav === 'vertical'"
-      class="d-none d-md-flex align-center text-disabled ms-2"
-      @click="Shepherd.activeTour?.cancel()"
-    >
-      <span class="me-2">Search</span>
-      <span class="meta-key">&#8984;K</span>
-    </span>
-  </div>
-
-  <!-- 👉 App Bar Search -->
-  <LazyAppBarSearch
-    v-model:is-dialog-visible="isAppSearchBarVisible"
-    :search-results="searchResult"
-    :is-loading="isLoading"
-    @search="searchQuery = $event"
-  >
-    <!-- suggestion -->
-    <template #suggestions>
-      <VCardText class="app-bar-search-suggestions pa-12">
-        <VRow v-if="suggestionGroups">
-          <VCol
-            v-for="suggestion in suggestionGroups"
-            :key="suggestion.title"
-            cols="12"
-            sm="6"
-          >
-            <p
-              class="custom-letter-spacing text-disabled text-uppercase py-2 px-4 mb-0"
-              style="font-size: 0.75rem; line-height: 0.875rem;"
-            >
-              {{ suggestion.title }}
-            </p>
-            <VList class="card-list">
-              <VListItem
-                v-for="item in suggestion.content"
-                :key="item.title"
-                class="app-bar-search-suggestion mx-4 mt-2"
-                @click="redirectToSuggestedPage(item)"
-              >
-                <VListItemTitle>{{ item.title }}</VListItemTitle>
-                <template #prepend>
-                  <VIcon
-                    :icon="item.icon"
-                    size="20"
-                    class="me-n1"
-                  />
-                </template>
-              </VListItem>
-            </VList>
-          </VCol>
-        </VRow>
-      </VCardText>
-    </template>
-
-    <!-- no data suggestion -->
-    <template #noDataSuggestion>
-      <div class="mt-9">
-        <span class="d-flex justify-center text-disabled mb-2">Try searching for</span>
-        <h6
-          v-for="suggestion in noDataSuggestions"
-          :key="suggestion.title"
-          class="app-bar-search-suggestion text-h6 font-weight-regular cursor-pointer py-2 px-4"
-          @click="redirectToSuggestedPage(suggestion)"
-        >
-          <VIcon
-            size="20"
-            :icon="suggestion.icon"
-            class="me-2"
-          />
-          <span>{{ suggestion.title }}</span>
-        </h6>
-      </div>
-    </template>
-
-    <!-- search result -->
-    <template #searchResult="{ item }">
-      <VListSubheader class="text-disabled custom-letter-spacing font-weight-regular ps-4">
-        {{ item.title }}
-      </VListSubheader>
-      <VListItem
-        v-for="list in item.children"
-        :key="list.title"
-        :to="list.url"
-        @click="closeSearchBar"
-      >
-        <template #prepend>
-          <VIcon
-            size="20"
-            :icon="list.icon"
-            class="me-n1"
-          />
-        </template>
-        <template #append>
-          <VIcon
-            size="20"
-            icon="tabler-corner-down-left"
-            class="enter-icon flip-in-rtl"
-          />
-        </template>
-        <VListItemTitle>
-          {{ list.title }}
-        </VListItemTitle>
-      </VListItem>
-    </template>
-  </LazyAppBarSearch>
-</template>
-
-<style lang="scss">
-@use "@styles/variables/vuetify.scss";
-
-.meta-key {
-  border: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
-  border-radius: 6px;
-  block-size: 1.5625rem;
-  font-size: 0.8125rem;
-  line-height: 1.3125rem;
-  padding-block: 0.125rem;
-  padding-inline: 0.25rem;
-}
-
-.app-bar-search-dialog {
-  .custom-letter-spacing {
-    letter-spacing: 0.8px;
-  }
-
-  .card-list {
-    --v-card-list-gap: 8px;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/NavbarShortcuts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/NavbarShortcuts.vue
deleted file mode 100644
index cca774a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/NavbarShortcuts.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<script setup lang="ts">
-const shortcuts = [
-  {
-    icon: 'tabler-calendar',
-    title: 'Calendar',
-    subtitle: 'Appointments',
-    to: { name: 'apps-calendar' },
-  },
-  {
-    icon: 'tabler-file-dollar',
-    title: 'Invoice App',
-    subtitle: 'Manage Accounts',
-    to: { name: 'apps-invoice-list' },
-  },
-  {
-    icon: 'tabler-user',
-    title: 'Users',
-    subtitle: 'Manage Users',
-    to: { name: 'apps-user-list' },
-  },
-  {
-    icon: 'tabler-users',
-    title: 'Role Management',
-    subtitle: 'Permission',
-    to: { name: 'apps-roles' },
-  },
-  {
-    icon: 'tabler-device-desktop-analytics',
-    title: 'Dashboard',
-    subtitle: 'Dashboard Analytics',
-    to: { name: 'dashboards-analytics' },
-  },
-  {
-    icon: 'tabler-settings',
-    title: 'Settings',
-    subtitle: 'Account Settings',
-    to: { name: 'pages-account-settings-tab', params: { tab: 'account' } },
-  },
-
-]
-</script>
-
-<template>
-  <Shortcuts :shortcuts="shortcuts" />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/NavbarThemeSwitcher.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/NavbarThemeSwitcher.vue
deleted file mode 100644
index a663727..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/NavbarThemeSwitcher.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script setup lang="ts">
-import type { ThemeSwitcherTheme } from '@layouts/types'
-
-const themes: ThemeSwitcherTheme[] = [
-  {
-    name: 'light',
-    icon: 'tabler-sun-high',
-  },
-  {
-    name: 'dark',
-    icon: 'tabler-moon-stars',
-  },
-  {
-    name: 'system',
-    icon: 'tabler-device-desktop-analytics',
-  },
-]
-</script>
-
-<template>
-  <ThemeSwitcher :themes="themes" />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/UserProfile.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/UserProfile.vue
deleted file mode 100644
index 40c01fd..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/components/UserProfile.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-<script setup lang="ts">
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-
-const router = useRouter()
-const ability = useAbility()
-
-// TODO: Get type from backend
-const userData = useCookie<any>('userData')
-
-const logout = async () => {
-  // Remove "accessToken" from cookie
-  useCookie('accessToken').value = null
-
-  // Remove "userData" from cookie
-  userData.value = null
-
-  // Redirect to login page
-  await router.push('/login')
-
-  // ℹ️ We had to remove abilities in then block because if we don't nav menu items mutation is visible while redirecting user to login page
-  // Remove "userAbilities" from cookie
-  useCookie('userAbilityRules').value = null
-
-  // Reset ability to initial ability
-  ability.update([])
-}
-
-const userProfileList = [
-  { type: 'divider' },
-  { type: 'navItem', icon: 'tabler-user', title: 'Profile', to: { name: 'apps-user-view-id', params: { id: 21 } } },
-  { type: 'navItem', icon: 'tabler-settings', title: 'Settings', to: { name: 'pages-account-settings-tab', params: { tab: 'account' } } },
-  { type: 'navItem', icon: 'tabler-file-dollar', title: 'Billing Plan', to: { name: 'pages-account-settings-tab', params: { tab: 'billing-plans' } }, badgeProps: { color: 'error', content: '4' } },
-  { type: 'divider' },
-  { type: 'navItem', icon: 'tabler-currency-dollar', title: 'Pricing', to: { name: 'pages-pricing' } },
-  { type: 'navItem', icon: 'tabler-question-mark', title: 'FAQ', to: { name: 'pages-faq' } },
-]
-</script>
-
-<template>
-  <VBadge
-    v-if="userData"
-    dot
-    bordered
-    location="bottom right"
-    offset-x="1"
-    offset-y="2"
-    color="success"
-  >
-    <VAvatar
-      size="38"
-      class="cursor-pointer"
-      :color="!(userData && userData.avatar) ? 'primary' : undefined"
-      :variant="!(userData && userData.avatar) ? 'tonal' : undefined"
-    >
-      <VImg
-        v-if="userData && userData.avatar"
-        :src="userData.avatar"
-      />
-      <VIcon
-        v-else
-        icon="tabler-user"
-      />
-
-      <!-- SECTION Menu -->
-      <VMenu
-        activator="parent"
-        width="240"
-        location="bottom end"
-        offset="12px"
-      >
-        <VList>
-          <VListItem>
-            <div class="d-flex gap-2 align-center">
-              <VListItemAction>
-                <VBadge
-                  dot
-                  location="bottom right"
-                  offset-x="3"
-                  offset-y="3"
-                  color="success"
-                  bordered
-                >
-                  <VAvatar
-                    :color="!(userData && userData.avatar) ? 'primary' : undefined"
-                    :variant="!(userData && userData.avatar) ? 'tonal' : undefined"
-                  >
-                    <VImg
-                      v-if="userData && userData.avatar"
-                      :src="userData.avatar"
-                    />
-                    <VIcon
-                      v-else
-                      icon="tabler-user"
-                    />
-                  </VAvatar>
-                </VBadge>
-              </VListItemAction>
-
-              <div>
-                <h6 class="text-h6 font-weight-medium">
-                  {{ userData.fullName || userData.username }}
-                </h6>
-                <VListItemSubtitle class="text-capitalize text-disabled">
-                  {{ userData.role }}
-                </VListItemSubtitle>
-              </div>
-            </div>
-          </VListItem>
-
-          <PerfectScrollbar :options="{ wheelPropagation: false }">
-            <template
-              v-for="item in userProfileList"
-              :key="item.title"
-            >
-              <VListItem
-                v-if="item.type === 'navItem'"
-                :to="item.to"
-              >
-                <template #prepend>
-                  <VIcon
-                    :icon="item.icon"
-                    size="22"
-                  />
-                </template>
-
-                <VListItemTitle>{{ item.title }}</VListItemTitle>
-
-                <template
-                  v-if="item.badgeProps"
-                  #append
-                >
-                  <VBadge
-                    rounded="sm"
-                    class="me-3"
-                    v-bind="item.badgeProps"
-                  />
-                </template>
-              </VListItem>
-
-              <VDivider
-                v-else
-                class="my-2"
-              />
-            </template>
-
-            <div class="px-4 py-2">
-              <VBtn
-                block
-                size="small"
-                color="error"
-                append-icon="tabler-logout"
-                @click="logout"
-              >
-                Logout
-              </VBtn>
-            </div>
-          </PerfectScrollbar>
-        </VList>
-      </VMenu>
-      <!-- !SECTION -->
-    </VAvatar>
-  </VBadge>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/default.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/default.vue
deleted file mode 100644
index 2e7b3f7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/layouts/default.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<script lang="ts" setup>
-import { useConfigStore } from '@core/stores/config'
-import { AppContentLayoutNav } from '@layouts/enums'
-import { switchToVerticalNavOnLtOverlayNavBreakpoint } from '@layouts/utils'
-
-const DefaultLayoutWithHorizontalNav = defineAsyncComponent(() => import('./components/DefaultLayoutWithHorizontalNav.vue'))
-const DefaultLayoutWithVerticalNav = defineAsyncComponent(() => import('./components/DefaultLayoutWithVerticalNav.vue'))
-
-const configStore = useConfigStore()
-
-// ℹ️ This will switch to vertical nav when define breakpoint is reached when in horizontal nav layout
-// Remove below composable usage if you are not using horizontal nav layout in your app
-switchToVerticalNavOnLtOverlayNavBreakpoint()
-
-const { layoutAttrs, injectSkinClasses } = useSkins()
-
-injectSkinClasses()
-
-// SECTION: Loading Indicator
-const isFallbackStateActive = ref(false)
-const refLoadingIndicator = ref<any>(null)
-
-// watching if the fallback state is active and the refLoadingIndicator component is available
-watch([isFallbackStateActive, refLoadingIndicator], () => {
-  if (isFallbackStateActive.value && refLoadingIndicator.value)
-    refLoadingIndicator.value.fallbackHandle()
-
-  if (!isFallbackStateActive.value && refLoadingIndicator.value)
-    refLoadingIndicator.value.resolveHandle()
-}, { immediate: true })
-// !SECTION
-</script>
-
-<template>
-  <Component
-    v-bind="layoutAttrs"
-    :is="configStore.appContentLayoutNav === AppContentLayoutNav.Vertical ? DefaultLayoutWithVerticalNav : DefaultLayoutWithHorizontalNav"
-  >
-    <AppLoadingIndicator ref="refLoadingIndicator" />
-
-    <RouterView v-slot="{ Component }">
-      <Suspense
-        :timeout="0"
-        @fallback="isFallbackStateActive = true"
-        @resolve="isFallbackStateActive = false"
-      >
-        <Component :is="Component" />
-      </Suspense>
-    </RouterView>
-  </Component>
-</template>
-
-<style lang="scss">
-// As we are using `layouts` plugin we need its styles to be imported
-@use "@layouts/styles/default-layout";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/main.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/main.ts
deleted file mode 100644
index eae9950..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/main.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { createApp } from 'vue'
-
-import App from '@/App.vue'
-import { registerPlugins } from '@core/utils/plugins'
-
-// Styles
-import '@core-scss/template/index.scss'
-import '@styles/styles.scss'
-
-// Create vue app
-const app = createApp(App)
-
-// Register plugins
-registerPlugins(app)
-
-// Mount vue app
-app.mount('#app')
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/apps.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/apps.ts
deleted file mode 100644
index ce37006..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/apps.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-export default [
-  {
-    title: 'Apps',
-    icon: { icon: 'tabler-layout-grid-add' },
-    children: [
-      {
-        title: 'Ecommerce',
-        icon: { icon: 'tabler-shopping-cart-plus' },
-        children: [
-          {
-            title: 'Dashboard',
-            to: 'apps-ecommerce-dashboard',
-          },
-          {
-            title: 'Product',
-            children: [
-              { title: 'List', to: 'apps-ecommerce-product-list' },
-              { title: 'Add', to: 'apps-ecommerce-product-add' },
-              { title: 'Category', to: 'apps-ecommerce-product-category-list' },
-            ],
-          },
-          {
-            title: 'Order',
-            children: [
-              { title: 'List', to: 'apps-ecommerce-order-list' },
-              { title: 'Details', to: { name: 'apps-ecommerce-order-details-id', params: { id: '9042' } } },
-            ],
-          },
-          {
-            title: 'Customer',
-            children: [
-              { title: 'List', to: 'apps-ecommerce-customer-list' },
-              { title: 'Details', to: { name: 'apps-ecommerce-customer-details-id', params: { id: 478426 } } },
-            ],
-          },
-          {
-            title: 'Manage Review',
-            to: 'apps-ecommerce-manage-review',
-          },
-          {
-            title: 'Referrals',
-            to: 'apps-ecommerce-referrals',
-          },
-          {
-            title: 'Settings',
-            to: 'apps-ecommerce-settings',
-          },
-        ],
-      },
-      {
-        title: 'Academy',
-        icon: { icon: 'tabler-book' },
-        children: [
-          { title: 'Dashboard', to: 'apps-academy-dashboard' },
-          { title: 'My Course', to: 'apps-academy-my-course' },
-          { title: 'Course Details', to: 'apps-academy-course-details' },
-        ],
-      },
-      {
-        title: 'Logistics',
-        icon: { icon: 'tabler-truck' },
-        children: [
-          { title: 'Dashboard', to: 'apps-logistics-dashboard' },
-          { title: 'Fleet', to: 'apps-logistics-fleet' },
-        ],
-      },
-      {
-        title: 'Email',
-        icon: { icon: 'tabler-mail' },
-        to: 'apps-email',
-      },
-      {
-        title: 'Chat',
-        icon: { icon: 'tabler-message-circle' },
-        to: 'apps-chat',
-      },
-      {
-        title: 'Calendar',
-        to: 'apps-calendar',
-        icon: { icon: 'tabler-calendar' },
-      },
-      {
-        title: 'Kanban',
-        icon: { icon: 'tabler-layout-kanban' },
-        to: 'apps-kanban',
-      },
-      {
-        title: 'Invoice',
-        icon: { icon: 'tabler-file-dollar' },
-        children: [
-          { title: 'List', to: 'apps-invoice-list' },
-          { title: 'Preview', to: { name: 'apps-invoice-preview-id', params: { id: '5036' } } },
-          { title: 'Edit', to: { name: 'apps-invoice-edit-id', params: { id: '5036' } } },
-          { title: 'Add', to: 'apps-invoice-add' },
-        ],
-      },
-      {
-        title: 'User',
-        icon: { icon: 'tabler-users' },
-        children: [
-          { title: 'List', to: 'apps-user-list' },
-          { title: 'View', to: { name: 'apps-user-view-id', params: { id: 21 } } },
-        ],
-      },
-      {
-        title: 'Roles & Permissions',
-        icon: { icon: 'tabler-settings' },
-        children: [
-          { title: 'Roles', to: 'apps-roles' },
-          { title: 'Permissions', to: 'apps-permissions' },
-        ],
-      },
-    ],
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/charts.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/charts.ts
deleted file mode 100644
index 78724fa..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/charts.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export default [
-  {
-    title: 'Charts',
-    icon: { icon: 'tabler-chart-bar' },
-    children: [
-      { title: 'Apex Chart', to: 'charts-apex-chart', icon: { icon: 'tabler-chart-line' } },
-      { title: 'Chartjs', to: 'charts-chartjs', icon: { icon: 'tabler-chart-pie' } },
-    ],
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/dashboard.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/dashboard.ts
deleted file mode 100644
index 9a45dac..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/dashboard.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-export default [
-  {
-    title: 'Dashboards',
-    icon: { icon: 'tabler-smart-home' },
-    children: [
-      {
-        title: 'Analytics',
-        to: 'dashboards-analytics',
-        icon: { icon: 'tabler-chart-pie-2' },
-      },
-      {
-        title: 'CRM',
-        to: 'dashboards-crm',
-        icon: { icon: 'tabler-cube' },
-      },
-      {
-        title: 'Ecommerce',
-        to: 'dashboards-ecommerce',
-        icon: { icon: 'tabler-shopping-cart' },
-      },
-      {
-        title: 'Academy',
-        to: 'dashboards-academy',
-        icon: { icon: 'tabler-book' },
-      },
-      {
-        title: 'Logistics',
-        to: 'dashboards-logistics',
-        icon: { icon: 'tabler-truck' },
-      },
-    ],
-  },
-
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/forms.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/forms.ts
deleted file mode 100644
index a3ba44f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/forms.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-export default [
-  {
-    title: 'Forms',
-    icon: { icon: 'tabler-forms' },
-    children: [
-      {
-        title: 'Form Elements',
-        icon: { icon: 'tabler-copy' },
-        children: [
-          {
-            title: 'Autocomplete',
-            to: 'forms-autocomplete',
-          },
-          {
-            title: 'Checkbox',
-            to: 'forms-checkbox',
-          },
-          {
-            title: 'Combobox',
-            to: 'forms-combobox',
-          },
-          {
-            title: 'Date Time Picker',
-            to: 'forms-date-time-picker',
-          },
-          {
-            title: 'Editors',
-            to: 'forms-editors',
-          },
-          {
-            title: 'File Input',
-            to: 'forms-file-input',
-          },
-          {
-            title: 'Radio',
-            to: 'forms-radio',
-          },
-          {
-            title: 'Custom Input',
-            to: 'forms-custom-input',
-          },
-          {
-            title: 'Range Slider',
-            to: 'forms-range-slider',
-          },
-          {
-            title: 'Rating',
-            to: 'forms-rating',
-          },
-          {
-            title: 'Select',
-            to: 'forms-select',
-          },
-          { title: 'Slider', to: 'forms-slider' },
-          {
-            title: 'Switch',
-            to: 'forms-switch',
-          },
-          {
-            title: 'Textarea',
-            to: 'forms-textarea',
-          },
-          {
-            title: 'Textfield',
-            to: 'forms-textfield',
-          },
-        ],
-      },
-      {
-        title: 'Form Layouts',
-        icon: { icon: 'tabler-circle-check' },
-        to: 'forms-form-layouts',
-      },
-      {
-        title: 'Form Wizard',
-        icon: { icon: 'tabler-align-center' },
-        children: [
-          { title: 'Numbered', to: 'forms-form-wizard-numbered' },
-          { title: 'Icons', to: 'forms-form-wizard-icons' },
-        ],
-      },
-      {
-        title: 'Form Validation',
-        icon: { icon: 'tabler-circle-check' },
-        to: 'forms-form-validation',
-      },
-    ],
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/index.ts
deleted file mode 100644
index 7af9ad0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import apps from './apps'
-import charts from './charts'
-import dashboard from './dashboard'
-import forms from './forms'
-import misc from './misc'
-import pages from './pages'
-import tables from './tables'
-import uiElements from './ui-elements'
-import type { HorizontalNavItems } from '@layouts/types'
-
-export default [...dashboard, ...apps, ...pages, ...uiElements, ...forms, ...tables, ...charts, ...misc] as HorizontalNavItems
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/misc.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/misc.ts
deleted file mode 100644
index 26a5ff6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/misc.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-export default [
-  {
-    title: 'Misc',
-    icon: { icon: 'tabler-box-multiple' },
-    children: [
-      {
-        title: 'Access Control',
-        icon: { icon: 'tabler-command' },
-        to: 'access-control',
-        action: 'read',
-        subject: 'AclDemo',
-      },
-      {
-        title: 'Nav Levels',
-        icon: { icon: 'tabler-menu-2' },
-        children: [
-          {
-            title: 'Level 2.1',
-            to: null,
-          },
-          {
-            title: 'Level 2.2',
-            children: [
-              {
-                title: 'Level 3.1',
-                to: null,
-              },
-              {
-                title: 'Level 3.2',
-                to: null,
-              },
-            ],
-          },
-        ],
-      },
-      {
-        title: 'Disabled Menu',
-        to: null,
-        icon: { icon: 'tabler-eye-off' },
-        disable: true,
-      },
-      {
-        title: 'Raise Support',
-        href: 'https://pixinvent.ticksy.com/',
-        icon: { icon: 'tabler-headphones' },
-        target: '_blank',
-      },
-      {
-        title: 'Documentation',
-        href: 'https://demos.pixinvent.com/vuexy-vuejs-admin-template/documentation/',
-        icon: { icon: 'tabler-file-text' },
-        target: '_blank',
-      },
-    ],
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/pages.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/pages.ts
deleted file mode 100644
index 65132d9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/pages.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-export default [
-  {
-    title: 'Pages',
-    icon: { icon: 'tabler-file' },
-    children: [
-
-      {
-        title: 'User Profile',
-        icon: { icon: 'tabler-user-circle' },
-        to: { name: 'pages-user-profile-tab', params: { tab: 'profile' } },
-      },
-      {
-        title: 'Account Settings',
-        icon: { icon: 'tabler-settings' },
-        to: { name: 'pages-account-settings-tab', params: { tab: 'account' } },
-      },
-      { title: 'FAQ', icon: { icon: 'tabler-help' }, to: 'pages-faq' },
-      { title: 'Pricing', icon: { icon: 'tabler-diamond' }, to: 'pages-pricing' },
-      {
-        title: 'Misc',
-        icon: { icon: 'tabler-cube' },
-        children: [
-          { title: 'Coming Soon', to: 'pages-misc-coming-soon' },
-          { title: 'Under Maintenance', to: 'pages-misc-under-maintenance', target: '_blank' },
-          { title: 'Page Not Found - 404', to: { path: '/pages/misc/not-found' }, target: '_blank' },
-          { title: 'Not Authorized - 401', to: { path: '/pages/misc/not-authorized' }, target: '_blank' },
-        ],
-      },
-      {
-        title: 'Authentication',
-        icon: { icon: 'tabler-lock' },
-        children: [
-          {
-            title: 'Login',
-            children: [
-              { title: 'Login v1', to: 'pages-authentication-login-v1', target: '_blank' },
-              { title: 'Login v2', to: 'pages-authentication-login-v2', target: '_blank' },
-            ],
-          },
-          {
-            title: 'Register',
-            children: [
-              { title: 'Register v1', to: 'pages-authentication-register-v1', target: '_blank' },
-              { title: 'Register v2', to: 'pages-authentication-register-v2', target: '_blank' },
-              { title: 'Register Multi-Steps', to: 'pages-authentication-register-multi-steps', target: '_blank' },
-            ],
-          },
-          {
-            title: 'Verify Email',
-            children: [
-              { title: 'Verify Email v1', to: 'pages-authentication-verify-email-v1', target: '_blank' },
-              { title: 'Verify Email v2', to: 'pages-authentication-verify-email-v2', target: '_blank' },
-            ],
-          },
-          {
-            title: 'Forgot Password',
-            children: [
-              { title: 'Forgot Password v1', to: 'pages-authentication-forgot-password-v1', target: '_blank' },
-              { title: 'Forgot Password v2', to: 'pages-authentication-forgot-password-v2', target: '_blank' },
-            ],
-          },
-          {
-            title: 'Reset Password',
-            children: [
-              { title: 'Reset Password v1', to: 'pages-authentication-reset-password-v1', target: '_blank' },
-              { title: 'Reset Password v2', to: 'pages-authentication-reset-password-v2', target: '_blank' },
-            ],
-          },
-          {
-            title: 'Two Steps',
-            children: [
-              { title: 'Two Steps v1', to: 'pages-authentication-two-steps-v1', target: '_blank' },
-              { title: 'Two Steps v2', to: 'pages-authentication-two-steps-v2', target: '_blank' },
-            ],
-          },
-        ],
-      },
-      {
-        title: 'Wizard Pages',
-        icon: { icon: 'tabler-forms' },
-        children: [
-          { title: 'Checkout', to: { name: 'wizard-examples-checkout' } },
-          { title: 'Property Listing', to: { name: 'wizard-examples-property-listing' } },
-          { title: 'Create Deal', to: { name: 'wizard-examples-create-deal' } },
-        ],
-      },
-      { title: 'Dialog Examples', icon: { icon: 'tabler-square' }, to: 'pages-dialog-examples' },
-      {
-        title: 'Front Pages',
-        icon: { icon: 'tabler-files' },
-        children: [
-          {
-            title: 'Landing',
-            to: 'front-pages-landing-page',
-            target: '_blank',
-
-          },
-          {
-            title: 'Pricing',
-            to: 'front-pages-pricing',
-            target: '_blank',
-
-          },
-          {
-            title: 'Payment',
-            to: 'front-pages-payment',
-            target: '_blank',
-
-          },
-          {
-            title: 'Checkout',
-            to: 'front-pages-checkout',
-            target: '_blank',
-
-          },
-          {
-            title: 'Help Center',
-            to: 'front-pages-help-center',
-            target: '_blank',
-
-          },
-        ],
-      },
-    ],
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/tables.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/tables.ts
deleted file mode 100644
index 17dd334..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/tables.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export default [
-  {
-    title: 'Tables',
-    icon: { icon: 'tabler-layout-grid' },
-    children: [
-      { title: 'Simple Table', icon: { icon: 'tabler-table' }, to: 'tables-simple-table' },
-      { title: 'Data Table', icon: { icon: 'tabler-layout-grid' }, to: 'tables-data-table' },
-    ],
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/ui-elements.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/ui-elements.ts
deleted file mode 100644
index 65a9ec2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/horizontal/ui-elements.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-export default [
-  {
-    title: 'User Interface',
-    icon: { icon: 'tabler-color-swatch' },
-    children: [
-      {
-        title: 'Icons',
-        icon: { icon: 'tabler-brand-tabler' },
-        to: 'pages-icons',
-      },
-      {
-        title: 'Typography',
-        icon: { icon: 'tabler-square-letter-t' },
-        to: 'pages-typography',
-      },
-      {
-        title: 'Cards',
-        icon: { icon: 'tabler-id' },
-        children: [
-          { title: 'Basic', to: 'pages-cards-card-basic' },
-          { title: 'Advance', to: 'pages-cards-card-advance' },
-          { title: 'Statistics', to: 'pages-cards-card-statistics' },
-          { title: 'Widgets', to: 'pages-cards-card-widgets' },
-          { title: 'Actions', to: 'pages-cards-card-actions' },
-        ],
-      },
-      {
-        title: 'Components',
-        icon: { icon: 'tabler-toggle-left' },
-        children: [
-          { title: 'Alert', to: 'components-alert' },
-          { title: 'Avatar', to: 'components-avatar' },
-          { title: 'Badge', to: 'components-badge' },
-          { title: 'Button', to: 'components-button' },
-          { title: 'Chip', to: 'components-chip' },
-          { title: 'Dialog', to: 'components-dialog' },
-          { title: 'Expansion Panel', to: 'components-expansion-panel' },
-          { title: 'List', to: 'components-list' },
-          { title: 'Menu', to: 'components-menu' },
-          { title: 'Pagination', to: 'components-pagination' },
-          { title: 'Progress Circular', to: 'components-progress-circular' },
-          { title: 'Progress Linear', to: 'components-progress-linear' },
-          { title: 'Snackbar', to: 'components-snackbar' },
-          { title: 'Tabs', to: 'components-tabs' },
-          { title: 'Timeline', to: 'components-timeline' },
-          { title: 'Tooltip', to: 'components-tooltip' },
-        ],
-      },
-      {
-        title: 'Extensions',
-        icon: { icon: 'tabler-box' },
-        children: [
-          { title: 'Tour', to: 'extensions-tour' },
-          { title: 'Swiper', to: 'extensions-swiper' },
-        ],
-      },
-    ],
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/apps-and-pages.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/apps-and-pages.ts
deleted file mode 100644
index 7f5db29..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/apps-and-pages.ts
+++ /dev/null
@@ -1,194 +0,0 @@
-export default [
-  { heading: 'Apps & Pages' },
-  {
-    title: 'Ecommerce',
-    icon: { icon: 'tabler-shopping-cart' },
-    children: [
-      {
-        title: 'Dashboard',
-        to: 'apps-ecommerce-dashboard',
-      },
-      {
-        title: 'Product',
-        children: [
-          { title: 'List', to: 'apps-ecommerce-product-list' },
-          { title: 'Add', to: 'apps-ecommerce-product-add' },
-          { title: 'Category', to: 'apps-ecommerce-product-category-list' },
-        ],
-      },
-      {
-        title: 'Order',
-        children: [
-          { title: 'List', to: 'apps-ecommerce-order-list' },
-          { title: 'Details', to: { name: 'apps-ecommerce-order-details-id', params: { id: '9042' } } },
-        ],
-      },
-      {
-        title: 'Customer',
-        children: [
-          { title: 'List', to: 'apps-ecommerce-customer-list' },
-          { title: 'Details', to: { name: 'apps-ecommerce-customer-details-id', params: { id: 478426 } } },
-        ],
-      },
-      {
-        title: 'Manage Review',
-        to: 'apps-ecommerce-manage-review',
-      },
-      {
-        title: 'Referrals',
-        to: 'apps-ecommerce-referrals',
-      },
-      {
-        title: 'Settings',
-        to: 'apps-ecommerce-settings',
-      },
-    ],
-  },
-  {
-    title: 'Academy',
-    icon: { icon: 'tabler-school' },
-    children: [
-      { title: 'Dashboard', to: 'apps-academy-dashboard' },
-      { title: 'My Course', to: 'apps-academy-my-course' },
-      { title: 'Course Details', to: 'apps-academy-course-details' },
-    ],
-  },
-  {
-    title: 'Logistics',
-    icon: { icon: 'tabler-truck' },
-    children: [
-      { title: 'Dashboard', to: 'apps-logistics-dashboard' },
-      { title: 'Fleet', to: 'apps-logistics-fleet' },
-    ],
-  },
-  {
-    title: 'Email',
-    icon: { icon: 'tabler-mail' },
-    to: 'apps-email',
-  },
-  {
-    title: 'Chat',
-    icon: { icon: 'tabler-message-circle-2' },
-    to: 'apps-chat',
-  },
-  {
-    title: 'Calendar',
-    icon: { icon: 'tabler-calendar' },
-    to: 'apps-calendar',
-  },
-  {
-    title: 'Kanban',
-    icon: { icon: 'tabler-layout-kanban' },
-    to: 'apps-kanban',
-  },
-  {
-    title: 'Invoice',
-    icon: { icon: 'tabler-file-invoice' },
-
-    children: [
-      { title: 'List', to: 'apps-invoice-list' },
-      { title: 'Preview', to: { name: 'apps-invoice-preview-id', params: { id: '5036' } } },
-      { title: 'Edit', to: { name: 'apps-invoice-edit-id', params: { id: '5036' } } },
-      { title: 'Add', to: 'apps-invoice-add' },
-    ],
-  },
-  {
-    title: 'User',
-    icon: { icon: 'tabler-user' },
-    children: [
-      { title: 'List', to: 'apps-user-list' },
-      { title: 'View', to: { name: 'apps-user-view-id', params: { id: 21 } } },
-    ],
-  },
-  {
-    title: 'Roles & Permissions',
-    icon: { icon: 'tabler-lock' },
-    children: [
-      { title: 'Roles', to: 'apps-roles' },
-      { title: 'Permissions', to: 'apps-permissions' },
-    ],
-  },
-
-  {
-    title: 'Pages',
-    icon: { icon: 'tabler-file' },
-    children: [
-      { title: 'User Profile', to: { name: 'pages-user-profile-tab', params: { tab: 'profile' } } },
-      { title: 'Account Settings', to: { name: 'pages-account-settings-tab', params: { tab: 'account' } } },
-      { title: 'Pricing', to: 'pages-pricing' },
-      { title: 'FAQ', to: 'pages-faq' },
-      {
-        title: 'Miscellaneous',
-        children: [
-          { title: 'Coming Soon', to: 'pages-misc-coming-soon', target: '_blank' },
-          { title: 'Under Maintenance', to: 'pages-misc-under-maintenance', target: '_blank' },
-          { title: 'Page Not Found - 404', to: { path: '/pages/misc/not-found' }, target: '_blank' },
-          { title: 'Not Authorized - 401', to: { path: '/pages/misc/not-authorized' }, target: '_blank' },
-        ],
-      },
-    ],
-  },
-  {
-    title: 'Authentication',
-    icon: { icon: 'tabler-shield-lock' },
-    children: [
-      {
-        title: 'Login',
-        children: [
-          { title: 'Login v1', to: 'pages-authentication-login-v1', target: '_blank' },
-          { title: 'Login v2', to: 'pages-authentication-login-v2', target: '_blank' },
-        ],
-      },
-      {
-        title: 'Register',
-        children: [
-          { title: 'Register v1', to: 'pages-authentication-register-v1', target: '_blank' },
-          { title: 'Register v2', to: 'pages-authentication-register-v2', target: '_blank' },
-          { title: 'Register Multi-Steps', to: 'pages-authentication-register-multi-steps', target: '_blank' },
-        ],
-      },
-      {
-        title: 'Verify Email',
-        children: [
-          { title: 'Verify Email v1', to: 'pages-authentication-verify-email-v1', target: '_blank' },
-          { title: 'Verify Email v2', to: 'pages-authentication-verify-email-v2', target: '_blank' },
-        ],
-      },
-      {
-        title: 'Forgot Password',
-        children: [
-          { title: 'Forgot Password v1', to: 'pages-authentication-forgot-password-v1', target: '_blank' },
-          { title: 'Forgot Password v2', to: 'pages-authentication-forgot-password-v2', target: '_blank' },
-        ],
-      },
-      {
-        title: 'Reset Password',
-        children: [
-          { title: 'Reset Password v1', to: 'pages-authentication-reset-password-v1', target: '_blank' },
-          { title: 'Reset Password v2', to: 'pages-authentication-reset-password-v2', target: '_blank' },
-        ],
-      },
-      {
-        title: 'Two Steps',
-        children: [
-          { title: 'Two Steps v1', to: 'pages-authentication-two-steps-v1', target: '_blank' },
-          { title: 'Two Steps v2', to: 'pages-authentication-two-steps-v2', target: '_blank' },
-        ],
-      },
-    ],
-  },
-  {
-    title: 'Wizard Examples',
-    icon: { icon: 'tabler-dots' },
-    children: [
-      { title: 'Checkout', to: { name: 'wizard-examples-checkout' } },
-      { title: 'Property Listing', to: { name: 'wizard-examples-property-listing' } },
-      { title: 'Create Deal', to: { name: 'wizard-examples-create-deal' } },
-    ],
-  },
-  {
-    title: 'Dialog Examples',
-    icon: { icon: 'tabler-square' },
-    to: 'pages-dialog-examples',
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/charts.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/charts.ts
deleted file mode 100644
index 7dddaa7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/charts.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export default [
-  { heading: 'Charts' },
-  {
-    title: 'Charts',
-    icon: { icon: 'tabler-chart-donut-2' },
-    children: [
-      { title: 'Apex Chart', to: 'charts-apex-chart' },
-      { title: 'Chartjs', to: 'charts-chartjs' },
-    ],
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/dashboard.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/dashboard.ts
deleted file mode 100644
index 168bde4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/dashboard.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-export default [
-  {
-    title: 'Dashboards',
-    icon: { icon: 'tabler-smart-home' },
-    children: [
-      {
-        title: 'Analytics',
-        to: 'dashboards-analytics',
-      },
-      {
-        title: 'CRM',
-        to: 'dashboards-crm',
-      },
-      {
-        title: 'Ecommerce',
-        to: 'dashboards-ecommerce',
-      },
-      {
-        title: 'Academy',
-        to: 'dashboards-academy',
-      },
-      {
-        title: 'Logistics',
-        to: 'dashboards-logistics',
-      },
-    ],
-    badgeContent: '5',
-    badgeClass: 'bg-error',
-  },
-  {
-    title: 'Front Pages',
-    icon: { icon: 'tabler-files' },
-    children: [
-      {
-        title: 'Landing',
-        to: 'front-pages-landing-page',
-        target: '_blank',
-      },
-      {
-        title: 'Pricing',
-        to: 'front-pages-pricing',
-        target: '_blank',
-      },
-      {
-        title: 'Payment',
-        to: 'front-pages-payment',
-        target: '_blank',
-      },
-      {
-        title: 'Checkout',
-        to: 'front-pages-checkout',
-        target: '_blank',
-      },
-      {
-        title: 'Help Center',
-        to: 'front-pages-help-center',
-        target: '_blank',
-      },
-    ],
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/forms.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/forms.ts
deleted file mode 100644
index c313235..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/forms.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-export default [
-  { heading: 'Forms & Tables' },
-  {
-    title: 'Form Elements',
-    icon: { icon: 'tabler-checkbox' },
-    children: [
-      { title: 'Autocomplete', to: 'forms-autocomplete' },
-      { title: 'Checkbox', to: 'forms-checkbox' },
-      { title: 'Combobox', to: 'forms-combobox' },
-      { title: 'Date Time Picker', to: 'forms-date-time-picker' },
-      { title: 'Editors', to: 'forms-editors' },
-      { title: 'File Input', to: 'forms-file-input' },
-      { title: 'Radio', to: 'forms-radio' },
-      { title: 'Custom Input', to: 'forms-custom-input' },
-      { title: 'Range Slider', to: 'forms-range-slider' },
-      { title: 'Rating', to: 'forms-rating' },
-      { title: 'Select', to: 'forms-select' },
-      { title: 'Slider', to: 'forms-slider' },
-      { title: 'Switch', to: 'forms-switch' },
-      { title: 'Textarea', to: 'forms-textarea' },
-      { title: 'Textfield', to: 'forms-textfield' },
-    ],
-  },
-  {
-    title: 'Form Layouts',
-    icon: { icon: 'tabler-layout' },
-    to: 'forms-form-layouts',
-  },
-  {
-    title: 'Form Wizard',
-    icon: { icon: 'tabler-git-merge' },
-    children: [
-      { title: 'Numbered', to: 'forms-form-wizard-numbered' },
-      { title: 'Icons', to: 'forms-form-wizard-icons' },
-    ],
-  },
-  {
-    title: 'Form Validation',
-    icon: { icon: 'tabler-checkup-list' },
-    to: 'forms-form-validation',
-  },
-  {
-    title: 'Tables',
-    icon: { icon: 'tabler-table' },
-    children: [
-      { title: 'Simple Table', to: 'tables-simple-table' },
-      { title: 'Data Table', to: 'tables-data-table' },
-    ],
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/index.ts
deleted file mode 100644
index e3154ae..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import appsAndPages from './apps-and-pages'
-import charts from './charts'
-import dashboard from './dashboard'
-import forms from './forms'
-import others from './others'
-import uiElements from './ui-elements'
-import type { VerticalNavItems } from '@layouts/types'
-
-export default [...dashboard, ...appsAndPages, ...uiElements, ...forms, ...charts, ...others] as VerticalNavItems
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/others.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/others.ts
deleted file mode 100644
index a672c51..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/others.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-export default [
-  { heading: 'Others' },
-  {
-    title: 'Access Control',
-    icon: { icon: 'tabler-command' },
-    to: 'access-control',
-    action: 'read',
-    subject: 'AclDemo',
-  },
-  {
-    title: 'Nav Levels',
-    icon: { icon: 'tabler-menu-2' },
-    children: [
-      {
-        title: 'Level 2.1',
-        to: null,
-      },
-      {
-        title: 'Level 2.2',
-        children: [
-          {
-            title: 'Level 3.1',
-            to: null,
-          },
-          {
-            title: 'Level 3.2',
-            to: null,
-          },
-        ],
-      },
-    ],
-  },
-  {
-    title: 'Disabled Menu',
-    to: null,
-    icon: { icon: 'tabler-eye-off' },
-    disable: true,
-  },
-  {
-    title: 'Raise Support',
-    href: 'https://pixinvent.ticksy.com/',
-    icon: { icon: 'tabler-headphones' },
-    target: '_blank',
-  },
-  {
-    title: 'Documentation',
-    href: 'https://demos.pixinvent.com/vuexy-vuejs-admin-template/documentation/guide/laravel-integration/folder-structure.html',
-    icon: { icon: 'tabler-file-text' },
-    target: '_blank',
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/ui-elements.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/ui-elements.ts
deleted file mode 100644
index 0097a3a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/navigation/vertical/ui-elements.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-export default [
-  { heading: 'UI Elements' },
-  {
-    title: 'Typography',
-    icon: { icon: 'tabler-typography' },
-    to: 'pages-typography',
-  },
-  {
-    title: 'Icons',
-    icon: { icon: 'tabler-brand-tabler' },
-    to: 'pages-icons',
-  },
-  {
-    title: 'Cards',
-    icon: { icon: 'tabler-id' },
-    children: [
-      { title: 'Basic', to: 'pages-cards-card-basic' },
-      { title: 'Advance', to: 'pages-cards-card-advance' },
-      { title: 'Statistics', to: 'pages-cards-card-statistics' },
-      { title: 'Widgets', to: 'pages-cards-card-widgets' },
-      { title: 'Actions', to: 'pages-cards-card-actions' },
-    ],
-  },
-  {
-    title: 'Components',
-    icon: { icon: 'tabler-atom' },
-    children: [
-      { title: 'Alert', to: 'components-alert' },
-      { title: 'Avatar', to: 'components-avatar' },
-      { title: 'Badge', to: 'components-badge' },
-      { title: 'Button', to: 'components-button' },
-      { title: 'Chip', to: 'components-chip' },
-      { title: 'Dialog', to: 'components-dialog' },
-      { title: 'Expansion Panel', to: 'components-expansion-panel' },
-      { title: 'List', to: 'components-list' },
-      { title: 'Menu', to: 'components-menu' },
-      { title: 'Pagination', to: 'components-pagination' },
-      { title: 'Progress Circular', to: 'components-progress-circular' },
-      { title: 'Progress Linear', to: 'components-progress-linear' },
-      { title: 'Snackbar', to: 'components-snackbar' },
-      { title: 'Tabs', to: 'components-tabs' },
-      { title: 'Timeline', to: 'components-timeline' },
-      { title: 'Tooltip', to: 'components-tooltip' },
-    ],
-  },
-  {
-    title: 'Extensions',
-    icon: { icon: 'tabler-box' },
-    children: [
-      { title: 'Tour', to: 'extensions-tour' },
-      { title: 'Swiper', to: 'extensions-swiper' },
-    ],
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/[...error].vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/[...error].vue
deleted file mode 100644
index c637923..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/[...error].vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script setup lang="ts">
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-import misc404 from '@images/pages/404.png'
-import miscMaskDark from '@images/pages/misc-mask-dark.png'
-import miscMaskLight from '@images/pages/misc-mask-light.png'
-
-const authThemeMask = useGenerateImageVariant(miscMaskLight, miscMaskDark)
-
-definePage({
-  alias: '/pages/misc/not-found/:error(.*)',
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-</script>
-
-<template>
-  <div class="misc-wrapper">
-    <ErrorHeader
-      status-code="404"
-      title="Page Not Found ⚠️"
-      description="We couldn't find the page you are looking for."
-    />
-
-    <VBtn
-      to="/"
-      class="mb-11"
-    >
-      Back to Home
-    </VBtn>
-
-    <!-- 👉 Image -->
-    <div class="misc-avatar w-100 text-center">
-      <VImg
-        :src="misc404"
-        alt="error 404"
-        :max-height="$vuetify.display.smAndDown ? 350 : 500"
-        class="mx-auto"
-      />
-    </div>
-
-    <img
-      class="misc-footer-img d-none d-md-block"
-      :src="authThemeMask"
-      alt="misc-footer-img"
-      height="320"
-    >
-  </div>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/misc.scss";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/access-control.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/access-control.vue
deleted file mode 100644
index 4f81202..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/access-control.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script setup lang="ts">
-definePage({
-  meta: {
-    action: 'read',
-    subject: 'AclDemo',
-  },
-})
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard title="Common">
-        <VCardText>No ability is required to view this card</VCardText>
-        <VCardText>
-          This card is visible to both 'user' and 'admin'
-        </VCardText>
-      </VCard>
-    </VCol>
-    <VCol
-      v-if="$can('read', 'all')"
-      cols="12"
-      md="6"
-    >
-      <VCard title="Analytics">
-        <VCardText>User with 'Analytics' subject's 'Read' ability can view this card</VCardText>
-        <VCardText class="text-danger">
-          This card is visible to 'admin' only
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/academy/course-details.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/academy/course-details.vue
deleted file mode 100644
index cf228e6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/academy/course-details.vue
+++ /dev/null
@@ -1,318 +0,0 @@
-<script setup lang="ts">
-import type { CourseDetails } from '@db/apps/academy/types'
-import InstructorPoster from '@images/pages/instructor-poster.png'
-
-const courseDetails = ref<CourseDetails>()
-
-const { data, error } = await useApi<CourseDetails>('/apps/academy/course-details')
-
-if (error.value)
-  console.log(error.value)
-else if (data.value)
-  courseDetails.value = data.value
-
-const panelStatus = ref(0)
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="8"
-    >
-      <VCard>
-        <VCardItem
-          title="UI/UX Basic Fundamentals"
-          class="pb-6"
-        >
-          <template #subtitle>
-            <div class="text-body-1">
-              Prof. <span class="text-h6 d-inline-block">{{ courseDetails?.instructor }}</span>
-            </div>
-          </template>
-          <template #append>
-            <div class="d-flex gap-4 align-center">
-              <VChip
-                variant="tonal"
-                color="error"
-                size="small"
-              >
-                UI/UX
-              </VChip>
-              <VIcon
-                size="24"
-                class="cursor-pointer"
-                icon="tabler-share"
-              />
-              <VIcon
-                size="24"
-                class="cursor-pointer"
-                icon="tabler-bookmarks"
-              />
-            </div>
-          </template>
-        </VCardItem>
-        <VCardText>
-          <VCard
-            flat
-            border
-          >
-            <div class="px-2 pt-2">
-              <VVideo
-                :image="InstructorPoster"
-                src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4"
-                pills
-                density="compact"
-                :height="$vuetify.display.mdAndUp ? 440 : 250"
-                elevation="0"
-                rounded
-              />
-            </div>
-            <VCardText>
-              <h5 class="text-h5 mb-4">
-                About this course
-              </h5>
-              <p class="text-body-1">
-                {{ courseDetails?.about }}
-              </p>
-              <VDivider class="my-6" />
-
-              <h5 class="text-h5 mb-4">
-                By the numbers
-              </h5>
-              <div class="d-flex gap-x-12 gap-y-5 flex-wrap">
-                <div>
-                  <VList class="card-list text-medium-emphasis">
-                    <VListItem>
-                      <template #prepend>
-                        <VIcon
-                          icon="tabler-check"
-                          size="20"
-                        />
-                      </template>
-                      <VListItemTitle>Skill Level: {{ courseDetails?.skillLevel }}</VListItemTitle>
-                    </VListItem>
-                    <VListItem>
-                      <template #prepend>
-                        <VIcon
-                          icon="tabler-users"
-                          size="20"
-                        />
-                      </template>
-                      <VListItemTitle>Students: {{ courseDetails?.totalStudents }}</VListItemTitle>
-                    </VListItem>
-                    <VListItem>
-                      <template #prepend>
-                        <VIcon
-                          icon="tabler-world"
-                          size="20"
-                        />
-                      </template>
-                      <VListItemTitle>Languages: {{ courseDetails?.language }}</VListItemTitle>
-                    </VListItem>
-                    <VListItem>
-                      <template #prepend>
-                        <VIcon
-                          icon="tabler-file"
-                          size="20"
-                        />
-                      </template>
-                      <VListItemTitle>Captions: {{ courseDetails?.isCaptions }}</VListItemTitle>
-                    </VListItem>
-                  </VList>
-                </div>
-
-                <div>
-                  <VList class="card-list text-medium-emphasis">
-                    <VListItem>
-                      <template #prepend>
-                        <VIcon
-                          icon="tabler-video"
-                          size="20"
-                        />
-                      </template>
-                      <VListItemTitle>Lectures: {{ courseDetails?.totalLectures }}</VListItemTitle>
-                    </VListItem>
-                    <VListItem>
-                      <template #prepend>
-                        <VIcon
-                          icon="tabler-clock"
-                          size="20"
-                        />
-                      </template>
-                      <VListItemTitle>Video: {{ courseDetails?.length }}</VListItemTitle>
-                    </VListItem>
-                  </VList>
-                </div>
-              </div>
-              <VDivider class="my-6" />
-
-              <h5 class="text-h5 mb-4">
-                Description
-              </h5>
-              <!-- eslint-disable-next-line vue/no-v-html -->
-              <div v-html="courseDetails?.description" />
-
-              <VDivider class="my-6" />
-
-              <h5 class="text-h5 mb-4">
-                Instructor
-              </h5>
-              <div class="d-flex align-center gap-x-4">
-                <VAvatar
-                  :image="courseDetails?.instructorAvatar"
-                  size="38"
-                />
-                <div>
-                  <h6 class="text-h6 mb-1">
-                    {{ courseDetails?.instructor }}
-                  </h6>
-                  <div class="text-body-2">
-                    {{ courseDetails?.instructorPosition }}
-                  </div>
-                </div>
-              </div>
-            </VCardText>
-          </VCard>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <div class="course-content">
-        <VExpansionPanels
-          v-model="panelStatus"
-          variant="accordion"
-          class="expansion-panels-width-border"
-        >
-          <template
-            v-for="(section, index) in courseDetails?.content"
-            :key="index"
-          >
-            <VExpansionPanel
-              elevation="0"
-              :value="index"
-              expand-icon="tabler-chevron-right"
-              collapse-icon="tabler-chevron-down"
-            >
-              <template #title>
-                <div>
-                  <h5 class="text-h5 mb-1">
-                    {{ section.title }}
-                  </h5>
-                  <div class="text-medium-emphasis font-weight-normal">
-                    {{ section.status }} | {{ section.time }}
-                  </div>
-                </div>
-              </template>
-              <template #text>
-                <VList class="card-list">
-                  <VListItem
-                    v-for="(topic, id) in section.topics"
-                    :key="id"
-                    class="py-4"
-                  >
-                    <template #prepend>
-                      <VCheckbox
-                        :model-value="topic.isCompleted"
-                        class="me-1"
-                      />
-                    </template>
-                    <VListItemTitle class="text-high-emphasis font-weight-medium">
-                      {{ id + 1 }} . {{ topic.title }}
-                    </VListItemTitle>
-                    <VListItemSubtitle>
-                      <div class="text-body-2">
-                        {{ topic.time }}
-                      </div>
-                    </VListItemSubtitle>
-                  </VListItem>
-                </VList>
-              </template>
-            </VExpansionPanel>
-          </template>
-        </VExpansionPanels>
-      </div>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss" scoped>
-.course-content {
-  position: sticky;
-  inset-block: 4rem 0;
-}
-
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
-
-<style lang="scss">
-@use "@layouts/styles/mixins" as layoutsMixins;
-
-body .v-layout .v-application__wrap {
-  .course-content {
-    .v-expansion-panels {
-      border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-      border-radius: 6px;
-
-      .v-expansion-panel {
-        &--active {
-          .v-expansion-panel-title--active {
-            border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-
-            .v-expansion-panel-title__overlay {
-              opacity: var(--v-hover-opacity) !important;
-            }
-          }
-        }
-
-        .v-expansion-panel-title {
-          .v-expansion-panel-title__overlay {
-            background-color: rgba(var(--v-theme-on-surface));
-            opacity: var(--v-hover-opacity) !important;
-          }
-
-          &:hover {
-            .v-expansion-panel-title__overlay {
-              opacity: var(--v-hover-opacity) !important;
-            }
-          }
-
-          &__icon {
-            .v-icon {
-              block-size: 1.5rem !important;
-              color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-              font-size: 1.5rem !important;
-              inline-size: 1.5rem !important;
-
-              @include layoutsMixins.rtl {
-                transform: scaleX(-1);
-              }
-            }
-          }
-        }
-
-        .v-expansion-panel-text {
-          &__wrapper {
-            padding-block: 1rem;
-            padding-inline: 0.75rem;
-          }
-        }
-      }
-    }
-  }
-
-  .card-list {
-    .v-list-item__prepend {
-      .v-list-item__spacer {
-        inline-size: 8px !important;
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/academy/dashboard.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/academy/dashboard.vue
deleted file mode 100644
index bbeff7f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/academy/dashboard.vue
+++ /dev/null
@@ -1,253 +0,0 @@
-<script setup lang="ts">
-import AcademyAssignmentProgress from '@/views/apps/academy/AcademyAssignmentProgress.vue'
-import AcademyCardPopularInstructors from '@/views/apps/academy/AcademyCardPopularInstructors.vue'
-import AcademyCardTopCourses from '@/views/apps/academy/AcademyCardTopCourses.vue'
-import AcademyCourseTable from '@/views/apps/academy/AcademyCourseTable.vue'
-import AcademyTopicYouAreInterested from '@/views/apps/academy/AcademyTopicYouAreInterested.vue'
-import AcademyUpcomingWebinar from '@/views/apps/academy/AcademyUpcomingWebinar.vue'
-import customCheck from '@images/svg/Check.svg'
-import customLaptop from '@images/svg/laptop.svg'
-import customLightbulb from '@images/svg/lightbulb.svg'
-
-// Donut Chart Colors
-const donutChartColors = {
-  donut: {
-    series1: '#22A95E',
-    series2: '#24B364',
-    series3: '#56CA00',
-    series4: '#53D28C',
-    series5: '#7EDDA9',
-    series6: '#A9E9C5',
-  },
-}
-
-// Donuts Chart Config
-const timeSpendingChartConfig = {
-  chart: {
-    height: 157,
-    width: 130,
-    parentHeightOffset: 0,
-    type: 'donut',
-  },
-  labels: ['36h', '56h', '16h', '32h', '56h', '16h'],
-  colors: [
-    donutChartColors.donut.series1,
-    donutChartColors.donut.series2,
-    donutChartColors.donut.series3,
-    donutChartColors.donut.series4,
-    donutChartColors.donut.series5,
-    donutChartColors.donut.series6,
-  ],
-  stroke: {
-    width: 0,
-  },
-  dataLabels: {
-    enabled: false,
-    formatter(val: string) {
-      return `${Number.parseInt(val)}%`
-    },
-  },
-  legend: {
-    show: false,
-  },
-  tooltip: {
-    theme: false,
-  },
-  grid: {
-    padding: {
-      top: 0,
-    },
-  },
-  plotOptions: {
-    pie: {
-      donut: {
-        size: '75%',
-        labels: {
-          show: true,
-          value: {
-            fontSize: '1.125rem',
-            color: 'rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity))',
-            fontWeight: 500,
-            offsetY: -15,
-            formatter(val: string) {
-              return `${Number.parseInt(val)}%`
-            },
-          },
-          name: {
-            offsetY: 20,
-          },
-          total: {
-            show: true,
-            fontSize: '15px',
-            label: 'Total',
-            color: 'rgba(var(--v-theme-on-background), var(--v-disabled-opacity))',
-            formatter() {
-              return '231h'
-            },
-          },
-        },
-      },
-    },
-  },
-}
-
-const timeSpendingChartSeries = [23, 35, 10, 20, 35, 23]
-</script>
-
-<template>
-  <div>
-    <VRow class="py-6">
-      <!-- 👉 Welcome -->
-      <VCol
-        cols="12"
-        md="8"
-        :class="$vuetify.display.mdAndUp ? 'border-e' : 'border-b'"
-      >
-        <div class="pe-3">
-          <h5 class="text-h5 mb-2">
-            Welcome back,<span class="text-h4"> Felecia 👋🏻 </span>
-          </h5>
-
-          <div
-            class="text-wrap text-body-1"
-            style="max-inline-size: 360px;"
-          >
-            Your progress this week is Awesome. let's keep it up
-            and get a lot of points reward!
-          </div>
-
-          <div class="d-flex justify-space-between flex-wrap gap-4 flex-column flex-md-row mt-4">
-            <div
-              v-for="{ title, value, icon, color } in [
-                { title: 'Hours Spent', value: '34h', icon: customLaptop, color: 'primary' },
-                { title: 'Test Results', value: '82%', icon: customLightbulb, color: 'info' },
-                { title: 'Course Completed', value: '14', icon: customCheck, color: 'warning' },
-              ]"
-              :key="title"
-            >
-              <div class="d-flex align-center">
-                <VAvatar
-                  variant="tonal"
-                  :color="color"
-                  rounded
-                  size="54"
-                  class="text-primary me-4"
-                >
-                  <VIcon
-                    :icon="icon"
-                    size="38"
-                  />
-                </VAvatar>
-                <div>
-                  <h6 class="text-h6 text-medium-emphasis">
-                    {{ title }}
-                  </h6>
-                  <h4
-                    class="text-h4"
-                    :class="`text-${color}`"
-                  >
-                    {{ value }}
-                  </h4>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </VCol>
-
-      <!-- 👉 Time Spending -->
-      <VCol
-        cols="12"
-        md="4"
-      >
-        <div class="d-flex justify-space-between align-center">
-          <div class="d-flex flex-column ps-3">
-            <h5 class="text-h5 mb-1 text-no-wrap">
-              Time Spending
-            </h5>
-            <div class="text-body-1 mb-7">
-              Weekly Report
-            </div>
-            <h4 class="text-h4 mb-2">
-              231<span class="text-medium-emphasis">h</span> 14<span class="text-medium-emphasis">m</span>
-            </h4>
-            <div>
-              <VChip
-                color="success"
-                label
-                size="small"
-              >
-                +18.4%
-              </VChip>
-            </div>
-          </div>
-          <div>
-            <VueApexCharts
-              type="donut"
-              height="150"
-              width="150"
-              :options="timeSpendingChartConfig"
-              :series="timeSpendingChartSeries"
-            />
-          </div>
-        </div>
-      </VCol>
-    </VRow>
-
-    <VRow class="match-height">
-      <!-- 👉 Topics you are interested in -->
-      <VCol
-        cols="12"
-        md="8"
-      >
-        <!-- 👉 Topic You are Interested in -->
-        <AcademyTopicYouAreInterested />
-      </VCol>
-
-      <!-- 👉 Popular Instructors  -->
-      <VCol
-        cols="12"
-        md="4"
-        sm="6"
-      >
-        <AcademyCardPopularInstructors />
-      </VCol>
-
-      <!-- 👉 Academy Top Courses  -->
-      <VCol
-        cols="12"
-        md="4"
-        sm="6"
-      >
-        <AcademyCardTopCourses />
-      </VCol>
-
-      <!-- 👉 Academy Upcoming Webinar -->
-      <VCol
-        cols="12"
-        md="4"
-        sm="6"
-      >
-        <AcademyUpcomingWebinar />
-      </VCol>
-
-      <!-- 👉 Academy Assignment Progress  -->
-      <VCol
-        cols="12"
-        md="4"
-        sm="6"
-      >
-        <AcademyAssignmentProgress />
-      </VCol>
-
-      <!-- 👉 Academy Course Table  -->
-      <VCol>
-        <AcademyCourseTable />
-      </VCol>
-    </VRow>
-  </div>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/libs/apex-chart.scss";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/academy/my-course.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/academy/my-course.vue
deleted file mode 100644
index d7b545b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/academy/my-course.vue
+++ /dev/null
@@ -1,234 +0,0 @@
-<script setup lang="ts">
-import AcademyMyCourses from '@/views/apps/academy/AcademyMyCourses.vue'
-import boyAppAcademy from '@images/illustrations/boy-app-academy.png'
-import girlAppAcademy from '@images/illustrations/girl-app-academy.png'
-import academyCourseIllustration1 from '@images/pages/academy-course-illustration1.png'
-import academyCourseIllustration2Dark from '@images/pages/academy-course-illustration2-dark.png'
-import academyCourseIllustration2Light from '@images/pages/academy-course-illustration2-light.png'
-import guitarCoursePoster from '@images/pages/guitar-course-poster.png'
-import singingCoursePoster from '@images/pages/singing-course-poster.png'
-
-const academyCourseIllustration2 = useGenerateImageVariant(academyCourseIllustration2Light, academyCourseIllustration2Dark)
-
-const searchQuery = ref('')
-</script>
-
-<template>
-  <div>
-    <VCard class="mb-6">
-      <VCardText class="py-12 position-relative">
-        <div
-          class="d-flex flex-column gap-y-4 mx-auto"
-          :class="$vuetify.display.mdAndUp ? 'w-50' : $vuetify.display.xs ? 'w-100' : 'w-75'"
-        >
-          <h4
-            class="text-h4 text-center text-wrap mx-auto"
-            :class="$vuetify.display.mdAndUp ? 'w-75' : 'w-100'"
-          >
-            Education, talents, and career
-            opportunities. <span class="text-primary text-no-wrap"> All in one place.</span>
-          </h4>
-          <p class="text-center text-wrap text-body-1 mx-auto mb-0">
-            Grow your skill with the most reliable online courses and certifications in marketing, information technology, programming, and data science.
-          </p>
-          <div class="d-flex justify-center align-center gap-4 flex-wrap">
-            <div
-              class="flex-grow-1"
-              style="max-inline-size: 350px;"
-            >
-              <AppTextField
-                v-model="searchQuery"
-                placeholder="Find your course"
-              />
-            </div>
-            <VBtn
-              color="primary"
-              density="comfortable"
-              icon="tabler-search"
-              class="rounded"
-            />
-          </div>
-        </div>
-        <img
-          :src="academyCourseIllustration1"
-          class="illustration1 d-none d-md-block flip-in-rtl"
-          height="180"
-        >
-        <img
-          :src="academyCourseIllustration2"
-          class="illustration2 d-none d-md-block"
-          height="100"
-        >
-      </VCardText>
-    </VCard>
-
-    <AcademyMyCourses :search-query="searchQuery" />
-
-    <div class="mb-6">
-      <VRow>
-        <VCol
-          v-for="{ title, btnText, color, description, image } in [
-            { title: 'Earn a Certificate', description: 'Get the right professional certificate program for you.', btnText: 'View Programs', color: 'primary', image: boyAppAcademy },
-            { title: 'Best Rated Courses', description: 'Enroll now in the most popular and best rated courses.', btnText: 'View Courses', color: 'error', image: girlAppAcademy },
-          ]"
-          :key="title"
-          cols="12"
-          md="6"
-        >
-          <VCard
-
-            flat
-            :color="`rgba(var(--v-theme-${color}), var(--v-selected-opacity))`"
-          >
-            <VCardText>
-              <div class="d-flex justify-space-between gap-4 flex-column-reverse flex-sm-row">
-                <div class="text-center text-sm-start">
-                  <h5
-                    class="text-h5 mb-1"
-                    :class="`text-${color}`"
-                  >
-                    <div class="d-flex justify-space-between gap-4 flex-column-reverse flex-sm-row">
-                      <div class="text-center text-sm-start">
-                        <h5
-                          class="text-h5 mb-1"
-                          :class="`text-${color}`"
-                        >
-                          {{ title }}
-                        </h5>
-                      </div>
-                    </div>
-                  </h5>
-                  <p
-                    class="text-body-1 mx-auto"
-                    style="max-inline-size: 300px;"
-                  >
-                    {{ description }}
-                  </p>
-                  <VBtn :color="color">
-                    {{ btnText }}
-                  </VBtn>
-                </div>
-
-                <div class="align-self-center">
-                  <div class="align-self-center">
-                    <img
-                      :src="image"
-                      height="127"
-                      class="flip-in-rtl"
-                    >
-                  </div>
-                </div>
-              </div>
-            </VCardText>
-          </VCard>
-        </VCol>
-      </VRow>
-    </div>
-
-    <VCard>
-      <VCardText>
-        <VRow>
-          <VCol
-            cols="12"
-            md="4"
-          >
-            <div class="d-flex flex-column align-center gap-y-4 h-100 justify-center">
-              <VAvatar
-                variant="tonal"
-                size="52"
-                rounded
-                color="primary"
-              >
-                <VIcon
-                  icon="tabler-gift"
-                  size="36"
-                />
-              </VAvatar>
-              <h4 class="text-h4 font-weight-medium">
-                Today's Free Courses
-              </h4>
-              <p class="text-body-1 text-center mb-0">
-                We offers 284 Free Online courses from top tutors and companies to help you start or advance your career skills. Learn online for free and fast today!
-              </p>
-              <VBtn>Get Premium Courses</VBtn>
-            </div>
-          </VCol>
-          <VCol
-            cols="12"
-            md="4"
-            sm="6"
-          >
-            <VCard
-              flat
-              border
-            >
-              <div class="px-2 pt-2">
-                <VVideo
-                  :image="guitarCoursePoster"
-                  src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4"
-                  pills
-                  density="compact"
-                  :height="$vuetify.display.mdAndUp ? 200 : 150"
-                  elevation="0"
-                  rounded
-                />
-              </div>
-              <VCardText>
-                <h5 class="text-h5 mb-2">
-                  Your First Singing Lesson
-                </h5>
-                <p class="text-body-1 mb-0">
-                  In the same way as any other artistic domain, singing lends itself perfectly to self-teaching.
-                </p>
-              </VCardText>
-            </VCard>
-          </VCol>
-          <VCol
-            cols="12"
-            md="4"
-            sm="6"
-          >
-            <VCard
-              flat
-              border
-            >
-              <div class="px-2 pt-2">
-                <VVideo
-                  :image="singingCoursePoster"
-                  src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4"
-                  pills
-                  density="compact"
-                  :height="$vuetify.display.mdAndUp ? 200 : 150"
-                  elevation="0"
-                  rounded
-                />
-              </div>
-              <VCardText>
-                <h5 class="text-h5 mb-2">
-                  Guitar for Beginners
-                </h5>
-                <p class="text-body-1 mb-0">
-                  The Fender Acoustic Guitar is best choice for beginners and professionals.
-                </p>
-              </VCardText>
-            </VCard>
-          </VCol>
-        </VRow>
-      </VCardText>
-    </VCard>
-  </div>
-</template>
-
-<style lang="scss">
-.illustration1 {
-  position: absolute;
-  inset-block-end: 0;
-  inset-inline-end: 0;
-}
-
-.illustration2 {
-  position: absolute;
-  inset-block-start: 2rem;
-  inset-inline-start: 2.5rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/calendar.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/calendar.vue
deleted file mode 100644
index 13e0795..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/calendar.vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<script setup lang="ts">
-import FullCalendar from '@fullcalendar/vue3'
-import { blankEvent, useCalendar } from '@/views/apps/calendar/useCalendar'
-import { useCalendarStore } from '@/views/apps/calendar/useCalendarStore'
-
-// Components
-import CalendarEventHandler from '@/views/apps/calendar/CalendarEventHandler.vue'
-
-// 👉 Store
-const store = useCalendarStore()
-
-// 👉 Event
-const event = ref(structuredClone(blankEvent))
-const isEventHandlerSidebarActive = ref(false)
-
-watch(isEventHandlerSidebarActive, val => {
-  if (!val)
-    event.value = structuredClone(blankEvent)
-})
-
-const { isLeftSidebarOpen } = useResponsiveLeftSidebar()
-
-// 👉 useCalendar
-const { refCalendar, calendarOptions, addEvent, updateEvent, removeEvent, jumpToDate } = useCalendar(event, isEventHandlerSidebarActive, isLeftSidebarOpen)
-
-// SECTION Sidebar
-// 👉 Check all
-const checkAll = computed({
-  /*
-    GET: Return boolean `true` => if length of options matches length of selected filters => Length matches when all events are selected
-    SET: If value is `true` => then add all available options in selected filters => Select All
-          Else if => all filters are selected (by checking length of both array) => Empty Selected array  => Deselect All
-  */
-  get: () => store.selectedCalendars.length === store.availableCalendars.length,
-  set: val => {
-    if (val)
-      store.selectedCalendars = store.availableCalendars.map(i => i.label)
-
-    else if (store.selectedCalendars.length === store.availableCalendars.length)
-      store.selectedCalendars = []
-  },
-})
-// !SECTION
-
-const jumpToDateFn = (date: string) => {
-  jumpToDate(date)
-}
-</script>
-
-<template>
-  <div>
-    <VCard>
-      <!-- `z-index: 0` Allows overlapping vertical nav on calendar -->
-      <VLayout style="z-index: 0;">
-        <!-- 👉 Navigation drawer -->
-        <VNavigationDrawer
-          v-model="isLeftSidebarOpen"
-          data-allow-mismatch
-          width="292"
-          absolute
-          touchless
-          location="start"
-          class="calendar-add-event-drawer"
-          :temporary="$vuetify.display.mdAndDown"
-        >
-          <div style="margin: 1.5rem;">
-            <VBtn
-              block
-              prepend-icon="tabler-plus"
-              @click="isEventHandlerSidebarActive = true"
-            >
-              Add event
-            </VBtn>
-          </div>
-
-          <VDivider />
-
-          <div class="d-flex align-center justify-center pa-2">
-            <AppDateTimePicker
-              id="calendar-date-picker"
-              :model-value="new Date().toJSON().slice(0, 10)"
-              :config="{ inline: true }"
-              class="calendar-date-picker"
-              @update:model-value="jumpToDateFn"
-            />
-          </div>
-
-          <VDivider />
-          <div class="pa-6">
-            <h6 class="text-lg font-weight-medium mb-4">
-              Event Filters
-            </h6>
-
-            <div class="d-flex flex-column calendars-checkbox">
-              <VCheckbox
-                id="check-all-events"
-                v-model="checkAll"
-                label="View all"
-              />
-              <VCheckbox
-                v-for="(calendar, index) in store.availableCalendars"
-                :id="`${index}`"
-                :key="calendar.label"
-                v-model="store.selectedCalendars"
-                :value="calendar.label"
-                :color="calendar.color"
-                :label="calendar.label"
-              />
-            </div>
-          </div>
-        </VNavigationDrawer>
-
-        <VMain>
-          <VCard flat>
-            <FullCalendar
-              ref="refCalendar"
-              :options="calendarOptions"
-            />
-          </VCard>
-        </VMain>
-      </VLayout>
-    </VCard>
-    <CalendarEventHandler
-      v-model:is-drawer-open="isEventHandlerSidebarActive"
-      :event="event"
-      @add-event="addEvent"
-      @update-event="updateEvent"
-      @remove-event="removeEvent"
-    />
-  </div>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/libs/full-calendar";
-
-.calendars-checkbox {
-  .v-label {
-    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-    opacity: var(--v-high-emphasis-opacity);
-  }
-}
-
-.calendar-add-event-drawer {
-  &.v-navigation-drawer:not(.v-navigation-drawer--temporary) {
-    border-end-start-radius: 0.375rem;
-    border-start-start-radius: 0.375rem;
-  }
-
-  &.v-navigation-drawer--temporary:not(.v-navigation-drawer--active) {
-    transform: translateX(-110%) !important;
-  }
-}
-
-.calendar-date-picker {
-  display: none;
-
-  +.flatpickr-input {
-    +.flatpickr-calendar.inline {
-      border: none;
-      box-shadow: none;
-
-      .flatpickr-months {
-        border-block-end: none;
-      }
-    }
-  }
-
-  & ~ .flatpickr-calendar .flatpickr-weekdays {
-    margin-block: 0 4px;
-  }
-}
-
-@media screen and (max-width: 1279px) {
-  .calendar-add-event-drawer {
-    border-width: 0;
-  }
-}
-</style>
-
-<style lang="scss" scoped>
-.v-layout {
-  overflow: visible !important;
-
-  .v-card {
-    overflow: visible;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/chat.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/chat.vue
deleted file mode 100644
index c9a5861..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/chat.vue
+++ /dev/null
@@ -1,428 +0,0 @@
-<script lang="ts" setup>
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import { useDisplay, useTheme } from 'vuetify'
-import { themes } from '@/plugins/vuetify/theme'
-import ChatActiveChatUserProfileSidebarContent from '@/views/apps/chat/ChatActiveChatUserProfileSidebarContent.vue'
-import ChatLeftSidebarContent from '@/views/apps/chat/ChatLeftSidebarContent.vue'
-import ChatLog from '@/views/apps/chat/ChatLog.vue'
-import ChatUserProfileSidebarContent from '@/views/apps/chat/ChatUserProfileSidebarContent.vue'
-import { useChat } from '@/views/apps/chat/useChat'
-import { useChatStore } from '@/views/apps/chat/useChatStore'
-import type { ChatContact as TypeChatContact } from '@db/apps/chat/types'
-
-definePage({
-  meta: {
-    layoutWrapperClasses: 'layout-content-height-fixed',
-  },
-})
-
-// composables
-const vuetifyDisplays = useDisplay()
-const store = useChatStore()
-const { isLeftSidebarOpen } = useResponsiveLeftSidebar(vuetifyDisplays.smAndDown)
-const { resolveAvatarBadgeVariant } = useChat()
-
-// Perfect scrollbar
-const chatLogPS = ref()
-
-const scrollToBottomInChatLog = () => {
-  const scrollEl = chatLogPS.value.$el || chatLogPS.value
-
-  scrollEl.scrollTop = scrollEl.scrollHeight
-}
-
-// Search query
-const q = ref('')
-
-watch(
-  q,
-  val => store.fetchChatsAndContacts(val),
-  { immediate: true },
-)
-
-// Open Sidebar in smAndDown when "start conversation" is clicked
-const startConversation = () => {
-  if (vuetifyDisplays.mdAndUp.value)
-    return
-  isLeftSidebarOpen.value = true
-}
-
-// Chat message
-const msg = ref('')
-
-const sendMessage = async () => {
-  if (!msg.value)
-    return
-
-  await store.sendMsg(msg.value)
-
-  // Reset message input
-  msg.value = ''
-
-  // Scroll to bottom
-  nextTick(() => {
-    scrollToBottomInChatLog()
-  })
-}
-
-const openChatOfContact = async (userId: TypeChatContact['id']) => {
-  await store.getChat(userId)
-
-  // Reset message input
-  msg.value = ''
-
-  // Set unseenMsgs to 0
-  const contact = store.chatsContacts.find(c => c.id === userId)
-  if (contact)
-    contact.chat.unseenMsgs = 0
-
-  // if smAndDown =>  Close Chat & Contacts left sidebar
-  if (vuetifyDisplays.smAndDown.value)
-    isLeftSidebarOpen.value = false
-
-  // Scroll to bottom
-  nextTick(() => {
-    scrollToBottomInChatLog()
-  })
-}
-
-// User profile sidebar
-const isUserProfileSidebarOpen = ref(false)
-
-// Active chat user profile sidebar
-const isActiveChatUserProfileSidebarOpen = ref(false)
-
-// file input
-const refInputEl = ref<HTMLElement>()
-
-const { name } = useTheme()
-
-const chatContentContainerBg = computed(() => {
-  let color = 'transparent'
-
-  if (themes)
-    color = themes?.[name.value].colors?.background as string
-
-  return color
-})
-</script>
-
-<template>
-  <VLayout
-    class="chat-app-layout"
-    style="z-index: 0;"
-  >
-    <!-- 👉 user profile sidebar -->
-    <VNavigationDrawer
-      v-model="isUserProfileSidebarOpen"
-      data-allow-mismatch
-      temporary
-      touchless
-      absolute
-      class="user-profile-sidebar"
-      location="start"
-      width="370"
-    >
-      <ChatUserProfileSidebarContent @close="isUserProfileSidebarOpen = false" />
-    </VNavigationDrawer>
-
-    <!-- 👉 Active Chat sidebar -->
-    <VNavigationDrawer
-      v-model="isActiveChatUserProfileSidebarOpen"
-      data-allow-mismatch
-      width="374"
-      absolute
-      temporary
-      location="end"
-      touchless
-      class="active-chat-user-profile-sidebar"
-    >
-      <ChatActiveChatUserProfileSidebarContent @close="isActiveChatUserProfileSidebarOpen = false" />
-    </VNavigationDrawer>
-
-    <!-- 👉 Left sidebar   -->
-    <VNavigationDrawer
-      v-model="isLeftSidebarOpen"
-      data-allow-mismatch
-      absolute
-      touchless
-      location="start"
-      width="370"
-      :temporary="$vuetify.display.smAndDown"
-      class="chat-list-sidebar"
-      :permanent="$vuetify.display.mdAndUp"
-    >
-      <ChatLeftSidebarContent
-        v-model:is-drawer-open="isLeftSidebarOpen"
-        v-model:search="q"
-        @open-chat-of-contact="openChatOfContact"
-        @show-user-profile="isUserProfileSidebarOpen = true"
-        @close="isLeftSidebarOpen = false"
-      />
-    </VNavigationDrawer>
-
-    <!-- 👉 Chat content -->
-    <VMain class="chat-content-container">
-      <!-- 👉 Right content: Active Chat -->
-      <div
-        v-if="store.activeChat"
-        class="d-flex flex-column h-100"
-      >
-        <!-- 👉 Active chat header -->
-        <div class="active-chat-header d-flex align-center text-medium-emphasis bg-surface">
-          <!-- Sidebar toggler -->
-          <IconBtn
-            class="d-md-none me-3"
-            @click="isLeftSidebarOpen = true"
-          >
-            <VIcon icon="tabler-menu-2" />
-          </IconBtn>
-
-          <!-- avatar -->
-          <div
-            class="d-flex align-center cursor-pointer"
-            @click="isActiveChatUserProfileSidebarOpen = true"
-          >
-            <VBadge
-              dot
-              location="bottom right"
-              offset-x="3"
-              offset-y="0"
-              :color="resolveAvatarBadgeVariant(store.activeChat.contact.status)"
-              bordered
-            >
-              <VAvatar
-                size="40"
-                :variant="!store.activeChat.contact.avatar ? 'tonal' : undefined"
-                :color="!store.activeChat.contact.avatar ? resolveAvatarBadgeVariant(store.activeChat.contact.status) : undefined"
-                class="cursor-pointer"
-              >
-                <VImg
-                  v-if="store.activeChat.contact.avatar"
-                  :src="store.activeChat.contact.avatar"
-                  :alt="store.activeChat.contact.fullName"
-                />
-                <span v-else>{{ avatarText(store.activeChat.contact.fullName) }}</span>
-              </VAvatar>
-            </VBadge>
-
-            <div class="flex-grow-1 ms-4 overflow-hidden">
-              <div class="text-h6 mb-0 font-weight-regular">
-                {{ store.activeChat.contact.fullName }}
-              </div>
-              <p class="text-truncate mb-0 text-body-2">
-                {{ store.activeChat.contact.role }}
-              </p>
-            </div>
-          </div>
-
-          <VSpacer />
-
-          <!-- Header right content -->
-          <div class="d-sm-flex align-center d-none text-medium-emphasis">
-            <IconBtn>
-              <VIcon icon="tabler-phone" />
-            </IconBtn>
-            <IconBtn>
-              <VIcon icon="tabler-video" />
-            </IconBtn>
-            <IconBtn>
-              <VIcon icon="tabler-search" />
-            </IconBtn>
-            <IconBtn>
-              <VIcon icon="tabler-dots-vertical" />
-            </IconBtn>
-          </div>
-        </div>
-
-        <VDivider />
-
-        <!-- Chat log -->
-        <PerfectScrollbar
-          ref="chatLogPS"
-          tag="ul"
-          :options="{ wheelPropagation: false }"
-          class="flex-grow-1"
-        >
-          <ChatLog />
-        </PerfectScrollbar>
-
-        <!-- Message form -->
-        <VForm
-          class="chat-log-message-form mb-5 mx-5"
-          @submit.prevent="sendMessage"
-        >
-          <VTextField
-            :key="store.activeChat?.contact.id"
-            v-model="msg"
-            variant="solo"
-            density="default"
-            class="chat-message-input"
-            placeholder="Type your message..."
-            autofocus
-          >
-            <template #append-inner>
-              <div class="d-flex gap-1">
-                <IconBtn>
-                  <VIcon
-                    icon="tabler-microphone"
-                    size="22"
-                  />
-                </IconBtn>
-                <IconBtn @click="refInputEl?.click()">
-                  <VIcon
-                    icon="tabler-paperclip"
-                    size="22"
-                  />
-                </IconBtn>
-                <div class="d-none d-md-block">
-                  <VBtn
-                    append-icon="tabler-send"
-                    @click="sendMessage"
-                  >
-                    Send
-                  </VBtn>
-                </div>
-                <IconBtn
-                  class="d-block d-md-none"
-                  @click="sendMessage"
-                >
-                  <VIcon icon="tabler-send" />
-                </IconBtn>
-              </div>
-            </template>
-          </VTextField>
-
-          <input
-            ref="refInputEl"
-            type="file"
-            name="file"
-            accept=".jpeg,.png,.jpg,GIF"
-            hidden
-          >
-        </VForm>
-      </div>
-
-      <!-- 👉 Start conversation -->
-      <div
-        v-else
-        class="d-flex h-100 align-center justify-center flex-column"
-      >
-        <VAvatar
-          size="98"
-          variant="tonal"
-          color="primary"
-          class="mb-4"
-        >
-          <VIcon
-            size="50"
-            class="rounded-0"
-            icon="tabler-message-2"
-          />
-        </VAvatar>
-        <VBtn
-          v-if="$vuetify.display.smAndDown"
-          rounded="pill"
-          @click="startConversation"
-        >
-          Start Conversation
-        </VBtn>
-
-        <p
-          v-else
-          style="max-inline-size: 40ch; text-wrap: balance;"
-          class="text-center text-disabled"
-        >
-          Start connecting with the people by selecting one of the contact on left
-        </p>
-      </div>
-    </VMain>
-  </VLayout>
-</template>
-
-<style lang="scss">
-@use "@styles/variables/vuetify";
-@use "@core-scss/base/mixins";
-@use "@layouts/styles/mixins" as layoutsMixins;
-
-// Variables
-$chat-app-header-height: 76px;
-
-// Placeholders
-%chat-header {
-  display: flex;
-  align-items: center;
-  min-block-size: $chat-app-header-height;
-  padding-inline: 1.5rem;
-}
-
-.chat-start-conversation-btn {
-  cursor: default;
-}
-
-.chat-app-layout {
-  border-radius: vuetify.$card-border-radius;
-
-  @include mixins.elevation(vuetify.$card-elevation);
-
-  $sel-chat-app-layout: &;
-
-  @at-root {
-    .skin--bordered {
-      @include mixins.bordered-skin($sel-chat-app-layout);
-    }
-  }
-
-  .active-chat-user-profile-sidebar,
-  .user-profile-sidebar {
-    .v-navigation-drawer__content {
-      display: flex;
-      flex-direction: column;
-    }
-  }
-
-  .chat-list-header,
-  .active-chat-header {
-    @extend %chat-header;
-  }
-
-  .chat-list-sidebar {
-    .v-navigation-drawer__content {
-      display: flex;
-      flex-direction: column;
-    }
-  }
-}
-
-.chat-content-container {
-  /* stylelint-disable-next-line value-keyword-case */
-  background-color: v-bind(chatContentContainerBg);
-
-  // Adjust the padding so text field height stays 48px
-  .chat-message-input {
-    .v-field__input {
-      font-size: 0.9375rem !important;
-      line-height: 1.375rem !important;
-      padding-block: 0.6rem 0.5rem;
-    }
-
-    .v-field__append-inner {
-      align-items: center;
-      padding-block-start: 0;
-    }
-
-    .v-field--appended {
-      padding-inline-end: 8px;
-    }
-  }
-}
-
-.chat-user-profile-badge {
-  .v-badge__badge {
-    /* stylelint-disable liberty/use-logical-spec */
-    min-width: 12px !important;
-    height: 0.75rem;
-    /* stylelint-enable liberty/use-logical-spec */
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/customer/details/[id].vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/customer/details/[id].vue
deleted file mode 100644
index f917255..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/customer/details/[id].vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<script setup lang="ts">
-import ECommerceAddCustomerDrawer from '@/views/apps/ecommerce/ECommerceAddCustomerDrawer.vue'
-import CustomerBioPanel from '@/views/apps/ecommerce/customer/view/CustomerBioPanel.vue'
-import CustomerTabAddressAndBilling from '@/views/apps/ecommerce/customer/view/CustomerTabAddressAndBilling.vue'
-import CustomerTabNotification from '@/views/apps/ecommerce/customer/view/CustomerTabNotification.vue'
-import CustomerTabOverview from '@/views/apps/ecommerce/customer/view/CustomerTabOverview.vue'
-import CustomerTabSecurity from '@/views/apps/ecommerce/customer/view/CustomerTabSecurity.vue'
-import type { Customer } from '@db/apps/ecommerce/types'
-
-const route = useRoute('apps-ecommerce-customer-details-id')
-const customerData = ref<Customer>()
-const userTab = ref(null)
-
-const tabs = [
-  { title: 'Overview', icon: 'tabler-user' },
-  { title: 'Security', icon: 'tabler-lock' },
-  { title: 'Address & Billing', icon: 'tabler-map-pin' },
-  { title: 'Notifications', icon: 'tabler-bell' },
-]
-
-const { data } = await useApi<Customer>(`/apps/ecommerce/customers/${route.params.id}`)
-
-if (data.value)
-  customerData.value = data.value
-
-const isAddCustomerDrawerOpen = ref(false)
-</script>
-
-<template>
-  <div>
-    <!-- 👉 Header  -->
-    <div class="d-flex justify-space-between align-center flex-wrap gap-y-4 mb-6">
-      <div>
-        <h4 class="text-h4 mb-1">
-          Customer ID #{{ route.params.id }}
-        </h4>
-        <div class="text-body-1">
-          Aug 17, 2020, 5:48 (ET)
-        </div>
-      </div>
-      <div class="d-flex gap-4">
-        <VBtn
-          variant="tonal"
-          color="error"
-        >
-          Delete Customer
-        </VBtn>
-      </div>
-    </div>
-    <!-- 👉 Customer Profile  -->
-    <VRow v-if="customerData">
-      <VCol
-        v-if="customerData"
-        cols="12"
-        md="5"
-        lg="4"
-      >
-        <CustomerBioPanel :customer-data="customerData" />
-      </VCol>
-      <VCol
-        cols="12"
-        md="7"
-        lg="8"
-      >
-        <VTabs
-          v-model="userTab"
-          class="v-tabs-pill mb-3 disable-tab-transition"
-        >
-          <VTab
-            v-for="tab in tabs"
-            :key="tab.title"
-          >
-            <VIcon
-              size="20"
-              start
-              :icon="tab.icon"
-            />
-            {{ tab.title }}
-          </VTab>
-        </VTabs>
-        <VWindow
-          v-model="userTab"
-          class="disable-tab-transition"
-          :touch="false"
-        >
-          <VWindowItem>
-            <CustomerTabOverview />
-          </VWindowItem>
-          <VWindowItem>
-            <CustomerTabSecurity />
-          </VWindowItem>
-          <VWindowItem>
-            <CustomerTabAddressAndBilling />
-          </VWindowItem>
-          <VWindowItem>
-            <CustomerTabNotification />
-          </VWindowItem>
-        </VWindow>
-      </VCol>
-    </VRow>
-    <div v-else>
-      <VAlert
-        type="error"
-        variant="tonal"
-      >
-        Invoice with ID  {{ route.params.id }} not found!
-      </VAlert>
-    </div>
-    <ECommerceAddCustomerDrawer v-model:is-drawer-open="isAddCustomerDrawerOpen" />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/customer/list/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/customer/list/index.vue
deleted file mode 100644
index 34db5b8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/customer/list/index.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-<script setup lang="ts">
-import ECommerceAddCustomerDrawer from '@/views/apps/ecommerce/ECommerceAddCustomerDrawer.vue'
-import type { Customer } from '@db/apps/ecommerce/types'
-
-const searchQuery = ref('')
-const isAddCustomerDrawerOpen = ref(false)
-
-// Data table options
-const itemsPerPage = ref(10)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-
-// Data table Headers
-const headers = [
-  { title: 'Customer', key: 'customer' },
-  { title: 'Customer Id', key: 'customerId' },
-  { title: 'Country', key: 'country' },
-  { title: 'Orders', key: 'orders' },
-  { title: 'Total Spent', key: 'totalSpent' },
-]
-
-// Update data table options
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-// Fetch customers Data
-const { data: customerData } = await useApi<any>(createUrl('/apps/ecommerce/customers',
-  {
-    query: {
-      q: searchQuery,
-      itemsPerPage,
-      page,
-      sortBy,
-      orderBy,
-    },
-  }),
-)
-
-const customers = computed((): Customer[] => customerData.value.customers)
-const totalCustomers = computed(() => customerData.value.total)
-</script>
-
-<template>
-  <div>
-    <VCard>
-      <VCardText>
-        <div class="d-flex justify-space-between flex-wrap gap-y-4">
-          <AppTextField
-            v-model="searchQuery"
-            style="max-inline-size: 280px; min-inline-size: 280px;"
-            placeholder="Search Name"
-          />
-          <div class="d-flex flex-row gap-4 align-center flex-wrap">
-            <AppSelect
-              v-model="itemsPerPage"
-              :items="[5, 10, 20, 50, 100]"
-            />
-
-            <VBtn
-              prepend-icon="tabler-upload"
-              variant="tonal"
-              color="secondary"
-            >
-              Export
-            </VBtn>
-            <VBtn
-              prepend-icon="tabler-plus"
-              @click="isAddCustomerDrawerOpen = !isAddCustomerDrawerOpen"
-            >
-              Add Customer
-            </VBtn>
-          </div>
-        </div>
-      </VCardText>
-
-      <VDivider />
-      <VDataTableServer
-        v-model:items-per-page="itemsPerPage"
-        v-model:page="page"
-        :items="customers"
-        item-value="customer"
-        :headers="headers"
-        :items-length="totalCustomers"
-        show-select
-        class="text-no-wrap"
-        @update:options="updateOptions"
-      >
-        <template #item.customer="{ item }">
-          <div class="d-flex align-center gap-x-3">
-            <VAvatar
-              size="34"
-              :variant="!item.avatar ? 'tonal' : undefined"
-            >
-              <VImg
-                v-if="item.avatar"
-                :src="item.avatar"
-              />
-              <span v-else>{{ avatarText(item.customer) }}</span>
-            </VAvatar>
-            <div class="d-flex flex-column">
-              <RouterLink
-                :to="{ name: 'apps-ecommerce-customer-details-id', params: { id: item.customerId } }"
-                class="text-link font-weight-medium d-inline-block"
-                style="line-height: 1.375rem;"
-              >
-                {{ item.customer }}
-              </RouterLink>
-              <div class="text-body-2">
-                {{ item.email }}
-              </div>
-            </div>
-          </div>
-        </template>
-
-        <template #item.customerId="{ item }">
-          <div class="text-body-1 text-high-emphasis">
-            #{{ item.customerId }}
-          </div>
-        </template>
-
-        <template #item.orders="{ item }">
-          {{ item.order }}
-        </template>
-
-        <template #item.country="{ item }">
-          <div class="d-flex gap-x-2">
-            <img
-              :src="item.countryFlag"
-              height="22"
-              width="22"
-            >
-            <span class="text-body-1">{{ item.country }}</span>
-          </div>
-        </template>
-
-        <template #item.totalSpent="{ item }">
-          <h6 class="text-h6">
-            ${{ item.totalSpent }}
-          </h6>
-        </template>
-
-        <template #bottom>
-          <TablePagination
-            v-model:page="page"
-            :items-per-page="itemsPerPage"
-            :total-items="totalCustomers"
-          />
-        </template>
-      </VDataTableServer>
-    </VCard>
-
-    <ECommerceAddCustomerDrawer v-model:is-drawer-open="isAddCustomerDrawerOpen" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.customer-title:hover {
-  color: rgba(var(--v-theme-primary)) !important;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/manage-review.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/manage-review.vue
deleted file mode 100644
index d5089da..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/manage-review.vue
+++ /dev/null
@@ -1,549 +0,0 @@
-<script setup lang="ts">
-import type { Review } from '@db/apps/ecommerce/types'
-
-const selectedStatus = ref('All')
-const searchQuery = ref('')
-
-// Data table options
-const itemsPerPage = ref(10)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-const selectedRows = ref([])
-
-// Fetch Reviews
-const { data: ReviewData, execute: fetchReviews } = await useApi<any>(createUrl('/apps/ecommerce/reviews', {
-  query: {
-    q: searchQuery,
-    status: selectedStatus,
-    page,
-    itemsPerPage,
-    sortBy,
-    orderBy,
-  },
-}))
-
-const reviews = computed((): Review[] => ReviewData.value.reviews)
-const totalReviews = computed(() => ReviewData.value.total)
-
-// Update data table options
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-// Delete Review
-const deleteReview = async (id: number) => {
-  await $api(`/apps/ecommerce/reviews/${id}`, {
-    method: 'DELETE',
-  })
-
-  // Delete from selectedRows
-  const index = selectedRows.value.findIndex(row => row === id)
-  if (index !== -1)
-    selectedRows.value.splice(index, 1)
-
-  // Refetch review
-  fetchReviews()
-}
-
-const reviewCardData = [
-  { rating: 5, value: 124 },
-  { rating: 4, value: 40 },
-  { rating: 3, value: 12 },
-  { rating: 2, value: 7 },
-  { rating: 1, value: 2 },
-]
-
-// Data table Headers
-const headers = [
-  { title: 'Product', key: 'product' },
-  { title: 'Reviewer', key: 'reviewer' },
-  { title: 'Review', key: 'review', sortable: false },
-  { title: 'Date', key: 'date' },
-  { title: 'Status', key: 'status' },
-  { title: 'Actions', key: 'actions', sortable: false },
-]
-
-// Chart Configs
-const labelColor = 'rgba(var(--v-theme-on-surface), var(--v-disabled-opacity))'
-
-const config = {
-  colorsLabel: {
-    success: '#28c76f29',
-  },
-  colors: {
-    success: '#28c76f',
-  },
-}
-
-const reviewStatChartSeries = [
-  {
-    data: [20, 40, 60, 80, 100, 80, 60],
-  },
-]
-
-const reviewStatChartConfig = {
-  chart: {
-    height: 160,
-    width: 190,
-    type: 'bar',
-    toolbar: {
-      show: false,
-    },
-  },
-  legend: {
-    show: false,
-  },
-  grid: {
-    show: false,
-    padding: {
-      top: -25,
-      bottom: -12,
-    },
-  },
-  colors: [config.colorsLabel.success, config.colorsLabel.success, config.colorsLabel.success, config.colorsLabel.success, config.colors.success, config.colorsLabel.success, config.colorsLabel.success],
-  plotOptions: {
-    bar: {
-      barHeight: '75%',
-      columnWidth: '25%',
-      borderRadius: 4,
-      distributed: true,
-    },
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  xaxis: {
-    categories: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-    labels: {
-      style: {
-        colors: labelColor,
-        fontSize: '13px',
-      },
-    },
-  },
-  yaxis: {
-    labels: {
-      show: false,
-    },
-  },
-  responsive: [{
-    breakpoint: 0,
-    options: {
-      chart: {
-        width: '100%',
-      },
-      plotOptions: {
-        bar: {
-          columnWidth: '40%',
-        },
-      },
-    },
-  }, {
-    breakpoint: 1440,
-    options: {
-      chart: {
-        height: 150,
-        width: 190,
-        toolbar: {
-          show: !1,
-        },
-      },
-      plotOptions: {
-        bar: {
-          borderRadius: 4,
-          columnWidth: '40%',
-        },
-      },
-    },
-  }, {
-    breakpoint: 1400,
-    options: {
-      plotOptions: {
-        bar: {
-          borderRadius: 4,
-          columnWidth: '40%',
-        },
-      },
-    },
-  }, {
-    breakpoint: 1200,
-    options: {
-      chart: {
-        height: 130,
-        width: 190,
-        toolbar: {
-          show: !1,
-        },
-      },
-      plotOptions: {
-        bar: {
-          borderRadius: 6,
-          columnWidth: '40%',
-        },
-      },
-    },
-  }, {
-    breakpoint: 992,
-    chart: {
-      height: 150,
-      width: 190,
-      toolbar: {
-        show: !1,
-      },
-    },
-    options: {
-      plotOptions: {
-        bar: {
-          borderRadius: 5,
-          columnWidth: '40%',
-        },
-      },
-    },
-  }, {
-    breakpoint: 883,
-    options: {
-      plotOptions: {
-        bar: {
-          borderRadius: 5,
-          columnWidth: '40%',
-        },
-      },
-    },
-  }, {
-    breakpoint: 768,
-    options: {
-      chart: {
-        height: 150,
-        width: 190,
-        toolbar: {
-          show: !1,
-        },
-      },
-      plotOptions: {
-        bar: {
-          borderRadius: 4,
-          columnWidth: '40%',
-        },
-      },
-    },
-  }, {
-    breakpoint: 600,
-    options: {
-      chart: {
-        width: '100%',
-        height: '200',
-        type: 'bar',
-      },
-      plotOptions: {
-        bar: {
-          borderRadius: 6,
-          columnWidth: '30% ',
-        },
-      },
-    },
-  }, {
-    breakpoint: 420,
-    options: {
-      plotOptions: {
-        chart: {
-          width: '100%',
-          height: '200',
-          type: 'bar',
-        },
-        bar: {
-          borderRadius: 4,
-          columnWidth: '30%',
-        },
-      },
-    },
-  }],
-}
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Total Review Card  -->
-      <VCard>
-        <VCardText>
-          <div class="d-flex gap-6 flex-column flex-sm-row">
-            <div>
-              <div class="d-flex align-center gap-x-2">
-                <h3 class="text-h3 text-primary">
-                  4.89
-                </h3>
-                <VIcon
-                  icon="tabler-star-filled"
-                  color="primary"
-                  size="32"
-                />
-              </div>
-              <h6 class="my-2 text-h6">
-                Total 187 reviews
-              </h6>
-              <div class="mb-2 text-wrap">
-                All reviews are from genuine customers
-              </div>
-              <VChip
-                color="primary"
-                label
-                size="small"
-              >
-                +5 This week
-              </VChip>
-            </div>
-
-            <VDivider :vertical="$vuetify.display.smAndUp" />
-
-            <div class="flex-grow-1">
-              <div
-                v-for="(review, index) in reviewCardData"
-                :key="index"
-                class="d-flex align-center gap-x-4"
-                :class="index !== reviewCardData.length - 1 ? 'mb-3' : ''"
-              >
-                <div class="text-no-wrap text-sm">
-                  {{ review.rating }} Star
-                </div>
-
-                <div
-                  class="flex-grow-1"
-                  style="min-inline-size: 150px;"
-                >
-                  <VProgressLinear
-                    color="primary"
-                    height="8"
-                    :model-value="(review.value / 185) * 100"
-                    rounded
-                  />
-                </div>
-
-                <div class="text-sm">
-                  {{ review.value }}
-                </div>
-              </div>
-            </div>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard>
-        <VCardText>
-          <div class="d-flex justify-space-between flex-sm-row flex-column">
-            <div>
-              <h5 class="text-h5 mb-2">
-                Reviews statistics
-              </h5>
-              <div class="mb-8 mb-sm-12">
-                <div class="d-inline-block me-2">
-                  12 New Reviews
-                </div>
-                <VChip
-                  color="success"
-                  size="small"
-                  label
-                >
-                  +8.4%
-                </VChip>
-              </div>
-              <div>
-                <div class="text-high-emphasis text-body-1 mb-2">
-                  <span class="text-success">87%</span> Positive Reviews
-                </div>
-                <div class="text-body-2">
-                  Weekly Report
-                </div>
-              </div>
-            </div>
-            <div>
-              <VueApexCharts
-                id="shipment-statistics"
-                type="bar"
-                height="152"
-                :options="reviewStatChartConfig"
-                :series="reviewStatChartSeries"
-              />
-            </div>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol cols="12">
-      <VCard>
-        <VCardText>
-          <div class="d-flex justify-space-between flex-wrap gap-6 ">
-            <div>
-              <AppTextField
-                v-model="searchQuery"
-                style="max-inline-size: 200px; min-inline-size: 200px;"
-                placeholder="Search Review"
-              />
-            </div>
-            <div class="d-flex flex-row gap-4 align-center flex-wrap">
-              <AppSelect
-                v-model="itemsPerPage"
-                :items="[10, 25, 50, 100]"
-                style="inline-size: 6.25rem;"
-              />
-              <AppSelect
-                v-model="selectedStatus"
-                style="max-inline-size: 7.5rem;min-inline-size: 7.5rem;"
-                :items="[
-                  { title: 'All', value: 'All' },
-                  { title: 'Published', value: 'Published' },
-                  { title: 'Pending', value: 'Pending' },
-                ]"
-              />
-              <VBtn
-                prepend-icon="tabler-upload"
-                variant="tonal"
-                color="default"
-              >
-                Export
-              </VBtn>
-            </div>
-          </div>
-        </VCardText>
-
-        <VDivider />
-
-        <VDataTableServer
-          v-model:items-per-page="itemsPerPage"
-          v-model:model-value="selectedRows"
-          v-model:page="page"
-          :headers="headers"
-          :items="reviews"
-          show-select
-          :items-length="totalReviews"
-          class="text-no-wrap"
-          @update:options="updateOptions"
-        >
-          <template #item.product="{ item }">
-            <div class="d-flex gap-x-4 align-center">
-              <VAvatar
-                :image="item.productImage"
-                :size="38"
-                variant="tonal"
-                rounded
-              />
-              <div class="d-flex flex-column">
-                <h6 class="text-h6">
-                  {{ item.product }}
-                </h6>
-                <div class="text-body-2 text-wrap clamp-text">
-                  {{ item.companyName }}
-                </div>
-              </div>
-            </div>
-          </template>
-
-          <template #item.reviewer="{ item }">
-            <div class="d-flex align-center gap-x-4">
-              <VAvatar
-                :image="item.avatar"
-                size="34"
-              />
-              <div class="d-flex flex-column">
-                <RouterLink
-                  :to="{ name: 'apps-ecommerce-customer-details-id', params: { id: 478426 } }"
-                  class="font-weight-medium"
-                  style="line-height: 1.375rem;"
-                >
-                  {{ item.reviewer }}
-                </RouterLink>
-                <div class="text-body-2">
-                  {{ item.email }}
-                </div>
-              </div>
-            </div>
-          </template>
-
-          <template #item.review="{ item }">
-            <div class="my-4">
-              <VRating
-                :id="item.id"
-                :name="`${item.id}`"
-                readonly
-                :model-value="item.review"
-                size="24"
-                class="mb-1"
-              />
-              <h6 class="text-h6 mb-1">
-                {{ item.head }}
-              </h6>
-              <p class="text-sm text-wrap mb-0">
-                {{ item.para }}
-              </p>
-            </div>
-          </template>
-
-          <template #item.date="{ item }">
-            {{ new Date(item.date).toDateString() }}
-          </template>
-
-          <template #item.status="{ item }">
-            <VChip
-              :color="item.status === 'Published' ? 'success' : 'warning'"
-              label
-              size="small"
-            >
-              {{ item.status }}
-            </VChip>
-          </template>
-
-          <template #item.actions="{ item }">
-            <IconBtn>
-              <VIcon icon="tabler-dots-vertical" />
-              <VMenu activator="parent">
-                <VList>
-                  <VListItem
-                    value="view"
-                    :to="{ name: 'apps-ecommerce-order-details-id', params: { id: item.id } }"
-                  >
-                    View
-                  </VListItem>
-                  <VListItem
-                    value="delete"
-                    @click="deleteReview(item.id)"
-                  >
-                    Delete
-                  </VListItem>
-                </VList>
-              </VMenu>
-            </IconBtn>
-          </template>
-
-          <!-- pagination -->
-          <template #bottom>
-            <TablePagination
-              v-model:page="page"
-              :items-per-page="itemsPerPage"
-              :total-items="totalReviews"
-            />
-          </template>
-        </VDataTableServer>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/libs/apex-chart";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/order/details/[id].vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/order/details/[id].vue
deleted file mode 100644
index 7537319..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/order/details/[id].vue
+++ /dev/null
@@ -1,512 +0,0 @@
-<script setup lang="ts">
-import type { Order } from '@db/apps/ecommerce/types'
-import product21 from '@images/ecommerce-images/product-21.png'
-import product22 from '@images/ecommerce-images/product-22.png'
-import product23 from '@images/ecommerce-images/product-23.png'
-import product24 from '@images/ecommerce-images/product-24.png'
-
-const orderData = ref<Order>()
-
-const route = useRoute('apps-ecommerce-order-details-id')
-
-const { data } = await useApi<Order>(`/apps/ecommerce/orders/${route.params.id}`)
-
-if (data.value)
-  orderData.value = data.value
-
-const isConfirmDialogVisible = ref(false)
-const isUserInfoEditDialogVisible = ref(false)
-const isEditAddressDialogVisible = ref(false)
-
-const headers = [
-  { title: 'Product', key: 'productName' },
-  { title: 'Price', key: 'price' },
-  { title: 'Quantity', key: 'quantity' },
-  { title: 'Total', key: 'total' },
-]
-
-const resolvePaymentStatus = (payment: number) => {
-  if (payment === 1)
-    return { text: 'Paid', color: 'success' }
-  if (payment === 2)
-    return { text: 'Pending', color: 'warning' }
-  if (payment === 3)
-    return { text: 'Cancelled', color: 'secondary' }
-  if (payment === 4)
-    return { text: 'Failed', color: 'error' }
-}
-
-const resolveStatus = (status: string) => {
-  if (status === 'Delivered')
-    return { text: 'Delivered', color: 'success' }
-  if (status === 'Out for Delivery')
-    return { text: 'Out for Delivery', color: 'primary' }
-  if (status === 'Ready to Pickup')
-    return { text: 'Ready to Pickup', color: 'info' }
-  if (status === 'Dispatched')
-    return { text: 'Dispatched', color: 'warning' }
-}
-
-const userData = {
-  id: null,
-  fullName: orderData.value ? orderData.value.customer : '',
-  company: 'Pixinvent',
-  role: 'Web developer',
-  username: 'T1940',
-  country: 'United States',
-  contact: '+1 (609) 972-22-22',
-  email: orderData.value?.email,
-  status: 'Active',
-  taxId: 'Tax-8894',
-  language: 'English',
-  currentPlan: '',
-  avatar: '',
-  taskDone: null,
-  projectDone: null,
-}
-
-const currentBillingAddress = {
-  fullName: orderData.value?.customer,
-  firstName: orderData.value?.customer.split(' ')[0],
-  lastName: orderData.value?.customer.split(' ')[1],
-  selectedCountry: 'USA',
-  addressLine1: '45 Rocker Terrace',
-  addressLine2: 'Latheronwheel',
-  landmark: 'KW5 8NW, London',
-  contact: '+1 (609) 972-22-22',
-  country: 'USA',
-  city: 'London',
-  state: 'London',
-  zipCode: 110001,
-}
-
-const orderDetail = [
-  {
-    productName: 'OnePlus 7 Pro',
-    productImage: product21,
-    subtitle: 'Storage: 128gb',
-    price: 799,
-    quantity: 1,
-    total: 799,
-  },
-  {
-    productName: 'Face Cream',
-    productImage: product22,
-    subtitle: 'Gender: Women',
-    price: 89,
-    quantity: 1,
-    total: 89,
-  },
-  {
-    productName: 'Wooden Chair',
-    productImage: product23,
-    subtitle: 'Material: Woodem',
-    price: 289,
-    quantity: 2,
-    total: 578,
-  },
-  {
-    productName: 'Nike Jorden',
-    productImage: product24,
-    subtitle: 'Size: 8UK',
-    price: 299,
-    quantity: 2,
-    total: 598,
-  },
-]
-</script>
-
-<template>
-  <div v-if="orderData">
-    <div class="d-flex justify-space-between align-center flex-wrap gap-y-4 mb-6">
-      <div>
-        <div class="d-flex gap-2 align-center mb-2 flex-wrap">
-          <h5 class="text-h5">
-            Order #{{ route.params.id }}
-          </h5>
-          <div class="d-flex gap-x-2">
-            <VChip
-              v-if="orderData?.payment"
-              variant="tonal"
-              :color="resolvePaymentStatus(orderData.payment)?.color"
-              label
-              size="small"
-            >
-              {{ resolvePaymentStatus(orderData.payment)?.text }}
-            </VChip>
-            <VChip
-              v-if="orderData?.status"
-              v-bind="resolveStatus(orderData?.status)"
-              label
-              size="small"
-            />
-          </div>
-        </div>
-        <div class="text-body-1">
-          Aug 17, 2020, 5:48 (ET)
-        </div>
-      </div>
-
-      <VBtn
-        variant="tonal"
-        color="error"
-        @click="isConfirmDialogVisible = !isConfirmDialogVisible"
-      >
-        Delete Order
-      </VBtn>
-    </div>
-
-    <VRow>
-      <VCol
-        cols="12"
-        md="8"
-      >
-        <!-- 👉 Order Details -->
-        <VCard class="mb-6">
-          <VCardItem>
-            <template #title>
-              <h5 class="text-h5">
-                Order Details
-              </h5>
-            </template>
-            <template #append>
-              <div class="text-base font-weight-medium text-primary cursor-pointer">
-                Edit
-              </div>
-            </template>
-          </VCardItem>
-
-          <VDivider />
-          <VDataTable
-            :headers="headers"
-            :items="orderDetail"
-            item-value="productName"
-            show-select
-            class="text-no-wrap"
-          >
-            <template #item.productName="{ item }">
-              <div class="d-flex gap-x-3 align-center">
-                <VAvatar
-                  size="34"
-                  :image="item.productImage"
-                  :rounded="0"
-                />
-
-                <div class="d-flex flex-column align-start">
-                  <h6 class="text-h6">
-                    {{ item.productName }}
-                  </h6>
-
-                  <span class="text-body-2">
-                    {{ item.subtitle }}
-                  </span>
-                </div>
-              </div>
-            </template>
-
-            <template #item.price="{ item }">
-              <div class="text-body-1">
-                ${{ item.price }}
-              </div>
-            </template>
-
-            <template #item.total="{ item }">
-              <div class="text-body-1">
-                ${{ item.total }}
-              </div>
-            </template>
-
-            <template #item.quantity="{ item }">
-              <div class="text-body-1">
-                {{ item.quantity }}
-              </div>
-            </template>
-
-            <template #bottom />
-          </VDataTable>
-          <VDivider />
-
-          <VCardText>
-            <div class="d-flex align-end flex-column">
-              <table class="text-high-emphasis">
-                <tbody>
-                  <tr>
-                    <td width="200px">
-                      Subtotal:
-                    </td>
-                    <td class="font-weight-medium">
-                      $2,093
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>Shipping Total: </td>
-                    <td class="font-weight-medium">
-                      $2
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>Tax: </td>
-                    <td class="font-weight-medium">
-                      $28
-                    </td>
-                  </tr>
-                  <tr>
-                    <td class="text-high-emphasis font-weight-medium">
-                      Total:
-                    </td>
-                    <td class="font-weight-medium">
-                      $2,113
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </VCardText>
-        </VCard>
-
-        <!-- 👉 Shipping Activity -->
-        <VCard title="Shipping Activity">
-          <VCardText>
-            <VTimeline
-              truncate-line="both"
-              line-inset="9"
-              align="start"
-              side="end"
-              line-color="primary"
-              density="compact"
-            >
-              <VTimelineItem
-                dot-color="primary"
-                size="x-small"
-              >
-                <div class="d-flex justify-space-between align-center">
-                  <div class="app-timeline-title">
-                    Order was placed (Order ID: #32543)
-                  </div>
-                  <div class="app-timeline-meta">
-                    Tuesday 10:20 AM
-                  </div>
-                </div>
-                <p class="app-timeline-text mb-0 mt-3">
-                  Your order has been placed successfully
-                </p>
-              </VTimelineItem>
-
-              <VTimelineItem
-                dot-color="primary"
-                size="x-small"
-              >
-                <div class="d-flex justify-space-between align-center">
-                  <span class="app-timeline-title">Pick-up</span>
-                  <span class="app-timeline-meta">Wednesday 11:29 AM</span>
-                </div>
-                <p class="app-timeline-text mb-0 mt-3">
-                  Pick-up scheduled with courier
-                </p>
-              </VTimelineItem>
-
-              <VTimelineItem
-                dot-color="primary"
-                size="x-small"
-              >
-                <div class="d-flex justify-space-between align-center">
-                  <span class="app-timeline-title">Dispatched</span>
-                  <span class="app-timeline-meta">Thursday 8:15 AM</span>
-                </div>
-                <p class="app-timeline-text mb-0 mt-3">
-                  Item has been picked up by courier.
-                </p>
-              </VTimelineItem>
-
-              <VTimelineItem
-                dot-color="primary"
-                size="x-small"
-              >
-                <div class="d-flex justify-space-between align-center">
-                  <span class="app-timeline-title">Package arrived</span>
-                  <span class="app-timeline-meta">Saturday 15:20 AM</span>
-                </div>
-                <p class="app-timeline-text mb-0 mt-3">
-                  Package arrived at an Amazon facility, NY
-                </p>
-              </VTimelineItem>
-
-              <VTimelineItem
-                dot-color="primary"
-                size="x-small"
-              >
-                <div class="d-flex justify-space-between align-center">
-                  <span class="app-timeline-title">Dispatched for delivery</span>
-                  <span class="app-timeline-meta">Today 14:12 PM</span>
-                </div>
-                <p class="app-timeline-text mb-0 mt-3">
-                  Package has left an Amazon facility , NY
-                </p>
-              </VTimelineItem>
-
-              <VTimelineItem
-                dot-color="secondary"
-                size="x-small"
-              >
-                <div class="d-flex justify-space-between align-center">
-                  <span class="app-timeline-title">Delivery</span>
-                </div>
-                <p class="app-timeline-text mb-4 mt-3">
-                  Package will be delivered by tomorrow
-                </p>
-              </VTimelineItem>
-            </VTimeline>
-          </VCardText>
-        </VCard>
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="4"
-      >
-        <!-- 👉 Customer Details  -->
-        <VCard class="mb-6">
-          <VCardText class="d-flex flex-column gap-y-6">
-            <h5 class="text-h5">
-              Customer details
-            </h5>
-
-            <div class="d-flex align-center">
-              <VAvatar
-                v-if="orderData"
-                :variant="!orderData?.avatar.length ? 'tonal' : undefined"
-                :rounded="1"
-                class="me-3"
-              >
-                <VImg
-                  v-if="orderData?.avatar"
-                  :src="orderData?.avatar"
-                />
-
-                <span
-                  v-else
-                  class="font-weight-medium"
-                >{{ avatarText(orderData?.customer) }}</span>
-              </VAvatar>
-              <div>
-                <h6 class="text-h6">
-                  {{ orderData?.customer }}
-                </h6>
-                <div class="text-body-1">
-                  Customer ID: #{{ orderData?.order }}
-                </div>
-              </div>
-            </div>
-
-            <div class="d-flex gap-x-3 align-center">
-              <VAvatar
-                variant="tonal"
-                color="success"
-              >
-                <VIcon icon="tabler-shopping-cart" />
-              </VAvatar>
-              <h6 class="text-h6">
-                12 Orders
-              </h6>
-            </div>
-
-            <div class="d-flex flex-column gap-y-1">
-              <div class="d-flex justify-space-between align-center">
-                <h6 class="text-h6">
-                  Contact Info
-                </h6>
-                <div
-                  class="text-base text-primary cursor-pointer font-weight-medium"
-                  @click="isUserInfoEditDialogVisible = !isUserInfoEditDialogVisible"
-                >
-                  Edit
-                </div>
-              </div>
-              <span>Email: {{ orderData?.email }}</span>
-              <span>Mobile: +1 (609) 972-22-22</span>
-            </div>
-          </VCardText>
-        </VCard>
-
-        <!-- 👉 Shipping Address -->
-        <VCard class="mb-6">
-          <VCardItem>
-            <VCardTitle>Shipping Address</VCardTitle>
-            <template #append>
-              <div class="d-flex align-center justify-space-between">
-                <div
-                  class="text-base font-weight-medium text-primary cursor-pointer"
-                  @click="isEditAddressDialogVisible = !isEditAddressDialogVisible"
-                >
-                  Edit
-                </div>
-              </div>
-            </template>
-          </VCardItem>
-
-          <VCardText>
-            <div class="text-body-1">
-              45 Rocker Terrace <br> Latheronwheel <br> KW5 8NW, London <br> UK
-            </div>
-          </VCardText>
-        </VCard>
-
-        <!-- 👉 Billing Address -->
-        <VCard>
-          <VCardText>
-            <div class="d-flex align-center justify-space-between mb-2">
-              <h5 class="text-h5">
-                Billing Address
-              </h5>
-              <div
-                class="text-base font-weight-medium text-primary cursor-pointer"
-                @click="isEditAddressDialogVisible = !isEditAddressDialogVisible"
-              >
-                Edit
-              </div>
-            </div>
-            <div>
-              45 Rocker Terrace <br> Latheronwheel <br> KW5 8NW, London <br> UK
-            </div>
-
-            <div class="mt-6">
-              <h5 class="text-h5 mb-1">
-                Mastercard
-              </h5>
-              <div class="text-body-1">
-                Card Number: ******{{ orderData?.methodNumber }}
-              </div>
-            </div>
-          </VCardText>
-        </VCard>
-      </VCol>
-    </VRow>
-
-    <ConfirmDialog
-      v-model:is-dialog-visible="isConfirmDialogVisible"
-      confirmation-question="Are you sure to cancel your Order?"
-      cancel-msg="Order cancelled!!"
-      cancel-title="Cancelled"
-      confirm-msg="Your order cancelled successfully."
-      confirm-title="Cancelled!"
-    />
-
-    <UserInfoEditDialog
-      v-model:is-dialog-visible="isUserInfoEditDialogVisible"
-      :user-data="userData"
-    />
-
-    <AddEditAddressDialog
-      v-model:is-dialog-visible="isEditAddressDialogVisible"
-      :billing-address="currentBillingAddress"
-    />
-  </div>
-  <section v-else>
-    <VAlert
-      type="error"
-      variant="tonal"
-    >
-      Order with ID #{{ route.params.id }} is not available or could not be found!
-    </VAlert>
-  </section>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/order/list/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/order/list/index.vue
deleted file mode 100644
index 763a15f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/order/list/index.vue
+++ /dev/null
@@ -1,328 +0,0 @@
-<script setup lang="ts">
-import type { Order } from '@db/apps/ecommerce/types'
-import masterCardDark from '@images/icons/payments/img/master-dark.png'
-import masterCardLight from '@images/icons/payments/img/mastercard.png'
-import paypalDark from '@images/icons/payments/img/paypal-dark.png'
-import paypalLight from '@images/icons/payments/img/paypal-light.png'
-
-const widgetData = ref([
-  { title: 'Pending Payment', value: 56, icon: 'tabler-calendar-stats' },
-  { title: 'Completed', value: 12689, icon: 'tabler-checks' },
-  { title: 'Refunded', value: 124, icon: 'tabler-wallet' },
-  { title: 'Failed', value: 32, icon: 'tabler-alert-octagon' },
-])
-
-const mastercard = useGenerateImageVariant(masterCardLight, masterCardDark)
-const paypal = useGenerateImageVariant(paypalLight, paypalDark)
-
-const searchQuery = ref('')
-
-// Data table options
-const itemsPerPage = ref(10)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-const selectedRows = ref([])
-
-// Data table Headers
-const headers = [
-  { title: 'Order', key: 'order' },
-  { title: 'Date', key: 'date' },
-  { title: 'Customers', key: 'customers' },
-  { title: 'Payment', key: 'payment', sortable: false },
-  { title: 'Status', key: 'status' },
-  { title: 'Method', key: 'method', sortable: false },
-  { title: 'Action', key: 'actions', sortable: false },
-]
-
-// Update data table options
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-const resolvePaymentStatus = (status: number) => {
-  if (status === 1)
-    return { text: 'Paid', color: 'success' }
-  if (status === 2)
-    return { text: 'Pending', color: 'warning' }
-  if (status === 3)
-    return { text: 'Cancelled', color: 'secondary' }
-  if (status === 4)
-    return { text: 'Failed', color: 'error' }
-}
-
-const resolveStatus = (status: string) => {
-  if (status === 'Delivered')
-    return { text: 'Delivered', color: 'success' }
-  if (status === 'Out for Delivery')
-    return { text: 'Out for Delivery', color: 'primary' }
-  if (status === 'Ready to Pickup')
-    return { text: 'Ready to Pickup', color: 'info' }
-  if (status === 'Dispatched')
-    return { text: 'Dispatched', color: 'warning' }
-}
-
-// Fetch Orders
-const { data: ordersData, execute: fetchOrders } = await useApi<any>(createUrl('/apps/ecommerce/orders',
-  {
-    query: {
-      q: searchQuery,
-      page,
-      itemsPerPage,
-      sortBy,
-      orderBy,
-    },
-  },
-))
-
-const orders = computed((): Order[] => ordersData.value.orders)
-const totalOrder = computed(() => ordersData.value.total)
-
-// Delete Orders
-const deleteOrder = async (id: number) => {
-  await $api(`/apps/ecommerce/orders/${id}`, {
-    method: 'DELETE',
-  })
-
-  // Delete from selectedRows
-  const index = selectedRows.value.findIndex(row => row === id)
-  if (index !== -1)
-    selectedRows.value.splice(index, 1)
-
-  // Refetch Orders
-  fetchOrders()
-}
-</script>
-
-<template>
-  <div>
-    <VCard class="mb-6">
-      <!-- 👉 Widgets  -->
-      <VCardText>
-        <VRow>
-          <template
-            v-for="(data, id) in widgetData"
-            :key="id"
-          >
-            <VCol
-              cols="12"
-              sm="6"
-              md="3"
-              class="px-6"
-            >
-              <div
-                class="d-flex justify-space-between"
-                :class="$vuetify.display.xs
-                  ? id !== widgetData.length - 1 ? 'border-b pb-4' : ''
-                  : $vuetify.display.sm
-                    ? id < (widgetData.length / 2) ? 'border-b pb-4' : ''
-                    : ''"
-              >
-                <div class="d-flex flex-column">
-                  <h4 class="text-h4">
-                    {{ data.value }}
-                  </h4>
-
-                  <div class="text-body-1">
-                    {{ data.title }}
-                  </div>
-                </div>
-
-                <VAvatar
-                  variant="tonal"
-                  rounded
-                  size="42"
-                >
-                  <VIcon
-                    :icon="data.icon"
-                    size="26"
-                    class="text-high-emphasis"
-                  />
-                </VAvatar>
-              </div>
-            </VCol>
-            <VDivider
-              v-if="$vuetify.display.mdAndUp ? id !== widgetData.length - 1
-                : $vuetify.display.smAndUp ? id % 2 === 0
-                  : false"
-              vertical
-              inset
-              length="60"
-            />
-          </template>
-        </VRow>
-      </VCardText>
-    </VCard>
-
-    <VCard>
-      <!-- 👉 Filters -->
-      <VCardText>
-        <div class="d-flex justify-sm-space-between justify-start flex-wrap gap-4">
-          <AppTextField
-            v-model="searchQuery"
-            placeholder="Search Order"
-            style=" max-inline-size: 200px; min-inline-size: 200px;"
-          />
-
-          <div class="d-flex gap-x-4 align-center">
-            <AppSelect
-              v-model="itemsPerPage"
-              style="min-inline-size: 6.25rem;"
-              :items="[5, 10, 20, 50, 100]"
-            />
-            <VBtn
-              variant="tonal"
-              color="secondary"
-              prepend-icon="tabler-upload"
-              text="Export"
-            />
-          </div>
-        </div>
-      </VCardText>
-
-      <VDivider />
-
-      <!-- 👉 Order Table -->
-      <VDataTableServer
-        v-model:items-per-page="itemsPerPage"
-        v-model:model-value="selectedRows"
-        v-model:page="page"
-        :headers="headers"
-        :items="orders"
-        :items-length="totalOrder"
-        show-select
-        class="text-no-wrap"
-        @update:options="updateOptions"
-      >
-        <!-- Order ID -->
-        <template #item.order="{ item }">
-          <RouterLink :to="{ name: 'apps-ecommerce-order-details-id', params: { id: item.order } }">
-            #{{ item.order }}
-          </RouterLink>
-        </template>
-
-        <!-- Date -->
-        <template #item.date="{ item }">
-          {{ new Date(item.date).toDateString() }}
-        </template>
-
-        <!-- Customers  -->
-        <template #item.customers="{ item }">
-          <div class="d-flex align-center gap-x-3">
-            <VAvatar
-              size="34"
-              :color="!item.avatar.length ? 'primary' : ''"
-              :variant="!item.avatar.length ? 'tonal' : undefined"
-            >
-              <VImg
-                v-if="item.avatar"
-                :src="item.avatar"
-              />
-
-              <span
-                v-else
-                class="font-weight-medium"
-              >{{ avatarText(item.customer) }}</span>
-            </VAvatar>
-
-            <div class="d-flex flex-column">
-              <div class="text-body-1 font-weight-medium">
-                <RouterLink
-                  :to="{ name: 'pages-user-profile-tab', params: { tab: 'profile' } }"
-                  class="text-link"
-                >
-                  {{ item.customer }}
-                </RouterLink>
-              </div>
-              <div class="text-body-2">
-                {{ item.email }}
-              </div>
-            </div>
-          </div>
-        </template>
-
-        <!-- Payments -->
-        <template #item.payment="{ item }">
-          <div
-            :class="`text-${resolvePaymentStatus(item.payment)?.color}`"
-            class="font-weight-medium d-flex align-center gap-x-2"
-          >
-            <VIcon
-              icon="tabler-circle-filled"
-              size="10"
-            />
-            <div style="line-height: 22px;">
-              {{ resolvePaymentStatus(item.payment)?.text }}
-            </div>
-          </div>
-        </template>
-
-        <!-- Status -->
-        <template #item.status="{ item }">
-          <VChip
-            v-bind="resolveStatus(item.status)"
-            label
-            size="small"
-          />
-        </template>
-
-        <!-- Method -->
-        <template #item.method="{ item }">
-          <div class="d-flex align-center">
-            <img
-              :src="item.method === 'mastercard' ? mastercard : paypal"
-              height="18"
-            >
-            <div class="text-body-1">
-              ...{{ item.method === 'mastercard' ? item.methodNumber : '@gmail.com' }}
-            </div>
-          </div>
-        </template>
-
-        <!-- Actions -->
-        <template #item.actions="{ item }">
-          <IconBtn>
-            <VIcon icon="tabler-dots-vertical" />
-            <VMenu activator="parent">
-              <VList>
-                <VListItem
-                  value="view"
-                  :to="{ name: 'apps-ecommerce-order-details-id', params: { id: item.order } }"
-                >
-                  View
-                </VListItem>
-                <VListItem
-                  value="delete"
-                  @click="deleteOrder(item.id)"
-                >
-                  Delete
-                </VListItem>
-              </VList>
-            </VMenu>
-          </IconBtn>
-        </template>
-
-        <!-- pagination -->
-        <template #bottom>
-          <TablePagination
-            v-model:page="page"
-            :items-per-page="itemsPerPage"
-            :total-items="totalOrder"
-          />
-        </template>
-      </VDataTableServer>
-    </VCard>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.customer-title:hover {
-  color: rgba(var(--v-theme-primary)) !important;
-}
-
-.product-widget {
-  border-block-end: 1px solid rgba(var(--v-theme-on-surface), var(--v-border-opacity));
-  padding-block-end: 1rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/product/add/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/product/add/index.vue
deleted file mode 100644
index ca1260c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/product/add/index.vue
+++ /dev/null
@@ -1,541 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-const optionCounter = ref(1)
-
-const activeTab = ref('Restock')
-const isTaxChargeToProduct = ref(true)
-
-const shippingList = [
-  { desc: 'You\'ll be responsible for product delivery.Any damage or delay during shipping may cost you a Damage fee', title: 'Fulfilled by Seller', value: 'Fulfilled by Seller' },
-  { desc: 'Your product, Our responsibility.For a measly fee, we will handle the delivery process for you.', title: 'Fulfilled by Company name', value: 'Fulfilled by Company name' },
-] as const
-
-const shippingType = ref<typeof shippingList[number]['value']>('Fulfilled by Company name')
-const deliveryType = ref('Worldwide delivery')
-const selectedAttrs = ref(['Biodegradable', 'Expiry Date'])
-
-const inventoryTabsData = [
-  { icon: 'tabler-cube', title: 'Restock', value: 'Restock' },
-  { icon: 'tabler-car', title: 'Shipping', value: 'Shipping' },
-  { icon: 'tabler-map-pin', title: 'Global Delivery', value: 'Global Delivery' },
-  { icon: 'tabler-world', title: 'Attributes', value: 'Attributes' },
-  { icon: 'tabler-lock', title: 'Advanced', value: 'Advanced' },
-]
-
-const content = ref(
-  `<p>
-    Keep your account secure with authentication step.
-    </p>`)
-</script>
-
-<template>
-  <div>
-    <div class="d-flex flex-wrap justify-start justify-sm-space-between gap-y-4 gap-x-6 mb-6">
-      <div class="d-flex flex-column justify-center">
-        <h4 class="text-h4 font-weight-medium">
-          Add a new product
-        </h4>
-        <div class="text-body-1">
-          Orders placed across your store
-        </div>
-      </div>
-
-      <div class="d-flex gap-4 align-center flex-wrap">
-        <VBtn
-          variant="tonal"
-          color="secondary"
-        >
-          Discard
-        </VBtn>
-        <VBtn
-          variant="tonal"
-          color="primary"
-        >
-          Save Draft
-        </VBtn>
-        <VBtn>Publish Product</VBtn>
-      </div>
-    </div>
-
-    <VRow>
-      <VCol md="8">
-        <!-- 👉 Product Information -->
-        <VCard
-          class="mb-6"
-          title="Product Information"
-        >
-          <VCardText>
-            <VRow>
-              <VCol cols="12">
-                <AppTextField
-                  label="Name"
-                  placeholder="iPhone 14"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="SKU"
-                  placeholder="FXSK123U"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="Barcode"
-                  placeholder="0123-4567"
-                />
-              </VCol>
-              <VCol>
-                <span class="mb-1">Description (optional)</span>
-                <ProductDescriptionEditor
-                  v-model="content"
-                  placeholder="Product Description"
-                  class="border rounded"
-                />
-              </VCol>
-            </VRow>
-          </VCardText>
-        </VCard>
-
-        <!-- 👉 Media -->
-        <VCard class="mb-6">
-          <VCardItem>
-            <template #title>
-              Product Image
-            </template>
-            <template #append>
-              <span class="text-primary font-weight-medium text-sm cursor-pointer">Add Media from URL</span>
-            </template>
-          </VCardItem>
-
-          <VCardText>
-            <DropZone />
-          </VCardText>
-        </VCard>
-
-        <!-- 👉 Variants -->
-        <VCard
-          title="Variants"
-          class="mb-6"
-        >
-          <VCardText>
-            <template
-              v-for="i in optionCounter"
-              :key="i"
-            >
-              <VRow>
-                <VCol
-                  cols="12"
-                  md="4"
-                >
-                  <AppSelect
-                    :items="['Size', 'Color', 'Weight']"
-                    placeholder="Select Variant"
-                    label="Options"
-                  />
-                </VCol>
-                <VCol
-                  cols="12"
-                  md="8"
-                  class="d-flex align-self-end"
-                >
-                  <AppTextField
-                    placeholder="38"
-                    type="number"
-                  />
-                </VCol>
-              </VRow>
-            </template>
-
-            <VBtn
-              class="mt-6"
-              prepend-icon="tabler-plus"
-              @click="optionCounter++"
-            >
-              Add another option
-            </VBtn>
-          </VCardText>
-        </VCard>
-
-        <!-- 👉 Inventory -->
-        <VCard
-          title="Inventory"
-          class="inventory-card"
-        >
-          <VCardText>
-            <VRow>
-              <VCol
-                cols="12"
-                md="4"
-              >
-                <div class="pe-3">
-                  <VTabs
-                    v-model="activeTab"
-                    direction="vertical"
-                    color="primary"
-                    class="v-tabs-pill"
-                  >
-                    <VTab
-                      v-for="(tab, index) in inventoryTabsData"
-                      :key="index"
-                      :value="tab.value"
-                    >
-                      <VIcon
-                        :icon="tab.icon"
-                        class="me-2"
-                      />
-                      <div class="text-truncate font-weight-medium text-start">
-                        {{ tab.title }}
-                      </div>
-                    </VTab>
-                  </VTabs>
-                </div>
-              </VCol>
-
-              <VDivider :vertical="!$vuetify.display.smAndDown" />
-
-              <VCol
-                cols="12"
-                md="8"
-              >
-                <VWindow
-                  v-model="activeTab"
-                  class="w-100"
-                  :touch="false"
-                >
-                  <VWindowItem value="Restock">
-                    <div class="d-flex flex-column gap-y-4 ps-3">
-                      <p class="mb-0">
-                        Options
-                      </p>
-
-                      <div class="d-flex gap-x-4 align-center">
-                        <AppTextField
-                          label="Add to Stock"
-                          placeholder="Quantity"
-                        />
-                        <VBtn class="align-self-end">
-                          Confirm
-                        </VBtn>
-                      </div>
-
-                      <div>
-                        <div class="text-base text-high-emphasis pb-2">
-                          Product in stock now: 54
-                        </div>
-                        <div class="text-base text-high-emphasis pb-2">
-                          Product in transit: 390
-                        </div>
-                        <div class="text-base text-high-emphasis pb-2">
-                          Last time restocked: 24th June, 2022
-                        </div>
-                        <div class="text-base text-high-emphasis pb-2">
-                          Total stock over lifetime: 2,430
-                        </div>
-                      </div>
-                    </div>
-                  </VWindowItem>
-
-                  <VWindowItem value="Shipping">
-                    <VRadioGroup
-                      v-model="shippingType"
-                      label="Shipping Type"
-                      class="ms-3"
-                    >
-                      <VRadio
-                        v-for="item in shippingList"
-                        :key="item.value"
-                        :value="item.value"
-                        class="mb-4"
-                      >
-                        <template #label>
-                          <div>
-                            <div class="text-high-emphasis font-weight-medium mb-1">
-                              {{ item.title }}
-                            </div>
-                            <div class="text-sm">
-                              {{ item.desc }}
-                            </div>
-                          </div>
-                        </template>
-                      </VRadio>
-                    </VRadioGroup>
-                  </VWindowItem>
-
-                  <VWindowItem value="Global Delivery">
-                    <div class="ps-3">
-                      <h5 class="text-h5 mb-6">
-                        Global Delivery
-                      </h5>
-
-                      <VRadioGroup
-                        v-model="deliveryType"
-                        label="Global Delivery"
-                      >
-                        <VRadio
-                          value="Worldwide delivery"
-                          class="mb-4"
-                        >
-                          <template #label>
-                            <div>
-                              <div class="text-high-emphasis font-weight-medium mb-1">
-                                Worldwide delivery
-                              </div>
-                              <div class="text-sm">
-                                Only available with Shipping method:
-                                <span class="text-primary">
-                                  Fulfilled by Company name
-                                </span>
-                              </div>
-                            </div>
-                          </template>
-                        </VRadio>
-
-                        <VRadio
-                          value="Selected Countries"
-                          class="mb-4"
-                        >
-                          <template #label>
-                            <div>
-                              <div class="text-high-emphasis font-weight-medium mb-1">
-                                Selected Countries
-                              </div>
-                              <VTextField
-                                placeholder="USA"
-                                style="min-inline-size: 200px;"
-                              />
-                            </div>
-                          </template>
-                        </VRadio>
-
-                        <VRadio>
-                          <template #label>
-                            <div>
-                              <div class="text-high-emphasis font-weight-medium mb-1">
-                                Local delivery
-                              </div>
-                              <div class="text-sm">
-                                Deliver to your country of residence
-                                <span class="text-primary">
-                                  Change profile address
-                                </span>
-                              </div>
-                            </div>
-                          </template>
-                        </VRadio>
-                      </VRadioGroup>
-                    </div>
-                  </VWindowItem>
-
-                  <VWindowItem value="Attributes">
-                    <div class="ps-3">
-                      <div class="mb-6 text-h6">
-                        Attributes
-                      </div>
-                      <div class="d-flex flex-column gap-y-1">
-                        <VCheckbox
-                          v-model="selectedAttrs"
-                          label="Fragile Product"
-                          value="Fragile Product"
-                        />
-                        <VCheckbox
-                          v-model="selectedAttrs"
-                          value="Biodegradable"
-                          label="Biodegradable"
-                        />
-                        <VCheckbox
-                          v-model="selectedAttrs"
-                          value="Frozen Product"
-                        >
-                          <template #label>
-                            <div class="d-flex flex-column mb-1">
-                              <div>Frozen Product</div>
-                              <VTextField
-                                placeholder="40 C"
-                                type="number"
-                              />
-                            </div>
-                          </template>
-                        </VCheckbox>
-                        <VCheckbox
-                          v-model="selectedAttrs"
-                          value="Expiry Date"
-                        >
-                          <template #label>
-                            <div class="d-flex flex-column mb-1">
-                              <div>Expiry Date of Product</div>
-                              <AppDateTimePicker
-                                model-value="2025-06-14"
-                                placeholder="Select a Date"
-                              />
-                            </div>
-                          </template>
-                        </VCheckbox>
-                      </div>
-                    </div>
-                  </VWindowItem>
-
-                  <VWindowItem value="Advanced">
-                    <div class="ps-3">
-                      <h5 class="text-h5 mb-6">
-                        Advanced
-                      </h5>
-                      <div class="d-flex flex-sm-row flex-column flex-wrap justify-space-between gap-x-6 gap-y-4">
-                        <AppSelect
-                          label="Product ID Type"
-                          placeholder="Select Product Type"
-                          :items="['ISBN', 'UPC', 'EAN', 'JAN']"
-                        />
-                        <AppTextField
-                          label="Product Id"
-                          placeholder="100023"
-                        />
-                      </div>
-                    </div>
-                  </VWindowItem>
-                </VWindow>
-              </VCol>
-            </VRow>
-          </VCardText>
-        </VCard>
-      </VCol>
-
-      <VCol
-        md="4"
-        cols="12"
-      >
-        <!-- 👉 Pricing -->
-        <VCard
-          title="Pricing"
-          class="mb-6"
-        >
-          <VCardText>
-            <AppTextField
-              label="Best Price"
-              placeholder="Price"
-              class="mb-6"
-            />
-            <AppTextField
-              label="Discounted Price"
-              placeholder="$499"
-              class="mb-6"
-            />
-
-            <VCheckbox
-              v-model="isTaxChargeToProduct"
-              label="Charge Tax on this product"
-            />
-
-            <VDivider class="my-2" />
-
-            <div class="d-flex flex-raw align-center justify-space-between ">
-              <span>In stock</span>
-              <VSwitch density="compact" />
-            </div>
-          </VCardText>
-        </VCard>
-
-        <!-- 👉 Organize -->
-        <VCard title="Organize">
-          <VCardText>
-            <div class="d-flex flex-column gap-y-4">
-              <AppSelect
-                placeholder="Select Vendor"
-                label="Vendor"
-                :items="['Men\'s Clothing', 'Women\'s Clothing', 'Kid\'s Clothing']"
-              />
-              <div>
-                <VLabel class="d-flex">
-                  <div class="d-flex text-sm justify-space-between w-100">
-                    <div class="text-high-emphasis">
-                      Category
-                    </div>
-                  </div>
-                </VLabel>
-
-                <div class="d-flex gap-x-4">
-                  <AppSelect
-                    placeholder="Select Category"
-                    :items="['Household', 'Office', 'Electronics', 'Management', 'Automotive']"
-                  />
-                  <VBtn
-                    rounded
-                    icon="tabler-plus"
-                    variant="tonal"
-                  />
-                </div>
-              </div>
-              <AppSelect
-                placeholder="Select Collection"
-                label="Collection"
-                :items="['Men\'s Clothing', 'Women\'s Clothing', 'Kid\'s Clothing']"
-              />
-              <AppSelect
-                placeholder="Select Status"
-                label="Status"
-                :items="['Published', 'Inactive', 'Scheduled']"
-              />
-              <AppTextField
-                label="Tags"
-                placeholder="Fashion, Trending, Summer"
-              />
-            </div>
-          </VCardText>
-        </VCard>
-      </VCol>
-    </VRow>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-  .drop-zone {
-    border: 2px dashed rgba(var(--v-theme-on-surface), 0.12);
-    border-radius: 6px;
-  }
-</style>
-
-<style lang="scss">
-.inventory-card {
-  .v-tabs.v-tabs-pill {
-    .v-slide-group-item--active.v-tab--selected.text-primary {
-      h6 {
-        color: #fff !important;
-      }
-    }
-  }
-
-  .v-radio-group,
-  .v-checkbox {
-    .v-selection-control {
-      align-items: start !important;
-    }
-
-    .v-label.custom-input {
-      border: none !important;
-    }
-  }
-}
-
-.ProseMirror {
-  p {
-    margin-block-end: 0;
-  }
-
-  padding: 0.5rem;
-  outline: none;
-
-  p.is-editor-empty:first-child::before {
-    block-size: 0;
-    color: #adb5bd;
-    content: attr(data-placeholder);
-    float: inline-start;
-    pointer-events: none;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/product/category-list.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/product/category-list.vue
deleted file mode 100644
index d592287..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/product/category-list.vue
+++ /dev/null
@@ -1,244 +0,0 @@
-<script setup lang="ts">
-import ECommerceAddCategoryDrawer from '@/views/apps/ecommerce/ECommerceAddCategoryDrawer.vue'
-
-import product1 from '@images/ecommerce-images/product-1.png'
-import product10 from '@images/ecommerce-images/product-10.png'
-import product11 from '@images/ecommerce-images/product-11.png'
-import product12 from '@images/ecommerce-images/product-12.png'
-import product14 from '@images/ecommerce-images/product-14.png'
-import product17 from '@images/ecommerce-images/product-17.png'
-import product19 from '@images/ecommerce-images/product-19.png'
-import product2 from '@images/ecommerce-images/product-2.png'
-import product25 from '@images/ecommerce-images/product-25.png'
-import product28 from '@images/ecommerce-images/product-28.png'
-import product9 from '@images/ecommerce-images/product-9.png'
-
-const categoryData = ref([
-  {
-    id: 1,
-    categoryTitle: 'Smart Phone',
-    description: 'Choose from wide range of smartphones online at best prices.',
-    totalProduct: 12548,
-    totalEarning: 98784,
-    image: product1,
-  },
-  {
-    id: 2,
-    categoryTitle: 'Clothing, Shoes, and jewellery',
-    description: 'Fashion for a wide selection of clothing, shoes, jewellery and watches.',
-    totalProduct: 4689,
-    totalEarning: 45627,
-    image: product9,
-  },
-  {
-    id: 3,
-    categoryTitle: 'Home and Kitchen',
-    description: 'Browse through the wide range of Home and kitchen products.',
-    totalProduct: 12548,
-    totalEarning: 98784,
-    image: product10,
-  },
-  {
-    id: 4,
-    categoryTitle: 'Beauty and Personal Care',
-    description: 'Explore beauty and personal care products, shop makeup and etc.',
-    totalProduct: 12548,
-    totalEarning: 98784,
-    image: product19,
-  },
-  {
-    id: 5,
-    categoryTitle: 'Books',
-    description: 'Over 25 million titles across categories such as business  and etc.',
-    totalProduct: 12548,
-    totalEarning: 98784,
-    image: product25,
-  },
-  {
-    id: 6,
-    categoryTitle: 'Games',
-    description: 'Every month, get exclusive in-game loot, free games, a free subscription.',
-    totalProduct: 12548,
-    totalEarning: 98784,
-    image: product12,
-  },
-  {
-    id: 7,
-    categoryTitle: 'Baby Products',
-    description: 'Buy baby products across different categories from top brands.',
-    totalProduct: 12548,
-    totalEarning: 98784,
-    image: product14,
-  },
-  {
-    id: 8,
-    categoryTitle: 'Grocery',
-    description: 'Shop grocery Items through at best prices in India.',
-    totalProduct: 12548,
-    totalEarning: 98784,
-    image: product28,
-  },
-  {
-    id: 9,
-    categoryTitle: 'Computer Accessories',
-    description: 'Enhance your computing experience with our range of computer accessories.',
-    totalProduct: 9876,
-    totalEarning: 65421,
-    image: product17,
-  },
-  {
-    id: 10,
-    categoryTitle: 'Fitness Tracker',
-    description: 'Monitor your health and fitness goals with our range of advanced fitness trackers.',
-    totalProduct: 1987,
-    totalEarning: 32067,
-    image: product10,
-  },
-  {
-    id: 11,
-    categoryTitle: 'Smart Home Devices',
-    description: 'Transform your home into a smart home with our innovative smart home devices.',
-    totalProduct: 2345,
-    totalEarning: 87654,
-    image: product11,
-  },
-  {
-    id: 12,
-    categoryTitle: 'Audio Speakers',
-    description: 'Immerse yourself in rich audio quality with our wide range of speakers.',
-    totalProduct: 5678,
-    totalEarning: 32145,
-    image: product2,
-  },
-
-])
-
-const headers = [
-  { title: 'Categories', key: 'categoryTitle' },
-  { title: 'Total Products', key: 'totalProduct' },
-  { title: 'Total Earning', key: 'totalEarning' },
-  { title: 'Actions', key: 'actions', sortable: false },
-]
-
-const itemsPerPage = ref(10)
-const page = ref(1)
-const searchQuery = ref('')
-const isAddProductDrawerOpen = ref(false)
-</script>
-
-<template>
-  <div>
-    <VCard>
-      <VCardText>
-        <div class="d-flex justify-sm-space-between flex-wrap gap-y-4 gap-x-6 justify-start">
-          <AppTextField
-            v-model="searchQuery"
-            placeholder="Search Category"
-            style="max-inline-size: 280px; min-inline-size: 280px;"
-          />
-
-          <div class="d-flex align-center flex-wrap gap-4">
-            <AppSelect
-              v-model="itemsPerPage"
-              :items="[5, 10, 15]"
-              style="max-inline-size: 100px; min-inline-size: 100px;"
-            />
-            <VBtn
-              prepend-icon="tabler-plus"
-              @click="isAddProductDrawerOpen = !isAddProductDrawerOpen"
-            >
-              Add Category
-            </VBtn>
-          </div>
-        </div>
-      </VCardText>
-
-      <VDivider />
-
-      <div class="category-table">
-        <VDataTable
-          v-model:items-per-page="itemsPerPage"
-          v-model:page="page"
-          :headers="headers"
-          :items="categoryData"
-          item-value="categoryTitle"
-          :search="searchQuery"
-          show-select
-          class="text-no-wrap"
-        >
-          <template #item.actions>
-            <IconBtn>
-              <VIcon
-                icon="tabler-edit"
-                size="22"
-              />
-            </IconBtn>
-            <IconBtn>
-              <VIcon
-                icon="tabler-dots-vertical"
-                size="22"
-              />
-            </IconBtn>
-          </template>
-          <template #item.categoryTitle="{ item }">
-            <div class="d-flex gap-x-3 align-center">
-              <VAvatar
-                variant="tonal"
-                rounded
-                size="38"
-              >
-                <img
-                  :src="item.image"
-                  :alt="item.categoryTitle"
-                  width="38"
-                  height="38"
-                >
-              </VAvatar>
-              <div>
-                <h6 class="text-h6">
-                  {{ item.categoryTitle }}
-                </h6>
-                <div class="text-body-2">
-                  {{ item.description }}
-                </div>
-              </div>
-            </div>
-          </template>
-          <template #item.totalEarning="{ item }">
-            <div class="text-body-1 text-end pe-4">
-              {{ (item.totalEarning).toLocaleString("en-IN", { style: "currency", currency: 'USD' }) }}
-            </div>
-          </template>
-          <template #item.totalProduct="{ item }">
-            <div class="text-end pe-4">
-              {{ (item.totalProduct).toLocaleString() }}
-            </div>
-          </template>
-
-          <template #bottom>
-            <TablePagination
-              v-model:page="page"
-              :items-per-page="itemsPerPage"
-              :total-items="categoryData.length"
-            />
-          </template>
-        </VDataTable>
-      </div>
-    </VCard>
-
-    <ECommerceAddCategoryDrawer v-model:is-drawer-open="isAddProductDrawerOpen" />
-  </div>
-</template>
-
-<style lang="scss">
-.category-table {
-  .v-table {
-    th:nth-child(3),
-    th:nth-child(4) {
-      .v-data-table-header__content {
-        justify-content: end;
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/product/list/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/product/list/index.vue
deleted file mode 100644
index 2da852b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/product/list/index.vue
+++ /dev/null
@@ -1,390 +0,0 @@
-<script setup lang="ts">
-import type { ECommerceProduct } from '@db/apps/ecommerce/types'
-
-const widgetData = ref([
-  { title: 'In-Store Sales', value: '$5,345', icon: 'tabler-smart-home', desc: '5k orders', change: 5.7 },
-  { title: 'Website Sales', value: '$674,347', icon: 'tabler-device-laptop', desc: '21k orders', change: 12.4 },
-  { title: 'Discount', value: '$14,235', icon: 'tabler-gift', desc: '6k orders' },
-  { title: 'Affiliate', value: '$8,345', icon: 'tabler-wallet', desc: '150 orders', change: -3.5 },
-])
-
-const headers = [
-  { title: 'Product', key: 'product' },
-  { title: 'Category', key: 'category' },
-  { title: 'Stock', key: 'stock', sortable: false },
-  { title: 'SKU', key: 'sku' },
-  { title: 'Price', key: 'price' },
-  { title: 'QTY', key: 'qty' },
-  { title: 'Status', key: 'status' },
-  { title: 'Actions', key: 'actions', sortable: false },
-]
-
-const selectedStatus = ref()
-const selectedCategory = ref()
-const selectedStock = ref<boolean | undefined>()
-const searchQuery = ref('')
-const selectedRows = ref([])
-
-const status = ref([
-  { title: 'Scheduled', value: 'Scheduled' },
-  { title: 'Publish', value: 'Published' },
-  { title: 'Inactive', value: 'Inactive' },
-])
-
-const categories = ref([
-  { title: 'Accessories', value: 'Accessories' },
-  { title: 'Home Decor', value: 'Home Decor' },
-  { title: 'Electronics', value: 'Electronics' },
-  { title: 'Shoes', value: 'Shoes' },
-  { title: 'Office', value: 'Office' },
-  { title: 'Games', value: 'Games' },
-])
-
-const stockStatus = ref([
-  { title: 'In Stock', value: true },
-  { title: 'Out of Stock', value: false },
-])
-
-// Data table options
-const itemsPerPage = ref(10)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-
-// Update data table options
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-const resolveCategory = (category: string) => {
-  if (category === 'Accessories')
-    return { color: 'error', icon: 'tabler-device-watch' }
-  if (category === 'Home Decor')
-    return { color: 'info', icon: 'tabler-home' }
-  if (category === 'Electronics')
-    return { color: 'primary', icon: 'tabler-device-imac' }
-  if (category === 'Shoes')
-    return { color: 'success', icon: 'tabler-shoe' }
-  if (category === 'Office')
-    return { color: 'warning', icon: 'tabler-briefcase' }
-  if (category === 'Games')
-    return { color: 'primary', icon: 'tabler-device-gamepad-2' }
-}
-
-const resolveStatus = (statusMsg: string) => {
-  if (statusMsg === 'Scheduled')
-    return { text: 'Scheduled', color: 'warning' }
-  if (statusMsg === 'Published')
-    return { text: 'Publish', color: 'success' }
-  if (statusMsg === 'Inactive')
-    return { text: 'Inactive', color: 'error' }
-}
-
-const { data: productsData, execute: fetchProducts } = await useApi<any>(createUrl('/apps/ecommerce/products',
-  {
-    query: {
-      q: searchQuery,
-      stock: selectedStock,
-      category: selectedCategory,
-      status: selectedStatus,
-      page,
-      itemsPerPage,
-      sortBy,
-      orderBy,
-    },
-  },
-))
-
-const products = computed((): ECommerceProduct[] => productsData.value.products)
-const totalProduct = computed(() => productsData.value.total)
-
-const deleteProduct = async (id: number) => {
-  await $api(`apps/ecommerce/products/${id}`, {
-    method: 'DELETE',
-  })
-
-  // Delete from selectedRows
-  const index = selectedRows.value.findIndex(row => row === id)
-  if (index !== -1)
-    selectedRows.value.splice(index, 1)
-
-  // Refetch products
-  fetchProducts()
-}
-</script>
-
-<template>
-  <div>
-    <!-- 👉 widgets -->
-    <VCard class="mb-6">
-      <VCardText class="px-3">
-        <VRow>
-          <template
-            v-for="(data, id) in widgetData"
-            :key="id"
-          >
-            <VCol
-              cols="12"
-              sm="6"
-              md="3"
-              class="px-6"
-            >
-              <div
-                class="d-flex justify-space-between"
-                :class="$vuetify.display.xs
-                  ? id !== widgetData.length - 1 ? 'border-b pb-4' : ''
-                  : $vuetify.display.sm
-                    ? id < (widgetData.length / 2) ? 'border-b pb-4' : ''
-                    : ''"
-              >
-                <div class="d-flex flex-column gap-y-1">
-                  <div class="text-body-1 text-capitalize">
-                    {{ data.title }}
-                  </div>
-
-                  <h4 class="text-h4">
-                    {{ data.value }}
-                  </h4>
-
-                  <div class="d-flex align-center gap-x-2">
-                    <div class="text-no-wrap">
-                      {{ data.desc }}
-                    </div>
-
-                    <VChip
-                      v-if="data.change"
-                      label
-                      :color="data.change > 0 ? 'success' : 'error'"
-                      size="small"
-                    >
-                      {{ prefixWithPlus(data.change) }}%
-                    </VChip>
-                  </div>
-                </div>
-
-                <VAvatar
-                  variant="tonal"
-                  rounded
-                  size="44"
-                >
-                  <VIcon
-                    :icon="data.icon"
-                    size="28"
-                    class="text-high-emphasis"
-                  />
-                </VAvatar>
-              </div>
-            </VCol>
-            <VDivider
-              v-if="$vuetify.display.mdAndUp ? id !== widgetData.length - 1
-                : $vuetify.display.smAndUp ? id % 2 === 0
-                  : false"
-              vertical
-              inset
-              length="92"
-            />
-          </template>
-        </VRow>
-      </VCardText>
-    </VCard>
-
-    <!-- 👉 products -->
-    <VCard
-      title="Filters"
-      class="mb-6"
-    >
-      <VCardText>
-        <VRow>
-          <!-- 👉 Select Status -->
-          <VCol
-            cols="12"
-            sm="4"
-          >
-            <AppSelect
-              v-model="selectedStatus"
-              placeholder="Status"
-              :items="status"
-              clearable
-              clear-icon="tabler-x"
-            />
-          </VCol>
-
-          <!-- 👉 Select Category -->
-          <VCol
-            cols="12"
-            sm="4"
-          >
-            <AppSelect
-              v-model="selectedCategory"
-              placeholder="Category"
-              :items="categories"
-              clearable
-              clear-icon="tabler-x"
-            />
-          </VCol>
-
-          <!-- 👉 Select Stock Status -->
-          <VCol
-            cols="12"
-            sm="4"
-          >
-            <AppSelect
-              v-model="selectedStock"
-              placeholder="Stock"
-              :items="stockStatus"
-              clearable
-              clear-icon="tabler-x"
-            />
-          </VCol>
-        </VRow>
-      </VCardText>
-
-      <VDivider />
-
-      <div class="d-flex flex-wrap gap-4 ma-6">
-        <div class="d-flex align-center">
-          <!-- 👉 Search  -->
-          <AppTextField
-            v-model="searchQuery"
-            placeholder="Search Product"
-            style="inline-size: 200px;"
-            class="me-3"
-          />
-        </div>
-
-        <VSpacer />
-        <div class="d-flex gap-4 flex-wrap align-center">
-          <AppSelect
-            v-model="itemsPerPage"
-            :items="[5, 10, 20, 25, 50]"
-          />
-          <!-- 👉 Export button -->
-          <VBtn
-            variant="tonal"
-            color="secondary"
-            prepend-icon="tabler-upload"
-          >
-            Export
-          </VBtn>
-
-          <VBtn
-            color="primary"
-            prepend-icon="tabler-plus"
-            @click="$router.push('/apps/ecommerce/product/add')"
-          >
-            Add Product
-          </VBtn>
-        </div>
-      </div>
-
-      <VDivider class="mt-4" />
-
-      <!-- 👉 Datatable  -->
-      <VDataTableServer
-        v-model:items-per-page="itemsPerPage"
-        v-model:model-value="selectedRows"
-        v-model:page="page"
-        :headers="headers"
-        show-select
-        :items="products"
-        :items-length="totalProduct"
-        class="text-no-wrap"
-        @update:options="updateOptions"
-      >
-        <!-- product  -->
-        <template #item.product="{ item }">
-          <div class="d-flex align-center gap-x-4">
-            <VAvatar
-              v-if="item.image"
-              size="38"
-              variant="tonal"
-              rounded
-              :image="item.image"
-            />
-            <div class="d-flex flex-column">
-              <span class="text-body-1 font-weight-medium text-high-emphasis">{{ item.productName }}</span>
-              <span class="text-body-2">{{ item.productBrand }}</span>
-            </div>
-          </div>
-        </template>
-
-        <!-- category -->
-        <template #item.category="{ item }">
-          <VAvatar
-            size="30"
-            variant="tonal"
-            :color="resolveCategory(item.category)?.color"
-            class="me-4"
-          >
-            <VIcon
-              :icon="resolveCategory(item.category)?.icon"
-              size="18"
-            />
-          </VAvatar>
-          <span class="text-body-1 text-high-emphasis">{{ item.category }}</span>
-        </template>
-
-        <!-- stock -->
-        <template #item.stock="{ item }">
-          <VSwitch :model-value="item.stock" />
-        </template>
-
-        <!-- status -->
-        <template #item.status="{ item }">
-          <VChip
-            v-bind="resolveStatus(item.status)"
-            density="default"
-            label
-            size="small"
-          />
-        </template>
-
-        <!-- Actions -->
-        <template #item.actions="{ item }">
-          <IconBtn>
-            <VIcon icon="tabler-edit" />
-          </IconBtn>
-
-          <IconBtn>
-            <VIcon icon="tabler-dots-vertical" />
-            <VMenu activator="parent">
-              <VList>
-                <VListItem
-                  value="download"
-                  prepend-icon="tabler-download"
-                >
-                  Download
-                </VListItem>
-
-                <VListItem
-                  value="delete"
-                  prepend-icon="tabler-trash"
-                  @click="deleteProduct(item.id)"
-                >
-                  Delete
-                </VListItem>
-
-                <VListItem
-                  value="duplicate"
-                  prepend-icon="tabler-copy"
-                >
-                  Duplicate
-                </VListItem>
-              </VList>
-            </VMenu>
-          </IconBtn>
-        </template>
-
-        <!-- pagination -->
-        <template #bottom>
-          <TablePagination
-            v-model:page="page"
-            :items-per-page="itemsPerPage"
-            :total-items="totalProduct"
-          />
-        </template>
-      </VDataTableServer>
-    </VCard>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/referrals.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/referrals.vue
deleted file mode 100644
index 6e0984b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/referrals.vue
+++ /dev/null
@@ -1,326 +0,0 @@
-<script setup lang="ts">
-import { VNodeRenderer } from '@/@layouts/components/VNodeRenderer'
-import type { Referrals } from '@db/apps/ecommerce/types'
-import paperImg from '@images/svg/paper-send.svg?raw'
-import rocketImg from '@images/svg/rocket.svg?raw'
-import userInfoImg from '@images/svg/user-info.svg?raw'
-
-const rocketIcon = h('div', { innerHTML: rocketImg, style: 'font-size: 2.625rem;color: rgb(var(--v-theme-primary))' })
-const userInfoIcon = h('div', { innerHTML: paperImg, style: 'font-size: 2.625rem;color: rgb(var(--v-theme-primary))' })
-const paperIcon = h('div', { innerHTML: userInfoImg, style: 'font-size: 2.625rem;color: rgb(var(--v-theme-primary))' })
-
-const widgetData = [
-  { title: 'Total Earning', value: '$24,983', icon: 'tabler-currency-dollar', color: 'primary' },
-  { title: 'Unpaid Earning', value: '$8,647', icon: 'tabler-gift', color: 'success' },
-  { title: 'Signup', value: '2,367', icon: 'tabler-users', color: 'error' },
-  { title: 'Conversion Rate', value: '4.5%', icon: 'tabler-infinity', color: 'info' },
-]
-
-const stepsData = [
-  { icon: rocketIcon, desc: 'Create & validate your referral link and get', value: '$50' },
-  { icon: paperIcon, desc: 'For every new signup you get', value: '10%' },
-  { icon: userInfoIcon, desc: 'Get other friends to generate link and get', value: '$100' },
-]
-
-// Data table options
-const itemsPerPage = ref(10)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-
-// Data Table Headers
-const headers = [
-  { title: 'Users', key: 'users' },
-  { title: 'Referred ID', key: 'referred-id' },
-  { title: 'Status', key: 'status' },
-  { title: 'Value', key: 'value' },
-  { title: 'Earnings', key: 'earning' },
-]
-
-// Update data table options
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-// Fetching Referral Data
-const { data: referralData } = await useApi<any>(createUrl('/apps/ecommerce/referrals', {
-  query: {
-    page,
-    itemsPerPage,
-    sortBy,
-    orderBy,
-  },
-}))
-
-const resolveAvatarbg = (status: string) => {
-  if (status === 'Rejected')
-    return { color: 'error' }
-  if (status === 'Unpaid')
-    return { color: 'warning' }
-  if (status === 'Paid')
-    return { color: 'success' }
-}
-
-const referrals = computed((): Referrals[] => referralData.value.referrals)
-const totalReferrals = computed(() => referralData.value.total)
-
-const resolveStatus = (status: string) => {
-  if (status === 'Rejected')
-    return { text: 'Rejected', color: 'error' }
-  if (status === 'Unpaid')
-    return { text: 'Unpaid', color: 'warning' }
-  if (status === 'Paid')
-    return { text: 'Paid', color: 'success' }
-}
-</script>
-
-<template>
-  <div>
-    <!-- 👉 Header -->
-    <VRow class="match-height">
-      <!-- 👉 Widgets -->
-      <VCol
-        v-for="(data, index) in widgetData"
-        :key="index"
-        cols="12"
-        md="3"
-        sm="6"
-      >
-        <VCard>
-          <VCardText>
-            <div class="d-flex justify-space-between align-center">
-              <div class="d-flex flex-column">
-                <h5 class="text-h5 mb-1">
-                  {{ data.value }}
-                </h5>
-                <div class="text-body-2">
-                  {{ data.title }}
-                </div>
-              </div>
-              <VAvatar
-                size="40"
-                variant="tonal"
-                :color="data.color"
-              >
-                <VIcon :icon="data.icon" />
-              </VAvatar>
-            </div>
-          </VCardText>
-        </VCard>
-      </VCol>
-
-      <!-- 👉 Icon Steps -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <VCard>
-          <VCardItem>
-            <VCardTitle class="mb-1">
-              How to use
-            </VCardTitle>
-            <VCardSubtitle>
-              Integrate your referral code in 3 easy steps.
-            </VCardSubtitle>
-          </VCardItem>
-          <VCardText>
-            <div class="d-flex flex-column flex-sm-row gap-6 justify-sm-space-between align-center">
-              <div
-                v-for="(step, index) in stepsData"
-                :key="index"
-                class="d-flex flex-column align-center gap-y-2"
-                style="max-inline-size: 185px;"
-              >
-                <div class="icon-container">
-                  <VNodeRenderer :nodes="step.icon" />
-                </div>
-                <div class="text-body-1 text-wrap text-center">
-                  {{ step.desc }}
-                </div>
-                <h6 class="text-primary text-h6">
-                  {{ step.value }}
-                </h6>
-              </div>
-            </div>
-          </VCardText>
-        </VCard>
-      </VCol>
-
-      <!-- 👉 Invite -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <VCard>
-          <VCardText>
-            <div class="mb-5">
-              <h5 class="text-h5 mb-5">
-                Invite your friends
-              </h5>
-              <div class="d-flex align-center flex-wrap gap-4 flex-wrap">
-                <AppTextField
-                  label="Enter friend’s email address and invite them"
-                  placeholder="Email Address"
-                />
-                <VBtn class="align-self-end">
-                  Submit
-                </VBtn>
-              </div>
-            </div>
-
-            <div>
-              <h5 class="text-h5 mb-5">
-                Share the referral link
-              </h5>
-              <div class="d-flex gap-4 align-center flex-wrap">
-                <AppTextField
-                  label="Share referral link in social media"
-                  placeholder="pixinvent.com/?ref=6478"
-                />
-                <div class="d-flex align-self-end gap-x-2">
-                  <VBtn
-                    icon
-                    class="rounded"
-                    color="#3B5998"
-                  >
-                    <VIcon
-                      color="white"
-                      icon="tabler-brand-facebook"
-                    />
-                  </VBtn>
-
-                  <VBtn
-                    icon
-                    class="rounded"
-                    color="#55ACEE"
-                  >
-                    <VIcon
-                      color="white"
-                      icon="tabler-brand-twitter"
-                    />
-                  </VBtn>
-                </div>
-              </div>
-            </div>
-          </VCardText>
-        </VCard>
-      </VCol>
-
-      <!-- 👉 Referral Table -->
-
-      <VCol cols="12">
-        <VCard>
-          <VCardText>
-            <div class="d-flex justify-space-between align-center flex-wrap gap-4">
-              <h5 class="text-h5">
-                Referred Users
-              </h5>
-              <div class="d-flex flex-wrap gap-4">
-                <div class="d-flex gap-4 align-center flex-wrap">
-                  <AppSelect
-                    v-model="itemsPerPage"
-                    :items="[10, 25, 50, 100]"
-                    style="inline-size: 100px;"
-                  />
-                  <VBtn
-                    prepend-icon="tabler-upload"
-                    color="default"
-                    variant="tonal"
-                  >
-                    Export
-                  </VBtn>
-                </div>
-              </div>
-            </div>
-          </VCardText>
-
-          <VDivider />
-
-          <VDataTableServer
-            v-model:items-per-page="itemsPerPage"
-            v-model:page="page"
-            :items="referrals"
-            :headers="headers"
-            :items-length="totalReferrals"
-            show-select
-            @update:options="updateOptions"
-          >
-            <template #item.users="{ item }">
-              <div class="d-flex align-center gap-x-4">
-                <VAvatar
-                  size="34"
-                  :variant="!item.avatar ? 'tonal' : undefined"
-                  :color="!item.avatar ? resolveAvatarbg(item.status)?.color : undefined"
-                >
-                  <VImg
-                    v-if="item.avatar"
-                    :src="item.avatar"
-                  />
-                  <span v-else>{{ avatarText(item.user) }}</span>
-                </VAvatar>
-                <div>
-                  <div class="font-weight-medium text-high-emphasis">
-                    <RouterLink
-                      :to="{ name: 'apps-ecommerce-customer-details-id', params: { id: 478426 } }"
-                      class="text-link"
-                    >
-                      {{ item.user }}
-                    </RouterLink>
-                  </div>
-                  <div class="text-body-2">
-                    {{ item.email }}
-                  </div>
-                </div>
-              </div>
-            </template>
-
-            <template #item.referred-id="{ item }">
-              {{ item.referredId }}
-            </template>
-
-            <template #item.status="{ item }">
-              <VChip
-                v-bind="resolveStatus(item.status)"
-                label
-                size="small"
-              />
-            </template>
-
-            <template #item.earning="{ item }">
-              <div class="text-body-1 text-high-emphasis">
-                {{ item.earning }}
-              </div>
-            </template>
-
-            <!-- pagination -->
-            <template #bottom>
-              <TablePagination
-                v-model:page="page"
-                :items-per-page="itemsPerPage"
-                :total-items="totalReferrals"
-              />
-            </template>
-          </VDataTableServer>
-        </VCard>
-      </VCol>
-    </VRow>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.icon-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 2px dashed rgb(var(--v-theme-primary));
-  border-radius: 50%;
-  block-size: 70px;
-  inline-size: 70px;
-}
-
-.icon {
-  color: #000;
-  font-size: 42px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/settings.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/settings.vue
deleted file mode 100644
index 5e55668..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/ecommerce/settings.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<script setup lang="ts">
-import SettingsCheckout from '@/views/apps/ecommerce/settings/SettingsCheckout.vue'
-import SettingsLocations from '@/views/apps/ecommerce/settings/SettingsLocations.vue'
-import SettingsNotifications from '@/views/apps/ecommerce/settings/SettingsNotifications.vue'
-import SettingsPayment from '@/views/apps/ecommerce/settings/SettingsPayment.vue'
-import SettingsShippingAndDelivery from '@/views/apps/ecommerce/settings/SettingsShippingAndDelivery.vue'
-import SettingsStoreDetails from '@/views/apps/ecommerce/settings/SettingsStoreDetails.vue'
-
-const tabsData = [
-  { icon: 'tabler-building-store', title: 'Store Details' },
-  { icon: 'tabler-credit-card', title: 'Payments' },
-  { icon: 'tabler-shopping-cart', title: 'Checkout' },
-  { icon: 'tabler-discount', title: 'Shipping & Delivery' },
-  { icon: 'tabler-map-pin', title: 'Location' },
-  { icon: 'tabler-bell-ringing', title: 'Notifications' },
-]
-
-const activeTab = ref(null)
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <h5 class="text-h5 mb-4">
-        Getting Started
-      </h5>
-
-      <VTabs
-        v-model="activeTab"
-        direction="vertical"
-        class="v-tabs-pill disable-tab-transition"
-      >
-        <VTab
-          v-for="(tabItem, index) in tabsData"
-          :key="index"
-          :prepend-icon="tabItem.icon"
-        >
-          {{ tabItem.title }}
-        </VTab>
-      </VTabs>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="8"
-    >
-      <VWindow
-        v-model="activeTab"
-        class="disable-tab-transition"
-        :touch="false"
-      >
-        <VWindowItem>
-          <SettingsStoreDetails />
-        </VWindowItem>
-
-        <VWindowItem>
-          <SettingsPayment />
-        </VWindowItem>
-
-        <VWindowItem>
-          <SettingsCheckout />
-        </VWindowItem>
-
-        <VWindowItem>
-          <SettingsShippingAndDelivery />
-        </VWindowItem>
-
-        <VWindowItem>
-          <SettingsLocations />
-        </VWindowItem>
-
-        <VWindowItem>
-          <SettingsNotifications />
-        </VWindowItem>
-      </VWindow>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-.my-class {
-  padding: 1.25rem;
-  border-radius: 0.375rem;
-  background-color: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/email/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/email/index.vue
deleted file mode 100644
index 9b9d606..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/email/index.vue
+++ /dev/null
@@ -1,599 +0,0 @@
-<script setup lang="ts">
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import ComposeDialog from '@/views/apps/email/ComposeDialog.vue'
-import EmailLeftSidebarContent from '@/views/apps/email/EmailLeftSidebarContent.vue'
-import EmailView from '@/views/apps/email/EmailView.vue'
-import type { MoveEmailToAction } from '@/views/apps/email/useEmail'
-import { useEmail } from '@/views/apps/email/useEmail'
-import type { Email, EmailLabel } from '@db/apps/email/types'
-
-definePage({
-  meta: {
-    layoutWrapperClasses: 'layout-content-height-fixed',
-  },
-})
-
-const { isLeftSidebarOpen } = useResponsiveLeftSidebar()
-
-// Composables
-const route = useRoute<'apps-email-filter' | 'apps-email-label'>()
-
-const {
-  labels,
-  resolveLabelColor,
-  emailMoveToFolderActions,
-  shallShowMoveToActionFor,
-  moveSelectedEmailTo,
-  updateEmails,
-  updateEmailLabels,
-} = useEmail()
-
-// Compose dialog
-const isComposeDialogVisible = ref(false)
-
-// Ref
-const q = ref('')
-
-// ------------------------------------------------
-// Email Selection
-// ------------------------------------------------
-const selectedEmails = ref<Email['id'][]>([])
-
-// Fetch Emails
-const { data: emailData, execute: fetchEmails } = await useApi<any>(createUrl('/apps/email', {
-  query: {
-    q,
-    filter: () => 'filter' in route.params ? route.params.filter : undefined,
-    label: () => 'label' in route.params ? route.params.label : undefined,
-  },
-}))
-
-const emails = computed<Email[]>(() => emailData.value.emails)
-const emailsMeta = computed(() => emailData.value.emailsMeta)
-
-const toggleSelectedEmail = (emailId: Email['id']) => {
-  const emailIndex = selectedEmails.value.indexOf(emailId)
-  if (emailIndex === -1)
-    selectedEmails.value.push(emailId)
-  else selectedEmails.value.splice(emailIndex, 1)
-}
-
-const selectAllEmailCheckbox = computed(
-  () => emails.value.length && emails.value.length === selectedEmails.value.length,
-)
-
-const isSelectAllEmailCheckboxIndeterminate = computed(
-  () =>
-    Boolean(selectedEmails.value.length)
-    && emails.value.length !== selectedEmails.value.length,
-)
-
-const isAllMarkRead = computed (() => {
-  return selectedEmails.value.every(emailId => emails.value.find(email => email.id === emailId)?.isRead)
-})
-
-const selectAllCheckboxUpdate = () => {
-  selectedEmails.value = !selectAllEmailCheckbox.value
-    ? emails.value.map(email => email.id)
-    : []
-}
-
-// Email View
-const openedEmail = ref<Email | null>(null)
-
-const emailViewMeta = computed(() => {
-  const returnValue = {
-    hasNextEmail: false,
-    hasPreviousEmail: false,
-  }
-
-  if (openedEmail.value) {
-    const openedEmailIndex = emails.value.findIndex(
-      e => e.id === openedEmail.value?.id,
-    )
-
-    returnValue.hasNextEmail = !!emails.value[openedEmailIndex + 1]
-    returnValue.hasPreviousEmail = !!emails.value[openedEmailIndex - 1]
-  }
-
-  return returnValue
-})
-
-const refreshOpenedEmail = async () => {
-  await fetchEmails()
-
-  if (openedEmail.value)
-    openedEmail.value = emails.value.find(e => e.id === openedEmail.value?.id)!
-}
-
-/*
-  ℹ️ You can optimize it so it doesn't fetch emails on each action.
-    Currently, if you just star the email, two API calls will get fired.
-      1. star the email
-      2. Fetch all latest emails
-
-    You can limit this to single API call by:
-      - making API to star the email
-      - modify the state (set that email's isStarred property to true/false) in the store instead of making API for fetching emails
-
-  😊 For simplicity of the code and possible of modification, we kept it simple.
-*/
-
-const handleActionClick = async (
-  action: 'trash' | 'unread' | 'read' | 'spam' | 'star' | 'unstar',
-  emailIds: Email['id'][] = selectedEmails.value,
-) => {
-  selectedEmails.value = []
-  selectedEmails.value = []
-  if (!emailIds.length)
-    return
-
-  if (action === 'trash')
-    await updateEmails(emailIds, { isDeleted: true })
-  else if (action === 'spam')
-    await updateEmails(emailIds, { folder: 'spam' })
-  else if (action === 'unread')
-    await updateEmails(emailIds, { isRead: false })
-  else if (action === 'read')
-    await updateEmails(emailIds, { isRead: true })
-  else if (action === 'star')
-    await updateEmails(emailIds, { isStarred: true })
-  else if (action === 'unstar')
-    await updateEmails(emailIds, { isStarred: false })
-
-  if (openedEmail.value)
-    refreshOpenedEmail()
-  else
-    await fetchEmails()
-}
-
-// Email actions
-const handleMoveMailsTo = async (action: MoveEmailToAction) => {
-  await moveSelectedEmailTo(action, selectedEmails.value)
-  await fetchEmails()
-}
-
-// Handle Email Labels
-const handleEmailLabels = async (labelTitle: EmailLabel) => {
-  await updateEmailLabels(selectedEmails.value, labelTitle)
-  await fetchEmails()
-}
-
-// Email view
-const changeOpenedEmail = (dir: 'previous' | 'next') => {
-  if (!openedEmail.value)
-    return
-
-  const openedEmailIndex = emails.value.findIndex(
-    e => e.id === openedEmail.value?.id,
-  )
-
-  const newEmailIndex = dir === 'previous' ? openedEmailIndex - 1 : openedEmailIndex + 1
-
-  openedEmail.value = emails.value[newEmailIndex]
-}
-
-const openEmail = async (email: Email) => {
-  openedEmail.value = email
-
-  await handleActionClick('read', [email.id])
-}
-
-// Reset selected emails when filter or label is updated
-watch(
-  () => route.params,
-  () => { selectedEmails.value = [] },
-  { deep: true },
-)
-</script>
-
-<template>
-  <VLayout
-    style=" z-index: 0;min-block-size: 100%;"
-    class="email-app-layout"
-  >
-    <VNavigationDrawer
-      v-model="isLeftSidebarOpen"
-      data-allow-mismatch
-      absolute
-      touchless
-      location="start"
-      :temporary="$vuetify.display.mdAndDown"
-    >
-      <EmailLeftSidebarContent
-        :emails-meta="emailsMeta"
-        @toggle-compose-dialog-visibility="isComposeDialogVisible = !isComposeDialogVisible"
-      />
-    </VNavigationDrawer>
-    <EmailView
-      :email="openedEmail"
-      :email-meta="emailViewMeta"
-      @refresh="refreshOpenedEmail"
-      @navigated="changeOpenedEmail"
-      @close="openedEmail = null"
-      @trash="handleActionClick('trash', openedEmail ? [openedEmail.id] : [])"
-      @unread="handleActionClick('unread', openedEmail ? [openedEmail.id] : [])"
-      @star="handleActionClick('star', openedEmail ? [openedEmail.id] : [])"
-      @unstar="handleActionClick('unstar', openedEmail ? [openedEmail.id] : [])"
-    />
-    <VMain>
-      <VCard
-        flat
-        class="email-content-list h-100 d-flex flex-column"
-      >
-        <div class="d-flex align-center">
-          <IconBtn
-            class="d-lg-none ms-3"
-            @click="isLeftSidebarOpen = true"
-          >
-            <VIcon icon="tabler-menu-2" />
-          </IconBtn>
-
-          <!-- 👉 Search -->
-          <VTextField
-            v-model="q"
-            density="default"
-            class="email-search px-sm-2 flex-grow-1 py-1"
-            placeholder="Search mail"
-          >
-            <template #prepend-inner>
-              <VIcon
-                icon="tabler-search"
-                size="24"
-                class="me-1 text-medium-emphasis"
-              />
-            </template>
-          </VTextField>
-        </div>
-        <VDivider />
-        <!-- 👉 Action bar -->
-        <div class="py-2 px-4 d-flex align-center d-flex gap-x-1">
-          <!-- TODO: Make checkbox primary on indeterminate state -->
-          <VCheckbox
-            :model-value="selectAllEmailCheckbox"
-            :indeterminate="isSelectAllEmailCheckboxIndeterminate"
-            class="d-flex"
-            @update:model-value="selectAllCheckboxUpdate"
-          />
-          <div
-            class="w-100 d-flex align-center action-bar-actions gap-x-1"
-            :style="{
-              visibility:
-                isSelectAllEmailCheckboxIndeterminate || selectAllEmailCheckbox
-                  ? undefined
-                  : 'hidden',
-            }"
-          >
-            <!-- Trash -->
-            <IconBtn
-              v-show="('filter' in route.params ? route.params.filter !== 'trashed' : true)"
-              @click="handleActionClick('trash')"
-            >
-              <VIcon
-                icon="tabler-trash"
-                size="22"
-              />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                Delete Mail
-              </VTooltip>
-            </IconBtn>
-            <!-- Mark unread/read -->
-            <IconBtn @click="isAllMarkRead ? handleActionClick('unread') : handleActionClick('read') ">
-              <VIcon
-                :icon="isAllMarkRead ? 'tabler-mail' : 'tabler-mail-opened'"
-                size="22"
-              />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                {{ isAllMarkRead ? 'Mark as Unread' : 'Mark as Read' }}
-              </VTooltip>
-            </IconBtn>
-            <!-- Move to folder -->
-            <IconBtn>
-              <VIcon
-                icon="tabler-folder"
-                size="22"
-              />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                Folder
-              </VTooltip>
-              <VMenu activator="parent">
-                <VList density="compact">
-                  <template
-                    v-for="moveTo in emailMoveToFolderActions"
-                    :key="moveTo.title"
-                  >
-                    <VListItem
-                      :class="shallShowMoveToActionFor(moveTo.action) ? 'd-flex' : 'd-none'"
-                      href="#"
-                      class="items-center"
-                      @click="handleMoveMailsTo(moveTo.action)"
-                    >
-                      <template #prepend>
-                        <VIcon
-                          :icon="moveTo.icon"
-                          class="me-2"
-                          size="20"
-                        />
-                      </template>
-                      <VListItemTitle class="text-capitalize">
-                        {{ moveTo.action }}
-                      </VListItemTitle>
-                    </VListItem>
-                  </template>
-                </VList>
-              </VMenu>
-            </IconBtn>
-            <!-- Update labels -->
-            <IconBtn>
-              <VIcon
-                icon="tabler-tag"
-                size="22"
-              />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                Label
-              </VTooltip>
-              <VMenu activator="parent">
-                <VList density="compact">
-                  <VListItem
-                    v-for="label in labels"
-                    :key="label.title"
-                    href="#"
-                    @click="handleEmailLabels(label.title)"
-                  >
-                    <template #prepend>
-                      <VBadge
-                        inline
-                        :color="resolveLabelColor(label.title)"
-                        dot
-                      />
-                    </template>
-                    <VListItemTitle class="ms-2 text-capitalize">
-                      {{ label.title }}
-                    </VListItemTitle>
-                  </VListItem>
-                </VList>
-              </VMenu>
-            </IconBtn>
-          </div>
-          <VSpacer />
-          <IconBtn @click="fetchEmails">
-            <VIcon
-              icon="tabler-refresh"
-              size="22"
-            />
-          </IconBtn>
-          <IconBtn>
-            <VIcon
-              icon="tabler-dots-vertical"
-              size="22"
-            />
-          </IconBtn>
-        </div>
-        <VDivider />
-        <!-- 👉 Emails list -->
-        <PerfectScrollbar
-          tag="ul"
-          :options="{ wheelPropagation: false }"
-          class="email-list"
-        >
-          <li
-            v-for="email in emails"
-            v-show="emails?.length"
-            :key="email.id"
-            class="email-item d-flex align-center pa-4 gap-2 cursor-pointer"
-            :class="[{ 'email-read': email.isRead }]"
-            @click="openEmail(email)"
-          >
-            <VCheckbox
-              :model-value="selectedEmails.includes(email.id)"
-              class="flex-shrink-0"
-              @update:model-value="toggleSelectedEmail(email.id)"
-              @click.stop
-            />
-            <IconBtn
-              :color="email.isStarred ? 'warning' : 'default'"
-              @click.stop=" handleActionClick(email.isStarred ? 'unstar' : 'star', [email.id])"
-            >
-              <VIcon
-                icon="tabler-star"
-                size="22"
-              />
-            </IconBtn>
-            <VAvatar size="32">
-              <VImg
-                :src="email.from.avatar"
-                :alt="email.from.name"
-              />
-            </VAvatar>
-            <h6 class="text-h6">
-              {{ email.from.name }}
-            </h6>
-            <span class="text-body-2 truncate">{{ email.subject }}</span>
-
-            <VSpacer />
-
-            <!-- 👉 Email meta -->
-            <div
-              class="email-meta align-center gap-2"
-              :class="$vuetify.display.xs ? 'd-none' : ''"
-            >
-              <VIcon
-                v-for="label in email.labels"
-                :key="label"
-                icon="tabler-circle-filled"
-                size="10"
-                :color="resolveLabelColor(label)"
-              />
-
-              <span class="text-sm text-disabled">
-                {{ formatDateToMonthShort(email.time) }}
-              </span>
-            </div>
-            <!-- 👉 Email actions -->
-            <div class="email-actions d-none">
-              <IconBtn @click.stop="handleActionClick('trash', [email.id])">
-                <VIcon
-                  icon="tabler-trash"
-                  size="22"
-                />
-                <VTooltip
-                  activator="parent"
-                  location="top"
-                >
-                  Delete Mail
-                </VTooltip>
-              </IconBtn>
-              <IconBtn
-                class="mx-2"
-                @click.stop=" handleActionClick(email.isRead ? 'unread' : 'read', [email.id])"
-              >
-                <VIcon
-                  :icon="email.isRead ? 'tabler-mail' : 'tabler-mail-opened'"
-                  size="22"
-                />
-                <VTooltip
-                  activator="parent"
-                  location="top"
-                >
-                  {{ email.isRead ? 'Mark as Unread' : 'Mark as Read' }}
-                </VTooltip>
-              </IconBtn>
-              <IconBtn @click.stop="handleActionClick('spam', [email.id])">
-                <VIcon
-                  icon="tabler-info-circle"
-                  size="22"
-                />
-                <VTooltip
-                  activator="parent"
-                  location="top"
-                >
-                  Move to Spam
-                </VTooltip>
-              </IconBtn>
-            </div>
-          </li>
-          <li
-            v-show="!emails.length"
-            class="py-4 px-5 text-center"
-          >
-            <span class="text-high-emphasis">No items found.</span>
-          </li>
-        </PerfectScrollbar>
-      </VCard>
-      <ComposeDialog
-        v-show="isComposeDialogVisible"
-        @close="isComposeDialogVisible = false"
-      />
-    </VMain>
-  </VLayout>
-</template>
-
-<style lang="scss">
-@use "@styles/variables/vuetify";
-@use "@core-scss/base/mixins";
-
-// ℹ️ Remove border. Using variant plain cause UI issue, caret isn't align in center
-.email-search {
-  .v-field__outline {
-    display: none;
-  }
-
-  .v-field__field {
-    .v-field__input {
-      font-size: 0.9375rem !important;
-      line-height: 1.375rem !important;
-    }
-  }
-}
-
-.email-app-layout {
-  border-radius: vuetify.$card-border-radius;
-
-  @include mixins.elevation(vuetify.$card-elevation);
-
-  $sel-email-app-layout: &;
-
-  @at-root {
-    .skin--bordered {
-      @include mixins.bordered-skin($sel-email-app-layout);
-    }
-  }
-}
-
-.email-content-list {
-  border-end-start-radius: 0;
-  border-start-start-radius: 0;
-}
-
-.email-list {
-  white-space: nowrap;
-
-  .email-item {
-    block-size: 4.375rem;
-    transition: all 0.2s ease-in-out;
-    will-change: transform, box-shadow;
-
-    &.email-read {
-      background-color: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
-    }
-
-    & + .email-item {
-      border-block-start: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-    }
-  }
-
-  .email-item .email-meta {
-    display: flex;
-  }
-
-  .email-item:hover {
-    transform: translateY(-2px);
-
-    @include mixins.elevation(4);
-
-    // ℹ️ Don't show actions on hover on mobile & tablet devices
-    @media screen and (min-width: 1280px) {
-      .email-actions {
-        display: block !important;
-      }
-
-      .email-meta {
-        display: none;
-      }
-    }
-
-    + .email-item {
-      border-color: transparent;
-    }
-
-    @media screen and (max-width: 600px) {
-      .email-actions {
-        display: none !important;
-      }
-    }
-  }
-}
-
-.email-compose-dialog {
-  position: absolute;
-  inset-block-end: 0;
-  inset-inline-end: 0;
-  min-inline-size: 100%;
-
-  @media only screen and (min-width: 800px) {
-    min-inline-size: 712px;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/invoice/add/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/invoice/add/index.vue
deleted file mode 100644
index 4d0fd24..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/invoice/add/index.vue
+++ /dev/null
@@ -1,170 +0,0 @@
-<script lang="ts" setup>
-import InvoiceEditable from '@/views/apps/invoice/InvoiceEditable.vue'
-import InvoiceSendInvoiceDrawer from '@/views/apps/invoice/InvoiceSendInvoiceDrawer.vue'
-
-// Type: Invoice data
-import type { InvoiceData, PurchasedProduct } from '@/views/apps/invoice/types'
-
-// 👉 Default Blank Data
-const invoiceData = ref<InvoiceData>({
-  invoice: {
-    id: 5037,
-    issuedDate: '',
-    service: '',
-    total: 0,
-    avatar: '',
-    invoiceStatus: '',
-    dueDate: '',
-    balance: 0,
-    client: {
-      address: '112, Lorem Ipsum, Florida',
-      company: 'Greeva Inc',
-      companyEmail: 'johndoe@greeva.com',
-      contact: '+1 123 3452 12',
-      country: 'USA',
-      name: 'John Doe',
-    },
-  },
-  paymentDetails: {
-    totalDue: '$12,110.55',
-    bankName: 'American Bank',
-    country: 'United States',
-    iban: 'ETD95476213',
-    swiftCode: 'BR91905',
-  },
-  purchasedProducts: [
-    {
-      title: '',
-      cost: 0,
-      hours: 0,
-      description: '',
-    },
-  ],
-  note: '',
-  paymentMethod: '',
-  salesperson: '',
-  thanksNote: '',
-})
-
-const paymentTerms = ref(true)
-const clientNotes = ref(false)
-const paymentStub = ref(false)
-const selectedPaymentMethod = ref('Bank Account')
-const paymentMethods = ['Bank Account', 'PayPal', 'UPI Transfer']
-const isSendPaymentSidebarVisible = ref(false)
-
-const addProduct = (value: PurchasedProduct) => {
-  invoiceData.value?.purchasedProducts.push(value)
-}
-
-const removeProduct = (id: number) => {
-  invoiceData.value?.purchasedProducts.splice(id, 1)
-}
-</script>
-
-<template>
-  <VRow>
-    <!-- 👉 InvoiceEditable -->
-    <VCol
-      cols="12"
-      md="9"
-    >
-      <InvoiceEditable
-        :data="invoiceData"
-        @push="addProduct"
-        @remove="removeProduct"
-      />
-    </VCol>
-
-    <!-- 👉 Right Column: Invoice Action -->
-    <VCol
-      cols="12"
-      md="3"
-    >
-      <VCard class="mb-8">
-        <VCardText>
-          <!-- 👉 Send Invoice -->
-          <VBtn
-            block
-            prepend-icon="tabler-send"
-            class="mb-4"
-            @click="isSendPaymentSidebarVisible = true"
-          >
-            Send Invoice
-          </VBtn>
-
-          <!-- 👉 Preview -->
-          <VBtn
-            block
-            color="secondary"
-            variant="tonal"
-            class="mb-4"
-            :to="{ name: 'apps-invoice-preview-id', params: { id: '5036' } }"
-          >
-            Preview
-          </VBtn>
-
-          <!-- 👉 Save -->
-          <VBtn
-            block
-            color="secondary"
-            variant="tonal"
-          >
-            Save
-          </VBtn>
-        </VCardText>
-      </VCard>
-
-      <!-- 👉 Select payment method -->
-      <AppSelect
-        id="payment-method"
-        v-model="selectedPaymentMethod"
-        :items="paymentMethods"
-        label="Accept Payment Via"
-        class="mb-6"
-      />
-
-      <!-- 👉 Payment Terms -->
-      <div class="d-flex align-center justify-space-between">
-        <VLabel for="payment-terms">
-          Payment Terms
-        </VLabel>
-        <div>
-          <VSwitch
-            id="payment-terms"
-            v-model="paymentTerms"
-          />
-        </div>
-      </div>
-
-      <!-- 👉  Client Notes -->
-      <div class="d-flex align-center justify-space-between">
-        <VLabel for="client-notes">
-          Client Notes
-        </VLabel>
-        <div>
-          <VSwitch
-            id="client-notes"
-            v-model="clientNotes"
-          />
-        </div>
-      </div>
-
-      <!-- 👉  Payment Stub -->
-      <div class="d-flex align-center justify-space-between">
-        <VLabel for="payment-stub">
-          Payment Stub
-        </VLabel>
-        <div>
-          <VSwitch
-            id="payment-stub"
-            v-model="paymentStub"
-          />
-        </div>
-      </div>
-    </VCol>
-  </VRow>
-
-  <!-- 👉 Send Invoice Sidebar -->
-  <InvoiceSendInvoiceDrawer v-model:is-drawer-open="isSendPaymentSidebarVisible" />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/invoice/edit/[id].vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/invoice/edit/[id].vue
deleted file mode 100644
index 1bf8a5b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/invoice/edit/[id].vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<script lang="ts" setup>
-import InvoiceAddPaymentDrawer from '@/views/apps/invoice/InvoiceAddPaymentDrawer.vue'
-import InvoiceEditable from '@/views/apps/invoice/InvoiceEditable.vue'
-import InvoiceSendInvoiceDrawer from '@/views/apps/invoice/InvoiceSendInvoiceDrawer.vue'
-
-// Type: Invoice data
-import type { InvoiceData, PurchasedProduct } from '@/views/apps/invoice/types'
-
-const invoiceData = ref<InvoiceData>()
-const route = useRoute('apps-invoice-edit-id')
-
-// 👉 fetchInvoice
-
-const { data: invoiceDetails } = await useApi<any>(`/apps/invoice/${route.params.id}`)
-
-if (invoiceDetails.value) {
-  invoiceData.value = {
-    invoice: invoiceDetails.value.invoice,
-    paymentDetails: invoiceDetails.value.paymentDetails,
-
-    /*
-      We are adding some extra data in response for data purpose
-      Your response will contain this extra data
-      Purpose is to make it more API friendly and less static as possible
-    */
-
-    purchasedProducts: [
-      {
-        title: 'App Design',
-        cost: 24,
-        hours: 2,
-        description: 'Designed UI kit & app pages.',
-      },
-    ],
-    note: 'It was a pleasure working with you and your team. We hope you will keep us in mind for future freelance projects. Thank You!',
-    paymentMethod: 'Bank Account',
-    salesperson: 'Tom Cook',
-    thanksNote: 'Thanks for your business',
-  }
-}
-
-const addProduct = (value: PurchasedProduct) => {
-  invoiceData.value?.purchasedProducts.push(value)
-}
-
-const removeProduct = (id: number) => {
-  invoiceData.value?.purchasedProducts.splice(id, 1)
-}
-
-const isSendSidebarActive = ref(false)
-const isAddPaymentSidebarActive = ref(false)
-const paymentTerms = ref(true)
-const clientNotes = ref(false)
-const paymentStub = ref(false)
-const selectedPaymentMethod = ref('Bank Account')
-const paymentMethods = ['Bank Account', 'PayPal', 'UPI Transfer']
-</script>
-
-<template>
-  <VRow v-if="invoiceData && invoiceData?.invoice">
-    <!-- 👉 InvoiceEditable -->
-    <VCol
-      cols="12"
-      md="9"
-    >
-      <InvoiceEditable
-        v-if="invoiceData?.invoice"
-        :data="invoiceData"
-        @push="addProduct"
-        @remove="removeProduct"
-      />
-    </VCol>
-
-    <!-- 👉 Right Column: Invoice Action -->
-    <VCol
-      cols="12"
-      md="3"
-    >
-      <VCard class="mb-8">
-        <VCardText>
-          <!-- 👉 Send Invoice Trigger button -->
-          <VBtn
-            block
-            prepend-icon="tabler-send"
-            class="mb-4"
-            @click="isSendSidebarActive = true"
-          >
-            Send Invoice
-          </VBtn>
-
-          <div class="d-flex flex-wrap gap-4">
-            <!-- 👉  Preview button -->
-            <VBtn
-              color="secondary"
-              variant="tonal"
-              class="flex-grow-1"
-              :to="{ name: 'apps-invoice-preview-id', params: { id: route.params.id } }"
-            >
-              Preview
-            </VBtn>
-
-            <!-- 👉 Save button -->
-            <VBtn
-              color="secondary"
-              variant="tonal"
-              class="mb-4 flex-grow-1"
-            >
-              Save
-            </VBtn>
-          </div>
-
-          <!-- 👉 Add Payment trigger button -->
-          <VBtn
-            block
-            color="success"
-            prepend-icon="tabler-currency-dollar"
-            @click="isAddPaymentSidebarActive = true"
-          >
-            Add Payment
-          </VBtn>
-        </VCardText>
-      </VCard>
-
-      <!-- 👉 Accept payment via  -->
-      <AppSelect
-        id="payment-method"
-        v-model="selectedPaymentMethod"
-        :items="paymentMethods"
-        label="Accept Payment Via"
-        class="mb-4"
-      />
-
-      <!-- 👉 Payment Terms -->
-      <div class="d-flex align-center justify-space-between">
-        <VLabel for="payment-terms">
-          Payment Terms
-        </VLabel>
-        <div>
-          <VSwitch
-            id="payment-terms"
-            v-model="paymentTerms"
-          />
-        </div>
-      </div>
-
-      <!-- 👉 Client Notes -->
-      <div class="d-flex align-center justify-space-between">
-        <VLabel for="client-notes">
-          Client Notes
-        </VLabel>
-        <div>
-          <VSwitch
-            id="client-notes"
-            v-model="clientNotes"
-          />
-        </div>
-      </div>
-
-      <!-- 👉 Payment Stub -->
-      <div class="d-flex align-center justify-space-between">
-        <VLabel for="payment-stub">
-          Payment Stub
-        </VLabel>
-        <div>
-          <VSwitch
-            id="payment-stub"
-            v-model="paymentStub"
-          />
-        </div>
-      </div>
-    </VCol>
-
-    <!-- 👉 Invoice send drawer -->
-    <InvoiceSendInvoiceDrawer v-model:is-drawer-open="isSendSidebarActive" />
-
-    <!-- 👉 Invoice add payment drawer -->
-    <InvoiceAddPaymentDrawer v-model:is-drawer-open="isAddPaymentSidebarActive" />
-  </VRow>
-
-  <section v-else>
-    <VAlert
-      type="error"
-      variant="tonal"
-    >
-      Invoice with ID  {{ route.params.id }} not found!
-    </VAlert>
-  </section>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/invoice/list/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/invoice/list/index.vue
deleted file mode 100644
index e3b831c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/invoice/list/index.vue
+++ /dev/null
@@ -1,368 +0,0 @@
-<script setup lang="ts">
-import type { Invoice } from '@db/apps/invoice/types'
-
-type invoiceStatus = 'Downloaded' | 'Draft' | 'Paid' | 'Sent' | 'Partial Payment' | 'Past Due' | null
-
-const searchQuery = ref('')
-const selectedStatus = ref<invoiceStatus>(null)
-const selectedRows = ref([])
-
-// Data table options
-const itemsPerPage = ref(10)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-
-// Update data table options
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-const widgetData = ref([
-  { title: 'Clients', value: 24, icon: 'tabler-user' },
-  { title: 'Invoices', value: 165, icon: 'tabler-file-invoice' },
-  { title: 'Paid', value: '$2.46k', icon: 'tabler-checks' },
-  { title: 'Unpaid', value: '$876', icon: 'tabler-circle-off' },
-])
-
-// 👉 headers
-const headers = [
-  { title: '#', key: 'id' },
-  { title: 'Status', key: 'status', sortable: false },
-  { title: 'Client', key: 'client' },
-  { title: 'Total', key: 'total' },
-  { title: 'Issued Date', key: 'date' },
-  { title: 'Balance', key: 'balance' },
-  { title: 'Actions', key: 'actions', sortable: false },
-]
-
-// 👉 Fetch Invoices
-const { data: invoiceData, execute: fetchInvoices } = await useApi<any>(createUrl('/apps/invoice', {
-  query: {
-    q: searchQuery,
-    status: selectedStatus,
-    itemsPerPage,
-    page,
-    sortBy,
-    orderBy,
-  },
-}))
-
-const invoices = computed((): Invoice[] => invoiceData.value.invoices)
-const totalInvoices = computed(() => invoiceData.value.totalInvoices)
-
-// 👉 Invoice balance variant resolver
-const resolveInvoiceBalanceVariant = (balance: string | number, total: number) => {
-  if (balance === total)
-    return { status: 'Unpaid', chip: { color: 'error' } }
-
-  if (balance === 0)
-    return { status: 'Paid', chip: { color: 'success' } }
-
-  return { status: balance, chip: { variant: 'text' } }
-}
-
-// 👉 Invoice status variant resolver
-const resolveInvoiceStatusVariantAndIcon = (status: string) => {
-  if (status === 'Partial Payment')
-    return { variant: 'warning', icon: 'tabler-chart-pie-2' }
-  if (status === 'Paid')
-    return { variant: 'success', icon: 'tabler-check' }
-  if (status === 'Downloaded')
-    return { variant: 'info', icon: 'tabler-arrow-down' }
-  if (status === 'Draft')
-    return { variant: 'primary', icon: 'tabler-folder' }
-  if (status === 'Sent')
-    return { variant: 'secondary', icon: 'tabler-mail' }
-  if (status === 'Past Due')
-    return { variant: 'error', icon: 'tabler-help' }
-
-  return { variant: 'secondary', icon: 'tabler-x' }
-}
-
-const computedMoreList = computed(() => {
-  return (paramId: number) => ([
-    { title: 'Download', value: 'download', prependIcon: 'tabler-download' },
-    {
-      title: 'Edit',
-      value: 'edit',
-      prependIcon: 'tabler-pencil',
-      to: { name: 'apps-invoice-edit-id', params: { id: paramId } },
-    },
-    { title: 'Duplicate', value: 'duplicate', prependIcon: 'tabler-layers-intersect' },
-  ])
-})
-
-// 👉 Delete Invoice
-const deleteInvoice = async (id: number) => {
-  await $api(`/apps/invoice/${id}`, { method: 'DELETE' })
-
-  // Delete from selectedRows
-  const index = selectedRows.value.findIndex(row => row === id)
-  if (index !== -1)
-    selectedRows.value.splice(index, 1)
-
-  // Refetch Invoices
-  fetchInvoices()
-}
-</script>
-
-<template>
-  <section v-if="invoices">
-    <!-- 👉 Invoice Widgets -->
-    <VCard class="mb-6">
-      <VCardText class="px-3">
-        <VRow>
-          <template
-            v-for="(data, id) in widgetData"
-            :key="id"
-          >
-            <VCol
-              cols="12"
-              sm="6"
-              md="3"
-              class="px-6"
-            >
-              <div
-                class="d-flex justify-space-between align-center"
-                :class="$vuetify.display.xs
-                  ? id !== widgetData.length - 1 ? 'border-b pb-4' : ''
-                  : $vuetify.display.sm
-                    ? id < (widgetData.length / 2) ? 'border-b pb-4' : ''
-                    : ''"
-              >
-                <div class="d-flex flex-column">
-                  <h4 class="text-h4">
-                    {{ data.value }}
-                  </h4>
-                  <span class="text-body-1 text-capitalize">{{ data.title }}</span>
-                </div>
-
-                <VAvatar
-                  variant="tonal"
-                  rounded
-                  size="42"
-                >
-                  <VIcon
-                    :icon="data.icon"
-                    size="26"
-                    color="high-emphasis"
-                  />
-                </VAvatar>
-              </div>
-            </VCol>
-            <VDivider
-              v-if="$vuetify.display.mdAndUp ? id !== widgetData.length - 1
-                : $vuetify.display.smAndUp ? id % 2 === 0
-                  : false"
-              vertical
-              inset
-              length="60"
-            />
-          </template>
-        </VRow>
-      </VCardText>
-    </VCard>
-
-    <VCard id="invoice-list">
-      <VCardText class="d-flex justify-space-between align-center flex-wrap gap-4">
-        <div class="d-flex gap-4 align-center flex-wrap">
-          <div class="d-flex align-center gap-2">
-            <span>Show</span>
-            <AppSelect
-              :model-value="itemsPerPage"
-              :items="[
-                { value: 10, title: '10' },
-                { value: 25, title: '25' },
-                { value: 50, title: '50' },
-                { value: 100, title: '100' },
-                { value: -1, title: 'All' },
-              ]"
-              style="inline-size: 5.5rem;"
-              @update:model-value="itemsPerPage = parseInt($event, 10)"
-            />
-          </div>
-          <!-- 👉 Create invoice -->
-          <VBtn
-            prepend-icon="tabler-plus"
-            :to="{ name: 'apps-invoice-add' }"
-          >
-            Create invoice
-          </VBtn>
-        </div>
-
-        <div class="d-flex align-center flex-wrap gap-4">
-          <!-- 👉 Search  -->
-          <div class="invoice-list-filter">
-            <AppTextField
-              v-model="searchQuery"
-              placeholder="Search Invoice"
-            />
-          </div>
-
-          <!-- 👉 Select status -->
-          <div class="invoice-list-filter">
-            <AppSelect
-              v-model="selectedStatus"
-              placeholder="Invoice Status"
-              clearable
-              clear-icon="tabler-x"
-              single-line
-              :items="['Downloaded', 'Draft', 'Sent', 'Paid', 'Partial Payment', 'Past Due']"
-            />
-          </div>
-        </div>
-      </VCardText>
-      <VDivider />
-
-      <!-- SECTION Datatable -->
-      <VDataTableServer
-        v-model:model-value="selectedRows"
-        v-model:items-per-page="itemsPerPage"
-        v-model:page="page"
-        show-select
-        :items-length="totalInvoices"
-        :headers="headers"
-        :items="invoices"
-        item-value="id"
-        class="text-no-wrap"
-        @update:options="updateOptions"
-      >
-        <!-- id -->
-        <template #item.id="{ item }">
-          <RouterLink :to="{ name: 'apps-invoice-preview-id', params: { id: item.id } }">
-            #{{ item.id }}
-          </RouterLink>
-        </template>
-
-        <!-- status -->
-        <template #item.status="{ item }">
-          <VTooltip>
-            <template #activator="{ props }">
-              <VAvatar
-                :size="28"
-                v-bind="props"
-                :color="resolveInvoiceStatusVariantAndIcon(item.invoiceStatus).variant"
-                variant="tonal"
-              >
-                <VIcon
-                  :size="16"
-                  :icon="resolveInvoiceStatusVariantAndIcon(item.invoiceStatus).icon"
-                />
-              </VAvatar>
-            </template>
-            <p class="mb-0">
-              {{ item.invoiceStatus }}
-            </p>
-            <p class="mb-0">
-              Balance: {{ item.balance }}
-            </p>
-            <p class="mb-0">
-              Due date: {{ item.dueDate }}
-            </p>
-          </VTooltip>
-        </template>
-
-        <!-- client -->
-        <template #item.client="{ item }">
-          <div class="d-flex align-center">
-            <VAvatar
-              size="34"
-              :color="!item.avatar.length ? resolveInvoiceStatusVariantAndIcon(item.invoiceStatus).variant : undefined"
-              :variant="!item.avatar.length ? 'tonal' : undefined"
-              class="me-3"
-            >
-              <VImg
-                v-if="item.avatar.length"
-                :src="item.avatar"
-              />
-              <span v-else>{{ avatarText(item.client.name) }}</span>
-            </VAvatar>
-            <div class="d-flex flex-column">
-              <RouterLink
-                :to="{ name: 'pages-user-profile-tab', params: { tab: 'profile' } }"
-                class="text-link font-weight-medium"
-              >
-                {{ item.client.name }}
-              </RouterLink>
-              <span class="text-sm text-medium-emphasis">{{ item.client.companyEmail }}</span>
-            </div>
-          </div>
-        </template>
-
-        <!-- Total -->
-        <template #item.total="{ item }">
-          ${{ item.total }}
-        </template>
-
-        <!-- Date -->
-        <template #item.date="{ item }">
-          {{ item.issuedDate }}
-        </template>
-
-        <!-- Balance -->
-        <template #item.balance="{ item }">
-          <VChip
-            v-if="typeof ((resolveInvoiceBalanceVariant(item.balance, item.total)).status) === 'string'"
-            :color="resolveInvoiceBalanceVariant(item.balance, item.total).chip.color"
-            label
-            size="x-small"
-          >
-            {{ (resolveInvoiceBalanceVariant(item.balance, item.total)).status }}
-          </VChip>
-
-          <template v-else>
-            <span class="text-base text-high-emphasis">
-              {{ Number((resolveInvoiceBalanceVariant(item.balance, item.total)).status) > 0 ? `$${(resolveInvoiceBalanceVariant(item.balance, item.total)).status}` : `-$${Math.abs(Number((resolveInvoiceBalanceVariant(item.balance, item.total)).status))}` }}
-            </span>
-          </template>
-        </template>
-
-        <!-- Actions -->
-        <template #item.actions="{ item }">
-          <IconBtn @click="deleteInvoice(item.id)">
-            <VIcon icon="tabler-trash" />
-          </IconBtn>
-
-          <IconBtn :to="{ name: 'apps-invoice-preview-id', params: { id: item.id } }">
-            <VIcon icon="tabler-eye" />
-          </IconBtn>
-
-          <MoreBtn
-            :menu-list="computedMoreList(item.id)"
-            item-props
-            color="undefined"
-          />
-        </template>
-
-        <!-- pagination -->
-        <template #bottom>
-          <TablePagination
-            v-model:page="page"
-            :items-per-page="itemsPerPage"
-            :total-items="totalInvoices"
-          />
-        </template>
-      </VDataTableServer>
-    <!-- !SECTION -->
-    </VCard>
-  </section>
-  <section v-else>
-    <VCard>
-      <VCardTitle>No Invoice Found</VCardTitle>
-    </VCard>
-  </section>
-</template>
-
-<style lang="scss">
-#invoice-list {
-  .invoice-list-actions {
-    inline-size: 8rem;
-  }
-
-  .invoice-list-filter {
-    inline-size: 12rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/invoice/preview/[id].vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/invoice/preview/[id].vue
deleted file mode 100644
index 081db43..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/invoice/preview/[id].vue
+++ /dev/null
@@ -1,460 +0,0 @@
-<script setup lang="ts">
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-// Components
-import InvoiceAddPaymentDrawer from '@/views/apps/invoice/InvoiceAddPaymentDrawer.vue'
-import InvoiceSendInvoiceDrawer from '@/views/apps/invoice/InvoiceSendInvoiceDrawer.vue'
-
-const route = useRoute('apps-invoice-preview-id')
-
-const isAddPaymentSidebarVisible = ref(false)
-const isSendPaymentSidebarVisible = ref(false)
-
-const { data: invoiceData } = await useApi<any>(`/apps/invoice/${Number(route.params.id)}`)
-const invoice = ref()
-const paymentDetails = ref()
-
-if (invoiceData.value) {
-  invoice.value = invoiceData.value.invoice
-  paymentDetails.value = invoiceData.value.paymentDetails
-}
-
-// 👉 Invoice Description
-// ℹ️ Your real data will contain this information
-const purchasedProducts = [
-  {
-    name: 'Premium Branding Package',
-    description: 'Branding & Promotion',
-    qty: 1,
-    hours: 15,
-    price: 32,
-  },
-  {
-    name: 'SMM',
-    description: 'Social media templates',
-    qty: 1,
-    hours: 14,
-    price: 28,
-  },
-  {
-    name: 'Web Design',
-    description: 'Web designing package',
-    qty: 1,
-    hours: 12,
-    price: 24,
-  },
-  {
-    name: 'SEO',
-    description: 'Search engine optimization',
-    qty: 1,
-    hours: 5,
-    price: 22,
-  },
-]
-
-// 👉 Print Invoice
-const printInvoice = () => {
-  window.print()
-}
-</script>
-
-<template>
-  <section v-if="invoice && paymentDetails">
-    <VRow>
-      <VCol
-        cols="12"
-        md="9"
-      >
-        <VCard class="invoice-preview-wrapper pa-6 pa-sm-12">
-          <!-- SECTION Header -->
-          <div class="invoice-header-preview d-flex flex-wrap justify-space-between flex-column flex-sm-row print-row bg-var-theme-background gap-6 rounded pa-6 mb-6">
-            <!-- 👉 Left Content -->
-            <div>
-              <div class="d-flex align-center app-logo mb-6">
-                <!-- 👉 Logo -->
-                <VNodeRenderer :nodes="themeConfig.app.logo" />
-
-                <!-- 👉 Title -->
-                <h6 class="app-logo-title">
-                  {{ themeConfig.app.title }}
-                </h6>
-              </div>
-
-              <!-- 👉 Address -->
-              <h6 class="text-h6 font-weight-regular">
-                Office 149, 450 South Brand Brooklyn
-              </h6>
-              <h6 class="text-h6 font-weight-regular">
-                San Diego County, CA 91905, USA
-              </h6>
-              <h6 class="text-h6 font-weight-regular">
-                +1 (123) 456 7891, +44 (876) 543 2198
-              </h6>
-            </div>
-
-            <!-- 👉 Right Content -->
-            <div>
-              <!-- 👉 Invoice ID -->
-              <h6 class="font-weight-medium text-lg mb-6">
-                Invoice #{{ invoice.id }}
-              </h6>
-
-              <!-- 👉 Issue Date -->
-              <h6 class="text-h6 font-weight-regular">
-                <span>Date Issued: </span>
-                <span>{{ new Date(invoice.issuedDate).toLocaleDateString('en-GB') }}</span>
-              </h6>
-
-              <!-- 👉 Due Date -->
-              <h6 class="text-h6 font-weight-regular">
-                <span>Due Date: </span>
-                <span>{{ new Date(invoice.dueDate).toLocaleDateString('en-GB') }}</span>
-              </h6>
-            </div>
-          </div>
-          <!-- !SECTION -->
-
-          <!-- 👉 Payment Details -->
-          <VRow class="print-row mb-6">
-            <VCol class="text-no-wrap">
-              <h6 class="text-h6 mb-4">
-                Invoice To:
-              </h6>
-
-              <p class="mb-0">
-                {{ invoice.client.name }}
-              </p>
-              <p class="mb-0">
-                {{ invoice.client.company }}
-              </p>
-              <p class="mb-0">
-                {{ invoice.client.address }}, {{ invoice.client.country }}
-              </p>
-              <p class="mb-0">
-                {{ invoice.client.contact }}
-              </p>
-              <p class="mb-0">
-                {{ invoice.client.companyEmail }}
-              </p>
-            </VCol>
-
-            <VCol class="text-no-wrap">
-              <h6 class="text-h6 mb-4">
-                Bill To:
-              </h6>
-              <table>
-                <tbody>
-                  <tr>
-                    <td class="pe-4">
-                      Total Due:
-                    </td>
-                    <td>
-                      {{ paymentDetails.totalDue }}
-                    </td>
-                  </tr>
-                  <tr>
-                    <td class="pe-4">
-                      Bank Name:
-                    </td>
-                    <td>
-                      {{ paymentDetails.bankName }}
-                    </td>
-                  </tr>
-                  <tr>
-                    <td class="pe-4">
-                      Country:
-                    </td>
-                    <td>
-                      {{ paymentDetails.country }}
-                    </td>
-                  </tr>
-                  <tr>
-                    <td class="pe-4">
-                      IBAN:
-                    </td>
-                    <td>
-                      {{ paymentDetails.iban }}
-                    </td>
-                  </tr>
-                  <tr>
-                    <td class="pe-4">
-                      SWIFT Code:
-                    </td>
-                    <td>
-                      {{ paymentDetails.swiftCode }}
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </VCol>
-          </VRow>
-
-          <!-- 👉 invoice Table -->
-          <VTable class="invoice-preview-table border text-high-emphasis overflow-hidden mb-6">
-            <thead>
-              <tr>
-                <th scope="col">
-                  ITEM
-                </th>
-                <th scope="col">
-                  DESCRIPTION
-                </th>
-                <th
-                  scope="col"
-                  class="text-center"
-                >
-                  HOURS
-                </th>
-                <th
-                  scope="col"
-                  class="text-center"
-                >
-                  QTY
-                </th>
-                <th
-                  scope="col"
-                  class="text-center"
-                >
-                  TOTAL
-                </th>
-              </tr>
-            </thead>
-
-            <tbody class="text-base">
-              <tr
-                v-for="item in purchasedProducts"
-                :key="item.name"
-              >
-                <td class="text-no-wrap">
-                  {{ item.name }}
-                </td>
-                <td class="text-no-wrap">
-                  {{ item.description }}
-                </td>
-                <td class="text-center">
-                  {{ item.hours }}
-                </td>
-                <td class="text-center">
-                  {{ item.qty }}
-                </td>
-                <td class="text-center">
-                  ${{ item.price }}
-                </td>
-              </tr>
-            </tbody>
-          </VTable>
-
-          <!-- 👉 Total -->
-          <div class="d-flex justify-space-between flex-column flex-sm-row print-row">
-            <div class="mb-2">
-              <div class="d-flex align-center mb-1">
-                <h6 class="text-h6 me-2">
-                  Salesperson:
-                </h6>
-                <span>Jenny Parker</span>
-              </div>
-              <p>Thanks for your business</p>
-            </div>
-
-            <div>
-              <table class="w-100">
-                <tbody>
-                  <tr>
-                    <td class="pe-16">
-                      Subtotal:
-                    </td>
-                    <td :class="$vuetify.locale.isRtl ? 'text-start' : 'text-end'">
-                      <h6 class="text-base font-weight-medium">
-                        $1800
-                      </h6>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td class="pe-16">
-                      Discount:
-                    </td>
-                    <td :class="$vuetify.locale.isRtl ? 'text-start' : 'text-end'">
-                      <h6 class="text-base font-weight-medium">
-                        $28
-                      </h6>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td class="pe-16">
-                      Tax:
-                    </td>
-                    <td :class="$vuetify.locale.isRtl ? 'text-start' : 'text-end'">
-                      <h6 class="text-base font-weight-medium">
-                        21%
-                      </h6>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-
-              <VDivider class="my-2" />
-
-              <table class="w-100">
-                <tbody>
-                  <tr>
-                    <td class="pe-16">
-                      Total:
-                    </td>
-                    <td :class="$vuetify.locale.isRtl ? 'text-start' : 'text-end'">
-                      <h6 class="text-base font-weight-medium">
-                        $1690
-                      </h6>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </div>
-
-          <VDivider class="my-6 border-dashed" />
-
-          <p class="mb-0">
-            <span class="text-high-emphasis font-weight-medium me-1">
-              Note:
-            </span>
-            <span>It was a pleasure working with you and your team. We hope you will keep us in mind for future freelance projects. Thank You!</span>
-          </p>
-        </VCard>
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="3"
-        class="d-print-none"
-      >
-        <VCard>
-          <VCardText>
-            <!-- 👉 Send Invoice Trigger button -->
-            <VBtn
-              block
-              prepend-icon="tabler-send"
-              class="mb-4"
-              @click="isSendPaymentSidebarVisible = true"
-            >
-              Send Invoice
-            </VBtn>
-
-            <VBtn
-              block
-              color="secondary"
-              variant="tonal"
-              class="mb-4"
-            >
-              Download
-            </VBtn>
-
-            <div class="d-flex flex-wrap gap-4">
-              <VBtn
-                variant="tonal"
-                color="secondary"
-                class="flex-grow-1"
-                @click="printInvoice"
-              >
-                Print
-              </VBtn>
-
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                class="mb-4 flex-grow-1"
-                :to="{ name: 'apps-invoice-edit-id', params: { id: route.params.id } }"
-              >
-                Edit
-              </VBtn>
-            </div>
-
-            <!-- 👉  Add Payment trigger button  -->
-            <VBtn
-              block
-              prepend-icon="tabler-currency-dollar"
-              color="success"
-              @click="isAddPaymentSidebarVisible = true"
-            >
-              Add Payment
-            </VBtn>
-          </VCardText>
-        </VCard>
-      </VCol>
-    </VRow>
-
-    <!-- 👉 Add Payment Sidebar -->
-    <InvoiceAddPaymentDrawer v-model:is-drawer-open="isAddPaymentSidebarVisible" />
-
-    <!-- 👉 Send Invoice Sidebar -->
-    <InvoiceSendInvoiceDrawer v-model:is-drawer-open="isSendPaymentSidebarVisible" />
-  </section>
-  <section v-else>
-    <VAlert
-      type="error"
-      variant="tonal"
-    >
-      Invoice with ID  {{ route.params.id }} not found!
-    </VAlert>
-  </section>
-</template>
-
-<style lang="scss">
-.invoice-preview-table {
-  --v-table-header-color: var(--v-theme-surface);
-
-  &.v-table .v-table__wrapper table thead tr th {
-    border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)) !important;
-  }
-}
-
-@media print {
-  .v-theme--dark {
-    --v-theme-surface: 255, 255, 255;
-    --v-theme-on-surface: 47, 43, 61;
-    --v-theme-on-background: 47, 43, 61;
-  }
-
-  body {
-    background: none !important;
-  }
-
-  .invoice-header-preview,
-  .invoice-preview-wrapper {
-    padding: 0 !important;
-  }
-
-  .product-buy-now {
-    display: none;
-  }
-
-  .v-navigation-drawer,
-  .layout-vertical-nav,
-  .app-customizer-toggler,
-  .layout-footer,
-  .layout-navbar,
-  .layout-navbar-and-nav-container {
-    display: none;
-  }
-
-  .v-card {
-    box-shadow: none !important;
-
-    .print-row {
-      flex-direction: row !important;
-    }
-  }
-
-  .layout-content-wrapper {
-    padding-inline-start: 0 !important;
-  }
-
-  .v-table__wrapper {
-    overflow: hidden !important;
-  }
-
-  .vue-devtools__anchor {
-    display: none;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/kanban/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/kanban/index.vue
deleted file mode 100644
index d49a607..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/kanban/index.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<script setup lang="ts">
-import KanbanBoardComp from '@/views/apps/kanban/KanbanBoard.vue'
-import type { AddNewKanbanItem, EditKanbanItem, KanbanState, RenameKanbanBoard } from '@db/apps/kanban/types'
-
-// 👉 initial kanban data fetch
-const { data: kanban, execute: refetchKanban } = await useApi<any>('/apps/kanban')
-
-// 👉 adding new board and refetch the data
-const addNewBoard = async (newBoardName: string) => {
-  await $api('/apps/kanban/board/add', {
-    method: 'POST',
-    body: { title: newBoardName },
-  })
-
-  refetchKanban()
-}
-
-// 👉 delete board and refetch data
-const deleteBoard = async (boardId: number) => {
-  await $api(`/apps/kanban/board/${boardId}`, { method: 'DELETE' })
-  refetchKanban()
-}
-
-// 👉 rename board and refetch data
-const renameTheBoard = async (kanbanBoard: RenameKanbanBoard) => {
-  await $api('/apps/kanban/board/rename', {
-    method: 'PUT',
-    body: kanbanBoard,
-  })
-
-  refetchKanban()
-}
-
-// 👉 add new item and refetch data
-const addNewItem = async (newItem: AddNewKanbanItem) => {
-  await $api('/apps/kanban/item/add', {
-    method: 'POST',
-    body: newItem,
-  })
-
-  refetchKanban()
-}
-
-const editItemFn = async (editItem: EditKanbanItem) => {
-  await $api('/apps/kanban/item/update', {
-    method: 'PUT',
-    body: editItem,
-  })
-
-  refetchKanban()
-}
-
-// 👉 delete item and refetch data
-const deleteItemFn = async (deleteItem: EditKanbanItem) => {
-  if (deleteItem.item && deleteItem.item.id) {
-    await $api(`/apps/kanban/item/${deleteItem.item.id}`, {
-      method: 'DELETE',
-      body: deleteItem,
-    })
-
-    refetchKanban()
-  }
-}
-
-// 👉 update item state
-const updateItemState = async (kanbanState: KanbanState) => {
-  await $api('/apps/kanban/item/state-update', {
-    method: 'PUT',
-    body: kanbanState,
-  })
-}
-
-// 👉 update board state
-const updateBoardState = async (kanbanBoardIds: number[]) => {
-  await $api('/apps/kanban/board/state-update', {
-    method: 'PUT',
-    body: kanbanBoardIds,
-  })
-}
-</script>
-
-<template>
-  <KanbanBoardComp
-    v-if="kanban"
-    :kanban-data="kanban"
-    @add-new-board="addNewBoard"
-    @delete-board="deleteBoard"
-    @rename-board="renameTheBoard"
-    @add-new-item="addNewItem"
-    @edit-item="editItemFn"
-    @delete-item="deleteItemFn"
-    @update-items-state="updateItemState"
-    @update-board-state="updateBoardState"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/logistics/dashboard.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/logistics/dashboard.vue
deleted file mode 100644
index 1c912e4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/logistics/dashboard.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script setup lang="ts">
-import LogisticsCardStatistics from '@/views/apps/logistics/LogisticsCardStatistics.vue'
-import LogisticsDeliveryExpectations from '@/views/apps/logistics/LogisticsDeliveryExpectations.vue'
-import LogisticsDeliveryPerformance from '@/views/apps/logistics/LogisticsDeliveryPerformance.vue'
-import LogisticsOrderByCountries from '@/views/apps/logistics/LogisticsOrderByCountries.vue'
-import LogisticsOverviewTable from '@/views/apps/logistics/LogisticsOverviewTable.vue'
-import LogisticsShipmentStatistics from '@/views/apps/logistics/LogisticsShipmentStatistics.vue'
-import LogisticsVehicleOverview from '@/views/apps/logistics/LogisticsVehicleOverview.vue'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol cols="12">
-      <LogisticsCardStatistics />
-    </VCol>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <LogisticsVehicleOverview />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <LogisticsShipmentStatistics />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <LogisticsDeliveryPerformance />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <LogisticsDeliveryExpectations />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <LogisticsOrderByCountries />
-    </VCol>
-
-    <VCol cols="12">
-      <LogisticsOverviewTable />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/logistics/fleet.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/logistics/fleet.vue
deleted file mode 100644
index b7b2721..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/logistics/fleet.vue
+++ /dev/null
@@ -1,386 +0,0 @@
-// ❗ WARNING please use your access token from mapbox.com
-<script setup lang="ts">
-import type { LngLatLike } from 'mapbox-gl'
-import mapboxgl from 'mapbox-gl'
-import { onMounted, ref } from 'vue'
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import { useDisplay } from 'vuetify'
-import fleetImg from '@images/misc/fleet-car.png'
-
-const { isLeftSidebarOpen } = useResponsiveLeftSidebar()
-
-const accessToken = import.meta.env.VITE_MAPBOX_ACCESS_TOKEN
-const map = ref()
-
-const vuetifyDisplay = useDisplay()
-
-definePage({
-  meta: {
-    layoutWrapperClasses: 'layout-content-height-fixed',
-  },
-})
-
-const carImgs = ref([fleetImg, fleetImg, fleetImg, fleetImg])
-const refCars = ref<HTMLElement[]>([])
-
-const showPanel = ref([true, false, false, false])
-
-const geojson = {
-  type: 'FeatureCollection',
-  features: [
-    {
-      type: 'Feature',
-      geometry: {
-        type: 'Point',
-        coordinates: [-73.999024, 40.75249842],
-      },
-    },
-    {
-      type: 'Feature',
-      geometry: {
-        type: 'Point',
-        coordinates: [-74.03, 40.75699842],
-      },
-    },
-    {
-      type: 'Feature',
-      geometry: {
-        type: 'Point',
-        coordinates: [-73.967524, 40.7599842],
-      },
-    },
-    {
-      type: 'Feature',
-      geometry: {
-        type: 'Point',
-        coordinates: [-74.0325, 40.742992],
-      },
-    },
-  ],
-}
-
-const activeIndex = ref(0)
-
-onMounted(async () => {
-  await new Promise(resolve => setTimeout(resolve, 100))
-
-  mapboxgl.accessToken = accessToken
-
-  map.value = new mapboxgl.Map({
-    container: 'mapContainer',
-    style: 'mapbox://styles/mapbox/light-v9',
-    center: [-73.999024, 40.75249842],
-    zoom: 12.25,
-  })
-
-  for (let index = 0; index < geojson.features.length; index++)
-    new mapboxgl.Marker({ element: refCars.value[index] }).setLngLat(geojson.features[index].geometry.coordinates as LngLatLike).addTo(map.value)
-
-  refCars.value[activeIndex.value].classList.add('marker-focus')
-})
-
-const vehicleTrackingData = [
-  {
-    name: 'VOL-342808',
-    location: 'Chelsea, NY, USA',
-    progress: 88,
-    driverName: 'Veronica Herman',
-  },
-  {
-    name: 'VOL-954784',
-    location: 'Lincoln Harbor, NY, USA',
-    progress: 100,
-    driverName: 'Myrtle Ullrich',
-  },
-  {
-    name: 'VOL-342808',
-    location: 'Midtown East, NY, USA',
-    progress: 60,
-    driverName: 'Barry Schowalter',
-  },
-  {
-    name: 'VOL-343908',
-    location: 'Hoboken, NY, USA',
-    progress: 28,
-    driverName: 'Helen Jacobs',
-  },
-]
-
-const flyToLocation = (geolocation: number[], index: number) => {
-  activeIndex.value = index
-  showPanel.value.fill(false)
-  showPanel.value[index] = !showPanel.value[index]
-
-  if (vuetifyDisplay.mdAndDown.value)
-    isLeftSidebarOpen.value = false
-
-  map.value.flyTo({
-    center: geolocation,
-    zoom: 16,
-  })
-}
-
-watch(activeIndex, () => {
-  refCars.value.forEach((car, index) => {
-    if (index === activeIndex.value)
-      car.classList.add('marker-focus')
-    else
-      car.classList.remove('marker-focus')
-  })
-})
-</script>
-
-<template>
-  <VLayout class="fleet-app-layout">
-    <VNavigationDrawer
-      v-model="isLeftSidebarOpen"
-      data-allow-mismatch
-      width="360"
-      absolute
-      touchless
-      location="start"
-      border="none"
-    >
-      <VCard
-        class="h-100 fleet-navigation-drawer"
-        flat
-      >
-        <VCardItem>
-          <VCardTitle>
-            Fleet
-          </VCardTitle>
-
-          <template #append>
-            <IconBtn
-              class="d-lg-none navigation-close-btn"
-              @click="isLeftSidebarOpen = !isLeftSidebarOpen"
-            >
-              <VIcon icon="tabler-x" />
-            </IconBtn>
-          </template>
-        </VCardItem>
-
-        <!-- 👉 Perfect Scrollbar -->
-        <PerfectScrollbar
-          :options="{ wheelPropagation: false, suppressScrollX: true }"
-          style="block-size: calc(100% - 60px);"
-        >
-          <VCardText class="pt-0">
-            <div
-              v-for="(vehicle, index) in vehicleTrackingData"
-              :key="index"
-              class="mb-6"
-            >
-              <div
-                class="d-flex align-center justify-space-between cursor-pointer"
-                @click="flyToLocation(geojson.features[index].geometry.coordinates, index)"
-              >
-                <div class="d-flex gap-x-4 align-center">
-                  <VAvatar
-                    icon="tabler-car"
-                    variant="tonal"
-                    color="secondary"
-                  />
-                  <div>
-                    <div class="text-body-1 text-high-emphasis">
-                      {{ vehicle.name }}
-                    </div>
-                    <div class="text-body-1">
-                      {{ vehicle.location }}
-                    </div>
-                  </div>
-                </div>
-                <IconBtn size="small">
-                  <VIcon
-                    :icon="showPanel[index] ? 'tabler-chevron-down' : $vuetify.locale.isRtl ? 'tabler-chevron-left' : 'tabler-chevron-right'"
-                    class="text-high-emphasis"
-                  />
-                </IconBtn>
-              </div>
-              <VExpandTransition mode="out-in">
-                <div v-show="showPanel[index]">
-                  <div class="py-8">
-                    <div class="d-flex justify-space-between mb-1">
-                      <span class="text-body-1 text-high-emphasis">Delivery Process</span>
-                      <span class="text-body-1">{{ vehicle.progress }}%</span>
-                    </div>
-                    <VProgressLinear
-                      :model-value="vehicle.progress"
-                      color="primary"
-                      rounded
-                      height="6"
-                    />
-                  </div>
-                  <div>
-                    <VTimeline
-                      align="start"
-                      truncate-line="both"
-                      side="end"
-                      density="compact"
-                      line-thickness="1"
-                      line-inset="6"
-                      class="ps-2 v-timeline--variant-outlined fleet-timeline"
-                    >
-                      <VTimelineItem
-                        icon="tabler-circle-check"
-                        dot-color="rgb(var(--v-theme-surface))"
-                        icon-color="success"
-                        fill-dot
-                        size="20"
-                        :elevation="0"
-                      >
-                        <div class="ps-1">
-                          <div class="text-caption text-success">
-                            TRACKING NUMBER CREATED
-                          </div>
-                          <div class="app-timeline-title">
-                            {{ vehicle.driverName }}
-                          </div>
-                          <div class="text-body-2">
-                            Sep 01, 7:53 AM
-                          </div>
-                        </div>
-                      </VTimelineItem>
-
-                      <VTimelineItem
-                        icon="tabler-circle-check"
-                        dot-color="rgb(var(--v-theme-surface))"
-                        icon-color="success"
-                        fill-dot
-                        size="20"
-                        :elevation="0"
-                      >
-                        <div class="text-caption text-uppercase text-success">
-                          OUT FOR DELIVERY
-                        </div>
-                        <div class="app-timeline-title">
-                          Veronica Herman
-                        </div>
-                        <div class="text-body-2">
-                          Sep 03, 8:02 AM
-                        </div>
-                      </VTimelineItem>
-
-                      <VTimelineItem
-                        icon="tabler-map-pin"
-                        dot-color="rgb(var(--v-theme-surface))"
-                        icon-color="primary"
-                        fill-dot
-                        size="20"
-                        :elevation="0"
-                      >
-                        <div class="text-caption text-uppercase text-success">
-                          ARRIVED
-                        </div>
-                        <div class="app-timeline-title">
-                          Veronica Herman
-                        </div>
-                        <div class="text-body-2">
-                          Sep 04, 8:18 AM
-                        </div>
-                      </VTimelineItem>
-                    </VTimeline>
-                  </div>
-                </div>
-              </VExpandTransition>
-            </div>
-          </VCardText>
-        </PerfectScrollbar>
-      </VCard>
-    </VNavigationDrawer>
-
-    <VMain>
-      <div class="h-100">
-        <IconBtn
-          class="d-lg-none navigation-toggle-btn rounded-sm"
-          variant="elevated"
-          @click="isLeftSidebarOpen = true"
-        >
-          <VIcon icon="tabler-menu-2" />
-        </IconBtn>
-        <!-- 👉 Fleet map  -->
-        <div
-          id="mapContainer"
-          class="basemap"
-        />
-
-        <img
-          v-for="(car, index) in carImgs"
-          :key="index"
-          ref="refCars"
-          :src="car"
-          alt="car Img marker"
-          height="42"
-          width="20"
-        >
-      </div>
-    </VMain>
-  </VLayout>
-</template>
-
-<style lang="scss">
-@use "@styles/variables/vuetify";
-@use "@core-scss/base/mixins";
-@import "mapbox-gl/dist/mapbox-gl.css";
-
-.fleet-app-layout {
-  border-radius: vuetify.$card-border-radius;
-
-  @include mixins.elevation(vuetify.$card-elevation);
-
-  $sel-fleet-app-layout: &;
-
-  @at-root {
-    .skin--bordered {
-      @include mixins.bordered-skin($sel-fleet-app-layout);
-    }
-  }
-}
-
-.navigation-toggle-btn {
-  position: absolute;
-  z-index: 1;
-  inset-block-start: 1rem;
-  inset-inline-start: 1rem;
-}
-
-.navigation-close-btn {
-  position: absolute;
-  z-index: 1;
-  inset-block-start: 1rem;
-  inset-inline-end: 1rem;
-}
-
-.basemap {
-  block-size: 100%;
-  inline-size: 100%;
-}
-
-.marker-focus {
-  filter: drop-shadow(0 0 7px rgb(var(--v-theme-primary)));
-}
-
-.mapboxgl-ctrl-bottom-left,
-.mapboxgl-ctrl-bottom-right {
-  display: none;
-}
-
-.fleet-navigation-drawer {
-  .v-timeline .v-timeline-divider__dot .v-timeline-divider__inner-dot {
-    box-shadow: none;
-  }
-}
-
-.fleet-timeline {
-  &.v-timeline .v-timeline-item:not(:last-child) {
-    .v-timeline-item__body {
-      margin-block-end: 0.25rem;
-    }
-  }
-}
-
-/* stylelint-disable-next-line selector-id-pattern */
-#mapContainer {
-  block-size: 100vh !important;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/permissions/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/permissions/index.vue
deleted file mode 100644
index 2618432..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/permissions/index.vue
+++ /dev/null
@@ -1,174 +0,0 @@
-<script setup lang="ts">
-import type { Permission } from '@db/apps/permission/types'
-
-const headers = [
-  { title: 'Name', key: 'name' },
-  { title: 'Assigned To', key: 'assignedTo', sortable: false },
-  { title: 'Created Date', key: 'createdDate', sortable: false },
-  { title: 'Actions', key: 'actions', sortable: false },
-]
-
-const search = ref('')
-
-// Data table options
-const itemsPerPage = ref(10)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-
-// Update data table options
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-const isPermissionDialogVisible = ref(false)
-const isAddPermissionDialogVisible = ref(false)
-const permissionName = ref('')
-
-const colors: any = {
-  'support': { color: 'info', text: 'Support' },
-  'users': { color: 'success', text: 'Users' },
-  'manager': { color: 'warning', text: 'Manager' },
-  'administrator': { color: 'primary', text: 'Administrator' },
-  'restricted-user': { color: 'error', text: 'Restricted User' },
-}
-
-const { data: permissionsData } = await useApi<any>(createUrl('/apps/permissions', {
-  query: {
-    q: search,
-    itemsPerPage,
-    page,
-    sortBy,
-    orderBy,
-  },
-}))
-
-const permissions = computed((): Permission[] => permissionsData.value.permissions)
-const totalPermissions = computed(() => permissionsData.value.totalPermissions)
-
-const editPermission = (name: string) => {
-  isPermissionDialogVisible.value = true
-  permissionName.value = name
-}
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <VCard>
-        <VCardText class="d-flex align-center justify-space-between flex-wrap gap-4">
-          <div class="d-flex gap-2 align-center">
-            <p class="text-body-1 mb-0">
-              Show
-            </p>
-            <AppSelect
-              :model-value="itemsPerPage"
-              :items="[
-                { value: 5, title: '5' },
-                { value: 25, title: '25' },
-                { value: 50, title: '50' },
-                { value: 100, title: '100' },
-                { value: -1, title: 'All' },
-              ]"
-              style="inline-size: 5.5rem;"
-              @update:model-value="itemsPerPage = parseInt($event, 10)"
-            />
-          </div>
-
-          <div class="d-flex align-center gap-4 flex-wrap">
-            <AppTextField
-              v-model="search"
-              placeholder="Search Permission"
-              style="inline-size: 15.625rem;"
-            />
-            <VBtn
-              density="default"
-              prepend-icon="tabler-plus"
-              @click="isAddPermissionDialogVisible = true"
-            >
-              Add Permission
-            </VBtn>
-          </div>
-        </VCardText>
-
-        <VDivider />
-
-        <VDataTableServer
-          v-model:items-per-page="itemsPerPage"
-          v-model:page="page"
-          :items-length="totalPermissions"
-          :items-per-page-options="[
-            { value: 5, title: '5' },
-            { value: 10, title: '10' },
-            { value: -1, title: '$vuetify.dataFooter.itemsPerPageAll' },
-          ]"
-          :headers="headers"
-          :items="permissions"
-          item-value="name"
-          class="text-no-wrap"
-          @update:options="updateOptions"
-        >
-          <!-- Name -->
-          <template #item.name="{ item }">
-            <div class="text-high-emphasis text-body-1">
-              {{ item.name }}
-            </div>
-          </template>
-
-          <!-- Assigned To -->
-          <template #item.assignedTo="{ item }">
-            <div class="d-flex gap-4">
-              <VChip
-                v-for="text in item.assignedTo"
-                :key="text"
-                label
-                size="small"
-                :color="colors[text].color"
-                class="font-weight-medium"
-              >
-                {{ colors[text].text }}
-              </VChip>
-            </div>
-          </template>
-
-          <template #bottom>
-            <TablePagination
-              v-model:page="page"
-              :items-per-page="itemsPerPage"
-              :total-items="totalPermissions"
-            />
-          </template>
-
-          <!-- Actions -->
-          <template #item.actions="{ item }">
-            <VBtn
-              icon
-              size="small"
-              color="medium-emphasis"
-              variant="text"
-              @click="editPermission(item.name)"
-            >
-              <VIcon
-                size="22"
-                icon="tabler-edit"
-              />
-            </VBtn>
-            <IconBtn>
-              <VIcon
-                icon="tabler-dots-vertical"
-                size="22"
-              />
-            </IconBtn>
-          </template>
-        </VDataTableServer>
-      </VCard>
-
-      <AddEditPermissionDialog
-        v-model:is-dialog-visible="isPermissionDialogVisible"
-        v-model:permission-name="permissionName"
-      />
-      <AddEditPermissionDialog v-model:is-dialog-visible="isAddPermissionDialogVisible" />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/roles/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/roles/index.vue
deleted file mode 100644
index f230405..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/roles/index.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script setup lang="ts">
-import RoleCards from '@/views/apps/roles/RoleCards.vue'
-import UserList from '@/views/apps/roles/UserList.vue'
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <h4 class="text-h4 mb-1">
-        Roles List
-      </h4>
-      <p class="text-body-1 mb-0">
-        A role provided access to predefined menus and features so that depending on assigned role an administrator can have access to what he need
-      </p>
-    </VCol>
-
-    <!-- 👉 Roles Cards -->
-    <VCol cols="12">
-      <RoleCards />
-    </VCol>
-
-    <VCol cols="12">
-      <h4 class="text-h4 mb-1 mt-6">
-        Total users with their roles
-      </h4>
-      <p class="text-body-1 mb-0">
-        Find all of your company’s administrator accounts and their associate roles.
-      </p>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 User List  -->
-      <UserList />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/user/list/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/user/list/index.vue
deleted file mode 100644
index d7b445f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/user/list/index.vue
+++ /dev/null
@@ -1,430 +0,0 @@
-<script setup lang="ts">
-import AddNewUserDrawer from '@/views/apps/user/list/AddNewUserDrawer.vue'
-import type { UserProperties } from '@db/apps/users/types'
-
-// 👉 Store
-const searchQuery = ref('')
-const selectedRole = ref()
-const selectedPlan = ref()
-const selectedStatus = ref()
-
-// Data table options
-const itemsPerPage = ref(10)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-const selectedRows = ref([])
-
-// Update data table options
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-// Headers
-const headers = [
-  { title: 'User', key: 'user' },
-  { title: 'Role', key: 'role' },
-  { title: 'Plan', key: 'plan' },
-  { title: 'Billing', key: 'billing' },
-  { title: 'Status', key: 'status' },
-  { title: 'Actions', key: 'actions', sortable: false },
-]
-
-// 👉 Fetching users
-const { data: usersData, execute: fetchUsers } = await useApi<any>(createUrl('/apps/users', {
-  query: {
-    q: searchQuery,
-    status: selectedStatus,
-    plan: selectedPlan,
-    role: selectedRole,
-    itemsPerPage,
-    page,
-    sortBy,
-    orderBy,
-  },
-}))
-
-const users = computed((): UserProperties[] => usersData.value.users)
-const totalUsers = computed(() => usersData.value.totalUsers)
-
-// 👉 search filters
-const roles = [
-  { title: 'Admin', value: 'admin' },
-  { title: 'Author', value: 'author' },
-  { title: 'Editor', value: 'editor' },
-  { title: 'Maintainer', value: 'maintainer' },
-  { title: 'Subscriber', value: 'subscriber' },
-]
-
-const plans = [
-  { title: 'Basic', value: 'basic' },
-  { title: 'Company', value: 'company' },
-  { title: 'Enterprise', value: 'enterprise' },
-  { title: 'Team', value: 'team' },
-]
-
-const status = [
-  { title: 'Pending', value: 'pending' },
-  { title: 'Active', value: 'active' },
-  { title: 'Inactive', value: 'inactive' },
-]
-
-const resolveUserRoleVariant = (role: string) => {
-  const roleLowerCase = role.toLowerCase()
-
-  if (roleLowerCase === 'subscriber')
-    return { color: 'success', icon: 'tabler-user' }
-  if (roleLowerCase === 'author')
-    return { color: 'error', icon: 'tabler-device-desktop' }
-  if (roleLowerCase === 'maintainer')
-    return { color: 'info', icon: 'tabler-chart-pie' }
-  if (roleLowerCase === 'editor')
-    return { color: 'warning', icon: 'tabler-edit' }
-  if (roleLowerCase === 'admin')
-    return { color: 'primary', icon: 'tabler-crown' }
-
-  return { color: 'primary', icon: 'tabler-user' }
-}
-
-const resolveUserStatusVariant = (stat: string) => {
-  const statLowerCase = stat.toLowerCase()
-  if (statLowerCase === 'pending')
-    return 'warning'
-  if (statLowerCase === 'active')
-    return 'success'
-  if (statLowerCase === 'inactive')
-    return 'secondary'
-
-  return 'primary'
-}
-
-const isAddNewUserDrawerVisible = ref(false)
-
-// 👉 Add new user
-const addNewUser = async (userData: UserProperties) => {
-  await $api('/apps/users', {
-    method: 'POST',
-    body: userData,
-  })
-
-  // Refetch User
-  fetchUsers()
-}
-
-// 👉 Delete user
-const deleteUser = async (id: number) => {
-  await $api(`/apps/users/${id}`, {
-    method: 'DELETE',
-  })
-
-  // Delete from selectedRows
-  const index = selectedRows.value.findIndex(row => row === id)
-  if (index !== -1)
-    selectedRows.value.splice(index, 1)
-
-  // refetch User
-  // TODO: Make this async
-  fetchUsers()
-}
-
-const widgetData = ref([
-  { title: 'Session', value: '21,459', change: 29, desc: 'Total Users', icon: 'tabler-users', iconColor: 'primary' },
-  { title: 'Paid Users', value: '4,567', change: 18, desc: 'Last Week Analytics', icon: 'tabler-user-plus', iconColor: 'error' },
-  { title: 'Active Users', value: '19,860', change: -14, desc: 'Last Week Analytics', icon: 'tabler-user-check', iconColor: 'success' },
-  { title: 'Pending Users', value: '237', change: 42, desc: 'Last Week Analytics', icon: 'tabler-user-search', iconColor: 'warning' },
-])
-</script>
-
-<template>
-  <section>
-    <!-- 👉 Widgets -->
-    <div class="d-flex mb-6">
-      <VRow>
-        <template
-          v-for="(data, id) in widgetData"
-          :key="id"
-        >
-          <VCol
-            cols="12"
-            md="3"
-            sm="6"
-          >
-            <VCard>
-              <VCardText>
-                <div class="d-flex justify-space-between">
-                  <div class="d-flex flex-column gap-y-1">
-                    <div class="text-body-1 text-high-emphasis">
-                      {{ data.title }}
-                    </div>
-                    <div class="d-flex gap-x-2 align-center">
-                      <h4 class="text-h4">
-                        {{ data.value }}
-                      </h4>
-                      <div
-                        class="text-base"
-                        :class="data.change > 0 ? 'text-success' : 'text-error'"
-                      >
-                        ({{ prefixWithPlus(data.change) }}%)
-                      </div>
-                    </div>
-                    <div class="text-sm">
-                      {{ data.desc }}
-                    </div>
-                  </div>
-                  <VAvatar
-                    :color="data.iconColor"
-                    variant="tonal"
-                    rounded
-                    size="42"
-                  >
-                    <VIcon
-                      :icon="data.icon"
-                      size="26"
-                    />
-                  </VAvatar>
-                </div>
-              </VCardText>
-            </VCard>
-          </VCol>
-        </template>
-      </VRow>
-    </div>
-
-    <VCard class="mb-6">
-      <VCardItem class="pb-4">
-        <VCardTitle>Filters</VCardTitle>
-      </VCardItem>
-
-      <VCardText>
-        <VRow>
-          <!-- 👉 Select Role -->
-          <VCol
-            cols="12"
-            sm="4"
-          >
-            <AppSelect
-              v-model="selectedRole"
-              placeholder="Select Role"
-              :items="roles"
-              clearable
-              clear-icon="tabler-x"
-            />
-          </VCol>
-          <!-- 👉 Select Plan -->
-          <VCol
-            cols="12"
-            sm="4"
-          >
-            <AppSelect
-              v-model="selectedPlan"
-              placeholder="Select Plan"
-              :items="plans"
-              clearable
-              clear-icon="tabler-x"
-            />
-          </VCol>
-          <!-- 👉 Select Status -->
-          <VCol
-            cols="12"
-            sm="4"
-          >
-            <AppSelect
-              v-model="selectedStatus"
-              placeholder="Select Status"
-              :items="status"
-              clearable
-              clear-icon="tabler-x"
-            />
-          </VCol>
-        </VRow>
-      </VCardText>
-
-      <VDivider />
-
-      <VCardText class="d-flex flex-wrap gap-4">
-        <div class="me-3 d-flex gap-3">
-          <AppSelect
-            :model-value="itemsPerPage"
-            :items="[
-              { value: 10, title: '10' },
-              { value: 25, title: '25' },
-              { value: 50, title: '50' },
-              { value: 100, title: '100' },
-              { value: -1, title: 'All' },
-            ]"
-            style="inline-size: 6.25rem;"
-            @update:model-value="itemsPerPage = parseInt($event, 10)"
-          />
-        </div>
-        <VSpacer />
-
-        <div class="app-user-search-filter d-flex align-center flex-wrap gap-4">
-          <!-- 👉 Search  -->
-          <div style="inline-size: 15.625rem;">
-            <AppTextField
-              v-model="searchQuery"
-              placeholder="Search User"
-            />
-          </div>
-
-          <!-- 👉 Export button -->
-          <VBtn
-            variant="tonal"
-            color="secondary"
-            prepend-icon="tabler-upload"
-          >
-            Export
-          </VBtn>
-
-          <!-- 👉 Add user button -->
-          <VBtn
-            prepend-icon="tabler-plus"
-            @click="isAddNewUserDrawerVisible = true"
-          >
-            Add New User
-          </VBtn>
-        </div>
-      </VCardText>
-
-      <VDivider />
-
-      <!-- SECTION datatable -->
-      <VDataTableServer
-        v-model:items-per-page="itemsPerPage"
-        v-model:model-value="selectedRows"
-        v-model:page="page"
-        :items="users"
-        item-value="id"
-        :items-length="totalUsers"
-        :headers="headers"
-        class="text-no-wrap"
-        show-select
-        @update:options="updateOptions"
-      >
-        <!-- User -->
-        <template #item.user="{ item }">
-          <div class="d-flex align-center gap-x-4">
-            <VAvatar
-              size="34"
-              :variant="!item.avatar ? 'tonal' : undefined"
-              :color="!item.avatar ? resolveUserRoleVariant(item.role).color : undefined"
-            >
-              <VImg
-                v-if="item.avatar"
-                :src="item.avatar"
-              />
-              <span v-else>{{ avatarText(item.fullName) }}</span>
-            </VAvatar>
-            <div class="d-flex flex-column">
-              <h6 class="text-base">
-                <RouterLink
-                  :to="{ name: 'apps-user-view-id', params: { id: item.id } }"
-                  class="font-weight-medium text-link"
-                >
-                  {{ item.fullName }}
-                </RouterLink>
-              </h6>
-              <div class="text-sm">
-                {{ item.email }}
-              </div>
-            </div>
-          </div>
-        </template>
-
-        <!-- 👉 Role -->
-        <template #item.role="{ item }">
-          <div class="d-flex align-center gap-x-2">
-            <VIcon
-              :size="22"
-              :icon="resolveUserRoleVariant(item.role).icon"
-              :color="resolveUserRoleVariant(item.role).color"
-            />
-
-            <div class="text-capitalize text-high-emphasis text-body-1">
-              {{ item.role }}
-            </div>
-          </div>
-        </template>
-
-        <!-- Plan -->
-        <template #item.plan="{ item }">
-          <div class="text-body-1 text-high-emphasis text-capitalize">
-            {{ item.currentPlan }}
-          </div>
-        </template>
-
-        <!-- Status -->
-        <template #item.status="{ item }">
-          <VChip
-            :color="resolveUserStatusVariant(item.status)"
-            size="small"
-            label
-            class="text-capitalize"
-          >
-            {{ item.status }}
-          </VChip>
-        </template>
-
-        <!-- Actions -->
-        <template #item.actions="{ item }">
-          <IconBtn @click="deleteUser(item.id)">
-            <VIcon icon="tabler-trash" />
-          </IconBtn>
-
-          <IconBtn>
-            <VIcon icon="tabler-eye" />
-          </IconBtn>
-
-          <VBtn
-            icon
-            variant="text"
-            color="medium-emphasis"
-          >
-            <VIcon icon="tabler-dots-vertical" />
-            <VMenu activator="parent">
-              <VList>
-                <VListItem :to="{ name: 'apps-user-view-id', params: { id: item.id } }">
-                  <template #prepend>
-                    <VIcon icon="tabler-eye" />
-                  </template>
-
-                  <VListItemTitle>View</VListItemTitle>
-                </VListItem>
-
-                <VListItem link>
-                  <template #prepend>
-                    <VIcon icon="tabler-pencil" />
-                  </template>
-                  <VListItemTitle>Edit</VListItemTitle>
-                </VListItem>
-
-                <VListItem @click="deleteUser(item.id)">
-                  <template #prepend>
-                    <VIcon icon="tabler-trash" />
-                  </template>
-                  <VListItemTitle>Delete</VListItemTitle>
-                </VListItem>
-              </VList>
-            </VMenu>
-          </VBtn>
-        </template>
-
-        <!-- pagination -->
-        <template #bottom>
-          <TablePagination
-            v-model:page="page"
-            :items-per-page="itemsPerPage"
-            :total-items="totalUsers"
-          />
-        </template>
-      </VDataTableServer>
-      <!-- SECTION -->
-    </VCard>
-    <!-- 👉 Add New User -->
-    <AddNewUserDrawer
-      v-model:is-drawer-open="isAddNewUserDrawerVisible"
-      @user-data="addNewUser"
-    />
-  </section>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/user/view/[id].vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/user/view/[id].vue
deleted file mode 100644
index b1e5c1f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/apps/user/view/[id].vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<script setup lang="ts">
-import UserBioPanel from '@/views/apps/user/view/UserBioPanel.vue'
-import UserTabAccount from '@/views/apps/user/view/UserTabAccount.vue'
-import UserTabBillingsPlans from '@/views/apps/user/view/UserTabBillingsPlans.vue'
-import UserTabConnections from '@/views/apps/user/view/UserTabConnections.vue'
-import UserTabNotifications from '@/views/apps/user/view/UserTabNotifications.vue'
-import UserTabSecurity from '@/views/apps/user/view/UserTabSecurity.vue'
-
-const route = useRoute('apps-user-view-id')
-
-const userTab = ref(null)
-
-const tabs = [
-  { icon: 'tabler-users', title: 'Account' },
-  { icon: 'tabler-lock', title: 'Security' },
-  { icon: 'tabler-bookmark', title: 'Billing & Plan' },
-  { icon: 'tabler-bell', title: 'Notifications' },
-  { icon: 'tabler-link', title: 'Connections' },
-]
-
-const { data: userData } = await useApi<any>(`/apps/users/${route.params.id}`)
-</script>
-
-<template>
-  <VRow v-if="userData">
-    <VCol
-      cols="12"
-      md="5"
-      lg="4"
-    >
-      <UserBioPanel :user-data="userData" />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="7"
-      lg="8"
-    >
-      <VTabs
-        v-model="userTab"
-        class="v-tabs-pill"
-      >
-        <VTab
-          v-for="tab in tabs"
-          :key="tab.icon"
-        >
-          <VIcon
-            :size="18"
-            :icon="tab.icon"
-            class="me-1"
-          />
-          <span>{{ tab.title }}</span>
-        </VTab>
-      </VTabs>
-
-      <VWindow
-        v-model="userTab"
-        class="mt-6 disable-tab-transition"
-        :touch="false"
-      >
-        <VWindowItem>
-          <UserTabAccount />
-        </VWindowItem>
-
-        <VWindowItem>
-          <UserTabSecurity />
-        </VWindowItem>
-
-        <VWindowItem>
-          <UserTabBillingsPlans />
-        </VWindowItem>
-
-        <VWindowItem>
-          <UserTabNotifications />
-        </VWindowItem>
-
-        <VWindowItem>
-          <UserTabConnections />
-        </VWindowItem>
-      </VWindow>
-    </VCol>
-  </VRow>
-  <div v-else>
-    <VAlert
-      type="error"
-      variant="tonal"
-    >
-      Invoice with ID  {{ route.params.id }} not found!
-    </VAlert>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/charts/apex-chart.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/charts/apex-chart.vue
deleted file mode 100644
index 7f4e622..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/charts/apex-chart.vue
+++ /dev/null
@@ -1,245 +0,0 @@
-<script setup lang="ts">
-import ApexChartAreaChart from '@/views/charts/apex-chart/ApexChartAreaChart.vue'
-import ApexChartBalance from '@/views/charts/apex-chart/ApexChartBalance.vue'
-import ApexChartDailySalesStates from '@/views/charts/apex-chart/ApexChartDailySalesStates.vue'
-import ApexChartDataScience from '@/views/charts/apex-chart/ApexChartDataScience.vue'
-import ApexChartExpenseRatio from '@/views/charts/apex-chart/ApexChartExpenseRatio.vue'
-import ApexChartHorizontalBar from '@/views/charts/apex-chart/ApexChartHorizontalBar.vue'
-import ApexChartMobileComparison from '@/views/charts/apex-chart/ApexChartMobileComparison.vue'
-import ApexChartNewTechnologiesData from '@/views/charts/apex-chart/ApexChartNewTechnologiesData.vue'
-import ApexChartStatistics from '@/views/charts/apex-chart/ApexChartStatistics.vue'
-import ApexChartStocksPrices from '@/views/charts/apex-chart/ApexChartStocksPrices.vue'
-</script>
-
-<template>
-  <VRow id="apex-chart-wrapper">
-    <!-- 👉  Area chart -->
-    <VCol cols="12">
-      <VCard>
-        <VCardItem class="d-flex flex-wrap justify-space-between gap-4">
-          <VCardTitle>Area Chart</VCardTitle>
-          <VCardSubtitle>Commercial networks</VCardSubtitle>
-
-          <template #append>
-            <div class="date-picker-wrapper">
-              <AppDateTimePicker
-                model-value="2022-06-09"
-                prepend-inner-icon="tabler-calendar"
-                placeholder="Select Date"
-                :config="$vuetify.display.smAndDown ? { position: 'auto center' } : { position: 'auto right' }"
-              />
-            </div>
-          </template>
-        </VCardItem>
-
-        <VCardText>
-          <ApexChartAreaChart />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Data Science -->
-    <VCol cols="12">
-      <VCard>
-        <VCardItem class="d-flex flex-wrap justify-space-between gap-4">
-          <VCardTitle>Data Science</VCardTitle>
-
-          <template #append>
-            <div class="date-picker-wrapper">
-              <AppDateTimePicker
-                model-value="2022-06-09"
-                prepend-inner-icon="tabler-calendar"
-                placeholder="Select Date"
-                :config="$vuetify.display.smAndDown ? { position: 'auto center' } : { position: 'auto right' }"
-              />
-            </div>
-          </template>
-        </VCardItem>
-
-        <VCardText>
-          <ApexChartDataScience />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 New Technologies Data -->
-    <VCol cols="12">
-      <VCard>
-        <VCardItem class="d-flex flex-wrap justify-space-between gap-4">
-          <VCardTitle>New Technologies Data</VCardTitle>
-
-          <template #append>
-            <VBtnToggle
-              density="compact"
-              color="primary"
-              variant="outlined"
-              divided
-            >
-              <VBtn>Daily</VBtn>
-              <VBtn>Monthly</VBtn>
-              <VBtn>Yearly</VBtn>
-            </VBtnToggle>
-          </template>
-        </VCardItem>
-
-        <VCardText>
-          <ApexChartNewTechnologiesData />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Balance Line Chart  -->
-    <VCol cols="12">
-      <VCard>
-        <VCardItem class="d-flex flex-wrap justify-space-between gap-4">
-          <VCardTitle>Balance</VCardTitle>
-          <VCardSubtitle>Commercial networks &amp; enterprises</VCardSubtitle>
-
-          <template #append>
-            <div class="d-flex align-center">
-              <h6 class="text-h6 me-3">
-                $221,267
-              </h6>
-              <VChip
-                label
-                color="success"
-              >
-                <VIcon
-                  start
-                  icon="tabler-arrow-up"
-                  size="15"
-                />
-                <span>22%</span>
-              </VChip>
-            </div>
-          </template>
-        </VCardItem>
-
-        <VCardText>
-          <ApexChartBalance />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Balance Horizontal Bar -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard>
-        <VCardItem class="d-flex flex-wrap justify-space-between gap-4">
-          <VCardTitle>Balance</VCardTitle>
-          <VCardSubtitle>$74,382.72</VCardSubtitle>
-
-          <template #append>
-            <div class="date-picker-wrapper">
-              <AppDateTimePicker
-                model-value="2022-06-09"
-                prepend-inner-icon="tabler-calendar"
-                placeholder="Select Date"
-                :config="$vuetify.display.smAndDown ? { position: 'auto center' } : { position: 'auto right' }"
-              />
-            </div>
-          </template>
-        </VCardItem>
-
-        <VCardText>
-          <ApexChartHorizontalBar />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Stocks Prices -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard>
-        <VCardItem class="d-flex flex-wrap justify-space-between gap-4">
-          <VCardTitle>Stocks Prices</VCardTitle>
-          <VCardSubtitle>$50,863.98</VCardSubtitle>
-
-          <template #append>
-            <div class="date-picker-wrapper">
-              <AppDateTimePicker
-                model-value="2022-06-09"
-                prepend-inner-icon="tabler-calendar"
-                placeholder="Select Date"
-                :config="$vuetify.display.smAndDown ? { position: 'auto center' } : { position: 'auto right' }"
-              />
-            </div>
-          </template>
-        </VCardItem>
-
-        <VCardText>
-          <ApexChartStocksPrices />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Daily Sales States -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard title="Daily Sales States">
-        <VCardText>
-          <ApexChartDailySalesStates />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Statistics -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard title="Statistics">
-        <VCardText>
-          <ApexChartStatistics />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Mobile Comparison -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard title="Mobile Comparison">
-        <VCardText>
-          <ApexChartMobileComparison />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Expense Ratio Chart -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard
-        title="Expense Ratio"
-        subtitle="Spending on various categories"
-      >
-        <VCardText>
-          <ApexChartExpenseRatio />
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/libs/apex-chart.scss";
-
-.date-picker-wrapper {
-  inline-size: 10.5rem;
-}
-
-#apex-chart-wrapper {
-  .v-card-item__append {
-    padding-inline-start: 0;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/charts/chartjs.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/charts/chartjs.vue
deleted file mode 100644
index d46e9f1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/charts/chartjs.vue
+++ /dev/null
@@ -1,203 +0,0 @@
-<script setup lang="ts">
-import ChartJsBarChart from '@/views/charts/chartjs/ChartJsBarChart.vue'
-import ChartJsBubbleChart from '@/views/charts/chartjs/ChartJsBubbleChart.vue'
-import ChartJsHorizontalBarChart from '@/views/charts/chartjs/ChartJsHorizontalBarChart.vue'
-import ChartJsLineAreaChart from '@/views/charts/chartjs/ChartJsLineAreaChart.vue'
-import ChartJsLineChart from '@/views/charts/chartjs/ChartJsLineChart.vue'
-import ChartJsPolarAreaChart from '@/views/charts/chartjs/ChartJsPolarAreaChart.vue'
-import ChartJsRadarChart from '@/views/charts/chartjs/ChartJsRadarChart.vue'
-import ChartJsScatterChart from '@/views/charts/chartjs/ChartJsScatterChart.vue'
-import type { ChartJsCustomColors } from '@/views/charts/chartjs/types'
-
-const chartJsCustomColors: ChartJsCustomColors = {
-  white: '#fff',
-  yellow: '#ffe802',
-  primary: '#836af9',
-  areaChartBlue: '#2c9aff',
-  barChartYellow: '#ffcf5c',
-  polarChartGrey: '#4f5d70',
-  polarChartInfo: '#299aff',
-  lineChartYellow: '#d4e157',
-  polarChartGreen: '#28dac6',
-  lineChartPrimary: '#9e69fd',
-  lineChartWarning: '#ff9800',
-  horizontalBarInfo: '#26c6da',
-  polarChartWarning: '#ff8131',
-  scatterChartGreen: '#28c76f',
-  warningShade: '#ffbd1f',
-  areaChartBlueLight: '#84d0ff',
-  areaChartGreyLight: '#edf1f4',
-  scatterChartWarning: '#ff9f43',
-}
-</script>
-
-<template>
-  <VRow id="chartjs-wrapper">
-    <!-- 👉 Statistics Line Chart  -->
-    <VCol cols="12">
-      <VCard
-        title="Statistics"
-        subtitle="Commercial networks and enterprises"
-      >
-        <VCardText>
-          <ChartJsLineChart :colors="chartJsCustomColors" />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Radar Chart -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard title="Radar Chart">
-        <VCardText>
-          <ChartJsRadarChart />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Average Skills Polar Area Chart -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard title="Average Skills">
-        <VCardText>
-          <ChartJsPolarAreaChart :colors="chartJsCustomColors" />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉  Bubble Chart -->
-    <VCol cols="12">
-      <VCard title="Bubble Chart">
-        <template #append>
-          <span class="text-subtitle-2">$ 100,000</span>
-        </template>
-
-        <VCardText>
-          <ChartJsBubbleChart :colors="chartJsCustomColors" />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 New Product Data Scatter Chart -->
-    <VCol cols="12">
-      <VCard>
-        <VCardItem class="d-flex flex-wrap justify-space-between gap-4">
-          <VCardTitle>New Product Data</VCardTitle>
-
-          <template #append>
-            <VBtnToggle
-              color="primary"
-              variant="outlined"
-              density="compact"
-            >
-              <VBtn>Daily</VBtn>
-              <VBtn>Monthly</VBtn>
-              <VBtn>Yearly</VBtn>
-            </VBtnToggle>
-          </template>
-        </VCardItem>
-
-        <VCardText>
-          <ChartJsScatterChart :colors="chartJsCustomColors" />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Data Science Area Line Chart -->
-    <VCol cols="12">
-      <VCard>
-        <VCardItem class="d-flex flex-wrap justify-space-between gap-4">
-          <VCardTitle>
-            Data Science
-          </VCardTitle>
-
-          <template #append>
-            <div class="date-picker-wrapper">
-              <AppDateTimePicker
-                model-value="2022-06-09"
-                prepend-inner-icon="tabler-calendar"
-                placeholder="Select Date"
-                :config="$vuetify.display.smAndDown ? { position: 'auto center' } : { position: 'auto right' }"
-              />
-            </div>
-          </template>
-        </VCardItem>
-
-        <VCardText>
-          <ChartJsLineAreaChart :colors="chartJsCustomColors" />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Latest Statistics -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard>
-        <VCardItem class="d-flex flex-wrap justify-space-between gap-4">
-          <VCardTitle>Latest Statistics</VCardTitle>
-
-          <template #append>
-            <div class="date-picker-wrapper">
-              <AppDateTimePicker
-                model-value="2022-06-09"
-                prepend-inner-icon="tabler-calendar"
-                placeholder="Select Date"
-                :config="$vuetify.display.smAndDown ? { position: 'auto center' } : { position: 'auto right' }"
-              />
-            </div>
-          </template>
-        </VCardItem>
-
-        <VCardText>
-          <ChartJsBarChart :colors="chartJsCustomColors" />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Balance Horizontal Bar Chart -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard>
-        <VCardItem class="d-flex flex-wrap justify-space-between gap-4">
-          <VCardTitle>Balance</VCardTitle>
-          <VCardSubtitle>$74,123</VCardSubtitle>
-
-          <template #append>
-            <div class="date-picker-wrapper">
-              <AppDateTimePicker
-                model-value="2022-06-09"
-                prepend-inner-icon="tabler-calendar"
-                placeholder="Select Date"
-                :config="$vuetify.display.smAndDown ? { position: 'auto center' } : { position: 'auto right' }"
-              />
-            </div>
-          </template>
-        </VCardItem>
-
-        <VCardText>
-          <ChartJsHorizontalBarChart :colors="chartJsCustomColors" />
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-.date-picker-wrapper {
-  inline-size: 10.5rem;
-}
-
-#chartjs-wrapper {
-  .v-card-item__append {
-    padding-inline-start: 0;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/alert.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/alert.vue
deleted file mode 100644
index bc97a97..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/alert.vue
+++ /dev/null
@@ -1,161 +0,0 @@
-<script lang="ts" setup>
-import { basic, border, closable, coloredBorder, colors, density, elevation, icons, outlined, prominent, tonal, type, vModelSupport } from '@/views/demos/components/alert/demoCodeAlert'
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <DemoAlertBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Colors -->
-      <AppCardCode
-        title="Colors"
-        :code="colors"
-      >
-        <p>The <code>color</code> prop is used to change the background color of the alert.</p>
-
-        <DemoAlertColors />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Icons -->
-      <AppCardCode
-        title="Icons"
-        :code="icons"
-      >
-        <p>The <code>icon</code> prop allows you to add an icon to the beginning of the alert component. If a <code>type</code> is provided, this will override the default type icon. Additionally, setting the <code>icon</code> prop to false will remove the icon altogether.</p>
-
-        <DemoAlertIcons />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Border -->
-      <AppCardCode
-        title="Border"
-        :code="border"
-      >
-        <p>The <code>border</code> prop adds a simple border to one of the 4 sides of the alert. This can be combined with props like <code>color</code>, <code>type</code> and <code>icon</code> to provide unique accents to the alert.</p>
-
-        <DemoAlertBorder />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Colored Border -->
-      <AppCardCode
-        title="Colored Border"
-        :code="coloredBorder"
-      >
-        <p>The <code>colored-border</code> prop removes the alert background in order to accent the <code>border</code> prop. If a type is set, it will use the type's default color. If no <code>color</code> or <code>type</code> is set, the color will default to the inverted color of the applied theme (black for light and white/gray for dark).</p>
-
-        <DemoAlertColoredBorder />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Density -->
-      <AppCardCode
-        title="Density"
-        :code="density"
-      >
-        <p>The <code>density</code> prop decreases the height of the alert based upon 1 of 3 levels of density. <code>default</code>, <code>comfortable</code>, and <code>compact</code>.</p>
-
-        <DemoAlertDensity />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Type -->
-      <AppCardCode
-        title="Type"
-        :code="type"
-      >
-        <p>The <code>type</code> prop provides 4 default v-alert styles: <code>success</code>, <code>info</code>, <code>warning</code>, and <code>error</code>. Each of these styles provide a default icon and color.</p>
-
-        <DemoAlertType />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Closable  -->
-      <AppCardCode
-        title="Closable"
-        :code="closable"
-      >
-        <p>The <code>closable</code> prop adds a close button to the end of the alert component. Clicking this button will set its value to false and effectively hide the alert.</p>
-
-        <DemoAlertClosable />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 V-model support -->
-      <AppCardCode
-        title="v-model support"
-        :code="vModelSupport"
-      >
-        <p>Clicking this button will set its value to <code>false</code> and effectively hide the alert. You can restore the alert by binding <code>v-model</code> and setting it to true.</p>
-
-        <DemoAlertVModelSupport />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Outlined -->
-      <AppCardCode
-        title="Outlined"
-        :code="outlined"
-      >
-        <p>The <code>variant="outlined"</code> prop inverts the style of an alert, inheriting the currently applied <code>color</code>, applying it to the text and border, and making its background transparent.</p>
-
-        <DemoAlertOutlined />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Tonal -->
-      <AppCardCode
-        title="Tonal"
-        :code="tonal"
-      >
-        <p>The <code>variant</code> prop provides an easy way to change the overall style of your alerts. The <code>variant="tonal"</code> prop is a simple alert variant that applies a reduced opacity background of the provided color.</p>
-
-        <DemoAlertTonal />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Elevation -->
-      <AppCardCode
-        title="Elevation"
-        :code="elevation"
-      >
-        <p>Use <code>elevation</code> prop to set a box-shadow to alert.</p>
-
-        <DemoAlertElevation />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Prominent -->
-      <AppCardCode
-        title="Prominent"
-        :code="prominent"
-      >
-        <p>The <code>prominent</code> prop provides a more pronounced alert by increasing the size of the icon.</p>
-
-        <DemoAlertProminent />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/avatar.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/avatar.vue
deleted file mode 100644
index 434e4d7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/avatar.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<script lang="ts" setup>
-import { colors, group, icons, images, rounded, sizes, tonal } from '@/views/demos/components/avatar/demoCodeAvatar'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Colors -->
-      <AppCardCode
-        title="Colors"
-        :code="colors"
-      >
-        <p>Use <code>color</code> prop to change the background color of avatar.</p>
-
-        <DemoAvatarColors />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Initials -->
-      <AppCardCode
-        title="Tonal"
-        :code="tonal"
-      >
-        <p>Use <code>variant="tonal"</code> to create light background avatars.</p>
-
-        <DemoAvatarTonal />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      md="6"
-      cols="12"
-    >
-      <!-- 👉 Sizes -->
-      <AppCardCode
-        title="Sizes"
-        :code="sizes"
-      >
-        <p>The <code>size</code> prop allows you to change the height and width of the avatar.</p>
-
-        <DemoAvatarSizes />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Icons -->
-      <AppCardCode
-        title="Icons"
-        :code="icons"
-      >
-        <p>You can use <code>icon</code> prop of <code>v-avatar</code> component for rendering icons.</p>
-
-        <DemoAvatarIcons />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Rounded -->
-      <AppCardCode
-        title="Rounded"
-        :code="rounded"
-      >
-        <p>The <code>rounded</code> prop can be used to change the border radius of <code>v-avatar</code>.</p>
-
-        <DemoAvatarRounded />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Images -->
-      <AppCardCode
-        title="Images"
-        :code="images"
-      >
-        <p>You can use <code>image</code> prop of <code>v-avatar</code> component for rendering image.</p>
-
-        <DemoAvatarImages />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Group -->
-      <AppCardCode
-        title="Group"
-        :code="group"
-      >
-        <p>Use <code>v-avatar-group</code> class as a wrapper of avatars.</p>
-
-        <DemoAvatarGroup />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/badge.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/badge.vue
deleted file mode 100644
index 5955419..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/badge.vue
+++ /dev/null
@@ -1,157 +0,0 @@
-<script lang="ts" setup>
-import { avatarStatus, color, dynamicNotifications, icon, maximumValue, position, showOnHover, style, tabs, tonal } from '@/views/demos/components/badge/demoCodeBadge'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Style -->
-      <AppCardCode
-        title="Style"
-        :code="style"
-      >
-        <p>You can use various props like <code>bordered</code>, <code>dot</code>, <code>inline</code>, <code>rounded</code> etc. to style the badge.</p>
-
-        <DemoBadgeStyle />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Color -->
-      <AppCardCode
-        title="Color"
-        :code="color"
-      >
-        <p>Use <code>color</code> prop to create various background badges.</p>
-
-        <DemoBadgeColor />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Position -->
-      <AppCardCode
-        title="Position"
-        :code="position"
-      >
-        <p>You can use <code>location</code> prop to change the position of the badge. Possible values are <code>top-end</code>, <code>bottom-end</code>, <code>bottom-start</code>, <code>top-start</code>.</p>
-
-        <DemoBadgePosition />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Icon -->
-      <AppCardCode
-        title="Icon"
-        :code="icon"
-      >
-        <p>You can use <code>icon</code> prop or use <code>slot</code> to render the icon</p>
-
-        <DemoBadgeIcon />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Avatar Status -->
-      <AppCardCode
-        title="Avatar Status"
-        :code="avatarStatus"
-      >
-        <p>You can use badge with avatar as status.</p>
-
-        <DemoBadgeAvatarStatus />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Dynamic notifications -->
-      <AppCardCode
-        title="Dynamic notifications"
-        :code="dynamicNotifications"
-      >
-        <p>You can incorporate badges with dynamic content to make things such as a notification system.</p>
-
-        <DemoBadgeDynamicNotifications />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Show on hover -->
-      <AppCardCode
-        title="Show on hover"
-        :code="showOnHover"
-      >
-        <p>You can do many things with visibility control, for example, show badge on hover.</p>
-
-        <DemoBadgeShowOnHover />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Tabs -->
-      <AppCardCode
-        title="Tabs"
-        :code="tabs"
-      >
-        <p>Badges help convey information to the user in a variety of ways.</p>
-
-        <DemoBadgeTabs />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Maximum value content -->
-      <AppCardCode
-        title="Maximum Value"
-        :code="maximumValue"
-      >
-        <p>Use <code>max</code> prop to cap the value of the badge content</p>
-
-        <DemoBadgeMaximumValue />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Tonal Badge -->
-      <AppCardCode
-        title="Tonal"
-        :code="tonal"
-      >
-        <p>Use class <code>v-badge--tonal</code> for using tonal variant badge.</p>
-
-        <DemoBadgeTonal />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/button.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/button.vue
deleted file mode 100644
index 6db6024..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/button.vue
+++ /dev/null
@@ -1,189 +0,0 @@
-<script lang="ts" setup>
-import { block, colors, flat, group, icon, iconOnly, link, loaders, outlined, plain, rounded, router, sizing, text, tonal } from '@/views/demos/components/button/demoCodeButton'
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <!-- 👉 Colors -->
-      <AppCardCode
-        title="Colors"
-        :code="colors"
-      >
-        <p>The <code>color</code> prop is used to change the background color of the alert.</p>
-        <DemoButtonColors />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Outlined -->
-      <AppCardCode
-        title="Outlined"
-        :code="outlined"
-      >
-        <p>The <code>outlined</code> variant option is used to create outlined buttons.</p>
-        <DemoButtonOutlined />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Flat -->
-      <AppCardCode
-        title="Flat"
-        :code="flat"
-      >
-        <p>The <code>flat</code> buttons still maintain their background color, but have no box shadow.</p>
-        <DemoButtonFlat />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Rounded -->
-      <AppCardCode
-        title="Rounded"
-        :code="rounded"
-      >
-        <p>Use the <code>rounded</code> prop to control the border radius of buttons.</p>
-        <DemoButtonRounded />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Text -->
-      <AppCardCode
-        title="Text"
-        :code="text"
-      >
-        <p>Use <code>text</code> variant option to create text button. Text buttons have no box shadow and no background.</p>
-        <DemoButtonText />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Plain -->
-      <AppCardCode
-        title="Plain"
-        :code="plain"
-      >
-        <p>Use <code>plain</code> variant option to a create a plain button. Plain buttons have a lower baseline opacity that reacts to hover and focus.</p>
-        <DemoButtonPlain />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Tonal -->
-      <AppCardCode
-        title="Tonal"
-        :code="tonal"
-      >
-        <p>Use <code>tonal</code> variant option to a create a light background button.</p>
-        <DemoButtonTonal />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Icon -->
-      <AppCardCode
-        title="Icon"
-        :code="icon"
-      >
-        <p>Icons can be used inside of buttons to add emphasis to the action.</p>
-        <DemoButtonIcon />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Icon Only -->
-      <AppCardCode
-        title="Icon Only"
-        :code="iconOnly"
-      >
-        <p>Use <code>VIcon</code> component inside button to create buttons that looks like rest of the theme.</p>
-        <DemoButtonIconOnly />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Sizing -->
-      <AppCardCode
-        title="Sizing"
-        :code="sizing"
-      >
-        <p>Buttons can be given different sizing options to fit a multitude of scenarios.</p>
-        <DemoButtonSizing />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Block  -->
-      <AppCardCode
-        title="Block"
-        :code="block"
-      >
-        <p>The <code>block</code> prop allows buttons to extend the full available width.</p>
-        <DemoButtonBlock />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Loaders -->
-      <AppCardCode
-        title="Loaders"
-        :code="loaders"
-      >
-        <p>Using the <code>loading</code> prop, you can notify a user that there is processing taking place. The default behavior is to use a <code>v-progress-circular</code> component but this can be customized.</p>
-
-        <DemoButtonLoaders />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Router -->
-      <AppCardCode
-        title="Router"
-        :code="router"
-      >
-        <p>Use <code>to</code> prop to create button with router support.</p>
-        <VAlert
-          color="warning"
-          variant="tonal"
-          class="mb-4"
-        >
-          Note: On click of the link button, You will get redirected to another page.
-        </VAlert>
-        <DemoButtonRouter />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Link -->
-      <AppCardCode
-        title="Link"
-        :code="link"
-      >
-        <p>Designates that the component is a link. This is automatic when using the <code>href</code> or <code>to</code> prop.</p>
-        <VAlert
-          color="warning"
-          variant="tonal"
-          class="mb-4"
-        >
-          Note: On click of the link button, You will get redirected to another page.
-        </VAlert>
-        <DemoButtonLink />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Button Group -->
-      <AppCardCode
-        title="Group"
-        :code="group"
-      >
-        <p>
-          Wrap buttons with the <code>v-btn-toggle</code> component to create a group button. You can add a visual divider  between buttons with the <code>divided</code> prop.
-        </p>
-        <DemoButtonGroup />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/chip.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/chip.vue
deleted file mode 100644
index 674a0f4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/chip.vue
+++ /dev/null
@@ -1,157 +0,0 @@
-<script setup lang="ts">
-import { closable, color, elevated, expandable, inSelects, outlined, rounded, sizes, withAvatar, withIcon } from '@/views/demos/components/chip/demoCodeChip'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Color -->
-      <AppCardCode
-        title="Color"
-        :code="color"
-      >
-        <p>Use <code>color</code> prop to change the background color of chips.</p>
-
-        <DemoChipColor />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Elevated -->
-      <AppCardCode
-        title="Elevated"
-        :code="elevated"
-      >
-        <p>Use <code>elevated</code> variant option to create filled chips.</p>
-
-        <DemoChipElevated />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Outlined -->
-      <AppCardCode
-        title="Outlined"
-        :code="outlined"
-      >
-        <p>Use <code>outlined</code> variant option to create outline border chips.</p>
-
-        <DemoChipOutlined />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Label -->
-      <AppCardCode
-        title="Rounded"
-        :code="rounded"
-      >
-        <p>To use the rounded chip, set <code>label</code> props value to <strong>false</strong>.</p>
-
-        <DemoChipRounded />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Closable -->
-      <AppCardCode
-        title="Closable"
-        :code="closable"
-      >
-        <p>Closable chips can be controlled with a <code>v-model</code>.</p>
-
-        <DemoChipClosable />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Chip With Icon -->
-      <AppCardCode
-        title="With Icon"
-        :code="withIcon"
-      >
-        <p>Chips can use text or any icon available in the Material Icons font library.</p>
-
-        <DemoChipWithIcon />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Avatar -->
-      <AppCardCode
-        title="With Avatar"
-        :code="withAvatar"
-      >
-        <p>Use <code>pill</code> prop to remove the <code>v-avatar</code> padding.</p>
-
-        <DemoChipWithAvatar />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Sizes -->
-      <AppCardCode
-        title="Sizes"
-        :code="sizes"
-      >
-        <p>The <code>v-chip</code> component can have various sizes from <code>x-small</code> to <code>x-large</code>.</p>
-
-        <DemoChipSizes />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 In Selects -->
-      <AppCardCode
-        title="In Selects"
-        :code="inSelects"
-      >
-        <p>Selects can use <code>chips</code> to display the selected data. Try adding your own tags below.</p>
-
-        <DemoChipInSelects />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Expandable -->
-      <AppCardCode
-        title="Expandable"
-        :code="expandable"
-      >
-        <p>Chips can be combined with <code>v-menu</code> to enable a specific set of actions for a chip.</p>
-
-        <DemoChipExpandable />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/dialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/dialog.vue
deleted file mode 100644
index e3e8cf9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/dialog.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<script setup lang="ts">
-import { basic, form, fullscreen, loader, nesting, overflowed, persistent, scrollable } from '@/views/demos/components/dialog/demoCodeDialog'
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>A dialog contains two slots, one for its activator and one for its content (default). Good for Privacy Policies.</p>
-
-        <DemoDialogBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Persistent -->
-      <AppCardCode
-        title="Persistent"
-        :code="persistent"
-      >
-        <p>Use <code>persistent</code> prop to create persistent dialog.</p>
-
-        <DemoDialogPersistent />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Scrollable -->
-      <AppCardCode
-        title="Scrollable"
-        :code="scrollable"
-      >
-        <p>Use <code>scrollable</code> prop to create scrollable dialog.</p>
-
-        <DemoDialogScrollable />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Loader -->
-      <AppCardCode
-        title="Loader"
-        :code="loader"
-      >
-        <p>The <code>v-dialog</code> component makes it easy to create a customized loading experience for your application.</p>
-
-        <DemoDialogLoader />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      col="12"
-      md="6"
-    >
-      <!-- 👉 Nesting -->
-      <AppCardCode
-        title="Nesting"
-        :code="nesting"
-      >
-        <p>Dialogs can be nested: you can open one dialog from another.</p>
-
-        <DemoDialogNesting />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Overflowed -->
-      <AppCardCode
-        title="Overflowed"
-        :code="overflowed"
-      >
-        <p>Modals that do not fit within the available window space will scroll the container.</p>
-
-        <DemoDialogOverflowed />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Fullscreen -->
-      <AppCardCode
-        title="Fullscreen"
-        :code="fullscreen"
-      >
-        <p>Due to limited space, full-screen dialogs may be more appropriate for mobile devices than dialogs used on devices with larger screens.</p>
-
-        <DemoDialogFullscreen />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Form -->
-      <AppCardCode
-        title="Form"
-        :code="form"
-      >
-        <p>Just a simple example of a form in a dialog.</p>
-
-        <DemoDialogForm />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/expansion-panel.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/expansion-panel.vue
deleted file mode 100644
index 5734998..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/expansion-panel.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<script setup lang="ts">
-import { accordion, basic, customIcon, inset, model, popout, withBorder } from '@/views/demos/components/expansion-panel/demoCodeExpansionPanel'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic  -->
-      <AppCardCode
-        title="Basic"
-        variant="outlined"
-        :code="basic"
-      >
-        <p>Expansion panels in their simplest form display a list of expandable items. However, with the <code>multiple</code> prop, the expansion-panel can remain open until explicitly closed.</p>
-
-        <DemoExpansionPanelBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Accordion -->
-      <AppCardCode
-        title="Accordion"
-        variant="outlined"
-        :code="accordion"
-      >
-        <p>Use <code>accordion</code> variant option to create <strong>Accordion</strong> Panels. Accordion expansion-panel hasn't got margins around active panel.</p>
-
-        <DemoExpansionPanelAccordion />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Inset -->
-      <AppCardCode
-        title="Inset"
-        variant="outlined"
-        :code="inset"
-      >
-        <p>Use <code>inset</code> variant option to create Inset Panels. The Inset expansion-panel becomes smaller when activated.</p>
-
-        <DemoExpansionPanelInset />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Popout -->
-      <AppCardCode
-        title="Popout"
-        variant="outlined"
-        :code="popout"
-      >
-        <p>
-          Use <code>popout</code> variant option to create expansion-panel with popout design. With it, expansion-panel is enlarged when activated.
-        </p>
-
-        <DemoExpansionPanelPopout />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Custom Icon -->
-      <AppCardCode
-        title="Custom Icon"
-        variant="outlined"
-        :code="customIcon"
-      >
-        <p>Expand action icon can be customized with <code>expand-icon</code> prop or the <code>actions</code> slot. Also, use the <code>.no-icon-rotate</code> class in conjunction with the <code>VExpansionPanels</code> component to disable icon rotation.</p>
-
-        <DemoExpansionPanelCustomIcon />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Model -->
-      <AppCardCode
-        title="Model"
-        variant="outlined"
-        :code="model"
-      >
-        <p>Expansion panels can be controlled externally by modifying the <code>v-model</code>. If <code>multiple</code> prop is used then it is an array containing the indices of the open items.</p>
-
-        <DemoExpansionPanelModel />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 With Border -->
-      <AppCardCode
-        title="With Border"
-        variant="outlined"
-        :code="withBorder"
-      >
-        <p>Please use the <code>.expansion-panels-width-border</code> class in conjunction with the <code>VExpansionPanels</code> component to create panels with borders.</p>
-
-        <DemoExpansionPanelWithBorder />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/list.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/list.vue
deleted file mode 100644
index 79bb160..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/list.vue
+++ /dev/null
@@ -1,205 +0,0 @@
-<script setup lang="ts">
-import { actionAndItemGroup, basic, density, nav, progressList, rounded, shaped, subGroup, threeLine, twoLinesAndSubheader, userList } from '@/views/demos/components/list/demoCodeList'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        no-padding
-        :code="basic"
-      >
-        <VCardText><code>v-list</code> component can contain an avatar, content, actions and much more.</VCardText>
-
-        <VCardText>
-          <DemoListBasic />
-        </VCardText>
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Rounded -->
-      <AppCardCode
-        title="Rounded"
-        no-padding
-        :code="rounded"
-      >
-        <VCardText>You can make <code>v-list-item</code> rounded using <code>rounded</code> prop.</VCardText>
-
-        <VCardText>
-          <DemoListRounded />
-        </VCardText>
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Density  -->
-      <AppCardCode
-        title="Density"
-        :code="density"
-        no-padding
-      >
-        <VCardText>Use <code>density</code> prop to adjusts the spacing within the component. Available options are: <code>default</code>, <code>comfortable</code>, and <code>compact</code>.</VCardText>
-
-        <VCardText>
-          <DemoListDensity />
-        </VCardText>
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Nav -->
-      <AppCardCode
-        title="Nav"
-        no-padding
-        :code="nav"
-      >
-        <VCardText>Lists can receive an alternative <code>nav</code> styling that reduces the width <code>v-list-item</code> takes up as well as adding a border radius.</VCardText>
-
-        <VCardText>
-          <DemoListNav />
-        </VCardText>
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Action and item group -->
-      <AppCardCode
-        title="Action and item group"
-        no-padding
-        :code="actionAndItemGroup"
-      >
-        <VCardText>A <code>three-line</code> list with actions. Utilizing <code>v-list-group</code>, easily connect actions to your tiles.</VCardText>
-
-        <VCardText>
-          <DemoListActionAndItemGroup />
-        </VCardText>
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Sub Group -->
-      <AppCardCode
-        title="Sub Group"
-        no-padding
-        :code="subGroup"
-      >
-        <VCardText>
-          Using the <code>v-list-group</code> component you can create up to 2 levels in depth using the sub-group prop.
-        </VCardText>
-
-        <VCardText>
-          <DemoListSubGroup />
-        </VCardText>
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Two lines and Subheader -->
-      <AppCardCode
-        title="Two lines and subheader"
-        no-padding
-        :code="twoLinesAndSubheader"
-      >
-        <VCardText>Lists can contain subheaders, dividers, and can contain 1 or more lines. The subtitle will overflow with ellipsis if it extends past one line.</VCardText>
-
-        <VCardText>
-          <DemoListTwoLinesAndSubheader />
-        </VCardText>
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Three Line -->
-      <AppCardCode
-        title="Three Line"
-        no-padding
-        :code="threeLine"
-      >
-        <VCardText>For three line lists, the subtitle will clamp vertically at 2 lines and then ellipsis. This feature uses line-clamp and is not supported in all browsers.</VCardText>
-
-        <VCardText>
-          <DemoListThreeLine />
-        </VCardText>
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Users List -->
-      <AppCardCode
-        title="User List"
-        no-padding
-        :code="userList"
-      >
-        <VCardText>
-          <DemoListUserList />
-        </VCardText>
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Progress List -->
-      <AppCardCode
-        title="Progress List"
-        no-padding
-        :code="progressList"
-      >
-        <VCardText>
-          <DemoListProgressList />
-        </VCardText>
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Shaped -->
-      <AppCardCode
-        title="Shaped"
-        no-padding
-        :code="shaped"
-      >
-        <VCardText>
-          Shaped lists have rounded borders on one side of the <code>v-list-item</code>.
-        </VCardText>
-
-        <VCardText>
-          <DemoListShaped />
-        </VCardText>
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/menu.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/menu.vue
deleted file mode 100644
index ebd15d7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/menu.vue
+++ /dev/null
@@ -1,99 +0,0 @@
-<script setup lang="ts">
-import { activatorAndTooltip, basic, customTransitions, location, openOnHover, popover } from '@/views/demos/components/menu/demoCodeMenu'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>
-          Remember to put the element that activates the menu in the activator slot.
-        </p>
-
-        <DemoMenuBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Custom transitions -->
-      <AppCardCode
-        title="Custom transitions"
-        :code="customTransitions"
-      >
-        <p>Vuetify comes with 3 standard transitions, <code>scale</code>, <code>slide-x</code> and <code>slide-y</code>. Use <code>transition</code> prop to add transition to a menu.</p>
-
-        <DemoMenuCustomTransitions />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Location -->
-      <AppCardCode
-        title="Location"
-        :code="location"
-      >
-        <p>Menu can be offset relative to the activator by using the <code>location</code> prop.</p>
-
-        <DemoMenuLocation />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Open on hover -->
-      <AppCardCode
-        title="Open on hover"
-        :code="openOnHover"
-      >
-        <p>Menus can be accessed using hover instead of clicking with the <code>open-on-hover</code> prop.</p>
-
-        <DemoMenuOpenOnHover />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Popover -->
-      <AppCardCode
-        title="Popover"
-        :code="popover"
-      >
-        <p>A menu can be configured to be static when opened, allowing it to function as a popover. This can be useful when there are multiple interactive items within the menu contents.</p>
-
-        <DemoMenuPopover />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Activator and tooltip -->
-      <AppCardCode
-        title="Activator and tooltip"
-        :code="activatorAndTooltip"
-      >
-        <p>With the new <code>v-slot</code> syntax, nested activators such as those seen with a <code>v-menu</code> and <code>v-tooltip</code> attached to the same activator button, need a particular setup in order to function correctly</p>
-
-        <DemoMenuActivatorAndTooltip />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/pagination.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/pagination.vue
deleted file mode 100644
index f953f2b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/pagination.vue
+++ /dev/null
@@ -1,157 +0,0 @@
-<script setup lang="ts">
-import { basic, circle, color, disabled, icons, length, outline, outlineCircle, size, totalVisible } from '@/views/demos/components/pagination/demoCodePagination'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>The <code>v-pagination</code> component is used to separate long sets of data.</p>
-
-        <DemoPaginationBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 outline basic variant -->
-      <AppCardCode
-        title="Outline"
-        :code="outline"
-      >
-        <p>The <code>variant='outline'</code> prop is used to give outline to pagination item.</p>
-
-        <DemoPaginationOutline />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Circle -->
-      <AppCardCode
-        title="Circle"
-        :code="circle"
-      >
-        <p>The <code>rounded</code> prop allows you to render pagination buttons with alternative styles.</p>
-
-        <DemoPaginationCircle />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 outline circle variant -->
-      <AppCardCode
-        title="Outline Circle"
-        :code="outlineCircle"
-      >
-        <p>The <code>variant='outline'</code> and <code>rounded</code> prop is used to give rounded outline to pagination item.</p>
-
-        <DemoPaginationOutlineCircle />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Disabled -->
-      <AppCardCode
-        title="Disabled"
-        :code="disabled"
-      >
-        <p>Pagination items can be manually deactivated using the <code>disabled</code> prop.</p>
-
-        <DemoPaginationDisabled />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Icons -->
-      <AppCardCode
-        title="Icons"
-        :code="icons"
-      >
-        <p>Previous and next page icons can be customized with the <code>prev-icon</code> and <code>next-icon</code> props.</p>
-
-        <DemoPaginationIcons />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Length -->
-      <AppCardCode
-        title="Length"
-        :code="length"
-      >
-        <p>Using the <code>length</code> prop you can set the length of <code>v-pagination</code>, if the number of page buttons exceeds the parent container, it will truncate the list.</p>
-
-        <DemoPaginationLength />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Total visible -->
-      <AppCardCode
-        title="Total visible"
-        :code="totalVisible"
-      >
-        <p>You can also manually set the maximum number of visible page buttons with the <code>total-visible</code> prop.</p>
-
-        <DemoPaginationTotalVisible />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Color -->
-      <AppCardCode
-        title="Color"
-        :code="color"
-      >
-        <p>Use <code>active-color</code> prop for create different color pagination.</p>
-
-        <DemoPaginationColor />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Size -->
-      <AppCardCode
-        title="Size"
-        :code="size"
-      >
-        <p>Use <code>size</code> prop to sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: <strong>x-small</strong>, <strong>small</strong>, <strong>default</strong>, <strong>large</strong>, and <strong>x-large</strong>.</p>
-
-        <DemoPaginationSize />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/progress-circular.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/progress-circular.vue
deleted file mode 100644
index 4f191e4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/progress-circular.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<script setup lang="ts">
-import { color, indeterminate, rotate, size } from '@/views/demos/components/progress-circular/demoCodeProgressCircular'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <!-- 👉 Progress circular color -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="color"
-        :code="color"
-      >
-        <p>Alternate colors can be applied to <code>v-progress-circular</code> using the <code>color</code> prop.</p>
-
-        <DemoProgressCircularColor />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Progress circular Indeterminate -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Indeterminate"
-        :code="indeterminate"
-      >
-        <p>Using the <code>indeterminate</code> prop, a <code>v-progress-circular</code> continues to animate indefinitely.</p>
-
-        <DemoProgressCircularIndeterminate />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Progress circular Rotate -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Rotate"
-        :code="rotate"
-      >
-        <p>The <code>rotate</code> prop gives you the ability to customize the <code>v-progress-circular</code>'s origin.</p>
-
-        <DemoProgressCircularRotate />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Progress circular Size and Width -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Size"
-        :code="size"
-      >
-        <p>The <code>size</code> and <code>width</code> props allow you to easily alter the size and width of the <code>v-progress-circular</code> component.</p>
-
-        <DemoProgressCircularSize />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/progress-linear.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/progress-linear.vue
deleted file mode 100644
index b141e16..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/progress-linear.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<script setup lang="ts">
-import { buffering, color, indeterminate, reversed, rounded, slots, striped } from '@/views/demos/components/progress-linear/demoCodeProgressLinear'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <!-- 👉 Progress linear color -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Color"
-        :code="color"
-      >
-        <p>Use the props <code>color</code> and <code>background-color</code> to set colors.</p>
-
-        <DemoProgressLinearColor />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Progress linear Buffering -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Buffering"
-        :code="buffering"
-      >
-        <p>The primary value is controlled by <code>v-model</code>, whereas the buffer is controlled by the <code>buffer-value</code> prop.</p>
-
-        <DemoProgressLinearBuffering />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Progress linear indeterminate -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Indeterminate"
-        :code="indeterminate"
-      >
-        <p>for continuously animating progress bar,use prop <code>indeterminate</code>. This indicates continuous process. </p>
-
-        <DemoProgressLinearIndeterminate />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Progress linear Reversed -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Reversed"
-        :code="reversed"
-      >
-        <p>Use prop <code>reverse</code> to animate continuously in reverse direction. The component also has RTL support.</p>
-
-        <DemoProgressLinearReversed />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Progress linear Rounded -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Rounded"
-        :code="rounded"
-      >
-        <p>
-          The <code> rounded </code>prop is used to apply a border radius to the v-progress-linear component.
-          By default we have set <code>rounded</code> prop true. You can disable it by using <code>:rounded='false'</code>.
-        </p>
-        <DemoProgressLinearRounded />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Progress linear Slot -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Slots"
-        :code="slots"
-      >
-        <p>The v-progress-linear component will be responsive to user input when using <code>v-model</code>. You can use the default slot or bind a local model to display inside of the progress.</p>
-
-        <DemoProgressLinearSlots />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Progress Linear Striped -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Striped"
-        :code="striped"
-      >
-        <p> The <code>striped</code> prop is used to apply striped background.</p>
-        <DemoProgressLinearStriped />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/snackbar.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/snackbar.vue
deleted file mode 100644
index 3924e8f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/snackbar.vue
+++ /dev/null
@@ -1,126 +0,0 @@
-<script setup lang="ts">
-import { basic, multiLine, position, timeout, transition, variants, vertical, withAction } from '@/views/demos/components/snackbar/demoCodeSnackbar'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>The <code>v-snackbar</code> component is used to display a quick message to a user. Snackbars support positioning, removal delay, and callbacks.</p>
-
-        <DemoSnackbarBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 With Action -->
-      <AppCardCode
-        title="With Action"
-        :code="withAction"
-      >
-        <p>Use <code>actions</code> slot to add action button. A <code>v-snackbar</code> in its simplest form displays a temporary and closable notification to the user.</p>
-
-        <DemoSnackbarWithAction />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Multi line -->
-      <AppCardCode
-        title="Multi Line"
-        :code="multiLine"
-      >
-        <p>The <code>multi-line</code> property extends the height of the <code>v-snackbar</code> to give you a little more room for content.</p>
-
-        <DemoSnackbarMultiLine />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Timeout -->
-      <AppCardCode
-        title="Timeout"
-        :code="timeout"
-      >
-        <p>The <code>timeout</code> property lets you customize the delay before the <code>v-snackbar</code> is hidden.</p>
-
-        <DemoSnackbarTimeout />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Vertical -->
-      <AppCardCode
-        title="Vertical"
-        :code="vertical"
-      >
-        <p>The <code>vertical</code> property allows you to stack the content of your <code>v-snackbar</code>.</p>
-
-        <DemoSnackbarVertical />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Position -->
-      <AppCardCode
-        title="Position"
-        :code="position"
-      >
-        <p>Use <code>location</code> prop to change the position of snackbar.</p>
-
-        <DemoSnackbarPosition />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Variants -->
-      <AppCardCode
-        title="Variants"
-        :code="variants"
-      >
-        <p>Apply different styles to the snackbar using props such as <code>shaped</code>, <code>rounded</code>, <code>color</code>, <code>text</code>, <code>outlined</code>, <code>tile</code> and more.</p>
-
-        <DemoSnackbarVariants />
-      </AppCardCode>
-    </VCol>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Transition -->
-      <AppCardCode
-        title="Transition"
-        :code="transition"
-      >
-        <p>Use transition prop to sets the component transition.</p>
-
-        <DemoSnackbarTransition />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/tabs.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/tabs.vue
deleted file mode 100644
index 81da1c2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/tabs.vue
+++ /dev/null
@@ -1,197 +0,0 @@
-<script setup lang="ts">
-import { alignment, basic, basicPill, customIcons, dynamic, fixed, grow, pagination, programmaticNavigation, stacked, vertical, verticalPill } from '@/views/demos/components/tabs/demoCodeTabs'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        variant="outlined"
-        :code="basic"
-      >
-        <p>The <code>v-tabs</code> component is used for hiding content behind a selectable item.</p>
-
-        <DemoTabsBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Stacked -->
-      <AppCardCode
-        title="Stacked"
-        variant="outlined"
-        :code="stacked"
-      >
-        <p>Using <code>stacked</code> prop you can have buttons that use both icons and text.</p>
-
-        <DemoTabsStacked />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Vertical -->
-      <AppCardCode
-        title="Vertical"
-        variant="outlined"
-        :code="vertical"
-      >
-        <p>The <code>vertical</code> prop allows for <code>v-tab</code> components to stack vertically.</p>
-
-        <DemoTabsVertical />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Alignment -->
-      <AppCardCode
-        title="Alignment"
-        variant="outlined"
-        :code="alignment"
-      >
-        <p>Use <code>align-tabs</code> prop to change the tabs alignment.</p>
-
-        <DemoTabsAlignment />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Pagination -->
-      <AppCardCode
-        title="Pagination"
-        variant="outlined"
-        :code="pagination"
-      >
-        <p>If the tab items overflow their container, pagination controls will appear on desktop.</p>
-
-        <DemoTabsPagination />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Custom Icons -->
-      <AppCardCode
-        title="Custom Icons"
-        variant="outlined"
-        :code="customIcons"
-      >
-        <p><code>prev-icon</code> and <code>next-icon</code> props can be used for applying custom pagination icons.</p>
-
-        <DemoTabsCustomIcons />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Fixed tabs -->
-      <AppCardCode
-        title="Fixed"
-        variant="outlined"
-        :code="fixed"
-      >
-        <p>The <code>fixed-tabs</code> prop forces <code>v-tab</code> to take up all available space up to the maximum width (300px).</p>
-
-        <DemoTabsFixed />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Grow -->
-      <AppCardCode
-        title="Grow"
-        variant="outlined"
-        :code="grow"
-      >
-        <p>The <code>grow</code> prop will make the tab items take up all available space with no limit.</p>
-
-        <DemoTabsGrow />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Programmatic Navigation -->
-      <AppCardCode
-        title="Programmatic Navigation"
-        variant="outlined"
-        :code="programmaticNavigation"
-      >
-        <DemoTabsProgrammaticNavigation />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Dynamic Tabs -->
-      <AppCardCode
-        title="Dynamic"
-        variant="outlined"
-        :code="dynamic"
-      >
-        <p>Tabs can be dynamically added and removed. This allows you to update to any number and the <code>v-tabs</code> component will react.</p>
-
-        <DemoTabsDynamic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic Pill -->
-      <AppCardCode
-        title="Basic Pill"
-        variant="outlined"
-        :code="basicPill"
-      >
-        <p>Use our custom class <code>.v-tabs-pill</code> along with <code>v-tabs</code> component to style pill tabs.</p>
-
-        <DemoTabsBasicPill />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Vertical Pill -->
-      <AppCardCode
-        title="Vertical Pill"
-        variant="outlined"
-        :code="verticalPill"
-      >
-        <p>Use our custom class .v-tabs-pill along with v-tabs component to style pill tabs.</p>
-
-        <DemoTabsVerticalPill />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/timeline.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/timeline.vue
deleted file mode 100644
index 1dc3345..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/timeline.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <TimelineBasic />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <TimelineOutlined />
-    </VCol>
-
-    <VCol cols="12">
-      <TimelineWithIcons />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/tooltip.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/tooltip.vue
deleted file mode 100644
index 8ca1c79..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/components/tooltip.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<script setup lang="ts">
-import { delayOnHover, events, location, tooltipOnVariousElements, transition, vModelSupport } from '@/views/demos/components/tooltip/demoCodeTooltip'
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <!-- 👉 Location -->
-      <AppCardCode
-        title="Location"
-        :code="location"
-      >
-        <p>Use the <code>location</code> prop to specify on which side of the element the tooltip should show</p>
-
-        <DemoTooltipLocation />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Events -->
-      <AppCardCode
-        title="Events"
-        :code="events"
-      >
-        <DemoTooltipEvents />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Delay On Hover -->
-      <AppCardCode
-        title="Delay On Hover"
-        :code="delayOnHover"
-      >
-        <p>Delay (in ms) after which tooltip opens (when <code>open-on-hover</code> prop is set to true)</p>
-
-        <DemoTooltipDelayOnHover />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 V-model Support -->
-      <AppCardCode
-        title="V-Model Support"
-        :code="vModelSupport"
-      >
-        <p>Tooltip visibility can be programmatically changed using <code>v-model</code>.</p>
-
-        <DemoTooltipVModelSupport />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Transition -->
-      <AppCardCode
-        title="Transition"
-        :code="transition"
-      >
-        <p>Use <code>transition</code> prop to sets the component transition.</p>
-
-        <DemoTooltipTransition />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Tooltip on Various Elements -->
-      <AppCardCode
-        title="Tooltip on Various Elements"
-        :code="tooltipOnVariousElements"
-      >
-        <p>Tooltips can wrap any element.</p>
-
-        <DemoTooltipTooltipOnVariousElements />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/dashboards/analytics.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/dashboards/analytics.vue
deleted file mode 100644
index 5cfe6a8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/dashboards/analytics.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<script setup lang="ts">
-import AnalyticsAverageDailySales from '@/views/dashboards/analytics/AnalyticsAverageDailySales.vue'
-import AnalyticsEarningReportsWeeklyOverview from '@/views/dashboards/analytics/AnalyticsEarningReportsWeeklyOverview.vue'
-import AnalyticsMonthlyCampaignState from '@/views/dashboards/analytics/AnalyticsMonthlyCampaignState.vue'
-import AnalyticsProjectTable from '@/views/dashboards/analytics/AnalyticsProjectTable.vue'
-import AnalyticsSalesByCountries from '@/views/dashboards/analytics/AnalyticsSalesByCountries.vue'
-import AnalyticsSalesOverview from '@/views/dashboards/analytics/AnalyticsSalesOverview.vue'
-import AnalyticsSourceVisits from '@/views/dashboards/analytics/AnalyticsSourceVisits.vue'
-import AnalyticsSupportTracker from '@/views/dashboards/analytics/AnalyticsSupportTracker.vue'
-import AnalyticsTotalEarning from '@/views/dashboards/analytics/AnalyticsTotalEarning.vue'
-import AnalyticsWebsiteAnalytics from '@/views/dashboards/analytics/AnalyticsWebsiteAnalytics.vue'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <!-- 👉 Website analytics -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AnalyticsWebsiteAnalytics />
-    </VCol>
-
-    <!-- 👉 Average Daily Sales -->
-    <VCol
-      cols="12"
-      md="3"
-      sm="6"
-    >
-      <AnalyticsAverageDailySales />
-    </VCol>
-
-    <!-- 👉 Sales Overview -->
-    <VCol
-      cols="12"
-      md="3"
-      sm="6"
-    >
-      <AnalyticsSalesOverview />
-    </VCol>
-
-    <!-- 👉 Earning Reports Weekly Overview -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AnalyticsEarningReportsWeeklyOverview />
-    </VCol>
-
-    <!-- 👉 Support Tracker -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AnalyticsSupportTracker />
-    </VCol>
-
-    <!-- 👉 Sales by Countries -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <AnalyticsSalesByCountries />
-    </VCol>
-
-    <!-- 👉 Total Earning -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <AnalyticsTotalEarning />
-    </VCol>
-
-    <!-- 👉 Monthly Campaign State -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <AnalyticsMonthlyCampaignState />
-    </VCol>
-
-    <!-- 👉 Source Visits -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <AnalyticsSourceVisits />
-    </VCol>
-
-    <!-- 👉 Project Table -->
-    <VCol
-      cols="12"
-      lg="8"
-    >
-      <AnalyticsProjectTable />
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/libs/apex-chart.scss";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/dashboards/crm.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/dashboards/crm.vue
deleted file mode 100644
index 6a3f695..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/dashboards/crm.vue
+++ /dev/null
@@ -1,160 +0,0 @@
-<script setup lang="ts">
-import CrmActiveProject from '@/views/dashboards/crm/CrmActiveProject.vue'
-import CrmActivityTimeline from '@/views/dashboards/crm/CrmActivityTimeline.vue'
-import CrmAnalyticsSales from '@/views/dashboards/crm/CrmAnalyticsSales.vue'
-import CrmEarningReportsYearlyOverview from '@/views/dashboards/crm/CrmEarningReportsYearlyOverview.vue'
-import CrmOrderBarChart from '@/views/dashboards/crm/CrmOrderBarChart.vue'
-import CrmProjectStatus from '@/views/dashboards/crm/CrmProjectStatus.vue'
-import CrmRecentTransactions from '@/views/dashboards/crm/CrmRecentTransactions.vue'
-import CrmRevenueGrowth from '@/views/dashboards/crm/CrmRevenueGrowth.vue'
-import CrmSalesAreaCharts from '@/views/dashboards/crm/CrmSalesAreaCharts.vue'
-import CrmSalesByCountries from '@/views/dashboards/crm/CrmSalesByCountries.vue'
-
-const simpleStatisticsDemoCards = [
-  {
-    icon: 'tabler-credit-card',
-    color: 'error',
-    title: 'Total Profit',
-    subTitle: 'Last week',
-    stat: '1.28k',
-    change: '-12.2%',
-  },
-  {
-    icon: 'tabler-currency-dollar',
-    color: 'success',
-    title: 'Total Sales',
-    subTitle: 'Last week',
-    stat: '$4,673',
-    change: '+25.2%',
-  },
-]
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="4"
-      sm="6"
-      lg="2"
-    >
-      <CrmOrderBarChart />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-      sm="6"
-      lg="2"
-    >
-      <CrmSalesAreaCharts />
-    </VCol>
-
-    <VCol
-      v-for="demo in simpleStatisticsDemoCards"
-      :key="demo.title"
-      cols="12"
-      sm="6"
-      md="4"
-      lg="2"
-    >
-      <VCard>
-        <VCardText>
-          <VAvatar
-            :color="demo.color"
-            variant="tonal"
-            rounded
-            size="44"
-          >
-            <VIcon
-              :icon="demo.icon"
-              size="28"
-            />
-          </VAvatar>
-
-          <h5 class="text-h5 mt-3">
-            {{ demo.title }}
-          </h5>
-          <p class="my-1">
-            {{ demo.subTitle }}
-          </p>
-          <p class="mb-3 text-high-emphasis">
-            {{ demo.stat }}
-          </p>
-          <VChip
-            :color="demo.color"
-            label
-            size="small"
-          >
-            {{ demo.change }}
-          </VChip>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Revenue Growth -->
-    <VCol
-      cols="12"
-      md="8"
-      lg="4"
-    >
-      <CrmRevenueGrowth />
-    </VCol>
-
-    <!-- 👉 Earning Reports -->
-    <VCol
-      cols="12"
-      md="8"
-    >
-      <CrmEarningReportsYearlyOverview />
-    </VCol>
-
-    <!-- 👉 Sales -->
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <CrmAnalyticsSales />
-    </VCol>
-
-    <!-- 👉 Browser States -->
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <CrmSalesByCountries />
-    </VCol>
-
-    <!-- 👉 Project Status -->
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <CrmProjectStatus />
-    </VCol>
-
-    <!-- 👉 Active Project -->
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <CrmActiveProject />
-    </VCol>
-
-    <!-- 👉 Recent Transactions -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <CrmRecentTransactions />
-    </VCol>
-
-    <!-- 👉 Active timeline -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <CrmActivityTimeline />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/dashboards/ecommerce.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/dashboards/ecommerce.vue
deleted file mode 100644
index 60942e5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/dashboards/ecommerce.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<script lang="ts" setup>
-import EcommerceCongratulationsJohn from '@/views/dashboards/ecommerce/EcommerceCongratulationsJohn.vue'
-import EcommerceEarningReports from '@/views/dashboards/ecommerce/EcommerceEarningReports.vue'
-import EcommerceExpensesRadialBarCharts from '@/views/dashboards/ecommerce/EcommerceExpensesRadialBarCharts.vue'
-import EcommerceGeneratedLeads from '@/views/dashboards/ecommerce/EcommerceGeneratedLeads.vue'
-import EcommerceInvoiceTable from '@/views/dashboards/ecommerce/EcommerceInvoiceTable.vue'
-import EcommerceOrder from '@/views/dashboards/ecommerce/EcommerceOrder.vue'
-import EcommercePopularProducts from '@/views/dashboards/ecommerce/EcommercePopularProducts.vue'
-import EcommerceRevenueReport from '@/views/dashboards/ecommerce/EcommerceRevenueReport.vue'
-import EcommerceStatistics from '@/views/dashboards/ecommerce/EcommerceStatistics.vue'
-import EcommerceTotalProfitLineCharts from '@/views/dashboards/ecommerce/EcommerceTotalProfitLineCharts.vue'
-import EcommerceTransactions from '@/views/dashboards/ecommerce/EcommerceTransactions.vue'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <!-- 👉 Congratulation John -->
-    <VCol
-      cols="12"
-      md="5"
-      lg="4"
-    >
-      <EcommerceCongratulationsJohn />
-    </VCol>
-
-    <!-- 👉 Ecommerce Transition -->
-    <VCol
-      cols="12"
-      md="7"
-      lg="8"
-    >
-      <EcommerceStatistics class="h-100" />
-    </VCol>
-
-    <VCol
-      cols="12"
-      lg="4"
-    >
-      <VRow>
-        <!-- 👉 Total Profit Line -->
-        <VCol
-          cols="12"
-          lg="6"
-          md="3"
-          sm="6"
-        >
-          <EcommerceTotalProfitLineCharts />
-        </VCol>
-
-        <!-- 👉 Expenses Radial Bar Charts -->
-        <VCol
-          cols="12"
-          lg="6"
-          md="3"
-          sm="6"
-        >
-          <EcommerceExpensesRadialBarCharts />
-        </VCol>
-
-        <!-- 👉 Generated Leads -->
-        <VCol
-          cols="12"
-          md="6"
-          lg="12"
-        >
-          <EcommerceGeneratedLeads />
-        </VCol>
-      </VRow>
-    </VCol>
-
-    <!-- 👉 Revenue Report -->
-    <VCol
-      cols="12"
-      lg="8"
-    >
-      <EcommerceRevenueReport />
-    </VCol>
-
-    <!-- 👉 Earning Reports -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <EcommerceEarningReports />
-    </VCol>
-
-    <!-- 👉 Popular Products -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <EcommercePopularProducts />
-    </VCol>
-
-    <!-- 👉 Order -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <EcommerceOrder />
-    </VCol>
-
-    <!-- 👉 Transaction -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <EcommerceTransactions />
-    </VCol>
-
-    <!-- 👉 Invoice Table -->
-    <VCol
-      cols="12"
-      lg="8"
-    >
-      <EcommerceInvoiceTable />
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/libs/apex-chart.scss";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/extensions/swiper.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/extensions/swiper.vue
deleted file mode 100644
index bac7d35..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/extensions/swiper.vue
+++ /dev/null
@@ -1,156 +0,0 @@
-<script setup lang="ts">
-import { autoplay, basic, centeredSlidesOption1, centeredSlidesOption2, coverflowEffect, cubeEffect, fade, gallery, grid, lazyLoading, multipleSlidesPerView, navigation, pagination, progress, responsiveBreakpoints, virtualSlides } from '@/views/demos/components/swiper/demoCodeSwiper'
-</script>
-
-<template>
-  <VRow>
-    <VCol>
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <DemoSwiperBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Navigation"
-        :code="navigation"
-      >
-        <DemoSwiperNavigation />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Pagination"
-        :code="pagination"
-      >
-        <DemoSwiperPagination />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Progress"
-        :code="progress"
-      >
-        <DemoSwiperProgress />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Multiple Slides Per View"
-        :code="multipleSlidesPerView"
-      >
-        <DemoSwiperMultipleSlidesPerView />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Grid"
-        :code="grid"
-      >
-        <DemoSwiperGrid />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        variant="text"
-        title="Centered Slides Option 1"
-        :code="centeredSlidesOption1"
-      >
-        <DemoSwiperCenteredSlidesOption1 />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Centered Slides Option 2"
-        :code="centeredSlidesOption2"
-      >
-        <DemoSwiperCenteredSlidesOption2 />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Fade"
-        :code="fade"
-      >
-        <DemoSwiperFade />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Cube Effect"
-        :code="cubeEffect"
-      >
-        <DemoSwiperCubeEffect />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Coverflow Effect"
-        :code="coverflowEffect"
-      >
-        <DemoSwiperCoverflowEffect />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Autoplay"
-        :code="autoplay"
-      >
-        <DemoSwiperAutoplay />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Gallery"
-        :code="gallery"
-      >
-        <DemoSwiperGallery />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Lazy Loading"
-        :code="lazyLoading"
-      >
-        <DemoSwiperLazyLoading />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Responsive Breakpoints"
-        :code="responsiveBreakpoints"
-      >
-        <DemoSwiperResponsiveBreakpoints />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <AppCardCode
-        title="Virtual Slides"
-        :code="virtualSlides"
-      >
-        <DemoSwiperVirtualSlides />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/libs/swiper"
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/extensions/tour.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/extensions/tour.vue
deleted file mode 100644
index bd6e222..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/extensions/tour.vue
+++ /dev/null
@@ -1,126 +0,0 @@
-<script setup lang="ts">
-import { useShepherd } from 'vue-shepherd'
-
-const route = useRoute()
-
-// 👉 Hotkey
-// eslint-disable-next-line camelcase
-const { ctrl_k, meta_k } = useMagicKeys()
-
-// 👉 Tour initialization
-let tour: any = null
-
-// 👉 watch command palette and route change
-/* eslint-disable camelcase */
-watch([
-  ctrl_k,
-  meta_k,
-  () => route.path,
-], () => {
-  if (tour.isActive())
-    tour.cancel()
-})
-/* eslint-enable */
-
-onMounted(() => {
-  const navbar = document.querySelector('.layout-navbar')
-
-  tour = useShepherd({
-    useModalOverlay: true,
-    stepsContainer: document.querySelector('.layout-wrapper'),
-    modelContainer: document.querySelector('.layout-wrapper'),
-    defaultStepOptions: {
-      cancelIcon: {
-        enabled: true,
-      },
-      modalOverlayOpeningPadding: 2,
-      modalOverlayOpeningRadius: 5,
-    },
-  })
-
-  //  👉 Tour steps
-  tour.addSteps([
-    {
-      id: 'welcome',
-      title: 'Welcome',
-      arrow: true,
-      attachTo: { element: navbar, on: 'bottom' },
-      text: 'Welcome to our tour page, Guide users to the key features of the product.',
-      buttons: [
-        {
-          action: tour.cancel,
-          classes: 'backBtnClass',
-          text: 'Back',
-        },
-        {
-          action: tour.next,
-          text: 'Next',
-          classes: 'nextBtnClass',
-        },
-      ],
-    },
-    {
-      id: 'notification',
-      title: 'Notifications',
-      arrow: true,
-      attachTo: { element: document.querySelector('#notification-btn'), on: 'bottom' },
-      text: 'Manage your notifications and stay up-to-date with latest updates.',
-      buttons: [
-        {
-          label: 'Back',
-          text: 'Back',
-          action: tour.back,
-          classes: 'backBtnClass',
-        },
-        {
-          label: 'Next',
-          text: 'Next',
-          action: tour.next,
-          classes: 'nextBtnClass',
-        },
-      ],
-    },
-    {
-      id: 'footer',
-      title: 'Footer',
-      arrow: true,
-      attachTo: { element: document.querySelector('.layout-footer'), on: 'bottom' },
-      text: 'Footer section of the page.',
-      buttons: [
-        {
-          label: 'Back',
-          text: 'Back',
-          action: tour.back,
-          classes: 'backBtnClass',
-        },
-        {
-          label: 'Finish',
-          text: 'Finish',
-          action: tour.complete,
-          classes: 'nextBtnClass',
-        },
-      ],
-    },
-
-  ])
-})
-</script>
-
-<template>
-  <div>
-    <VCard title="Tour">
-      <VCardText>
-        <VBtn
-          variant="elevated"
-          @click="() => { tour && tour.start() }"
-        >
-          Start Tour
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </div>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/libs/shepherd.scss";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forgot-password.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forgot-password.vue
deleted file mode 100644
index d0767c8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forgot-password.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-<script setup lang="ts">
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-import authV2ForgotPasswordIllustrationDark from '@images/pages/auth-v2-forgot-password-illustration-dark.png'
-import authV2ForgotPasswordIllustrationLight from '@images/pages/auth-v2-forgot-password-illustration-light.png'
-import authV2MaskDark from '@images/pages/misc-mask-dark.png'
-import authV2MaskLight from '@images/pages/misc-mask-light.png'
-
-const email = ref('')
-
-const authThemeImg = useGenerateImageVariant(authV2ForgotPasswordIllustrationLight, authV2ForgotPasswordIllustrationDark)
-
-const authThemeMask = useGenerateImageVariant(authV2MaskLight, authV2MaskDark)
-
-definePage({
-  meta: {
-    layout: 'blank',
-    unauthenticatedOnly: true,
-  },
-})
-</script>
-
-<template>
-  <RouterLink to="/">
-    <div class="auth-logo d-flex align-center gap-x-3">
-      <VNodeRenderer :nodes="themeConfig.app.logo" />
-      <h1 class="auth-title">
-        {{ themeConfig.app.title }}
-      </h1>
-    </div>
-  </RouterLink>
-
-  <VRow
-    class="auth-wrapper bg-surface"
-    no-gutters
-  >
-    <VCol
-      md="8"
-      class="d-none d-md-flex"
-    >
-      <div class="position-relative bg-background w-100 me-0">
-        <div
-          class="d-flex align-center justify-center w-100 h-100"
-          style="padding-inline: 150px;"
-        >
-          <VImg
-            max-width="468"
-            :src="authThemeImg"
-            class="auth-illustration mt-16 mb-2"
-          />
-        </div>
-
-        <img
-          class="auth-footer-mask"
-          :src="authThemeMask"
-          alt="auth-footer-mask"
-          height="280"
-          width="100"
-        >
-      </div>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-      class="d-flex align-center justify-center"
-    >
-      <VCard
-        flat
-        :max-width="500"
-        class="mt-12 mt-sm-0 pa-4"
-      >
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Forgot Password? 🔒
-          </h4>
-          <p class="mb-0">
-            Enter your email and we'll send you instructions to reset your password
-          </p>
-        </VCardText>
-
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <!-- email -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="email"
-                  autofocus
-                  label="Email"
-                  type="email"
-                  placeholder="johndoe@email.com"
-                />
-              </VCol>
-
-              <!-- Reset link -->
-              <VCol cols="12">
-                <VBtn
-                  block
-                  type="submit"
-                >
-                  Send Reset Link
-                </VBtn>
-              </VCol>
-
-              <!-- back to login -->
-              <VCol cols="12">
-                <RouterLink
-                  class="d-flex align-center justify-center"
-                  :to="{ name: 'login' }"
-                >
-                  <VIcon
-                    icon="tabler-chevron-left"
-                    size="20"
-                    class="me-1 flip-in-rtl"
-                  />
-                  <span>Back to login</span>
-                </RouterLink>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth.scss";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/autocomplete.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/autocomplete.vue
deleted file mode 100644
index ad11a7b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/autocomplete.vue
+++ /dev/null
@@ -1,176 +0,0 @@
-<script setup lang="ts">
-import { asyncItems, basic, chips, clearable, customFilter, density, multiple, slots, stateSelector, validation, variant } from '@/views/demos/forms/form-elements/autocomplete/demoCodeAutocomplete'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>
-          The <code> v-autocomplete </code> component offers simple and flexible type-ahead functionality. This is useful when searching large sets of data or even dynamically fetching information from an API.
-        </p>
-
-        <DemoAutocompleteBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Density -->
-      <AppCardCode
-        title="Density"
-        :code="density"
-      >
-        <p>
-          You can use <code> density </code> prop to adjusts vertical spacing within the component. Available options are: <code>default</code>, <code>comfortable</code>, and <code>compact</code>.
-        </p>
-
-        <DemoAutocompleteDensity />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="12"
-    >
-      <!-- 👉 Variant -->
-      <AppCardCode
-        title="Variant"
-        :code="variant"
-      >
-        <p>Use <code>Solo</code>, <code>Outlined</code>, <code>Underlined</code>, <code>Filled</code> and <code>Plain</code> options of <code>variant</code> prop to change the look of Autocomplete. </p>
-
-        <DemoAutocompleteVariant />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Multiple Select -->
-      <AppCardCode
-        title="Multiple"
-        :code="multiple"
-      >
-        <p>Use <code>multiple</code> prop to select multiple. Accepts array for value</p>
-
-        <DemoAutocompleteMultiple />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Clearable input -->
-      <AppCardCode
-        title="Clearable"
-        :code="clearable"
-      >
-        <p>Use <code>clearable</code> prop to add input clear functionality.</p>
-
-        <DemoAutocompleteClearable />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Chips -->
-      <AppCardCode
-        title="Chips"
-        :code="chips"
-      >
-        <p>Use <code> chips </code>  prop to use chips in select.</p>
-
-        <DemoAutocompleteChips />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Custom Filter -->
-      <AppCardCode
-        title="Custom-Filter"
-        :code="customFilter"
-      >
-        <p>The <code> custom-filter </code> prop can be used to filter each individual item with custom logic.In example we will filter state based on their name and abbreviations </p>
-
-        <DemoAutocompleteCustomFilter />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 With slots -->
-      <AppCardCode
-        title="Slots"
-        :code="slots"
-      >
-        <p>With the power of slots, you can customize the visual output of the select. In this example we add a profile picture for both the chips and list items using their props. </p>
-
-        <DemoAutocompleteSlots />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Asynchronous Items -->
-      <AppCardCode
-        title="Async items"
-        :code="asyncItems"
-      >
-        <p>Sometimes you need to load data externally based upon a search query. </p>
-
-        <DemoAutocompleteAsyncItems />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 State Selector -->
-      <AppCardCode
-        title="State Selector"
-        :code="stateSelector"
-      >
-        <p>Using a combination of v-autocomplete slots and transitions, you can create a stylish toggle able autocomplete field such as below state selector.</p>
-
-        <DemoAutocompleteStateSelector />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Validation -->
-      <AppCardCode
-        title="validation"
-        :code="validation"
-      >
-        <p>Use <code>rules</code>  prop to validate autocomplete. Accepts a mixed array of types function, boolean and string. Functions pass an input value as an argument and must return either true / false or a string containing an error message.</p>
-
-        <DemoAutocompleteValidation />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/checkbox.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/checkbox.vue
deleted file mode 100644
index d70ab49..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/checkbox.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<script setup lang="ts">
-import { basic, checkboxValue, colors, density, icon, inlineTextField, labelSlot, modelAsArray, states } from '@/views/demos/forms/form-elements/checkbox/demoCodeCheckbox'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p><code>v-checkbox</code> in its simplest form provides a toggle between 2 values.</p>
-
-        <DemoCheckboxBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Density -->
-      <AppCardCode
-        title="Density"
-        :code="density"
-      >
-        <p>Use <code>density</code> prop to reduces the input height. Available options are: <code>default</code>, <code>comfortable</code>, and <code>compact</code>.</p>
-
-        <DemoCheckboxDensity />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Colors -->
-      <AppCardCode
-        title="Colors"
-        :code="colors"
-      >
-        <p>Checkboxes can be colored by using any of the builtin colors and contextual names using the <code>color</code> prop.</p>
-
-        <DemoCheckboxColors />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Model as array -->
-      <AppCardCode
-        title="Model as array"
-        :code="modelAsArray"
-      >
-        <p>Multiple <code>v-checkbox</code>'s can share the same <code>v-model</code> by using an array.</p>
-
-        <DemoCheckboxModelAsArray />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Icon -->
-      <AppCardCode
-        title="Icon"
-        :code="icon"
-      >
-        <p>Use <code>false-icon</code> and <code>true-icon</code> prop to change the icon on the checkbox.</p>
-
-        <DemoCheckboxIcon />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Checkbox Value -->
-      <AppCardCode
-        title="Checkbox Value"
-        :code="checkboxValue"
-      >
-        <p>Use <code>false-value</code> and <code>true-value</code> prop to sets value for truthy and falsy state</p>
-
-        <DemoCheckboxCheckboxValue />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 States -->
-      <AppCardCode
-        title="States"
-        :code="states"
-      >
-        <p><code>v-checkbox</code> can have different states such as <code>default</code>, <code>disabled</code>, and <code>indeterminate</code>.</p>
-
-        <DemoCheckboxStates />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Label Slot -->
-      <AppCardCode
-        title="Label Slot"
-        :code="labelSlot"
-      >
-        <p>Checkbox labels can be defined in <code>label</code> slot - that will allow to use HTML content.</p>
-
-        <DemoCheckboxLabelSlot />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Inline text-field -->
-      <AppCardCode
-        title="Inline text-field"
-        :code="inlineTextField"
-      >
-        <p>You can place <code>v-checkbox</code> in line with other components such as <code>v-text-field</code>.</p>
-
-        <DemoCheckboxInlineTextField />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/combobox.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/combobox.vue
deleted file mode 100644
index 947b0ec..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/combobox.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<script lang="ts" setup>
-import { basic, clearable, density, multiple, noDataWithChips, variant } from '@/views/demos/forms/form-elements/combobox/demoCodeCombobox'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>With Combobox, you can allow a user to create new values that may not be present in a provided items list.</p>
-
-        <DemoComboboxBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Density -->
-      <AppCardCode
-        title="Density"
-        :code="density"
-      >
-        <p>
-          You can use <code>Density</code> prop to reduce combobox height and lower max height of list items. Available options are: <code>default</code>, <code>comfortable</code>, and <code>compact</code>.
-        </p>
-
-        <DemoComboboxDensity />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Variant -->
-      <AppCardCode
-        title="Variant"
-        :code="variant"
-      >
-        <p>Use <code>solo</code>, <code>outlined</code>, <code>underlined</code>, <code>filled</code> and <code>plain</code> options of <code>variant</code> prop to change the look of combobox. </p>
-
-        <DemoComboboxVariant />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Multiple -->
-      <AppCardCode
-        title="Multiple"
-        :code="multiple"
-      >
-        <p>Previously known as tags - user is allowed to enter more than 1 value</p>
-
-        <DemoComboboxMultiple />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 No data with chips -->
-      <AppCardCode
-        title="No data with chips"
-        :code="noDataWithChips"
-      >
-        <p>Previously known as tags - user is allowed to enter more than 1 value</p>
-
-        <DemoComboboxNoDataWithChips />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Clearable -->
-
-      <AppCardCode
-        title="Clearable"
-        :code="clearable"
-      >
-        <p>Use <code>clearable</code> prop to clear combobox.</p>
-
-        <DemoComboboxClearable />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/custom-input.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/custom-input.vue
deleted file mode 100644
index 6ee847b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/custom-input.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<script setup lang="ts">
-import { customCheckboxes, customCheckboxesWithIcon, customCheckboxesWithImage, customRadios, customRadiosWithIcon, customRadiosWithImage } from '@/views/demos/forms/form-elements/custom-input/demoCodeCustomInput'
-</script>
-
-<template>
-  <VRow>
-    <!-- 👉 Custom Radios -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Custom Radios"
-        :code="customRadios"
-      >
-        <DemoCustomInputCustomRadios />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Custom Checkboxes -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Custom Checkboxes"
-        :code="customCheckboxes"
-      >
-        <DemoCustomInputCustomCheckboxes />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Custom Radios With Icon -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Custom Radios With Icon"
-        :code="customRadiosWithIcon"
-      >
-        <DemoCustomInputCustomRadiosWithIcon />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Custom Checkboxes with icon -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Custom Checkboxes With Icon"
-        :code="customCheckboxesWithIcon"
-      >
-        <DemoCustomInputCustomCheckboxesWithIcon />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Custom Radios with image -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Custom Radios With Image"
-        :code="customRadiosWithImage"
-      >
-        <DemoCustomInputCustomRadiosWithImage />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Custom Checkboxes with Image -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Custom Checkboxes With Image"
-        :code="customCheckboxesWithImage"
-      >
-        <DemoCustomInputCustomCheckboxesWithImage />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/date-time-picker.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/date-time-picker.vue
deleted file mode 100644
index 3e5a3dd..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/date-time-picker.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<script setup lang="ts">
-import { basic, dateAndTime, disabledRange, humanFriendly, inline, multipleDates, range, timePicker } from '@/views/demos/forms/form-elements/date-time-picker/demoCodeDateTimePicker'
-</script>
-
-<template>
-  <VRow>
-    <!-- 👉 Basic -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <DemoDateTimePickerBasic />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Time Picker -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Time Picker"
-        :code="timePicker"
-      >
-        <DemoDateTimePickerTimePicker />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Date & TIme -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Date and Time"
-        :code="dateAndTime"
-      >
-        <DemoDateTimePickerDateAndTime />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Multiple Dates -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Multiple Dates"
-        :code="multipleDates"
-      >
-        <DemoDateTimePickerMultipleDates />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Range -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Range"
-        :code="range"
-      >
-        <DemoDateTimePickerRange />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Human Friendly -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Human Friendly"
-        :code="humanFriendly"
-      >
-        <DemoDateTimePickerHumanFriendly />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Disabled Range -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Disabled Range"
-        :code="disabledRange"
-      >
-        <DemoDateTimePickerDisabledRange />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Inline -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <AppCardCode
-        title="Inline"
-        :code="inline"
-      >
-        <DemoDateTimePickerInline />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/editors.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/editors.vue
deleted file mode 100644
index 4121141..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/editors.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<script setup lang="ts">
-import { basicEditor, customEditor } from '@/views/demos/forms/form-elements/editor/demoCodeEditor'
-</script>
-
-<template>
-  <VRow>
-    <!-- 👉 Basic Editor  -->
-    <VCol cols="12">
-      <AppCardCode
-        title="Basic Editor"
-        :code="basicEditor"
-      >
-        <DemoEditorBasicEditor />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <AppCardCode
-        title="Custom Editor"
-        :code="customEditor"
-      >
-        <DemoEditorCustomEditor />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/file-input.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/file-input.vue
deleted file mode 100644
index 5e14cc8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/file-input.vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<script setup lang="ts">
-import { accept, basic, chips, counter, density, loading, multiple, prependIcon, selectionSlot, showSize, validation, variant } from '@/views/demos/forms/form-elements/file-input/demoCodeFileInput'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>The <code>v-file-input</code> component is used to selecting files.</p>
-
-        <DemoFileInputBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Density -->
-      <AppCardCode
-        title="Density"
-        :code="density"
-      >
-        <p>You can reduces the file input height with <code>density</code> prop.  Available options are: <code>default</code>, <code>comfortable</code>, and <code>compact</code>.</p>
-
-        <DemoFileInputDensity />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Variant -->
-      <AppCardCode
-        title="Variant"
-        :code="variant"
-      >
-        <p>use <code>solo</code>, <code>filled</code>, <code>outlined</code>, <code>plain</code> and <code>underlined</code> option of <code>variant</code> prop to change the look of file input.</p>
-
-        <DemoFileInputVariant />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Accept -->
-      <AppCardCode
-        title="Accept"
-        :code="accept"
-      >
-        <p><code>v-file-input</code> component can accept only specific media formats/file types if you want.</p>
-
-        <DemoFileInputAccept />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Chips -->
-      <AppCardCode
-        title="Chips"
-        :code="chips"
-      >
-        <p>Use <code>chip</code> prop to display the selected file as a chip.</p>
-
-        <DemoFileInputChips />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Counter -->
-      <AppCardCode
-        title="Counter"
-        :code="counter"
-      >
-        <p>When using the <code>show-size</code> property along with <code>counter</code>, the total number of files and size will be displayed under the input.</p>
-
-        <DemoFileInputCounter />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Multiple -->
-      <AppCardCode
-        title="Multiple"
-        :code="multiple"
-      >
-        <p>
-          The <code>v-file-input</code> can contain multiple files at the same time when using the <code>multiple</code> prop.
-        </p>
-
-        <DemoFileInputMultiple />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Prepend icon -->
-      <AppCardCode
-        title="Prepend icon"
-        :code="prependIcon"
-      >
-        <p>
-          The <code>v-file-input</code> has a default <code>prepend-icon</code> that can be set on the component or adjusted globally.
-        </p>
-
-        <DemoFileInputPrependIcon />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Show size -->
-      <AppCardCode
-        title="Show size"
-        :code="showSize"
-      >
-        <p>The displayed size of the selected file(s) can be configured with the <code>show-size</code> property.</p>
-
-        <DemoFileInputShowSize />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Validation -->
-      <AppCardCode
-        title="Validation"
-        :code="validation"
-      >
-        <p>You can use the <code>rules</code> prop to create your own custom validation parameters.</p>
-
-        <DemoFileInputValidation />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Selection slot -->
-      <AppCardCode
-        title="Selection slot"
-        :code="selectionSlot"
-      >
-        <p>Using the <code>selection</code> slot, you can customize the appearance of your input selections.</p>
-
-        <DemoFileInputSelectionSlot />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Loading -->
-      <AppCardCode
-        title="Loading"
-        :code="loading"
-      >
-        <p>Use <code>loading</code> prop to displays linear progress bar.</p>
-
-        <DemoFileInputLoading />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/form-layouts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/form-layouts.vue
deleted file mode 100644
index 370a3d6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/form-layouts.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-<script setup lang="ts">
-import { formHint, formValidation, formWithTabs, horizontalForm, horizontalFormWithIcons, multipleColumn, verticalForm, verticalFormWithIcons } from '@/views/demos/forms/form-layout/demoCodeFormLayout'
-</script>
-
-<template>
-  <div>
-    <VRow>
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <!-- 👉 Horizontal Form -->
-        <AppCardCode
-          title="Horizontal Form"
-          :code="horizontalForm"
-        >
-          <DemoFormLayoutHorizontalForm />
-        </AppCardCode>
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <!-- 👉 Horizontal Form with Icons -->
-        <AppCardCode
-          title="Horizontal Form with Icons"
-          :code="horizontalFormWithIcons"
-        >
-          <DemoFormLayoutHorizontalFormWithIcons />
-        </AppCardCode>
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <!-- 👉 Vertical Form -->
-        <AppCardCode
-          title="Vertical Form"
-          :code="verticalForm"
-        >
-          <DemoFormLayoutVerticalForm />
-        </AppCardCode>
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <!-- 👉 Vertical Form with Icons -->
-        <AppCardCode
-          title="Vertical Form with Icons"
-          :code="verticalFormWithIcons"
-        >
-          <DemoFormLayoutVerticalFormWithIcons />
-        </AppCardCode>
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Multiple Column -->
-        <AppCardCode
-          title="Multiple Column"
-          :code="multipleColumn"
-        >
-          <DemoFormLayoutMultipleColumn />
-        </AppCardCode>
-      </VCol>
-    </VRow>
-
-    <VRow class="match-height my-3">
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <!-- 👉 Form Hint -->
-        <AppCardCode
-          title="Form Hint"
-          :code="formHint"
-        >
-          <DemoFormLayoutFormHint />
-        </AppCardCode>
-      </VCol>
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <!-- 👉 Form Validation -->
-        <AppCardCode
-          title="Form Validation"
-          :code="formValidation"
-        >
-          <DemoFormLayoutFormValidation />
-        </AppCardCode>
-      </VCol>
-    </VRow>
-
-    <VRow>
-      <VCol cols="12">
-        <!-- 👉 Form with Tabs -->
-        <AppCardCode
-          title="Form with Tabs"
-          no-padding
-          :code="formWithTabs"
-        >
-          <DemoFormLayoutFormWithTabs />
-        </AppCardCode>
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Collapsible Section -->
-        <h6 class="text-h6 mb-6">
-          Collapsible Section
-        </h6>
-
-        <DemoFormLayoutCollapsible />
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Collapsible Section -->
-        <h6 class="text-h6 mb-6">
-          Sticky Section
-        </h6>
-
-        <DemoFormLayoutSticky />
-      </VCol>
-    </VRow>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/form-validation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/form-validation.vue
deleted file mode 100644
index e5d201d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/form-validation.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script setup lang="ts">
-import { simpleFormValidation, validatingMultipleRules, validationTypes } from '@/views/demos/forms/form-validation/demoCodeFormValidation'
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <!-- 👉 Simple Form Validation -->
-      <AppCardCode
-        title="Simple Form Validation"
-        :code="simpleFormValidation"
-      >
-        <p>Use <code>Rules</code> prop to validate the input.</p>
-
-        <DemoFormValidationSimpleFormValidation />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Validating Multiple Rules -->
-      <AppCardCode
-        title="Validating Multiple Rules"
-        :code="validatingMultipleRules"
-      >
-        <DemoFormValidationValidatingMultipleRules />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Validation Types -->
-      <AppCardCode
-        title="Validation Types"
-        :code="validationTypes"
-      >
-        <DemoFormValidationValidationTypes />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/form-wizard-icons.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/form-wizard-icons.vue
deleted file mode 100644
index eb3586f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/form-wizard-icons.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<script setup lang="ts">
-import { basic, modernBasic, modernVertical, validation, vertical } from '@/views/demos/forms/form-wizard/form-wizard-icons/demoCodeFormWizardIcons'
-
-import DemoFormWizardIconsBasic from '@/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsBasic.vue'
-import DemoFormWizardIconsModernBasic from '@/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsModernBasic.vue'
-import DemoFormWizardIconsValidation from '@/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsValidation.vue'
-import DemoFormWizardIconsVertical from '@/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsVertical.vue'
-</script>
-
-<template>
-  <VRow>
-    <!-- 👉 Basic -->
-    <VCol cols="12">
-      <AppCardCode
-        variant="outlined"
-        title="Basic"
-        :code="basic"
-      >
-        <DemoFormWizardIconsBasic />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Validation -->
-    <VCol cols="12">
-      <AppCardCode
-        variant="outlined"
-        title="Validation"
-        :code="validation"
-      >
-        <DemoFormWizardIconsValidation />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Vertical -->
-    <VCol cols="12">
-      <AppCardCode
-        variant="outlined"
-        title="Vertical"
-        :code="vertical"
-      >
-        <DemoFormWizardIconsVertical />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-
-  <VDivider class="my-10 mx-n6" />
-  <h3 class="text-h3 my-4">
-    Modern
-  </h3>
-
-  <VRow>
-    <!-- 👉 Modern Basic -->
-    <VCol cols="12">
-      <AppCardCode
-        variant="outlined"
-        title="Modern basic"
-        :code="modernBasic"
-      >
-        <DemoFormWizardIconsModernBasic />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Modern Vertical -->
-    <VCol cols="12">
-      <AppCardCode
-        variant="outlined"
-        title="Modern Vertical"
-        :code="modernVertical"
-      >
-        <DemoFormWizardIconsModernVertical />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/form-wizard-numbered.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/form-wizard-numbered.vue
deleted file mode 100644
index 8c2c2e2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/form-wizard-numbered.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<script setup lang="ts">
-import { basic, modernBasic, modernVertical, validation, vertical } from '@/views/demos/forms/form-wizard/form-wizard-numbered/demoCodeFormWizardNumbered'
-
-import DemoFormWizardNumberedBasic from '@/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedBasic.vue'
-import DemoFormWizardNumberedModernBasic from '@/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedModernBasic.vue'
-import DemoFormWizardNumberedModernVertical from '@/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedModernVertical.vue'
-import DemoFormWizardNumberedValidation from '@/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedValidation.vue'
-import DemoFormWizardNumberedVertical from '@/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedVertical.vue'
-</script>
-
-<template>
-  <VRow>
-    <!-- 👉 Basic -->
-    <VCol cols="12">
-      <AppCardCode
-        variant="outlined"
-        title="Basic"
-        :code="basic"
-      >
-        <DemoFormWizardNumberedBasic />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Validation -->
-    <VCol cols="12">
-      <AppCardCode
-        variant="outlined"
-        title="Validation"
-        :code="validation"
-      >
-        <DemoFormWizardNumberedValidation />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Vertical -->
-    <VCol cols="12">
-      <AppCardCode
-        variant="outlined"
-        title="Vertical"
-        :code="vertical"
-      >
-        <DemoFormWizardNumberedVertical />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-
-  <VDivider class="my-10 mx-n6" />
-  <h3 class="text-h3 my-4">
-    Modern
-  </h3>
-
-  <VRow>
-    <!-- 👉 Modern Vertical -->
-    <VCol cols="12">
-      <AppCardCode
-        variant="outlined"
-        title="Modern Vertical"
-        :code="modernVertical"
-      >
-        <DemoFormWizardNumberedModernVertical />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉Modern Basic -->
-    <VCol cols="12">
-      <AppCardCode
-        variant="outlined"
-        title="Modern Basic"
-        :code="modernBasic"
-      >
-        <DemoFormWizardNumberedModernBasic />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/radio.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/radio.vue
deleted file mode 100644
index 4074cd6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/radio.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<script setup lang="ts">
-import { basic, colors, density, icon, inline, labelSlot, validation } from '@/views/demos/forms/form-elements/radio/demoCodeRadio'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>The <code>v-radio</code> component is a simple radio button.</p>
-
-        <DemoRadioBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Colors -->
-      <AppCardCode
-        title="Colors"
-        :code="colors"
-      >
-        <p>Radios can be colored by using any of the built-in colors and contextual names using the <code>color</code> prop.</p>
-
-        <DemoRadioColors />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Inline -->
-      <AppCardCode
-        title="Inline"
-        :code="inline"
-      >
-        <p>Use <code>inline</code> prop to displays radio buttons in row.</p>
-
-        <DemoRadioInline />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Density -->
-      <AppCardCode
-        title="Density"
-        :code="density"
-      >
-        <p>Use <code>density</code> prop to adjusts the spacing within the component. Available options are: <code>default</code>, <code>comfortable</code>, and <code>compact</code>.</p>
-
-        <DemoRadioDensity />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Label Slot -->
-      <AppCardCode
-        title="Label Slot"
-        :code="labelSlot"
-      >
-        <p>Radio Group labels can be defined in <code>label</code> slot - that will allow to use HTML content.</p>
-
-        <DemoRadioLabelSlot />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Icon -->
-      <AppCardCode
-        title="Icon"
-        :code="icon"
-      >
-        <p>Use <code>false-icon</code> and <code>true-icon</code> prop to set icon on inactive and active state.</p>
-
-        <DemoRadioIcon />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Validation -->
-      <AppCardCode
-        title="Validation"
-        :code="validation"
-      >
-        <p>Use <code>rules</code> prop to validate a radio. Accepts a mixed array of types <code>function</code>, <code>boolean</code> and <code>string</code>. Functions pass an input value as an argument and must return either <code>true</code> / <code>false</code> or a string containing an error message.</p>
-
-        <DemoRadioValidation />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/range-slider.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/range-slider.vue
deleted file mode 100644
index 9a1db61..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/range-slider.vue
+++ /dev/null
@@ -1,99 +0,0 @@
-<script setup lang="ts">
-import { basic, color, disabled, step, thumbLabel, vertical } from '@/views/demos/forms/form-elements/range-slider/demoCodeRangeSlider'
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>The <code>v-slider</code> component is a better visualization of the number input.</p>
-
-        <DemoRangeSliderBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Disabled -->
-      <AppCardCode
-        title="Disabled"
-        :code="disabled"
-      >
-        <p>You cannot interact with <code>disabled</code> sliders.</p>
-
-        <DemoRangeSliderDisabled />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Color -->
-      <AppCardCode
-        title="Color"
-        :code="color"
-      >
-        <p>Use <code>color</code> prop to the sets the slider color. <code>track-color</code> prop to sets the color of slider's unfilled track.</p>
-
-        <DemoRangeSliderColor />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Step -->
-      <AppCardCode
-        title="Step"
-        :code="step"
-      >
-        <p><code>v-range-slider</code> can have steps other than 1. This can be helpful for some applications where you need to adjust values with more or less accuracy.</p>
-
-        <DemoRangeSliderStep />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Thumb label -->
-      <AppCardCode
-        title="Thumb label"
-        :code="thumbLabel"
-      >
-        <p>
-          Using the <code>tick-labels</code> prop along with the <code>thumb-label</code> slot, you can create a very customized solution.
-        </p>
-
-        <DemoRangeSliderThumbLabel />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Vertical -->
-      <AppCardCode
-        title="Vertical"
-        :code="vertical"
-      >
-        <p>You can use the <code>vertical</code> prop to switch sliders to a vertical orientation. If you need to change the height of the slider, use css.</p>
-
-        <DemoRangeSliderVertical />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/rating.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/rating.vue
deleted file mode 100644
index 0cca4b3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/rating.vue
+++ /dev/null
@@ -1,157 +0,0 @@
-<script setup lang="ts">
-import { basic, clearable, colors, density, hover, incremented, itemSlot, length, readonly, size } from '@/views/demos/forms/form-elements/rating/demoCodeRating'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>The <code>v-rating</code> component provides a simple interface for gathering user feedback.</p>
-
-        <DemoRatingBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Density -->
-      <AppCardCode
-        title="Density"
-        :code="density"
-      >
-        <p>Control the space occupied by <code>v-rating</code> items using the <code>density</code> prop.</p>
-
-        <DemoRatingDensity />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Colors -->
-      <AppCardCode
-        title="Colors"
-        :code="colors"
-      >
-        <p>The <code>v-rating</code> component can be colored as you want, you can set both selected and not selected colors.</p>
-
-        <DemoRatingColors />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Size -->
-      <AppCardCode
-        title="Size"
-        :code="size"
-      >
-        <p>Utilize the same sizing classes available in <code>v-icon</code> or provide your own with the <code>size</code> prop.</p>
-
-        <DemoRatingSize />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Length -->
-      <AppCardCode
-        title="Length"
-        :code="length"
-      >
-        <p>Change the number of items by modifying the the <code>length</code> prop.</p>
-
-        <DemoRatingLength />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Clearable -->
-      <AppCardCode
-        title="Clearable"
-        :code="clearable"
-      >
-        <p>Use <code>clearable</code> prop to allows for the component to be cleared. Triggers when the icon containing the current value is clicked.</p>
-
-        <DemoRatingClearable />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Readonly -->
-      <AppCardCode
-        title="Readonly"
-        :code="readonly"
-      >
-        <p>For ratings that are not meant to be changed you can use <code>readonly</code> prop.</p>
-
-        <DemoRatingReadonly />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Hover -->
-      <AppCardCode
-        title="Hover"
-        :code="hover"
-      >
-        <p>Provides visual feedback when hovering over icons</p>
-
-        <DemoRatingHover />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Incremented -->
-      <AppCardCode
-        title="Incremented"
-        :code="incremented"
-      >
-        <p>The <code>half-increments</code> prop increases the granularity of the ratings, allow for .5 values as well.</p>
-
-        <DemoRatingIncremented />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Item slot -->
-      <AppCardCode
-        title="Item slot"
-        :code="itemSlot"
-      >
-        <p>Slots enable advanced customization possibilities and provide you with more freedom in how you display the rating.</p>
-
-        <DemoRatingItemSlot />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/select.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/select.vue
deleted file mode 100644
index ff51ddf..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/select.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-<script setup lang="ts">
-import { basic, chips, customTextAndValue, density, icons, menuProps, multiple, selectionSlot, variant } from '@/views/demos/forms/form-elements/select/demoCodeSelect'
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>Select fields components are used for collecting user provided information from a list of options.</p>
-        <DemoSelectBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Density -->
-      <AppCardCode
-        title="Density"
-        :code="density"
-      >
-        <p>You can use <code>density</code> prop to reduce the field height and lower max height of list items.</p>
-        <DemoSelectDensity />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Variant -->
-      <AppCardCode
-        title="Variant"
-        :code="variant"
-      >
-        <p>
-          Use <code>filled</code>, <code>outlined</code>, <code>solo</code>, <code>underlined</code> and <code>plain</code> options of <code>variant</code> prop to change appearance of select.
-        </p>
-
-        <DemoSelectVariant />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Custom text and value -->
-      <AppCardCode
-        title="Custom text and value"
-        :code="customTextAndValue"
-      >
-        <p>You can specify the specific properties within your items array that correspond to the title and value fields. In this example we also use the return-object prop which will return the entire object of the selected item on selection.</p>
-
-        <DemoSelectCustomTextAndValue />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Icons -->
-      <AppCardCode
-        title="Icons"
-        :code="icons"
-      >
-        <p>Use a custom <code>prepend</code> or <code>appended</code> icon.</p>
-
-        <DemoSelectIcons />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Chips -->
-      <AppCardCode
-        title="Chips"
-        :code="chips"
-      >
-        <p>Use <code>chips</code> prop to make selected option as chip.</p>
-
-        <DemoSelectChips />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Menu Props -->
-      <AppCardCode
-        title="Menu Props"
-        :code="menuProps"
-      >
-        <p>Custom props can be passed directly to <code>v-menu</code> using <code>menuProps</code> prop.</p>
-
-        <DemoSelectMenuProps />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Multiple -->
-      <AppCardCode
-        title="Multiple"
-        :code="multiple"
-      >
-        <p>Use <code>multiple</code> prop to select multiple option.</p>
-
-        <DemoSelectMultiple />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Selection slot -->
-      <AppCardCode
-        title="Selection slot"
-        :code="selectionSlot"
-      >
-        <p>The <code>selection</code> slot can be used to customize the way selected values are shown in the input.</p>
-
-        <DemoSelectSelectionSlot />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/slider.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/slider.vue
deleted file mode 100644
index ccb4cfd..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/slider.vue
+++ /dev/null
@@ -1,204 +0,0 @@
-<script setup lang="ts">
-import { appendAndPrepend, appendTextField, basic, colors, disabledAndReadonly, icons, minAndMax, size, step, thumb, ticks, validation, vertical } from '@/views/demos/forms/form-elements/slider/demoCodeSlider'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>The <code>v-slider</code> component is a better visualization of the number input.</p>
-
-        <DemoSliderBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Disabled and Readonly -->
-      <AppCardCode
-        title="Disabled and Readonly"
-        :code="disabledAndReadonly"
-      >
-        <p>You cannot interact with <code>disabled</code> and <code>readonly</code> sliders.</p>
-
-        <DemoSliderDisabledAndReadonly />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Colors -->
-      <AppCardCode
-        title="Colors"
-        :code="colors"
-      >
-        <p>You can set the colors of the slider using the props <code>color</code>, <code>track-color</code> and <code>thumb-color</code>.</p>
-
-        <DemoSliderColors />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Icons -->
-      <AppCardCode
-        title="Icons"
-        :code="icons"
-      >
-        <p>You can add icons to the slider with the <code>append-icon</code> and <code>prepend-icon</code> props.</p>
-
-        <DemoSliderIcons />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Step -->
-      <AppCardCode
-        title="Step"
-        :code="step"
-      >
-        <p>Using the <code>step</code> prop you can control the precision of the slider, and how much it should move each step.</p>
-
-        <DemoSliderStep />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Validation -->
-      <AppCardCode
-        title="Validation"
-        :code="validation"
-      >
-        <p>Vuetify includes simple validation through the <code>rules</code> prop.</p>
-
-        <DemoSliderValidation />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Min and Max -->
-      <AppCardCode
-        title="Min and Max"
-        :code="minAndMax"
-      >
-        <p>You can set <code>min</code> and <code>max</code> values of sliders.</p>
-
-        <DemoSliderMinAndMax />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Size -->
-      <AppCardCode
-        title="Size"
-        :code="size"
-      >
-        <p>Use <code>thumb-size</code>, <code>tick-size</code>, and <code>track-size</code> prop to increase and decrease the size of thumb, tick and track. </p>
-
-        <DemoSliderSize />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Thumb -->
-      <AppCardCode
-        title="Thumb"
-        :code="thumb"
-      >
-        <p>You can display a thumb label while sliding or always with the <code>thumb-label</code> prop.</p>
-
-        <DemoSliderThumb />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Ticks -->
-      <AppCardCode
-        title="Ticks"
-        :code="ticks"
-      >
-        <p>Tick marks represent predetermined values to which the user can move the slider.</p>
-
-        <DemoSliderTicks />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Vertical -->
-      <AppCardCode
-        title="Vertical"
-        :code="vertical"
-      >
-        <p>
-          You can use the <code>vertical</code> prop to switch sliders to a vertical orientation.
-        </p>
-
-        <DemoSliderVertical />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Append text field -->
-      <AppCardCode
-        title="Append text field"
-        :code="appendTextField"
-      >
-        <p>Sliders can be combined with other components in its <code>append</code> slot, such as <code>v-text-field</code>, to add additional functionality to the component.</p>
-
-        <DemoSliderAppendTextField />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Append and prepend -->
-      <AppCardCode
-        title="Append and prepend"
-        :code="appendAndPrepend"
-      >
-        <p>Use slots such as <code>append</code> and <code>prepend</code> to easily customize the <code>v-slider</code> to fit any situation.</p>
-
-        <DemoSliderAppendAndPrepend />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/switch.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/switch.vue
deleted file mode 100644
index 5db2192..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/switch.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<script setup lang="ts">
-import { basic, colors, inset, labelSlot, modelAsArray, states, trueAndFalseValue } from '@/views/demos/forms/form-elements/switch/demoCodeSwitch'
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>A <code>v-switch</code> in its simplest form provides a toggle between 2 values.</p>
-
-        <DemoSwitchBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Inset -->
-      <AppCardCode
-        title="Inset"
-        :code="inset"
-      >
-        <p>To change the default <code>inset</code> switch, simply modify the inset prop to a <code>false</code> value.</p>
-
-        <DemoSwitchInset />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Colors -->
-      <AppCardCode
-        title="Colors"
-        :code="colors"
-      >
-        <p>Switches can be colored by using any of the builtin colors and contextual names using the <code>color</code> prop.</p>
-
-        <DemoSwitchColors />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Model as array -->
-      <AppCardCode
-        title="Model as array"
-        :code="modelAsArray"
-      >
-        <p>Multiple <code>v-switch</code>'s can share the same <code>v-model</code> by using an array.</p>
-
-        <DemoSwitchModelAsArray />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Label slot -->
-      <AppCardCode
-        title="Label slot"
-        :code="labelSlot"
-      >
-        <p>Switch labels can be defined in <code>label</code> slot - that will allow to use HTML content.</p>
-
-        <DemoSwitchLabelSlot />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 True and False Value -->
-      <AppCardCode
-        title="True and False Value"
-        :code="trueAndFalseValue"
-      >
-        <p>
-          Use <code>false-value</code> and <code>true-value</code> prop to sets value for truthy and falsy state
-        </p>
-
-        <DemoSwitchTrueAndFalseValue />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 States -->
-      <AppCardCode
-        title="States"
-        :code="states"
-      >
-        <p><code>v-switch</code> can have different states such as <code>default</code>, <code>disabled</code>, and <code>loading</code>.</p>
-
-        <DemoSwitchStates />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/textarea.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/textarea.vue
deleted file mode 100644
index 209ab7d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/textarea.vue
+++ /dev/null
@@ -1,175 +0,0 @@
-<script setup lang="ts">
-import { autoGrow, basic, browserAutocomplete, clearable, counter, icons, noResize, rows, states, validation, variant } from '@/views/demos/forms/form-elements/textarea/demoCodeTextarea'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>
-          v-textarea in its simplest form is a multi-line text-field, useful for larger amounts of text.
-        </p>
-
-        <DemoTextareaBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Auto Grow -->
-      <AppCardCode
-        title="Auto Grow"
-        :code="autoGrow"
-      >
-        <p>When using the <code>auto-grow</code> prop, textarea's will automatically increase in size when the contained text exceeds its size.</p>
-
-        <DemoTextareaAutoGrow />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Variant -->
-      <AppCardCode
-        title="Variant"
-        :code="variant"
-      >
-        <p>Use <code>filled</code>, <code>plain</code>, <code>outlined</code>, <code>solo</code> and <code>underlined</code> option of <code>variant</code> prop to change the look of file input.</p>
-
-        <DemoTextareaVariant />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 States -->
-      <AppCardCode
-        title="States"
-        :code="states"
-      >
-        <p>Use <code>disabled</code> and <code>readonly</code> prop to change the state of textarea.</p>
-
-        <DemoTextareaStates />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Browser autocomplete -->
-      <AppCardCode
-        title="Browser autocomplete"
-        :code="browserAutocomplete"
-      >
-        <p>
-          The <code>autocomplete</code> prop gives you the option to enable the browser to predict user input.
-        </p>
-
-        <DemoTextareaBrowserAutocomplete />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Clearable -->
-      <AppCardCode
-        title="Clearable"
-        :code="clearable"
-      >
-        <p>You can clear the text from a <code>v-textarea</code> by using the <code>clearable</code> prop, and customize the icon used with the <code>clearable-icon</code> prop.</p>
-
-        <DemoTextareaClearable />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Counter -->
-      <AppCardCode
-        title="Counter"
-        :code="counter"
-      >
-        <p>
-          The <code>counter</code> prop informs the user of a character limit for the <code>v-textarea</code>.
-        </p>
-
-        <DemoTextareaCounter />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Icons -->
-      <AppCardCode
-        title="Icons"
-        :code="icons"
-      >
-        <p>The <code>append-icon</code>, <code>prepend-icon</code>, <code>append-inner-icon</code> and <code>prepend-inner-icon</code> props help add context to v-textarea.</p>
-
-        <DemoTextareaIcons />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Rows -->
-      <AppCardCode
-        title="Rows"
-        :code="rows"
-      >
-        <p>The <code>rows</code> prop allows you to define how many rows the textarea has, when combined with the <code>row-height</code> prop you can further customize your rows by defining their height.</p>
-
-        <DemoTextareaRows />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 No resize -->
-      <AppCardCode
-        title="No resize"
-        :code="noResize"
-      >
-        <p><code>v-textarea</code>'s have the option to remain the same size regardless of their content's size, using the <code>no-resize</code> prop.</p>
-
-        <DemoTextareaNoResize />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Validation -->
-      <AppCardCode
-        title="Validation"
-        :code="validation"
-      >
-        <p>Use <code>rules</code> prop to validate the textarea.</p>
-
-        <DemoTextareaValidation />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/textfield.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/textfield.vue
deleted file mode 100644
index ae38b34..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/forms/textfield.vue
+++ /dev/null
@@ -1,229 +0,0 @@
-<script setup lang="ts">
-import { basic, clearable, counter, customColors, density, iconEvents, iconSlots, icons, labelSlot, passwordInput, prefixesAndSuffixes, singleLine, state, validation, variant } from '@/views/demos/forms/form-elements/textfield/demoCodeTextfield'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-      >
-        <p>Text fields components are used for collecting user provided information.</p>
-
-        <DemoTextfieldBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Density -->
-      <AppCardCode
-        title="Density"
-        :code="density"
-      >
-        <p>The <code>density</code> prop decreases the height of the text field based upon levels of density; <code>default</code>,<code>comfortable</code>, and <code>compact</code>.</p>
-
-        <DemoTextfieldDensity />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Variant -->
-      <AppCardCode
-        title="Variant"
-        :code="variant"
-      >
-        <p>Use <code>solo</code>, <code>filled</code>, <code>outlined</code>, <code>plain</code> and <code>underlined</code> option of <code>variant</code> prop to change the look of the textfield. </p>
-
-        <DemoTextfieldVariant />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 State -->
-      <AppCardCode
-        title="State"
-        :code="state"
-      >
-        <p>Text fields can be disabled or readonly.</p>
-
-        <DemoTextfieldState />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Counter -->
-      <AppCardCode
-        title="Counter"
-        :code="counter"
-      >
-        <p>Use a <code>counter</code> prop to inform a user of the character limit.</p>
-
-        <DemoTextfieldCounter />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Clearable -->
-      <AppCardCode
-        title="Clearable"
-        :code="clearable"
-      >
-        <p>When clearable, you can customize the clear icon with clear-icon.</p>
-
-        <DemoTextfieldClearable />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Custom Colors -->
-      <AppCardCode
-        title="Custom Colors"
-        :code="customColors"
-      >
-        <p>Use <code>color</code> prop to change the input border color.</p>
-
-        <DemoTextfieldCustomColors />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Icons -->
-      <AppCardCode
-        title="Icons"
-        :code="icons"
-      >
-        <p>You can add icons to the text field with <code>prepend-icon</code>, <code>append-icon</code> and <code>append-inner-icon</code> and <code>prepend-inner-icon</code> props.</p>
-
-        <DemoTextfieldIcons />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Prefixes and suffixes -->
-      <AppCardCode
-        title="Prefixes and suffixes"
-        :code="prefixesAndSuffixes"
-      >
-        <p>The <code>prefix</code> and <code>suffix</code> properties allows you to prepend and append inline non-modifiable text next to the text field.</p>
-
-        <DemoTextfieldPrefixesAndSuffixes />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Single line  -->
-      <AppCardCode
-        title="Single line"
-        :code="singleLine"
-      >
-        <p><code>single-line</code> text fields do not float their label on focus or with data.</p>
-
-        <DemoTextfieldSingleLine />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Validation -->
-      <AppCardCode
-        title="Validation"
-        :code="validation"
-      >
-        <p>Vuetify includes simple validation through the <code>rules</code> prop.</p>
-
-        <DemoTextfieldValidation />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Icon events -->
-      <AppCardCode
-        title="Icon events"
-        :code="iconEvents"
-      >
-        <p><code>click:prepend</code>, <code>click:append</code>, <code>click:append-inner</code>, and <code>click:clear</code> will be emitted when you click on the respective icon</p>
-
-        <DemoTextfieldIconEvents />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Label Slot -->
-      <AppCardCode
-        title="Label Slot"
-        :code="labelSlot"
-      >
-        <p>Text field label can be defined in <code>label</code> slot - that will allow to use HTML content.</p>
-
-        <DemoTextfieldLabelSlot />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Password input -->
-      <AppCardCode
-        title="Password input"
-        :code="passwordInput"
-      >
-        <p>Using the HTML input <code>type</code> password can be used with an appended icon and callback to control the visibility.</p>
-
-        <DemoTextfieldPasswordInput />
-      </AppCardCode>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Icon slots -->
-      <AppCardCode
-        title="Icon slots"
-        :code="iconSlots"
-      >
-        <p>Instead of using <code>prepend</code>/<code>append</code>/<code>append-inner</code> icons you can use slots to extend input's functionality.</p>
-
-        <DemoTextfieldIconSlots />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/checkout.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/checkout.vue
deleted file mode 100644
index cbb0524..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/checkout.vue
+++ /dev/null
@@ -1,171 +0,0 @@
-<script setup lang="ts">
-import Footer from '@/views/front-pages/front-page-footer.vue'
-import Navbar from '@/views/front-pages/front-page-navbar.vue'
-import AddressContent from '@/views/wizard-examples/checkout/Address.vue'
-import CartContent from '@/views/wizard-examples/checkout/Cart.vue'
-import ConfirmationContent from '@/views/wizard-examples/checkout/Confirmation.vue'
-import PaymentContent from '@/views/wizard-examples/checkout/Payment.vue'
-import type { CheckoutData } from '@/views/wizard-examples/checkout/types'
-import googleHome from '@images/pages/google-home.png'
-import iphone11 from '@images/pages/iphone-11.png'
-import customAddress from '@images/svg/address.svg'
-import customCart from '@images/svg/cart.svg'
-import customPayment from '@images/svg/payment.svg'
-import customTrending from '@images/svg/trending.svg'
-
-import { useConfigStore } from '@core/stores/config'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const store = useConfigStore()
-
-store.skin = 'default'
-
-const checkoutSteps = [
-  {
-    title: 'Cart',
-    icon: customCart,
-  },
-  {
-    title: 'Address',
-    icon: customAddress,
-  },
-  {
-    title: 'Payment',
-    icon: customPayment,
-  },
-  {
-    title: 'Confirmation',
-    icon: customTrending,
-  },
-]
-
-const checkoutData = ref<CheckoutData>({
-  cartItems: [
-    {
-      id: 1,
-      name: 'Google - Google Home - White',
-      seller: 'Google',
-      inStock: true,
-      rating: 4,
-      price: 299,
-      discountPrice: 359,
-      image: googleHome,
-      quantity: 1,
-      estimatedDelivery: '18th Nov 2021',
-    },
-    {
-      id: 2,
-      name: 'Apple iPhone 11 (64GB, Black)',
-      seller: 'Apple',
-      inStock: true,
-      rating: 4,
-      price: 899,
-      discountPrice: 999,
-      image: iphone11,
-      quantity: 1,
-      estimatedDelivery: '20th Nov 2021',
-    },
-  ],
-  promoCode: '',
-  orderAmount: 1198,
-  deliveryAddress: 'home',
-  deliverySpeed: 'free',
-  deliveryCharges: 0,
-  addresses: [
-    {
-      title: 'John Doe (Default)',
-      desc: '4135 Parkway Street, Los Angeles, CA, 90017',
-      subtitle: '1234567890',
-      value: 'home',
-    },
-    {
-      title: 'ACME Inc.',
-      desc: '87 Hoffman Avenue, New York, NY, 10016',
-      subtitle: '1234567890',
-      value: 'office',
-    },
-  ],
-})
-
-const currentStep = ref(0)
-</script>
-
-<template>
-  <div class="checkout-page">
-    <Navbar />
-    <VContainer>
-      <div class="checkout-card">
-        <VCard>
-          <VCardText>
-            <!-- 👉 Stepper -->
-            <AppStepper
-              v-model:current-step="currentStep"
-              class="checkout-stepper"
-              :items="checkoutSteps"
-              :direction="$vuetify.display.mdAndUp ? 'horizontal' : 'vertical'"
-              align="center"
-            />
-          </VCardText>
-          <VDivider />
-          <VCardText>
-            <!-- 👉 stepper content -->
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition"
-              :touch="false"
-            >
-              <VWindowItem>
-                <CartContent
-                  v-model:current-step="currentStep"
-                  v-model:checkout-data="checkoutData"
-                />
-              </VWindowItem>
-              <VWindowItem>
-                <AddressContent
-                  v-model:current-step="currentStep"
-                  v-model:checkout-data="checkoutData"
-                />
-              </VWindowItem>
-              <VWindowItem>
-                <PaymentContent
-                  v-model:current-step="currentStep"
-                  v-model:checkout-data="checkoutData"
-                />
-              </VWindowItem>
-              <VWindowItem>
-                <ConfirmationContent v-model:checkout-data="checkoutData" />
-              </VWindowItem>
-            </VWindow>
-          </VCardText>
-        </VCard>
-      </div>
-    </VContainer>
-    <Footer />
-  </div>
-</template>
-
-<style lang="scss">
-.checkout-card {
-  margin-block: 10.5rem 5.25rem;
-}
-
-@media (max-width: 960px) and (min-width: 600px) {
-  .checkout-page {
-    .v-container {
-      padding-inline: 2rem !important;
-    }
-  }
-}
-
-@media (max-width: 600px) {
-  .checkout-card {
-    margin-block-start: 6rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/help-center/article/[title].vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/help-center/article/[title].vue
deleted file mode 100644
index 05b93b0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/help-center/article/[title].vue
+++ /dev/null
@@ -1,157 +0,0 @@
-<script setup lang="ts">
-import Footer from '@/views/front-pages/front-page-footer.vue'
-import Navbar from '@/views/front-pages/front-page-navbar.vue'
-import { useConfigStore } from '@core/stores/config'
-import type { HelpCenterArticle } from '@db/pages/help-center/types'
-
-const store = useConfigStore()
-
-store.skin = 'default'
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const articleData = ref<HelpCenterArticle>()
-
-setTimeout(async () => {
-  const { data, error } = await useApi<any>('/pages/help-center/article')
-  if (error.value)
-    console.log(error.value)
-  else
-    articleData.value = data.value
-}, 1000)
-</script>
-
-<template>
-  <!-- eslint-disable vue/no-v-html -->
-  <div class="bg-surface help-center-article">
-    <!-- 👉 Navbar  -->
-    <Navbar />
-
-    <!-- 👉 Content -->
-    <VContainer>
-      <div
-        v-if="articleData && articleData?.title"
-        class="article-section"
-      >
-        <VRow>
-          <VCol
-            cols="12"
-            md="8"
-          >
-            <div>
-              <VBreadcrumbs
-                class="px-0 pb-2 pt-0 help-center-breadcrumbs"
-                :items="[{ title: 'Help Center', to: { name: 'front-pages-help-center' }, class: 'text-primary' }, { title: 'how to add product in cart' }]"
-              />
-              <h4 class="text-h4 mb-2">
-                {{ articleData?.title }}
-              </h4>
-              <div class="text-body-1">
-                {{ articleData?.lastUpdated }}
-              </div>
-            </div>
-            <VDivider class="my-6" />
-            <!-- eslint-disable vue/no-v-html -->
-            <div
-              class="mb-6 text-body-1"
-              v-html="articleData?.productContent"
-            />
-            <VImg
-              class="rounded-lg"
-              :src="articleData?.productImg"
-            />
-            <p class="my-6 text-body-1">
-              {{ articleData?.checkoutContent }}
-            </p>
-            <VImg
-              class="rounded-lg"
-              :src="articleData?.checkoutImg"
-            />
-          </VCol>
-          <VCol
-            cols="12"
-            md="4"
-          >
-            <VTextField
-              prepend-inner-icon="tabler-search"
-              placeholder="Search..."
-              class="mb-6"
-            />
-            <div>
-              <!-- 👉 Article List  -->
-              <h5
-                class="text-h5 px-6 py-2 mb-4 rounded"
-                style="background: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));"
-              >
-                Articles in this section
-              </h5>
-              <VList class="card-list">
-                <VListItem
-                  v-for="(item, index) in articleData?.articleList"
-                  :key="index"
-                  link
-                  class="text-disabled"
-                >
-                  <template #append>
-                    <VIcon
-                      :icon="$vuetify.locale.isRtl ? 'tabler-chevron-left' : 'tabler-chevron-right'"
-                      size="20"
-                    />
-                  </template>
-                  <div class="text-body-1 text-high-emphasis">
-                    {{ item }}
-                  </div>
-                </VListItem>
-              </VList>
-            </div>
-          </VCol>
-        </VRow>
-      </div>
-    </VContainer>
-
-    <!-- 👉 Footer  -->
-    <Footer />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.article-section {
-  margin-block: 10.5rem 5.25rem;
-}
-
-@media (max-width: 600px) {
-  .article-section {
-    margin-block-start: 6rem;
-  }
-}
-
-.card-list {
-  --v-card-list-gap: 1rem;
-}
-</style>
-
-<style lang="scss">
-@media (max-width: 960px) and (min-width: 600px) {
-  .help-center-article {
-    .v-container {
-      padding-inline: 2rem !important;
-    }
-  }
-}
-
-.help-center-breadcrumbs {
-  &.v-breadcrumbs {
-    .v-breadcrumbs-item {
-      padding: 0 !important;
-
-      &.v-breadcrumbs-item--disabled {
-        opacity: 0.9;
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/help-center/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/help-center/index.vue
deleted file mode 100644
index 275175b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/help-center/index.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<script setup lang="ts">
-import type { HelpCenterAllCategoryArticles, HelpCenterArticlesOverview } from '@db/pages/help-center/types'
-
-import Footer from '@/views/front-pages/front-page-footer.vue'
-import Navbar from '@/views/front-pages/front-page-navbar.vue'
-
-import HelpCenterLandingArticlesOverview from '@/views/pages/help-center/HelpCenterLandingArticlesOverview.vue'
-import HelpCenterLandingFooter from '@/views/pages/help-center/HelpCenterLandingFooter.vue'
-import HelpCenterLandingKnowledgeBase from '@/views/pages/help-center/HelpCenterLandingKnowledgeBase.vue'
-import { useConfigStore } from '@core/stores/config'
-
-const store = useConfigStore()
-
-store.skin = 'default'
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-interface ApiDataType {
-  keepLearning: HelpCenterArticlesOverview[]
-  popularArticles: HelpCenterArticlesOverview[]
-  allArticles: HelpCenterAllCategoryArticles[]
-}
-
-// fetching data from fake-api
-const apiData = ref<ApiDataType | null>()
-
-// // ℹ️ Check if MSW service worker is registered and ready to intercept requests
-
-setTimeout(async () => {
-  const faqData = await $api<ApiDataType>('/pages/help-center')
-
-  apiData.value = faqData
-}, 1000)
-</script>
-
-<template>
-  <div class="help-center-page">
-    <Navbar />
-    <div v-if="apiData && apiData.allArticles.length">
-      <AppSearchHeader
-        subtitle="Common troubleshooting topics: eCommerce, Blogging to payment"
-        custom-class="rounded-0"
-        placeholder="Search"
-      >
-        <template #title>
-          <h4
-            class="text-h4 font-weight-medium"
-            style="color: rgba(var(--v-theme-primary), 1);"
-          >
-            Hello, how can we help?
-          </h4>
-        </template>
-      </AppSearchHeader>
-
-      <!-- 👉 Popular Articles -->
-      <div class="help-center-section bg-surface">
-        <VContainer>
-          <h4 class="text-h4 text-center mb-6">
-            Popular Articles
-          </h4>
-          <HelpCenterLandingArticlesOverview :articles="apiData.popularArticles" />
-        </VContainer>
-      </div>
-
-      <!-- 👉 Knowledge Base -->
-      <div class="help-center-section">
-        <VContainer>
-          <h4 class="text-h4 text-center mb-6">
-            Knowledge Base
-          </h4>
-          <HelpCenterLandingKnowledgeBase :categories="apiData.allArticles" />
-        </VContainer>
-      </div>
-
-      <!-- 👉 Keep Learning -->
-      <div class="help-center-section bg-surface">
-        <VContainer>
-          <h4 class="text-h4 text-center mb-6">
-            Keep Learning
-          </h4>
-          <HelpCenterLandingArticlesOverview :articles="apiData.keepLearning" />
-        </VContainer>
-      </div>
-
-      <!-- 👉 Still need help? -->
-      <div class="help-center-section">
-        <HelpCenterLandingFooter />
-      </div>
-
-      <div>
-        <Footer />
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-.help-center-page {
-  .search-header {
-    background-size: cover !important;
-    padding-block: 9.25rem 4.75rem !important;
-  }
-
-  .help-center-section {
-    padding-block: 5.25rem;
-  }
-}
-
-@media (max-width: 960px) and (min-width: 600px) {
-  .help-center-page {
-    .v-container {
-      padding-inline: 2rem !important;
-    }
-  }
-}
-
-@media (max-width: 599px) {
-  .help-center-page {
-    .search-header {
-      padding-block: 7rem 2rem !important;
-      padding-inline: 2rem !important;
-    }
-
-    .help-center-section {
-      padding-block: 3.5rem;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/landing-page/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/landing-page/index.vue
deleted file mode 100644
index dfc5057..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/landing-page/index.vue
+++ /dev/null
@@ -1,99 +0,0 @@
-<script setup lang="ts">
-import Footer from '@/views/front-pages/front-page-footer.vue'
-import Navbar from '@/views/front-pages/front-page-navbar.vue'
-import Banner from '@/views/front-pages/landing-page/banner.vue'
-import ContactUs from '@/views/front-pages/landing-page/contact-us.vue'
-import CustomersReview from '@/views/front-pages/landing-page/customers-review.vue'
-import FaqSection from '@/views/front-pages/landing-page/faq-section.vue'
-import Features from '@/views/front-pages/landing-page/features.vue'
-import HeroSection from '@/views/front-pages/landing-page/hero-section.vue'
-import OurTeam from '@/views/front-pages/landing-page/our-team.vue'
-import PricingPlans from '@/views/front-pages/landing-page/pricing-plans.vue'
-import ProductStats from '@/views/front-pages/landing-page/product-stats.vue'
-import { useConfigStore } from '@core/stores/config'
-
-const store = useConfigStore()
-
-store.skin = 'default'
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const activeSectionId = ref()
-
-const refHome = ref()
-const refFeatures = ref()
-const refTeam = ref()
-const refContact = ref()
-const refFaq = ref()
-
-useIntersectionObserver(
-  [refHome, refFeatures, refTeam, refContact, refFaq],
-  ([{ isIntersecting, target }]) => {
-    if (isIntersecting)
-      activeSectionId.value = target.id
-  },
-  {
-    threshold: 0.25,
-  },
-)
-</script>
-
-<template>
-  <div class="landing-page-wrapper">
-    <Navbar :active-id="activeSectionId" />
-
-    <!-- 👉 Hero Section  -->
-    <HeroSection ref="refHome" />
-
-    <!-- 👉 Useful features  -->
-    <div :style="{ 'background-color': 'rgb(var(--v-theme-surface))' }">
-      <Features ref="refFeatures" />
-    </div>
-
-    <!-- 👉 Customer Review -->
-    <div :style="{ 'background-color': 'rgb(var(--v-theme-surface))' }">
-      <CustomersReview />
-    </div>
-
-    <!-- 👉 Our Team -->
-    <div :style="{ 'background-color': 'rgb(var(--v-theme-surface))' }">
-      <OurTeam ref="refTeam" />
-    </div>
-
-    <!-- 👉 Pricing Plans -->
-    <div :style="{ 'background-color': 'rgb(var(--v-theme-surface))' }">
-      <PricingPlans />
-    </div>
-
-    <!-- 👉 Product stats -->
-    <ProductStats />
-
-    <!-- 👉 FAQ Section -->
-    <div :style="{ 'background-color': 'rgb(var(--v-theme-surface))' }">
-      <FaqSection ref="refFaq" />
-    </div>
-
-    <!-- 👉 Banner  -->
-    <Banner />
-
-    <!-- 👉 Contact Us  -->
-    <ContactUs ref="refContact" />
-
-    <!-- 👉 Footer -->
-    <Footer />
-  </div>
-</template>
-
-<style lang="scss">
-@media (max-width: 960px) and (min-width: 600px) {
-  .landing-page-wrapper {
-    .v-container {
-      padding-inline: 2rem !important;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/payment.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/payment.vue
deleted file mode 100644
index 24b4a24..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/payment.vue
+++ /dev/null
@@ -1,311 +0,0 @@
-<script setup lang="ts">
-import Footer from '@/views/front-pages/front-page-footer.vue'
-import Navbar from '@/views/front-pages/front-page-navbar.vue'
-
-import paypalDark from '@images/icons/payments/img/paypal-dark.png'
-import paypalLight from '@images/icons/payments/img/paypal-light.png'
-import visaDark from '@images/icons/payments/img/visa-dark.png'
-import visaLight from '@images/icons/payments/img/visa-light.png'
-
-import { useConfigStore } from '@core/stores/config'
-import type { CustomInputContent } from '@core/types'
-
-const visa = useGenerateImageVariant(visaLight, visaDark)
-const paypal = useGenerateImageVariant(paypalLight, paypalDark)
-const store = useConfigStore()
-
-store.skin = 'default'
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const radioContent: CustomInputContent[] = [
-  {
-    title: 'Credit Card',
-    value: 'credit card',
-    images: visa.value,
-  },
-  {
-    title: 'PayPal',
-    value: 'paypal',
-    images: paypal.value,
-  },
-]
-
-const selectedRadio = ref('credit card')
-const selectedCountry = ref('USA')
-const isPricingPlanDialogVisible = ref(false)
-</script>
-
-<template>
-  <!-- eslint-disable vue/attribute-hyphenation -->
-
-  <div class="payment-page">
-    <!-- 👉 Navbar -->
-    <Navbar />
-
-    <!-- 👉 Payment card  -->
-    <VContainer>
-      <div class="d-flex justify-center align-center payment-card">
-        <VCard width="100%">
-          <VRow>
-            <VCol
-              cols="12"
-              md="7"
-              :class="$vuetify.display.mdAndUp ? 'border-e' : 'border-b'"
-            >
-              <VCardText class="pa-8 pe-5">
-                <!-- Checkout header -->
-                <div>
-                  <h4 class="text-h4 mb-2">
-                    Checkout
-                  </h4>
-                  <div class="text-body-1">
-                    All plans include 40+ advanced tools and features to boost your product. Choose the best plan to fit your needs.
-                  </div>
-                </div>
-
-                <CustomRadios
-                  v-model:selected-radio="selectedRadio"
-                  :radio-content="radioContent"
-                  :grid-column="{ cols: '12', sm: '6' }"
-                  class="my-8"
-                >
-                  <template #default="{ item }">
-                    <div class="d-flex align-center gap-x-4 ms-3">
-                      <img
-                        :src="item.images"
-                        height="34"
-                      >
-                      <h6 class="text-h6">
-                        {{ item.title }}
-                      </h6>
-                    </div>
-                  </template>
-                </CustomRadios>
-
-                <!-- billing Details -->
-                <div class="mb-8">
-                  <h4 class="text-h4 mb-6">
-                    Billing Details
-                  </h4>
-                  <VForm>
-                    <VRow>
-                      <VCol
-                        cols="12"
-                        md="6"
-                      >
-                        <AppTextField
-                          label="Email Address"
-                          type="email"
-                          placeholder="johndoe@email.com"
-                        />
-                      </VCol>
-                      <VCol
-                        cols="12"
-                        md="6"
-                      >
-                        <AppTextField
-                          label="Password"
-                          type="password"
-                          placeholder="············"
-                          autocomplete="on"
-                        />
-                      </VCol>
-                      <VCol
-                        cols="12"
-                        md="6"
-                      >
-                        <AppSelect
-                          v-model="selectedCountry"
-                          label="Billing Country"
-                          :items="['USA', 'Canada', 'UK', 'AUS']"
-                        />
-                      </VCol>
-                      <VCol
-                        cols="12"
-                        md="6"
-                      >
-                        <AppTextField
-                          label="Billing Zip/Postal Code"
-                          type="number"
-                          placeholder="129211"
-                        />
-                      </VCol>
-                    </VRow>
-                  </VForm>
-                </div>
-
-                <!-- Credit card info -->
-                <div
-                  class="mb-8"
-                  :class="selectedRadio === 'paypal' ? 'd-none' : 'd-block'"
-                >
-                  <h4 class="text-h4 mb-6">
-                    Credit Card Info
-                  </h4>
-                  <VRow>
-                    <VCol cols="12">
-                      <AppTextField
-                        label="Card Number"
-                        placeholder="8787 2345 3458"
-                        type="number"
-                      />
-                    </VCol>
-
-                    <VCol
-                      cols="12"
-                      md="4"
-                    >
-                      <AppTextField
-                        label="Card Holder"
-                        placeholder="John Doe"
-                      />
-                    </VCol>
-
-                    <VCol
-                      cols="12"
-                      md="4"
-                    >
-                      <AppTextField
-                        label="Exp. date"
-                        placeholder="05/2020"
-                      />
-                    </VCol>
-
-                    <VCol
-                      cols="12"
-                      md="4"
-                    >
-                      <AppTextField
-                        label="CVV"
-                        type="number"
-                        placeholder="784"
-                      />
-                    </VCol>
-                  </VRow>
-                </div>
-              </VCardText>
-            </VCol>
-
-            <VCol
-              cols="12"
-              md="5"
-            >
-              <VCardText class="pa-8 ps-5">
-                <!-- order summary -->
-                <div class="mb-8">
-                  <h4 class="text-h4 mb-2">
-                    Order Summary
-                  </h4>
-                  <div class="text-body-1">
-                    It can help you manage and service orders before, during, and after fulfillment.
-                  </div>
-                </div>
-
-                <VCard
-                  flat
-                  color="rgba(var(--v-theme-on-surface), var(--v-hover-opacity))"
-                >
-                  <VCardText>
-                    <div class="text-body-1">
-                      A simple start for everyone
-                    </div>
-                    <h1 class="text-h1 my-4">
-                      $59.99<span class="text-body-1 font-weight-medium">/month</span>
-                    </h1>
-                    <VBtn
-                      variant="tonal"
-                      block
-                      @click="isPricingPlanDialogVisible = !isPricingPlanDialogVisible"
-                    >
-                      Change Plan
-                    </VBtn>
-                  </VCardText>
-                </VCard>
-
-                <div class="my-5">
-                  <div class="d-flex justify-space-between mb-2">
-                    <span>Subscription</span>
-                    <h6 class="text-h6">
-                      $85.99
-                    </h6>
-                  </div>
-                  <div class="d-flex justify-space-between">
-                    <span>Tax</span>
-                    <h6 class="text-h6">
-                      $4.99
-                    </h6>
-                  </div>
-                  <VDivider class="my-4" />
-                  <div class="d-flex justify-space-between">
-                    <span>Total</span>
-                    <h6 class="text-h6">
-                      $90.98
-                    </h6>
-                  </div>
-                </div>
-
-                <VBtn
-                  block
-                  color="success"
-                  class="mb-8"
-                >
-                  <template #append>
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      class="flip-in-rtl"
-                    />
-                  </template>
-                  Proceed With Payment
-                </VBtn>
-
-                <div class="text-body-1">
-                  By continuing, you accept to our Terms of Services and Privacy Policy. Please note that payments are non-refundable.
-                </div>
-              </VCardText>
-            </VCol>
-          </VRow>
-        </VCard>
-      </div>
-    </VContainer>
-
-    <!-- 👉 Footer -->
-    <Footer />
-
-    <PricingPlanDialog v-model:is-dialog-visible="isPricingPlanDialogVisible" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.footer {
-  position: static !important;
-  inline-size: 100%;
-  inset-block-end: 0;
-}
-
-.payment-card {
-  margin-block: 10.5rem 5.25rem;
-}
-
-.payment-page {
-  @media (min-width: 600px) and (max-width: 960px) {
-    .v-container {
-      padding-inline: 2rem !important;
-    }
-  }
-}
-</style>
-
-<style lang="scss">
-.payment-card {
-  .custom-radio {
-    .v-radio {
-      margin-block-start: 0 !important;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/pricing.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/pricing.vue
deleted file mode 100644
index 2e9d533..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/front-pages/pricing.vue
+++ /dev/null
@@ -1,407 +0,0 @@
-<script setup lang="ts">
-import Footer from '@/views/front-pages/front-page-footer.vue'
-import Navbar from '@/views/front-pages/front-page-navbar.vue'
-import { useConfigStore } from '@core/stores/config'
-import laptopGirl from '@images/illustrations/laptop-girl.png'
-
-const store = useConfigStore()
-
-store.skin = 'default'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const features = [
-  {
-    feature: '14-days free trial',
-    starter: true,
-    pro: true,
-    enterprise: true,
-    addOnAvailable: {
-      starter: false,
-      pro: false,
-      enterprise: false,
-    },
-  },
-  {
-    feature: 'No user limit',
-    starter: false,
-    pro: false,
-    enterprise: true,
-    addOnAvailable: {
-      starter: false,
-      pro: false,
-      enterprise: false,
-    },
-  },
-  {
-    feature: 'Product Support',
-    starter: false,
-    pro: true,
-    enterprise: true,
-    addOnAvailable: {
-      starter: false,
-      pro: false,
-      enterprise: false,
-    },
-  },
-  {
-    feature: 'Email Support',
-    starter: false,
-    pro: false,
-    enterprise: true,
-    addOnAvailable: {
-      starter: false,
-      pro: true,
-      enterprise: false,
-    },
-  },
-  {
-    feature: 'Integrations',
-    starter: false,
-    pro: true,
-    enterprise: true,
-    addOnAvailable: {
-      starter: false,
-      pro: false,
-      enterprise: false,
-    },
-  },
-  {
-    feature: 'Removal of Front branding',
-    starter: false,
-    pro: false,
-    enterprise: true,
-    addOnAvailable: {
-      starter: false,
-      pro: true,
-      enterprise: false,
-    },
-  },
-  {
-    feature: 'Active maintenance & support',
-    starter: false,
-    pro: false,
-    enterprise: true,
-    addOnAvailable: {
-      starter: false,
-      pro: false,
-      enterprise: false,
-    },
-  },
-  {
-    feature: 'Data storage for 365 days',
-    starter: false,
-    pro: false,
-    enterprise: true,
-    addOnAvailable: {
-      starter: false,
-      pro: false,
-      enterprise: false,
-    },
-  },
-]
-
-const faqs = [
-  {
-    question: 'How do you process payments?',
-    answer: 'We accept Visa®, MasterCard®, American Express®, and PayPal®. So you can be confident that your credit card information will be kept safe and secure.',
-  },
-  {
-    question: 'What counts towards the 100 responses limit?',
-    answer: 'We count all responses submitted through all forms in a month.If you already received 100 responses this month, you won\'t be able to receive any more of them until next month when the counter resets.',
-  },
-  {
-    question: 'What payment methods do you accept?',
-    answer: 'Checkout accepts all type of credit and debit cards.',
-  },
-]
-</script>
-
-<template>
-  <div class="pricing-page">
-    <Navbar />
-
-    <VCard class="pricing-card">
-      <!-- 👉 App Pricing components -->
-      <VContainer>
-        <AppPricing md="4" />
-      </VContainer>
-
-      <!-- 👉 Free trial Banner -->
-
-      <div class="page-pricing-free-trial-banner-bg">
-        <VContainer>
-          <div class="d-flex align-center flex-md-row flex-column position-relative">
-            <div class="text-center text-md-start pb-5 px-10 px-sm-0 pt-8">
-              <h4 class="text-h4 text-primary mb-2">
-                Still not convinced? Start with a 14-day FREE trial!
-              </h4>
-              <p class="text-body-1 mb-11">
-                You will get full access to all the features for 14 days.
-              </p>
-              <VBtn :to="{ name: 'front-pages-payment' }">
-                Start 14-day FREE trial
-              </VBtn>
-            </div>
-            <div class="free-trial-illustrator">
-              <VImg
-                :src="laptopGirl"
-                :width="238"
-              />
-            </div>
-          </div>
-        </VContainer>
-      </div>
-
-      <!-- 👉 Plans -->
-      <VContainer>
-        <VCardText class="text-center py-16 pricing-section">
-          <h3 class="text-h3 mb-2">
-            Pick a plan that works best for you
-          </h3>
-          <p class="text-body-1">
-            Stay cool, we have a 48-hour money back guarantee!
-          </p>
-          <!-- 👉 Features & Tables -->
-          <VTable class="text-no-wrap border rounded pricing-table">
-            <!-- 👉 Table head -->
-            <thead>
-              <tr>
-                <th
-                  scope="col"
-                  class="py-4"
-                >
-                  <div>
-                    Features
-                  </div>
-                  <div class="text-body-2">
-                    Native Font Features
-                  </div>
-                </th>
-                <th
-                  v-for="{ plan, price } in [
-                    { plan: 'Starter', price: 'Free' },
-                    { plan: 'Pro', price: '$7.5/Month' },
-                    { plan: 'Enterprise', price: '$16/Month' },
-                  ]"
-                  :key="plan"
-                  scope="col"
-                  class="text-center py-4"
-                >
-                  <div class="position-relative">
-                    {{ plan }}
-                    <VAvatar
-                      v-if="plan === 'Pro'"
-                      size="20"
-                      class="ms-2 position-absolute"
-                      variant="elevated"
-                      color="primary"
-                      style="inset-block-end: 7px;"
-                    >
-                      <VIcon
-                        icon="tabler-star"
-                        size="14"
-                        color="white"
-                      />
-                    </VAvatar>
-                  </div>
-                  <div class="text-body-2">
-                    {{ price }}
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <!-- 👉 Table Body -->
-            <tbody>
-              <tr
-                v-for="feature in features"
-                :key="feature.feature"
-              >
-                <td class="text-start text-body-1 text-high-emphasis">
-                  {{ feature.feature }}
-                </td>
-                <td class="text-center">
-                  <VAvatar
-                    variant="tonal"
-                    size="20"
-                    :color="feature.starter ? 'primary' : 'secondary'"
-                  >
-                    <VIcon
-                      v-if="!feature.addOnAvailable.starter"
-                      :color="feature.starter ? 'primary' : 'secondary'"
-                      size="14"
-                      :icon="feature.starter ? 'tabler-check' : 'tabler-x'"
-                    />
-                  </VAvatar>
-                  <VChip
-                    v-if="feature.addOnAvailable.starter"
-                    color="primary"
-                    size="small"
-                    label
-                  >
-                    Add-On Available
-                  </VChip>
-                </td>
-                <td class="text-center">
-                  <VChip
-                    v-if="feature.addOnAvailable.pro"
-                    color="primary"
-                    size="small"
-                    label
-                  >
-                    Add-On Available
-                  </VChip>
-                  <VAvatar
-                    v-else
-                    size="20"
-                    variant="tonal"
-                    :color="feature.pro ? 'primary' : 'secondary'"
-                  >
-                    <VIcon
-                      :color="feature.pro ? 'primary' : 'secondary'"
-                      size="14"
-                      :icon="feature.pro ? 'tabler-check' : 'tabler-x'"
-                    />
-                  </VAvatar>
-                </td>
-                <td class="text-center">
-                  <VChip
-                    v-if="feature.addOnAvailable.enterprise"
-                    label
-                    color="primary"
-                    size="small"
-                  >
-                    Add-On Available
-                  </VChip>
-                  <VAvatar
-                    v-else
-                    size="20"
-                    variant="tonal"
-                    :color="feature.enterprise ? 'primary' : 'disabled'"
-                  >
-                    <VIcon
-                      :color="feature.enterprise ? 'primary' : 'disabled'"
-                      size="14"
-                      :icon="feature.enterprise ? 'tabler-check' : 'tabler-x'"
-                    />
-                  </VAvatar>
-                </td>
-              </tr>
-            </tbody>
-            <!-- 👉 Table footer -->
-            <tfoot>
-              <tr>
-                <td class="py-2" />
-                <td class="text-center py-2">
-                  <VBtn
-                    variant="tonal"
-                    :to="{ name: 'front-pages-payment' }"
-                  >
-                    Choose Plan
-                  </VBtn>
-                </td>
-                <td class="text-center py-2">
-                  <VBtn :to="{ name: 'front-pages-payment' }">
-                    Choose Plan
-                  </VBtn>
-                </td>
-                <td class="text-center py-2">
-                  <VBtn
-                    variant="tonal"
-                    :to="{ name: 'front-pages-payment' }"
-                  >
-                    Choose Plan
-                  </VBtn>
-                </td>
-              </tr>
-            </tfoot>
-          </VTable>
-        </VCardText>
-      </VContainer>
-
-      <!-- 👉 FAQ -->
-      <div style="background-color: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));">
-        <VContainer>
-          <VCardText class="py-10 py-sm-16 pricing-section">
-            <div class="text-center">
-              <h4 class="text-h4 mb-2">
-                FAQ's
-              </h4>
-              <p class="text-body-1 mb-6">
-                Let us help answer the most common questions.
-              </p>
-            </div>
-            <div>
-              <VExpansionPanels>
-                <VExpansionPanel
-                  v-for="(faq, index) in faqs"
-                  :key="faq.question"
-                  :title="faq.question"
-                  :text="faq.answer"
-                  :value="index"
-                />
-              </VExpansionPanels>
-            </div>
-          </VCardText>
-        </VContainer>
-      </div>
-
-      <div style="background-color: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));">
-        <Footer />
-      </div>
-    </VCard>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.pricing-section {
-  padding-block: 5.25rem !important;
-  padding-inline: 0 !important;
-}
-
-.page-pricing-free-trial-banner-bg {
-  /* stylelint-disable-next-line color-function-notation */
-  background-color: rgba(var(--v-theme-primary), var(--v-activated-opacity));
-  margin-block-start: 8.9375rem !important;
-}
-
-.pricing-card {
-  padding-block-start: 10.5rem !important;
-}
-
-@media screen and (min-width: 960px) {
-  .free-trial-illustrator {
-    position: absolute;
-    inset-block-end: -1rem !important;
-    inset-inline-end: 0%;
-  }
-}
-
-@media screen and (max-width: 959px) {
-  .free-trial-illustrator {
-    position: relative;
-    inset-block-end: -1rem !important;
-  }
-}
-
-.pricing-table {
-  tr:nth-child(even) {
-    background: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
-  }
-}
-</style>
-
-<style lang="scss">
-.pricing-page {
-  @media (min-width: 600px) and (max-width: 960px) {
-    .v-container {
-      padding-inline: 2rem !important;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/login.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/login.vue
deleted file mode 100644
index ea1051d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/login.vue
+++ /dev/null
@@ -1,252 +0,0 @@
-<!-- ❗Errors in the form are set on line 60 -->
-<script setup lang="ts">
-import { VForm } from 'vuetify/components/VForm'
-import AuthProvider from '@/views/pages/authentication/AuthProvider.vue'
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-import authV2LoginIllustrationBorderedDark from '@images/pages/auth-v2-login-illustration-bordered-dark.png'
-import authV2LoginIllustrationBorderedLight from '@images/pages/auth-v2-login-illustration-bordered-light.png'
-import authV2LoginIllustrationDark from '@images/pages/auth-v2-login-illustration-dark.png'
-import authV2LoginIllustrationLight from '@images/pages/auth-v2-login-illustration-light.png'
-import authV2MaskDark from '@images/pages/misc-mask-dark.png'
-import authV2MaskLight from '@images/pages/misc-mask-light.png'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-const authThemeImg = useGenerateImageVariant(authV2LoginIllustrationLight, authV2LoginIllustrationDark, authV2LoginIllustrationBorderedLight, authV2LoginIllustrationBorderedDark, true)
-
-const authThemeMask = useGenerateImageVariant(authV2MaskLight, authV2MaskDark)
-
-definePage({
-  meta: {
-    layout: 'blank',
-    unauthenticatedOnly: true,
-  },
-})
-
-const isPasswordVisible = ref(false)
-
-const route = useRoute()
-const router = useRouter()
-
-const ability = useAbility()
-
-const errors = ref<Record<string, string | undefined>>({
-  email: undefined,
-  password: undefined,
-})
-
-const refVForm = ref<VForm>()
-
-const credentials = ref({
-  email: 'admin@demo.com',
-  password: 'admin',
-})
-
-const rememberMe = ref(false)
-
-const login = async () => {
-  try {
-    const res = await $api('/auth/login', {
-      method: 'POST',
-      body: {
-        email: credentials.value.email,
-        password: credentials.value.password,
-      },
-      onResponseError({ response }) {
-        errors.value = response._data.errors
-      },
-    })
-
-    const { accessToken, userData, userAbilityRules } = res
-
-    useCookie('userAbilityRules').value = userAbilityRules
-    ability.update(userAbilityRules)
-
-    useCookie('userData').value = userData
-    useCookie('accessToken').value = accessToken
-
-    // Redirect to `to` query if exist or redirect to index route
-    // ❗ nextTick is required to wait for DOM updates and later redirect
-    await nextTick(() => {
-      router.replace(route.query.to ? String(route.query.to) : '/')
-    })
-  }
-  catch (err) {
-    console.error(err)
-  }
-}
-
-const onSubmit = () => {
-  refVForm.value?.validate()
-    .then(({ valid: isValid }) => {
-      if (isValid)
-        login()
-    })
-}
-</script>
-
-<template>
-  <RouterLink to="/">
-    <div class="auth-logo d-flex align-center gap-x-3">
-      <VNodeRenderer :nodes="themeConfig.app.logo" />
-      <h1 class="auth-title">
-        {{ themeConfig.app.title }}
-      </h1>
-    </div>
-  </RouterLink>
-
-  <VRow
-    no-gutters
-    class="auth-wrapper bg-surface"
-  >
-    <VCol
-      md="8"
-      class="d-none d-md-flex"
-    >
-      <div class="position-relative bg-background w-100 me-0">
-        <div
-          class="d-flex align-center justify-center w-100 h-100"
-          style="padding-inline: 6.25rem;"
-        >
-          <VImg
-            max-width="613"
-            :src="authThemeImg"
-            class="auth-illustration mt-16 mb-2"
-          />
-        </div>
-
-        <img
-          class="auth-footer-mask"
-          :src="authThemeMask"
-          alt="auth-footer-mask"
-          height="280"
-          width="100"
-        >
-      </div>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-      class="auth-card-v2 d-flex align-center justify-center"
-    >
-      <VCard
-        flat
-        :max-width="500"
-        class="mt-12 mt-sm-0 pa-4"
-      >
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Welcome to <span class="text-capitalize"> {{ themeConfig.app.title }} </span>! 👋🏻
-          </h4>
-          <p class="mb-0">
-            Please sign-in to your account and start the adventure
-          </p>
-        </VCardText>
-        <VCardText>
-          <VAlert
-            color="primary"
-            variant="tonal"
-          >
-            <p class="text-sm mb-2">
-              Admin Email: <strong>admin@demo.com</strong> / Pass: <strong>admin</strong>
-            </p>
-            <p class="text-sm mb-0">
-              Client Email: <strong>client@demo.com</strong> / Pass: <strong>client</strong>
-            </p>
-          </VAlert>
-        </VCardText>
-        <VCardText>
-          <VForm
-            ref="refVForm"
-            @submit.prevent="onSubmit"
-          >
-            <VRow>
-              <!-- email -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="credentials.email"
-                  label="Email"
-                  placeholder="johndoe@email.com"
-                  type="email"
-                  autofocus
-                  :rules="[requiredValidator, emailValidator]"
-                  :error-messages="errors.email"
-                />
-              </VCol>
-
-              <!-- password -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="credentials.password"
-                  label="Password"
-                  placeholder="············"
-                  :rules="[requiredValidator]"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :error-messages="errors.password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-
-                <div class="d-flex align-center flex-wrap justify-space-between my-6">
-                  <VCheckbox
-                    v-model="rememberMe"
-                    label="Remember me"
-                  />
-                  <RouterLink
-                    class="text-primary ms-2 mb-1"
-                    :to="{ name: 'forgot-password' }"
-                  >
-                    Forgot Password?
-                  </RouterLink>
-                </div>
-
-                <VBtn
-                  block
-                  type="submit"
-                >
-                  Login
-                </VBtn>
-              </VCol>
-
-              <!-- create account -->
-              <VCol
-                cols="12"
-                class="text-center"
-              >
-                <span>New on our platform?</span>
-                <RouterLink
-                  class="text-primary ms-1"
-                  :to="{ name: 'register' }"
-                >
-                  Create an account
-                </RouterLink>
-              </VCol>
-              <VCol
-                cols="12"
-                class="d-flex align-center"
-              >
-                <VDivider />
-                <span class="mx-4">or</span>
-                <VDivider />
-              </VCol>
-
-              <!-- auth providers -->
-              <VCol
-                cols="12"
-                class="text-center"
-              >
-                <AuthProvider />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/not-authorized.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/not-authorized.vue
deleted file mode 100644
index 7cb387c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/not-authorized.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script setup lang="ts">
-import pages401 from '@images/pages/401.png'
-import miscMaskDark from '@images/pages/misc-mask-dark.png'
-import miscMaskLight from '@images/pages/misc-mask-light.png'
-
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-
-definePage({
-  alias: '/pages/misc/not-authorized',
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const authThemeMask = useGenerateImageVariant(miscMaskLight, miscMaskDark)
-</script>
-
-<template>
-  <div class="misc-wrapper">
-    <ErrorHeader
-      status-code="401"
-      title="You are not authorized! 🔐"
-      description="You don’t have permission to access this page. Go Home!."
-    />
-
-    <VBtn
-      class="mb-11"
-      to="/"
-    >
-      Back To Home
-    </VBtn>
-
-    <!-- 👉 Image -->
-    <div class="misc-avatar w-100 text-center">
-      <VImg
-        :src="pages401"
-        alt="not autorized"
-        :max-height="$vuetify.display.smAndDown ? 350 : 500"
-        class="mx-auto"
-      />
-    </div>
-
-    <img
-      class="misc-footer-img d-none d-md-block"
-      :src="authThemeMask"
-      alt="misc-footer-img"
-      height="320"
-    >
-  </div>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/misc.scss";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/account-settings/[tab].vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/account-settings/[tab].vue
deleted file mode 100644
index 3099ad4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/account-settings/[tab].vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<script lang="ts" setup>
-import AccountSettingsAccount from '@/views/pages/account-settings/AccountSettingsAccount.vue'
-import AccountSettingsBillingAndPlans from '@/views/pages/account-settings/AccountSettingsBillingAndPlans.vue'
-import AccountSettingsConnections from '@/views/pages/account-settings/AccountSettingsConnections.vue'
-import AccountSettingsNotification from '@/views/pages/account-settings/AccountSettingsNotification.vue'
-import AccountSettingsSecurity from '@/views/pages/account-settings/AccountSettingsSecurity.vue'
-
-const route = useRoute('pages-account-settings-tab')
-
-const activeTab = computed({
-  get: () => route.params.tab,
-  set: () => route.params.tab,
-})
-
-// tabs
-const tabs = [
-  { title: 'Account', icon: 'tabler-users', tab: 'account' },
-  { title: 'Security', icon: 'tabler-lock', tab: 'security' },
-  { title: 'Billing & Plans', icon: 'tabler-file-text', tab: 'billing-plans' },
-  { title: 'Notifications', icon: 'tabler-bell', tab: 'notification' },
-  { title: 'Connections', icon: 'tabler-link', tab: 'connection' },
-]
-
-definePage({
-  meta: {
-    navActiveLink: 'pages-account-settings-tab',
-  },
-})
-</script>
-
-<template>
-  <div>
-    <VTabs
-      v-model="activeTab"
-      class="v-tabs-pill"
-    >
-      <VTab
-        v-for="item in tabs"
-        :key="item.icon"
-        :value="item.tab"
-        :to="{ name: 'pages-account-settings-tab', params: { tab: item.tab } }"
-      >
-        <VIcon
-          size="20"
-          start
-          :icon="item.icon"
-        />
-        {{ item.title }}
-      </VTab>
-    </VTabs>
-
-    <VWindow
-      v-model="activeTab"
-      class="mt-6 disable-tab-transition"
-      :touch="false"
-    >
-      <!-- Account -->
-      <VWindowItem value="account">
-        <AccountSettingsAccount />
-      </VWindowItem>
-
-      <!-- Security -->
-      <VWindowItem value="security">
-        <AccountSettingsSecurity />
-      </VWindowItem>
-
-      <!-- Billing -->
-      <VWindowItem value="billing-plans">
-        <AccountSettingsBillingAndPlans />
-      </VWindowItem>
-
-      <!-- Notification -->
-      <VWindowItem value="notification">
-        <AccountSettingsNotification />
-      </VWindowItem>
-
-      <!-- Connections -->
-      <VWindowItem value="connection">
-        <AccountSettingsConnections />
-      </VWindowItem>
-    </VWindow>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/forgot-password-v1.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/forgot-password-v1.vue
deleted file mode 100644
index d7e0b3c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/forgot-password-v1.vue
+++ /dev/null
@@ -1,110 +0,0 @@
-<script setup lang="ts">
-import authV1BottomShape from '@images/svg/auth-v1-bottom-shape.svg?raw'
-import authV1TopShape from '@images/svg/auth-v1-top-shape.svg?raw'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const form = ref({
-  email: '',
-})
-</script>
-
-<template>
-  <div class="auth-wrapper d-flex align-center justify-center pa-4">
-    <div class="position-relative my-sm-16">
-      <!-- 👉 Top shape -->
-      <VNodeRenderer
-        :nodes="h('div', { innerHTML: authV1TopShape })"
-        class="text-primary auth-v1-top-shape d-none d-sm-block"
-      />
-
-      <!-- 👉 Bottom shape -->
-      <VNodeRenderer
-        :nodes="h('div', { innerHTML: authV1BottomShape })"
-        class="text-primary auth-v1-bottom-shape d-none d-sm-block"
-      />
-
-      <!-- 👉 Auth card -->
-      <VCard
-        class="auth-card"
-        max-width="460"
-        :class="$vuetify.display.smAndUp ? 'pa-6' : 'pa-0'"
-      >
-        <VCardItem class="justify-center">
-          <VCardTitle>
-            <RouterLink to="/">
-              <div class="app-logo">
-                <VNodeRenderer :nodes="themeConfig.app.logo" />
-                <h1 class="app-logo-title">
-                  {{ themeConfig.app.title }}
-                </h1>
-              </div>
-            </RouterLink>
-          </VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Forgot Password? 🔒
-          </h4>
-          <p class="mb-0">
-            Enter your email and we'll send you instructions to reset your password
-          </p>
-        </VCardText>
-
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <!-- email -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.email"
-                  autofocus
-                  label="Email"
-                  type="email"
-                  placeholder="johndoe@email.com"
-                />
-              </VCol>
-
-              <!-- reset password -->
-              <VCol cols="12">
-                <VBtn
-                  block
-                  type="submit"
-                >
-                  Send Reset Link
-                </VBtn>
-              </VCol>
-
-              <!-- back to login -->
-              <VCol cols="12">
-                <RouterLink
-                  class="d-flex align-center justify-center"
-                  :to="{ name: 'pages-authentication-login-v1' }"
-                >
-                  <VIcon
-                    icon="tabler-chevron-left"
-                    size="20"
-                    class="me-1 flip-in-rtl"
-                  />
-                  <span>Back to login</span>
-                </RouterLink>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/forgot-password-v2.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/forgot-password-v2.vue
deleted file mode 100644
index f0526a7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/forgot-password-v2.vue
+++ /dev/null
@@ -1,134 +0,0 @@
-<script setup lang="ts">
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-import authV2ForgotPasswordIllustrationDark from '@images/pages/auth-v2-forgot-password-illustration-dark.png'
-import authV2ForgotPasswordIllustrationLight from '@images/pages/auth-v2-forgot-password-illustration-light.png'
-import authV2MaskDark from '@images/pages/misc-mask-dark.png'
-import authV2MaskLight from '@images/pages/misc-mask-light.png'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const email = ref('')
-
-const authThemeImg = useGenerateImageVariant(
-  authV2ForgotPasswordIllustrationLight,
-  authV2ForgotPasswordIllustrationDark,
-)
-
-const authThemeMask = useGenerateImageVariant(authV2MaskLight, authV2MaskDark)
-</script>
-
-<template>
-  <RouterLink to="/">
-    <div class="auth-logo d-flex align-center gap-x-3">
-      <VNodeRenderer :nodes="themeConfig.app.logo" />
-      <h1 class="auth-title">
-        {{ themeConfig.app.title }}
-      </h1>
-    </div>
-  </RouterLink>
-
-  <VRow
-    class="auth-wrapper bg-surface"
-    no-gutters
-  >
-    <VCol
-      md="8"
-      class="d-none d-md-flex"
-    >
-      <div class="position-relative bg-background w-100 me-0">
-        <div
-          class="d-flex align-center justify-center w-100 h-100"
-          style="padding-inline: 150px;"
-        >
-          <VImg
-            max-width="468"
-            :src="authThemeImg"
-            class="auth-illustration mt-16 mb-2 flip-in-rtl"
-          />
-        </div>
-
-        <img
-          class="auth-footer-mask flip-in-rtl"
-          :src="authThemeMask"
-          alt="auth-footer-mask"
-          height="280"
-          width="100"
-        >
-      </div>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-      class="auth-card-v2 d-flex align-center justify-center"
-    >
-      <VCard
-        flat
-        :max-width="500"
-        class="mt-12 mt-sm-0 pa-6"
-      >
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Forgot Password? 🔒
-          </h4>
-          <p class="mb-0">
-            Enter your email and we'll send you instructions to reset your password
-          </p>
-        </VCardText>
-
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <!-- email -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="email"
-                  autofocus
-                  label="Email"
-                  placeholder="johndoe@email.com"
-                  type="email"
-                />
-              </VCol>
-
-              <!-- Reset link -->
-              <VCol cols="12">
-                <VBtn
-                  block
-                  type="submit"
-                >
-                  Send Reset Link
-                </VBtn>
-              </VCol>
-
-              <!-- back to login -->
-              <VCol cols="12">
-                <RouterLink
-                  class="d-flex align-center justify-center"
-                  :to="{ name: 'pages-authentication-login-v2' }"
-                >
-                  <VIcon
-                    icon="tabler-chevron-left"
-                    size="20"
-                    class="me-1 flip-in-rtl"
-                  />
-                  <span>Back to login</span>
-                </RouterLink>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth.scss";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/login-v1.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/login-v1.vue
deleted file mode 100644
index f4711e9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/login-v1.vue
+++ /dev/null
@@ -1,159 +0,0 @@
-<script setup lang="ts">
-import AuthProvider from '@/views/pages/authentication/AuthProvider.vue'
-import authV1BottomShape from '@images/svg/auth-v1-bottom-shape.svg?raw'
-import authV1TopShape from '@images/svg/auth-v1-top-shape.svg?raw'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const form = ref({
-  email: '',
-  password: '',
-  remember: false,
-})
-
-const isPasswordVisible = ref(false)
-</script>
-
-<template>
-  <div class="auth-wrapper d-flex align-center justify-center pa-4">
-    <div class="position-relative my-sm-16">
-      <!-- 👉 Top shape -->
-      <VNodeRenderer
-        :nodes="h('div', { innerHTML: authV1TopShape })"
-        class="text-primary auth-v1-top-shape d-none d-sm-block"
-      />
-
-      <!-- 👉 Bottom shape -->
-      <VNodeRenderer
-        :nodes="h('div', { innerHTML: authV1BottomShape })"
-        class="text-primary auth-v1-bottom-shape d-none d-sm-block"
-      />
-
-      <!-- 👉 Auth Card -->
-      <VCard
-        class="auth-card"
-        max-width="460"
-        :class="$vuetify.display.smAndUp ? 'pa-6' : 'pa-0'"
-      >
-        <VCardItem class="justify-center">
-          <VCardTitle>
-            <RouterLink to="/">
-              <div class="app-logo">
-                <VNodeRenderer :nodes="themeConfig.app.logo" />
-                <h1 class="app-logo-title">
-                  {{ themeConfig.app.title }}
-                </h1>
-              </div>
-            </RouterLink>
-          </VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Welcome to <span class="text-capitalize">{{ themeConfig.app.title }}</span>! 👋🏻
-          </h4>
-          <p class="mb-0">
-            Please sign-in to your account and start the adventure
-          </p>
-        </VCardText>
-
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <!-- email -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.email"
-                  autofocus
-                  label="Email or Username"
-                  type="email"
-                  placeholder="johndoe@email.com"
-                />
-              </VCol>
-
-              <!-- password -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-
-                <!-- remember me checkbox -->
-                <div class="d-flex align-center justify-space-between flex-wrap my-6">
-                  <VCheckbox
-                    v-model="form.remember"
-                    label="Remember me"
-                  />
-
-                  <RouterLink
-                    class="text-primary"
-                    :to="{ name: 'pages-authentication-forgot-password-v1' }"
-                  >
-                    Forgot Password?
-                  </RouterLink>
-                </div>
-
-                <!-- login button -->
-                <VBtn
-                  block
-                  type="submit"
-                >
-                  Login
-                </VBtn>
-              </VCol>
-
-              <!-- create account -->
-              <VCol
-                cols="12"
-                class="text-body-1 text-center"
-              >
-                <span class="d-inline-block">
-                  New on our platform?
-                </span>
-                <RouterLink
-                  class="text-primary ms-1 d-inline-block text-body-1"
-                  :to="{ name: 'pages-authentication-register-v1' }"
-                >
-                  Create an account
-                </RouterLink>
-              </VCol>
-
-              <VCol
-                cols="12"
-                class="d-flex align-center"
-              >
-                <VDivider />
-                <span class="mx-4 text-high-emphasis">or</span>
-                <VDivider />
-              </VCol>
-
-              <!-- auth providers -->
-              <VCol
-                cols="12"
-                class="text-center"
-              >
-                <AuthProvider />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/login-v2.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/login-v2.vue
deleted file mode 100644
index 840758f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/login-v2.vue
+++ /dev/null
@@ -1,185 +0,0 @@
-<script setup lang="ts">
-import AuthProvider from '@/views/pages/authentication/AuthProvider.vue'
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-import authV2LoginIllustrationBorderedDark from '@images/pages/auth-v2-login-illustration-bordered-dark.png'
-import authV2LoginIllustrationBorderedLight from '@images/pages/auth-v2-login-illustration-bordered-light.png'
-import authV2LoginIllustrationDark from '@images/pages/auth-v2-login-illustration-dark.png'
-import authV2LoginIllustrationLight from '@images/pages/auth-v2-login-illustration-light.png'
-import authV2MaskDark from '@images/pages/misc-mask-dark.png'
-import authV2MaskLight from '@images/pages/misc-mask-light.png'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const form = ref({
-  email: '',
-  password: '',
-  remember: false,
-})
-
-const isPasswordVisible = ref(false)
-
-const authThemeImg = useGenerateImageVariant(
-  authV2LoginIllustrationLight,
-  authV2LoginIllustrationDark,
-  authV2LoginIllustrationBorderedLight,
-  authV2LoginIllustrationBorderedDark,
-  true)
-
-const authThemeMask = useGenerateImageVariant(authV2MaskLight, authV2MaskDark)
-</script>
-
-<template>
-  <RouterLink to="/">
-    <div class="auth-logo d-flex align-center gap-x-3">
-      <VNodeRenderer :nodes="themeConfig.app.logo" />
-      <h1 class="auth-title">
-        {{ themeConfig.app.title }}
-      </h1>
-    </div>
-  </RouterLink>
-
-  <VRow
-    no-gutters
-    class="auth-wrapper bg-surface"
-  >
-    <VCol
-      md="8"
-      class="d-none d-md-flex"
-    >
-      <div class="position-relative bg-background w-100 me-0">
-        <div
-          class="d-flex align-center justify-center w-100 h-100"
-          style="padding-inline: 6.25rem;"
-        >
-          <VImg
-            max-width="613"
-            :src="authThemeImg"
-            class="auth-illustration mt-16 mb-2"
-          />
-        </div>
-
-        <img
-          class="auth-footer-mask flip-in-rtl"
-          :src="authThemeMask"
-          alt="auth-footer-mask"
-          height="280"
-          width="100"
-        >
-      </div>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-      class="auth-card-v2 d-flex align-center justify-center"
-    >
-      <VCard
-        flat
-        :max-width="500"
-        class="mt-12 mt-sm-0 pa-6"
-      >
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Welcome to <span class="text-capitalize">{{ themeConfig.app.title }}</span>! 👋🏻
-          </h4>
-          <p class="mb-0">
-            Please sign-in to your account and start the adventure
-          </p>
-        </VCardText>
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <!-- email -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.email"
-                  autofocus
-                  label="Email or Username"
-                  type="email"
-                  placeholder="johndoe@email.com"
-                />
-              </VCol>
-
-              <!-- password -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-
-                <div class="d-flex align-center flex-wrap justify-space-between my-6">
-                  <VCheckbox
-                    v-model="form.remember"
-                    label="Remember me"
-                  />
-                  <RouterLink
-                    class="text-primary"
-                    :to="{ name: 'pages-authentication-forgot-password-v2' }"
-                  >
-                    Forgot Password?
-                  </RouterLink>
-                </div>
-
-                <VBtn
-                  block
-                  type="submit"
-                >
-                  Login
-                </VBtn>
-              </VCol>
-
-              <!-- create account -->
-              <VCol
-                cols="12"
-                class="text-body-1 text-center"
-              >
-                <span class="d-inline-block">
-                  New on our platform?
-                </span>
-                <RouterLink
-                  class="text-primary ms-1 d-inline-block text-body-1"
-                  :to="{ name: 'pages-authentication-register-v2' }"
-                >
-                  Create an account
-                </RouterLink>
-              </VCol>
-
-              <VCol
-                cols="12"
-                class="d-flex align-center"
-              >
-                <VDivider />
-                <span class="mx-4">or</span>
-                <VDivider />
-              </VCol>
-
-              <!-- auth providers -->
-              <VCol
-                cols="12"
-                class="text-center"
-              >
-                <AuthProvider />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/register-multi-steps.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/register-multi-steps.vue
deleted file mode 100644
index c550101..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/register-multi-steps.vue
+++ /dev/null
@@ -1,457 +0,0 @@
-<script setup lang="ts">
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-import type { CustomInputContent } from '@core/types'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-import registerMultiStepIllustrationDark from '@images/illustrations/register-multi-step-illustration-dark.png'
-import registerMultiStepIllustrationLight from '@images/illustrations/register-multi-step-illustration-light.png'
-
-import registerMultiStepBgDark from '@images/pages/register-multi-step-bg-dark.png'
-import registerMultiStepBgLight from '@images/pages/register-multi-step-bg-light.png'
-
-const registerMultiStepBg = useGenerateImageVariant(registerMultiStepBgLight, registerMultiStepBgDark)
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isConfirmPasswordVisible = ref(false)
-
-const registerMultiStepIllustration = useGenerateImageVariant(registerMultiStepIllustrationLight, registerMultiStepIllustrationDark)
-
-const radioContent: CustomInputContent[] = [
-  {
-    title: 'Starter',
-    desc: 'A simple start for everyone.',
-    value: '0',
-  },
-  {
-    title: 'Standard',
-    desc: 'For small to medium businesses.',
-    value: '99',
-  },
-  {
-    title: 'Enterprise',
-    desc: 'Solution for big organizations.',
-    value: '499',
-  },
-]
-
-const items = [
-  {
-    title: 'Account',
-    subtitle: 'Account Details',
-    icon: 'tabler-file-analytics',
-  },
-  {
-    title: 'Personal',
-    subtitle: 'Enter Information',
-    icon: 'tabler-user',
-  },
-  {
-    title: 'Billing',
-    subtitle: 'Payment Details',
-    icon: 'tabler-credit-card',
-  },
-]
-
-const form = ref({
-  username: '',
-  email: '',
-  password: '',
-  confirmPassword: '',
-  link: '',
-  firstName: '',
-  lastName: '',
-  mobile: '',
-  pincode: '',
-  address: '',
-  landmark: '',
-  city: '',
-  state: null,
-  selectedPlan: '0',
-  cardNumber: '',
-  cardName: '',
-  expiryDate: '',
-  cvv: '',
-})
-
-const onSubmit = () => {
-  // eslint-disable-next-line no-alert
-  alert('Submitted..!!')
-}
-</script>
-
-<template>
-  <RouterLink to="/">
-    <div class="auth-logo d-flex align-center gap-x-3">
-      <VNodeRenderer :nodes="themeConfig.app.logo" />
-      <h1 class="auth-title">
-        {{ themeConfig.app.title }}
-      </h1>
-    </div>
-  </RouterLink>
-
-  <VRow
-    no-gutters
-    class="auth-wrapper"
-  >
-    <VCol
-      md="4"
-      class="d-none d-md-flex"
-    >
-      <!-- here your illustration -->
-      <div class="d-flex justify-center align-center w-100 position-relative">
-        <VImg
-          :src="registerMultiStepIllustration"
-          class="illustration-image flip-in-rtl"
-        />
-
-        <img
-          class="bg-image position-absolute w-100 flip-in-rtl"
-          :src="registerMultiStepBg"
-          alt="register-multi-step-bg"
-          height="340"
-        >
-      </div>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="8"
-      class="auth-card-v2 d-flex align-center justify-center pa-10"
-      style="background-color: rgb(var(--v-theme-surface));"
-    >
-      <VCard
-        flat
-        class="mt-12 mt-sm-10"
-      >
-        <AppStepper
-          v-model:current-step="currentStep"
-          :items="items"
-          :direction="$vuetify.display.smAndUp ? 'horizontal' : 'vertical'"
-          icon-size="22"
-          class="stepper-icon-step-bg mb-12"
-        />
-
-        <VWindow
-          v-model="currentStep"
-          class="disable-tab-transition"
-          style="max-inline-size: 681px;"
-        >
-          <VForm>
-            <VWindowItem>
-              <h4 class="text-h4">
-                Account Information
-              </h4>
-              <p class="text-body-1 mb-6">
-                Enter Your Account Details
-              </p>
-
-              <VRow>
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppTextField
-                    v-model="form.username"
-                    label="Username"
-                    placeholder="Johndoe"
-                  />
-                </VCol>
-
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppTextField
-                    v-model="form.email"
-                    label="Email"
-                    placeholder="johndoe@email.com"
-                  />
-                </VCol>
-
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppTextField
-                    v-model="form.password"
-                    label="Password"
-                    placeholder="············"
-                    :type="isPasswordVisible ? 'text' : 'password'"
-                    autocomplete="password"
-                    :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                    @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                  />
-                </VCol>
-
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppTextField
-                    v-model="form.confirmPassword"
-                    label="Confirm Password"
-                    autocomplete="confirm-password"
-                    placeholder="············"
-                    :type="isConfirmPasswordVisible ? 'text' : 'password'"
-                    :append-inner-icon="isConfirmPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                    @click:append-inner="isConfirmPasswordVisible = !isConfirmPasswordVisible"
-                  />
-                </VCol>
-
-                <VCol cols="12">
-                  <AppTextField
-                    v-model="form.link"
-                    label="Profile Link"
-                    placeholder="https://profile.com/johndoe"
-                    type="url"
-                  />
-                </VCol>
-              </VRow>
-            </VWindowItem>
-
-            <VWindowItem>
-              <h4 class="text-h4">
-                Personal Information
-              </h4>
-              <p>
-                Enter Your Personal Information
-              </p>
-
-              <VRow>
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppTextField
-                    v-model="form.firstName"
-                    label="First Name"
-                    placeholder="John"
-                  />
-                </VCol>
-
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppTextField
-                    v-model="form.lastName"
-                    label="Last Name"
-                    placeholder="Doe"
-                  />
-                </VCol>
-
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppTextField
-                    v-model="form.mobile"
-                    type="number"
-                    label="Mobile"
-                    placeholder="+1 123 456 7890"
-                  />
-                </VCol>
-
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppTextField
-                    v-model="form.pincode"
-                    type="number"
-                    label="Pincode"
-                    placeholder="123456"
-                  />
-                </VCol>
-
-                <VCol cols="12">
-                  <AppTextField
-                    v-model="form.address"
-                    label="Address"
-                    placeholder="1234 Main St, New York, NY 10001, USA"
-                  />
-                </VCol>
-
-                <VCol cols="12">
-                  <AppTextField
-                    v-model="form.landmark"
-                    label="Landmark"
-                    placeholder="Near Central Park"
-                  />
-                </VCol>
-
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppTextField
-                    v-model="form.city"
-                    label="City"
-                    placeholder="New York"
-                  />
-                </VCol>
-
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppSelect
-                    v-model="form.state"
-                    label="State"
-                    placeholder="Select State"
-                    :items="['New York', 'California', 'Florida', 'Washington', 'Texas']"
-                  />
-                </VCol>
-              </VRow>
-            </VWindowItem>
-
-            <VWindowItem>
-              <h4 class="text-h4">
-                Select Plan
-              </h4>
-              <p class="text-body-1 mb-5">
-                Select plan as per your requirement
-              </p>
-
-              <CustomRadiosWithIcon
-                v-model:selected-radio="form.selectedPlan"
-                :radio-content="radioContent"
-                :grid-column="{ sm: '4', cols: '12' }"
-              >
-                <template #default="{ item }">
-                  <div class="text-center">
-                    <h5 class="text-h5 mb-2">
-                      {{ item.title }}
-                    </h5>
-                    <p class="clamp-text mb-2">
-                      {{ item.desc }}
-                    </p>
-
-                    <div class="d-flex align-center justify-center">
-                      <span class="text-primary mb-2">$</span>
-                      <span class="text-h4 text-primary">
-                        {{ item.value }}
-                      </span>
-                      <span class="mt-2">/month</span>
-                    </div>
-                  </div>
-                </template>
-              </CustomRadiosWithIcon>
-
-              <h4 class="text-h4 mt-12">
-                Payment Information
-              </h4>
-              <p class="text-body-1 mb-6">
-                Enter your card information
-              </p>
-
-              <VRow>
-                <VCol cols="12">
-                  <AppTextField
-                    v-model="form.cardNumber"
-                    type="number"
-                    label="Card Number"
-                    placeholder="1234 1234 1234 1234"
-                  />
-                </VCol>
-
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppTextField
-                    v-model="form.cardName"
-                    label="Name on Card"
-                    placeholder="John Doe"
-                  />
-                </VCol>
-
-                <VCol
-                  cols="6"
-                  md="3"
-                >
-                  <AppTextField
-                    v-model="form.expiryDate"
-                    label="Expiry"
-                    placeholder="MM/YY"
-                  />
-                </VCol>
-
-                <VCol
-                  cols="6"
-                  md="3"
-                >
-                  <AppTextField
-                    v-model="form.cvv"
-                    type="number"
-                    label="CVV"
-                    placeholder="123"
-                  />
-                </VCol>
-              </VRow>
-            </VWindowItem>
-          </VForm>
-        </VWindow>
-
-        <div class="d-flex flex-wrap justify-space-between gap-x-4 mt-6">
-          <VBtn
-            color="secondary"
-            :disabled="currentStep === 0"
-            variant="tonal"
-            @click="currentStep--"
-          >
-            <VIcon
-              icon="tabler-arrow-left"
-              start
-              class="flip-in-rtl"
-            />
-            Previous
-          </VBtn>
-
-          <VBtn
-            v-if="items.length - 1 === currentStep"
-            color="success"
-            @click="onSubmit"
-          >
-            submit
-          </VBtn>
-
-          <VBtn
-            v-else
-            @click="currentStep++"
-          >
-            Next
-
-            <VIcon
-              icon="tabler-arrow-right"
-              end
-              class="flip-in-rtl"
-            />
-          </VBtn>
-        </div>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth.scss";
-
-.illustration-image {
-  block-size: 550px;
-  inline-size: 248px;
-}
-
-.bg-image {
-  inset-block-end: 0;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/register-v1.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/register-v1.vue
deleted file mode 100644
index 707bcb9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/register-v1.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup lang="ts">
-import AuthProvider from '@/views/pages/authentication/AuthProvider.vue'
-import authV1BottomShape from '@images/svg/auth-v1-bottom-shape.svg?raw'
-import authV1TopShape from '@images/svg/auth-v1-top-shape.svg?raw'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const form = ref({
-  username: '',
-  email: '',
-  password: '',
-  privacyPolicies: false,
-})
-
-const isPasswordVisible = ref(false)
-</script>
-
-<template>
-  <div class="auth-wrapper d-flex align-center justify-center pa-4">
-    <div class="position-relative my-sm-16">
-      <!-- 👉 Top shape -->
-      <VNodeRenderer
-        :nodes="h('div', { innerHTML: authV1TopShape })"
-        class="text-primary auth-v1-top-shape d-none d-sm-block"
-      />
-
-      <!-- 👉 Bottom shape -->
-      <VNodeRenderer
-        :nodes="h('div', { innerHTML: authV1BottomShape })"
-        class="text-primary auth-v1-bottom-shape d-none d-sm-block"
-      />
-
-      <!-- 👉 Auth card -->
-      <VCard
-        class="auth-card"
-        max-width="460"
-        :class="$vuetify.display.smAndUp ? 'pa-6' : 'pa-0'"
-      >
-        <VCardItem class="justify-center">
-          <VCardTitle>
-            <RouterLink to="/">
-              <div class="app-logo">
-                <VNodeRenderer :nodes="themeConfig.app.logo" />
-                <h1 class="app-logo-title">
-                  {{ themeConfig.app.title }}
-                </h1>
-              </div>
-            </RouterLink>
-          </VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Adventure starts here 🚀
-          </h4>
-          <p class="mb-0">
-            Make your app management easy and fun!
-          </p>
-        </VCardText>
-
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <!-- Username -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.username"
-                  autofocus
-                  label="Username"
-                  placeholder="Johndoe"
-                />
-              </VCol>
-              <!-- email -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.email"
-                  label="Email"
-                  type="email"
-                  placeholder="johndoe@email.com"
-                />
-              </VCol>
-
-              <!-- password -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-
-                <div class="d-flex align-center my-6">
-                  <VCheckbox
-                    id="privacy-policy"
-                    v-model="form.privacyPolicies"
-                    inline
-                  />
-                  <VLabel
-                    for="privacy-policy"
-                    style="opacity: 1;"
-                  >
-                    <span class="me-1 text-high-emphasis">I agree to</span>
-                    <a
-                      href="javascript:void(0)"
-                      class="text-primary"
-                    >privacy policy & terms</a>
-                  </VLabel>
-                </div>
-
-                <VBtn
-                  block
-                  type="submit"
-                >
-                  Sign up
-                </VBtn>
-              </VCol>
-
-              <!-- login instead -->
-              <VCol
-                cols="12"
-                class="text-center text-base"
-              >
-                <span>Already have an account?</span>
-                <RouterLink
-                  class="text-primary ms-1"
-                  :to="{ name: 'pages-authentication-login-v1' }"
-                >
-                  Sign in instead
-                </RouterLink>
-              </VCol>
-
-              <VCol
-                cols="12"
-                class="d-flex align-center"
-              >
-                <VDivider />
-                <span class="mx-4">or</span>
-                <VDivider />
-              </VCol>
-
-              <!-- auth providers -->
-              <VCol
-                cols="12"
-                class="text-center"
-              >
-                <AuthProvider />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/register-v2.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/register-v2.vue
deleted file mode 100644
index 6f360a6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/register-v2.vue
+++ /dev/null
@@ -1,198 +0,0 @@
-<script setup lang="ts">
-import { VNodeRenderer } from '@/@layouts/components/VNodeRenderer'
-import AuthProvider from '@/views/pages/authentication/AuthProvider.vue'
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-import { themeConfig } from '@themeConfig'
-
-import authV2RegisterIllustrationBorderedDark from '@images/pages/auth-v2-register-illustration-bordered-dark.png'
-import authV2RegisterIllustrationBorderedLight from '@images/pages/auth-v2-register-illustration-bordered-light.png'
-import authV2RegisterIllustrationDark from '@images/pages/auth-v2-register-illustration-dark.png'
-import authV2RegisterIllustrationLight from '@images/pages/auth-v2-register-illustration-light.png'
-import authV2MaskDark from '@images/pages/misc-mask-dark.png'
-import authV2MaskLight from '@images/pages/misc-mask-light.png'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const form = ref({
-  username: '',
-  email: '',
-  password: '',
-  privacyPolicies: false,
-})
-
-const imageVariant = useGenerateImageVariant(authV2RegisterIllustrationLight,
-  authV2RegisterIllustrationDark,
-  authV2RegisterIllustrationBorderedLight,
-  authV2RegisterIllustrationBorderedDark, true)
-
-const authThemeMask = useGenerateImageVariant(authV2MaskLight, authV2MaskDark)
-
-const isPasswordVisible = ref(false)
-</script>
-
-<template>
-  <RouterLink to="/">
-    <div class="auth-logo d-flex align-center gap-x-3">
-      <VNodeRenderer :nodes="themeConfig.app.logo" />
-      <h1 class="auth-title">
-        {{ themeConfig.app.title }}
-      </h1>
-    </div>
-  </RouterLink>
-
-  <VRow
-    no-gutters
-    class="auth-wrapper bg-surface"
-  >
-    <VCol
-      md="8"
-      class="d-none d-md-flex"
-    >
-      <div class="position-relative bg-background w-100 me-0">
-        <div
-          class="d-flex align-center justify-center w-100 h-100"
-          style="padding-inline: 100px;"
-        >
-          <VImg
-            max-width="500"
-            :src="imageVariant"
-            class="auth-illustration mt-16 mb-2"
-          />
-        </div>
-
-        <img
-          class="auth-footer-mask flip-in-rtl"
-          :src="authThemeMask"
-          alt="auth-footer-mask"
-          height="280"
-          width="100"
-        >
-      </div>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-      class="auth-card-v2 d-flex align-center justify-center"
-    >
-      <VCard
-        flat
-        :max-width="500"
-        class="mt-12 pa-6"
-      >
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Adventure starts here 🚀
-          </h4>
-          <p class="mb-0">
-            Make your app management easy and fun!
-          </p>
-        </VCardText>
-
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <!-- Username -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.username"
-                  autofocus
-                  label="Username"
-                  placeholder="Johndoe"
-                />
-              </VCol>
-
-              <!-- email -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.email"
-                  label="Email"
-                  type="email"
-                  placeholder="johndoe@email.com"
-                />
-              </VCol>
-
-              <!-- password -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-
-                <div class="d-flex align-center my-6">
-                  <VCheckbox
-                    id="privacy-policy"
-                    v-model="form.privacyPolicies"
-                    inline
-                  />
-                  <VLabel
-                    for="privacy-policy"
-                    style="opacity: 1;"
-                  >
-                    <span class="me-1 text-high-emphasis">I agree to</span>
-                    <a
-                      href="javascript:void(0)"
-                      class="text-primary"
-                    >privacy policy & terms</a>
-                  </VLabel>
-                </div>
-
-                <VBtn
-                  block
-                  type="submit"
-                >
-                  Sign up
-                </VBtn>
-              </VCol>
-
-              <!-- create account -->
-              <VCol
-                cols="12"
-                class="text-center text-base"
-              >
-                <span class="d-inline-block">Already have an account?</span>
-                <RouterLink
-                  class="text-primary ms-1 d-inline-block"
-                  :to="{ name: 'pages-authentication-login-v2' }"
-                >
-                  Sign in instead
-                </RouterLink>
-              </VCol>
-
-              <VCol
-                cols="12"
-                class="d-flex align-center"
-              >
-                <VDivider />
-                <span class="mx-4">or</span>
-                <VDivider />
-              </VCol>
-
-              <!-- auth providers -->
-              <VCol
-                cols="12"
-                class="text-center"
-              >
-                <AuthProvider />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/reset-password-v1.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/reset-password-v1.vue
deleted file mode 100644
index def9e77..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/reset-password-v1.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<script setup lang="ts">
-import authV1BottomShape from '@images/svg/auth-v1-bottom-shape.svg?raw'
-import authV1TopShape from '@images/svg/auth-v1-top-shape.svg?raw'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const form = ref({
-  newPassword: '',
-  confirmPassword: '',
-})
-
-const isPasswordVisible = ref(false)
-const isConfirmPasswordVisible = ref(false)
-</script>
-
-<template>
-  <div class="auth-wrapper d-flex align-center justify-center pa-4">
-    <div class="position-relative my-sm-16">
-      <!-- 👉 Top shape -->
-      <VNodeRenderer
-        :nodes="h('div', { innerHTML: authV1TopShape })"
-        class="text-primary auth-v1-top-shape d-none d-sm-block"
-      />
-
-      <!-- 👉 Bottom shape -->
-      <VNodeRenderer
-        :nodes="h('div', { innerHTML: authV1BottomShape })"
-        class="text-primary auth-v1-bottom-shape d-none d-sm-block"
-      />
-
-      <!-- 👉 Auth Card -->
-      <VCard
-        class="auth-card"
-        max-width="460"
-        :class="$vuetify.display.smAndUp ? 'pa-6' : 'pa-2'"
-      >
-        <VCardItem class="justify-center">
-          <VCardTitle>
-            <RouterLink to="/">
-              <div class="app-logo">
-                <VNodeRenderer :nodes="themeConfig.app.logo" />
-                <h1 class="app-logo-title">
-                  {{ themeConfig.app.title }}
-                </h1>
-              </div>
-            </RouterLink>
-          </VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Reset Password 🔒
-          </h4>
-          <p class="mb-0">
-            Your new password must be different from previously used passwords
-          </p>
-        </VCardText>
-
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <!-- password -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.newPassword"
-                  autofocus
-                  label="New Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <!-- Confirm Password -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.confirmPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :type="isConfirmPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isConfirmPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isConfirmPasswordVisible = !isConfirmPasswordVisible"
-                />
-              </VCol>
-
-              <!-- reset password -->
-              <VCol cols="12">
-                <VBtn
-                  block
-                  type="submit"
-                >
-                  Set New Password
-                </VBtn>
-              </VCol>
-
-              <!-- back to login -->
-              <VCol cols="12">
-                <RouterLink
-                  class="d-flex align-center justify-center"
-                  :to="{ name: 'pages-authentication-login-v1' }"
-                >
-                  <VIcon
-                    icon="tabler-chevron-left"
-                    size="20"
-                    class="me-1 flip-in-rtl"
-                  />
-                  <span>Back to login</span>
-                </RouterLink>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/reset-password-v2.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/reset-password-v2.vue
deleted file mode 100644
index 43ea461..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/reset-password-v2.vue
+++ /dev/null
@@ -1,156 +0,0 @@
-<script setup lang="ts">
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-import authV2ResetPasswordIllustrationDark from '@images/pages/auth-v2-reset-password-illustration-dark.png'
-import authV2ResetPasswordIllustrationLight from '@images/pages/auth-v2-reset-password-illustration-light.png'
-import authV2MaskDark from '@images/pages/misc-mask-dark.png'
-import authV2MaskLight from '@images/pages/misc-mask-light.png'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const form = ref({
-  newPassword: '',
-  confirmPassword: '',
-})
-
-const authThemeImg = useGenerateImageVariant(authV2ResetPasswordIllustrationLight,
-  authV2ResetPasswordIllustrationDark,
-)
-
-const authThemeMask = useGenerateImageVariant(authV2MaskLight, authV2MaskDark)
-
-const isPasswordVisible = ref(false)
-const isConfirmPasswordVisible = ref(false)
-</script>
-
-<template>
-  <RouterLink to="/">
-    <div class="auth-logo d-flex align-center gap-x-3">
-      <VNodeRenderer :nodes="themeConfig.app.logo" />
-      <h1 class="auth-title">
-        {{ themeConfig.app.title }}
-      </h1>
-    </div>
-  </RouterLink>
-
-  <VRow
-    no-gutters
-    class="auth-wrapper bg-surface"
-  >
-    <VCol
-      md="8"
-      class="d-none d-md-flex"
-    >
-      <div class="position-relative bg-background w-100 me-0">
-        <div
-          class="d-flex align-center justify-center w-100 h-100"
-          style="padding-inline: 150px;"
-        >
-          <VImg
-            max-width="451"
-            :src="authThemeImg"
-            class="auth-illustration mt-16 mb-2"
-          />
-        </div>
-
-        <img
-          class="auth-footer-mask flip-in-rtl"
-          :src="authThemeMask"
-          alt="auth-footer-mask"
-          height="280"
-          width="100"
-        >
-      </div>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-      class="auth-card-v2 d-flex align-center justify-center"
-    >
-      <VCard
-        flat
-        :max-width="500"
-        class="mt-12 mt-sm-0 pa-6"
-      >
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Reset Password 🔒
-          </h4>
-          <p class="mb-0">
-            Your new password must be different from previously used passwords
-          </p>
-        </VCardText>
-
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <!-- password -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.newPassword"
-                  autofocus
-                  label="New Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <!-- Confirm Password -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.confirmPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :type="isConfirmPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isConfirmPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isConfirmPasswordVisible = !isConfirmPasswordVisible"
-                />
-              </VCol>
-
-              <!-- Set password -->
-              <VCol cols="12">
-                <VBtn
-                  block
-                  type="submit"
-                >
-                  Set New Password
-                </VBtn>
-              </VCol>
-
-              <!-- back to login -->
-              <VCol cols="12">
-                <RouterLink
-                  class="d-flex align-center justify-center"
-                  :to="{ name: 'pages-authentication-login-v2' }"
-                >
-                  <VIcon
-                    icon="tabler-chevron-left"
-                    size="20"
-                    class="me-1 flip-in-rtl"
-                  />
-                  <span>Back to login</span>
-                </RouterLink>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/two-steps-v1.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/two-steps-v1.vue
deleted file mode 100644
index fc4bee2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/two-steps-v1.vue
+++ /dev/null
@@ -1,126 +0,0 @@
-<script setup lang="ts">
-import authV1BottomShape from '@images/svg/auth-v1-bottom-shape.svg?raw'
-import authV1TopShape from '@images/svg/auth-v1-top-shape.svg?raw'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const router = useRouter()
-const otp = ref('')
-const isOtpInserted = ref(false)
-
-const onFinish = () => {
-  isOtpInserted.value = true
-
-  setTimeout(() => {
-    isOtpInserted.value = false
-    router.push('/')
-  }, 2000)
-}
-</script>
-
-<template>
-  <div class="auth-wrapper d-flex align-center justify-center pa-4">
-    <div class="position-relative my-sm-16">
-      <!-- 👉 Top shape -->
-      <VNodeRenderer
-        :nodes="h('div', { innerHTML: authV1TopShape })"
-        class="text-primary auth-v1-top-shape d-none d-sm-block"
-      />
-
-      <!-- 👉 Bottom shape -->
-      <VNodeRenderer
-        :nodes="h('div', { innerHTML: authV1BottomShape })"
-        class="text-primary auth-v1-bottom-shape d-none d-sm-block"
-      />
-
-      <!-- 👉 Auth card -->
-      <VCard
-        class="auth-card"
-        max-width="460"
-        :class="$vuetify.display.smAndUp ? 'pa-6' : 'pa-0'"
-      >
-        <VCardItem class="justify-center">
-          <VCardTitle>
-            <RouterLink to="/">
-              <div class="app-logo">
-                <VNodeRenderer :nodes="themeConfig.app.logo" />
-                <h1 class="app-logo-title">
-                  {{ themeConfig.app.title }}
-                </h1>
-              </div>
-            </RouterLink>
-          </VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Two Step Verification 💬
-          </h4>
-          <p class="mb-1">
-            We sent a verification code to your mobile. Enter the code from the mobile in the field below.
-          </p>
-          <h6 class="text-h6">
-            ******1234
-          </h6>
-        </VCardText>
-
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <!-- email -->
-              <VCol cols="12">
-                <h6 class="text-body-1">
-                  Type your 6 digit security code
-                </h6>
-                <VOtpInput
-                  v-model="otp"
-                  :disabled="isOtpInserted"
-                  type="number"
-                  class="pa-0"
-                  @finish="onFinish"
-                />
-              </VCol>
-
-              <!-- reset password -->
-              <VCol cols="12">
-                <VBtn
-                  :loading="isOtpInserted"
-                  :disabled="isOtpInserted"
-                  block
-                  type="submit"
-                >
-                  Verify my account
-                </VBtn>
-              </VCol>
-
-              <!-- back to login -->
-              <VCol cols="12">
-                <div class="d-flex justify-center align-center flex-wrap">
-                  <span class="me-1">Didn't get the code?</span>
-                  <a href="#">Resend</a>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth";
-
-.v-otp-input {
-  .v-otp-input__content {
-    padding-inline: 0;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/two-steps-v2.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/two-steps-v2.vue
deleted file mode 100644
index 9ac2a6e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/two-steps-v2.vue
+++ /dev/null
@@ -1,152 +0,0 @@
-<script setup lang="ts">
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-import authV2TwoStepIllustrationDark from '@images/pages/auth-v2-two-step-illustration-dark.png'
-import authV2TwoStepIllustrationLight from '@images/pages/auth-v2-two-step-illustration-light.png'
-import authV2MaskDark from '@images/pages/misc-mask-dark.png'
-import authV2MaskLight from '@images/pages/misc-mask-light.png'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const authThemeImg = useGenerateImageVariant(
-  authV2TwoStepIllustrationLight,
-  authV2TwoStepIllustrationDark,
-)
-
-const authThemeMask = useGenerateImageVariant(authV2MaskLight, authV2MaskDark)
-
-const router = useRouter()
-const otp = ref('')
-const isOtpInserted = ref(false)
-
-const onFinish = () => {
-  isOtpInserted.value = true
-
-  setTimeout(() => {
-    isOtpInserted.value = false
-    router.push('/')
-  }, 2000)
-}
-</script>
-
-<template>
-  <RouterLink to="/">
-    <div class="auth-logo d-flex align-center gap-x-3">
-      <VNodeRenderer :nodes="themeConfig.app.logo" />
-      <h1 class="auth-title">
-        {{ themeConfig.app.title }}
-      </h1>
-    </div>
-  </RouterLink>
-
-  <VRow
-    class="auth-wrapper bg-surface"
-    no-gutters
-  >
-    <VCol
-      md="8"
-      class="d-none d-md-flex"
-    >
-      <div class="position-relative bg-background w-100 me-0">
-        <div
-          class="d-flex align-center justify-center w-100 h-100"
-          style="padding-inline: 150px;"
-        >
-          <VImg
-            max-width="468"
-            :src="authThemeImg"
-            class="auth-illustration mt-16 mb-2"
-          />
-        </div>
-
-        <img
-          class="auth-footer-mask flip-in-rtl"
-          :src="authThemeMask"
-          alt="auth-footer-mask"
-          height="280"
-          width="100"
-        >
-      </div>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-      class="auth-card-v2 d-flex align-center justify-center"
-    >
-      <VCard
-        flat
-        :max-width="500"
-        class="mt-12 mt-sm-0 pa-6"
-      >
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Two Step Verification 💬
-          </h4>
-          <p class="mb-1">
-            We sent a verification code to your mobile. Enter the code from the mobile in the field below.
-          </p>
-          <h6 class="text-h6">
-            ******1234
-          </h6>
-        </VCardText>
-
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <!-- email -->
-              <VCol cols="12">
-                <h6 class="text-body-1">
-                  Type your 6 digit security code
-                </h6>
-                <VOtpInput
-                  v-model="otp"
-                  :disabled="isOtpInserted"
-                  type="number"
-                  class="pa-0"
-                  @finish="onFinish"
-                />
-              </VCol>
-
-              <!-- reset password -->
-              <VCol cols="12">
-                <VBtn
-                  block
-                  :loading="isOtpInserted"
-                  :disabled="isOtpInserted"
-                  type="submit"
-                >
-                  Verify my account
-                </VBtn>
-              </VCol>
-
-              <!-- back to login -->
-              <VCol cols="12">
-                <div class="d-flex justify-center align-center flex-wrap">
-                  <span class="me-1">Didn't get the code?</span>
-                  <a href="#">Resend</a>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth.scss";
-
-.v-otp-input {
-  .v-otp-input__content {
-    padding-inline: 0;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/verify-email-v1.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/verify-email-v1.vue
deleted file mode 100644
index abcb382..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/verify-email-v1.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<script setup lang="ts">
-import authV1BottomShape from '@images/svg/auth-v1-bottom-shape.svg?raw'
-import authV1TopShape from '@images/svg/auth-v1-top-shape.svg?raw'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-</script>
-
-<template>
-  <div class="auth-wrapper d-flex align-center justify-center pa-4">
-    <div class="position-relative my-sm-16">
-      <!-- 👉 Top shape -->
-      <VNodeRenderer
-        :nodes="h('div', { innerHTML: authV1TopShape })"
-        class="text-primary auth-v1-top-shape d-none d-sm-block"
-      />
-
-      <!-- 👉 Bottom shape -->
-      <VNodeRenderer
-        :nodes="h('div', { innerHTML: authV1BottomShape })"
-        class="text-primary auth-v1-bottom-shape d-none d-sm-block"
-      />
-
-      <!-- 👉 Auth card -->
-      <VCard
-        class="auth-card"
-        max-width="460"
-        :class="$vuetify.display.smAndUp ? 'pa-6' : 'pa-2'"
-      >
-        <VCardItem class="justify-center">
-          <VCardTitle>
-            <RouterLink to="/">
-              <div class="app-logo">
-                <VNodeRenderer :nodes="themeConfig.app.logo" />
-                <h1 class="app-logo-title">
-                  {{ themeConfig.app.title }}
-                </h1>
-              </div>
-            </RouterLink>
-          </VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Verify your email ✉️
-          </h4>
-          <p class="text-body-1 mb-0">
-            Account activation link sent to your email address: <span class="font-weight-medium text-high-emphasis">hello@example.com</span> Please follow the link inside to continue.
-          </p>
-
-          <VBtn
-            block
-            to="/"
-            class="my-5"
-          >
-            Skip for now
-          </VBtn>
-
-          <div class="d-flex align-center justify-center">
-            <span class="me-1">Didn't get the mail? </span><a href="#">Resend</a>
-          </div>
-        </VCardText>
-      </VCard>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/verify-email-v2.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/verify-email-v2.vue
deleted file mode 100644
index 806cb3b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/authentication/verify-email-v2.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<script setup lang="ts">
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-import authV2VerifyEmailIllustrationDark from '@images/pages/auth-v2-verify-email-illustration-dark.png'
-import authV2VerifyEmailIllustrationLight from '@images/pages/auth-v2-verify-email-illustration-light.png'
-import authV2MaskDark from '@images/pages/misc-mask-dark.png'
-import authV2MaskLight from '@images/pages/misc-mask-light.png'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const authThemeImg = useGenerateImageVariant(
-  authV2VerifyEmailIllustrationLight,
-  authV2VerifyEmailIllustrationDark,
-)
-
-const authThemeMask = useGenerateImageVariant(authV2MaskLight, authV2MaskDark)
-</script>
-
-<template>
-  <RouterLink to="/">
-    <div class="auth-logo d-flex align-center gap-x-3">
-      <VNodeRenderer :nodes="themeConfig.app.logo" />
-      <h1 class="auth-title">
-        {{ themeConfig.app.title }}
-      </h1>
-    </div>
-  </RouterLink>
-
-  <VRow
-    class="auth-wrapper bg-surface"
-    no-gutters
-  >
-    <VCol
-      md="8"
-      class="d-none d-md-flex"
-    >
-      <div class="position-relative bg-background w-100 me-0">
-        <div
-          class="d-flex align-center justify-center w-100 h-100"
-          style="padding-inline: 150px;"
-        >
-          <VImg
-            max-width="431"
-            :src="authThemeImg"
-            class="auth-illustration mt-16 mb-2"
-          />
-        </div>
-
-        <img
-          class="auth-footer-mask flip-in-rtl"
-          :src="authThemeMask"
-          alt="auth-footer-mask"
-          height="280"
-          width="100"
-        >
-      </div>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-      class="auth-card-v2 d-flex align-center justify-center"
-    >
-      <VCard
-        flat
-        :max-width="500"
-        class="mt-12 mt-sm-0 pa-6"
-      >
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Verify your email ✉️
-          </h4>
-          <p class="text-body-1 mb-0">
-            Account activation link sent to your email address: <span class="font-weight-medium text-high-emphasis">hello@example.com</span> Please follow the link inside to continue.
-          </p>
-
-          <VBtn
-            block
-            to="/"
-            class="my-5"
-          >
-            Skip for now
-          </VBtn>
-
-          <div class="d-flex align-center justify-center">
-            <span class="me-1">Didn't get the mail? </span><a href="#">Resend</a>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth.scss";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-actions.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-actions.vue
deleted file mode 100644
index 701cd21..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-actions.vue
+++ /dev/null
@@ -1,173 +0,0 @@
-<script setup lang="ts">
-const tableData = [
-  {
-    action: 'Collapse', icon: 'tabler-chevron-up', details: 'Collapse card content using collapse action.',
-  },
-  {
-    action: 'Refresh Content', icon: 'tabler-refresh', details: 'Refresh your card content using refresh action.',
-  },
-  {
-    action: 'Remove Card', icon: 'tabler-x', details: 'Remove card from page using remove card action',
-  },
-]
-
-const isLoading = ref(true)
-
-setTimeout(() => {
-  isLoading.value = false
-}, 3000)
-
-const refetchData = (hideOverlay: () => void) => {
-  setTimeout(hideOverlay, 3000)
-}
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <!-- 👉 Main Card  -->
-      <AppCardActions
-        title="Cards Actions"
-        @refresh="refetchData"
-      >
-        <VCardText>
-          <VTable>
-            <thead>
-              <tr>
-                <th scope="col">
-                  ACTION
-                </th>
-                <th scope="col">
-                  ICON
-                </th>
-                <th scope="col">
-                  DETAILS
-                </th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr
-                v-for="data in tableData"
-                :key="data.icon"
-              >
-                <td>
-                  {{ data.action }}
-                </td>
-                <td>
-                  <VIcon
-                    size="20"
-                    :icon="data.icon"
-                  />
-                </td>
-                <td>
-                  {{ data.details }}
-                </td>
-              </tr>
-            </tbody>
-          </VTable>
-        </VCardText>
-      </AppCardActions>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Initial Load -->
-      <AppCardActions
-        v-model:loading="isLoading"
-        title="Initial Load"
-        no-actions
-      >
-        <VCardText>
-          <p>You can specifically add Initial Load action using <code>loading</code> prop</p>
-          <span>Refresh the page to see it again in action.</span>
-        </VCardText>
-      </AppCardActions>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Collapsible -->
-      <AppCardActions
-        action-collapsed
-        title="Collapsible"
-      >
-        <VCardText>
-          <p>You can specifically add collapsible action using <code>actionCollapse</code> prop</p>
-          <span>Click on <VIcon
-            size="20"
-            icon="tabler-chevron-up"
-          /> icon to see it in action</span>
-        </VCardText>
-      </AppCardActions>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Refresh Content -->
-      <AppCardActions
-        title="Refresh Content"
-        action-refresh
-        @refresh="refetchData"
-      >
-        <VCardText>
-          <p>You can specifically add refresh action using <code>actionRefresh</code> prop</p>
-          <span>Click on <VIcon
-            size="20"
-            icon="tabler-refresh"
-          /> icon to see it in action</span>
-        </VCardText>
-      </AppCardActions>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Remove Card -->
-      <AppCardActions
-        title="Remove Card"
-        action-remove
-      >
-        <VCardText>
-          <p>You can specifically add remove action using <code>actionRemove</code> prop</p>
-          <span>Click on <VIcon
-            size="20"
-            icon="tabler-x"
-          /> icon to see it in action</span>
-        </VCardText>
-      </AppCardActions>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 Slots -->
-      <AppCardActions
-        title="Slots"
-        @refresh="refetchData"
-      >
-        <template #before-actions>
-          <VChip
-            class="me-3"
-            color="primary"
-            size="small"
-          >
-            3 Updates
-          </VChip>
-        </template>
-
-        <VCardText>
-          <p><code>app-card-actions</code> also provides <code>before-actions</code> and <code>after-actions</code> slot</p>
-          <span>You can find more details in our documentation</span>
-        </VCardText>
-      </AppCardActions>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-advance.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-advance.vue
deleted file mode 100644
index 6b3f038..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-advance.vue
+++ /dev/null
@@ -1,192 +0,0 @@
-<script setup lang="ts">
-import CardAdvanceActiveProject from '@/views/pages/cards/card-advance/CardAdvanceActiveProject.vue'
-import CardAdvanceActivityTimeline from '@/views/pages/cards/card-advance/CardAdvanceActivityTimeline.vue'
-import CardAdvanceAssignmentProgress from '@/views/pages/cards/card-advance/CardAdvanceAssignmentProgress.vue'
-import CardAdvanceBrowserStates from '@/views/pages/cards/card-advance/CardAdvanceBrowserStates.vue'
-import CardAdvanceCongratulationsJohn from '@/views/pages/cards/card-advance/CardAdvanceCongratulationsJohn.vue'
-import CardAdvanceDeliveryPerformance from '@/views/pages/cards/card-advance/CardAdvanceDeliveryPerformance.vue'
-import CardAdvanceEarningReports from '@/views/pages/cards/card-advance/CardAdvanceEarningReports.vue'
-import CardAdvanceLastTransaction from '@/views/pages/cards/card-advance/CardAdvanceLastTransaction.vue'
-import CardAdvanceMonthlyCampaignState from '@/views/pages/cards/card-advance/CardAdvanceMonthlyCampaignState.vue'
-import CardAdvanceOrder from '@/views/pages/cards/card-advance/CardAdvanceOrder.vue'
-import CardAdvancePopularInstructor from '@/views/pages/cards/card-advance/CardAdvancePopularInstructor.vue'
-import CardAdvancePopularProducts from '@/views/pages/cards/card-advance/CardAdvancePopularProducts.vue'
-import CardAdvanceSalesByCountries from '@/views/pages/cards/card-advance/CardAdvanceSalesByCountries.vue'
-import CardAdvanceSourceVisits from '@/views/pages/cards/card-advance/CardAdvanceSourceVisits.vue'
-import CardAdvanceTopCourses from '@/views/pages/cards/card-advance/CardAdvanceTopCourses.vue'
-import CardAdvanceTransactions from '@/views/pages/cards/card-advance/CardAdvanceTransactions.vue'
-import CardAdvanceUpcomingWebinar from '@/views/pages/cards/card-advance/CardAdvanceUpcomingWebinar.vue'
-import CardAdvanceVehicleCondition from '@/views/pages/cards/card-advance/CardAdvanceVehicleCondition.vue'
-import CardAdvanceWebsiteAnalytics from '@/views/pages/cards/card-advance/CardAdvanceWebsiteAnalytics.vue'
-</script>
-
-<template>
-  <VRow>
-    <!-- 👉 Campaign State -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvanceMonthlyCampaignState />
-    </VCol>
-
-    <!-- 👉 Active Project -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvanceActiveProject />
-    </VCol>
-
-    <!-- 👉 Source Visits -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvanceSourceVisits />
-    </VCol>
-
-    <!-- 👉 Sales by countries -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvanceSalesByCountries />
-    </VCol>
-
-    <!-- 👉 Earning Reports -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvanceEarningReports />
-    </VCol>
-
-    <!-- 👉 Browser States -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvanceBrowserStates />
-    </VCol>
-
-    <!-- 👉 Orders -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvanceOrder />
-    </VCol>
-
-    <!-- 👉 Transactions -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvanceTransactions />
-    </VCol>
-
-    <!-- 👉 Popular Products -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvancePopularProducts />
-    </VCol>
-
-    <!-- 👉 Top Courses -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvanceTopCourses />
-    </VCol>
-
-    <!-- 👉 Upcoming Webinar -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvanceUpcomingWebinar />
-    </VCol>
-
-    <!-- 👉 Assignment Progress -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvanceAssignmentProgress />
-    </VCol>
-
-    <!-- 👉 Delivery Performance -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvanceDeliveryPerformance />
-    </VCol>
-
-    <!-- 👉 Vehicle Condition -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvanceVehicleCondition />
-    </VCol>
-
-    <!-- 👉 Popular Instructor -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <CardAdvancePopularInstructor />
-    </VCol>
-
-    <!-- 👉 Last Transaction -->
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <CardAdvanceLastTransaction />
-    </VCol>
-
-    <!-- 👉 Activity Timeline -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <CardAdvanceActivityTimeline />
-    </VCol>
-
-    <!-- 👉 Websites Analytics -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <CardAdvanceWebsiteAnalytics />
-    </VCol>
-
-    <!-- 👉 Congratulations John -->
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <CardAdvanceCongratulationsJohn />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-basic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-basic.vue
deleted file mode 100644
index 20d6a9f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-basic.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<script setup lang="ts">
-import CardBasic from '@/views/pages/cards/card-basic/CardBasic.vue'
-import CardNavigation from '@/views/pages/cards/card-basic/CardNavigation.vue'
-import CardSolid from '@/views/pages/cards/card-basic/CardSolid.vue'
-</script>
-
-<template>
-  <div>
-    <p class="text-2xl mb-6">
-      Basic Cards
-    </p>
-
-    <CardBasic />
-
-    <p class="text-2xl mb-6 mt-14">
-      Navigation Cards
-    </p>
-
-    <CardNavigation />
-
-    <p class="text-2xl mt-14 mb-6 ">
-      Solid Cards
-    </p>
-
-    <CardSolid />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-statistics.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-statistics.vue
deleted file mode 100644
index 202da5b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-statistics.vue
+++ /dev/null
@@ -1,577 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-
-import CardStatistics from '@/views/pages/cards/card-statistics/CardStatistics.vue'
-import CardStatisticsAverageDailySales from '@/views/pages/cards/card-statistics/CardStatisticsAverageDailySales.vue'
-import CardStatisticsDailyTraffic from '@/views/pages/cards/card-statistics/CardStatisticsDailyTraffic.vue'
-import CardStatisticsExpensesRadialBarCharts from '@/views/pages/cards/card-statistics/CardStatisticsExpensesRadialBarCharts.vue'
-import CardStatisticsGeneratedLeads from '@/views/pages/cards/card-statistics/CardStatisticsGeneratedLeads.vue'
-import CardStatisticsImpressionLineCharts from '@/views/pages/cards/card-statistics/CardStatisticsImpressionLineCharts.vue'
-import CardStatisticsOrderBarCharts from '@/views/pages/cards/card-statistics/CardStatisticsOrderBarCharts.vue'
-import CardStatisticsRevenueGrowth from '@/views/pages/cards/card-statistics/CardStatisticsRevenueGrowth.vue'
-import CardStatisticsSalesAreaCharts from '@/views/pages/cards/card-statistics/CardStatisticsSalesAreaCharts.vue'
-import CardStatisticsSalesOverview from '@/views/pages/cards/card-statistics/CardStatisticsSalesOverview.vue'
-import CardStatisticsSessionsBarWithGapCharts from '@/views/pages/cards/card-statistics/CardStatisticsSessionsBarWithGapCharts.vue'
-import CardStatisticsTotalProfitLineCharts from '@/views/pages/cards/card-statistics/CardStatisticsTotalProfitLineCharts.vue'
-import CardStatisticsTransactions from '@/views/pages/cards/card-statistics/CardStatisticsTransactions.vue'
-import CardStatisticsVehicleCharts from '@/views/pages/cards/card-statistics/CardStatisticsVehicleCharts.vue'
-
-const vuetifyTheme = useTheme()
-const currentTheme = vuetifyTheme.current.value.colors
-
-const statisticsHorizontal = [
-  {
-    title: 'CPU Usage',
-    color: 'primary',
-    icon: 'tabler-cpu',
-    stats: '86%',
-  },
-  {
-    title: 'Memory Usage',
-    color: 'success',
-    icon: 'tabler-server',
-    stats: '1.24gb',
-  },
-  {
-    title: 'Downtime Ratio',
-    color: 'error',
-    icon: 'tabler-chart-pie-2',
-    stats: '0.2%',
-  },
-  {
-    title: 'Issues Found',
-    color: 'warning',
-    icon: 'tabler-alert-octagon',
-    stats: '128',
-  },
-]
-
-const statisticsVertical = [
-  {
-    title: 'Subscribers Gained',
-    color: 'primary',
-    icon: 'tabler-users',
-    stats: '92.6k',
-    height: 90,
-    series: [
-      {
-        data: [200, 60, 300, 140, 230, 120, 400],
-      },
-    ],
-    chartOptions: {
-      chart: {
-        height: 90,
-        type: 'area',
-        toolbar: {
-          show: false,
-        },
-        sparkline: {
-          enabled: true,
-        },
-      },
-      tooltip: {
-        enabled: false,
-      },
-      markers: {
-        colors: 'transparent',
-        strokeColors: 'transparent',
-      },
-      grid: {
-        show: false,
-      },
-      colors: [currentTheme.primary],
-      fill: {
-        type: 'gradient',
-        gradient: {
-          shadeIntensity: 0.8,
-          opacityFrom: 0.6,
-          opacityTo: 0.1,
-        },
-      },
-      dataLabels: {
-        enabled: false,
-      },
-      stroke: {
-        width: 2,
-        curve: 'smooth',
-      },
-      xaxis: {
-        show: true,
-        lines: {
-          show: false,
-        },
-        labels: {
-          show: false,
-        },
-        stroke: {
-          width: 0,
-        },
-        axisBorder: {
-          show: false,
-        },
-      },
-      yaxis: {
-        stroke: {
-          width: 0,
-        },
-        show: false,
-      },
-    },
-  },
-  {
-    title: 'Quarterly Sales',
-    color: 'error',
-    icon: 'tabler-shopping-cart',
-    stats: '36.5%',
-    height: 90,
-    series: [
-      {
-        data: [200, 300, 160, 250, 130, 400],
-      },
-    ],
-    chartOptions: {
-      chart: {
-        height: 90,
-        type: 'area',
-        toolbar: {
-          show: false,
-        },
-        sparkline: {
-          enabled: true,
-        },
-      },
-      tooltip: {
-        enabled: false,
-      },
-      markers: {
-        colors: 'transparent',
-        strokeColors: 'transparent',
-      },
-      grid: {
-        show: false,
-      },
-      colors: [currentTheme.error],
-      fill: {
-        type: 'gradient',
-        gradient: {
-          shadeIntensity: 0.8,
-          opacityFrom: 0.6,
-          opacityTo: 0.1,
-        },
-      },
-      dataLabels: {
-        enabled: false,
-      },
-      stroke: {
-        width: 2,
-        curve: 'smooth',
-      },
-      xaxis: {
-        show: true,
-        lines: {
-          show: false,
-        },
-        labels: {
-          show: false,
-        },
-        stroke: {
-          width: 0,
-        },
-        axisBorder: {
-          show: false,
-        },
-      },
-      yaxis: {
-        stroke: {
-          width: 0,
-        },
-        show: false,
-      },
-    },
-  },
-  {
-    title: 'Order Received',
-    color: 'warning',
-    icon: 'tabler-box',
-    stats: '97.5k',
-    height: 90,
-    series: [
-      {
-        data: [350, 500, 310, 460, 280, 400, 300],
-      },
-    ],
-    chartOptions: {
-      chart: {
-        height: 90,
-        type: 'area',
-        toolbar: {
-          show: false,
-        },
-        sparkline: {
-          enabled: true,
-        },
-      },
-      tooltip: {
-        enabled: false,
-      },
-      markers: {
-        colors: 'transparent',
-        strokeColors: 'transparent',
-      },
-      grid: {
-        show: false,
-      },
-      colors: [currentTheme.warning],
-      fill: {
-        type: 'gradient',
-        gradient: {
-          shadeIntensity: 0.8,
-          opacityFrom: 0.6,
-          opacityTo: 0.1,
-        },
-      },
-      dataLabels: {
-        enabled: false,
-      },
-      stroke: {
-        width: 2,
-        curve: 'smooth',
-      },
-      xaxis: {
-        show: true,
-        lines: {
-          show: false,
-        },
-        labels: {
-          show: false,
-        },
-        stroke: {
-          width: 0,
-        },
-        axisBorder: {
-          show: false,
-        },
-      },
-      yaxis: {
-        stroke: {
-          width: 0,
-        },
-        show: false,
-      },
-    },
-  },
-  {
-    title: 'Revenue Generated',
-    color: 'success',
-    icon: 'tabler-credit-card',
-    stats: '97.5k',
-    height: 90,
-    series: [
-      {
-        data: [300, 350, 330, 380, 340, 400, 380],
-      },
-    ],
-    chartOptions: {
-      chart: {
-        height: 90,
-        type: 'area',
-        parentHeightOffset: 0,
-        toolbar: {
-          show: false,
-        },
-        sparkline: {
-          enabled: true,
-        },
-      },
-      tooltip: {
-        enabled: false,
-      },
-      markers: {
-        colors: 'transparent',
-        strokeColors: 'transparent',
-      },
-      grid: {
-        show: false,
-      },
-      colors: [currentTheme.success],
-      fill: {
-        type: 'gradient',
-        gradient: {
-          shadeIntensity: 0.8,
-          opacityFrom: 0.6,
-          opacityTo: 0.1,
-        },
-      },
-      dataLabels: {
-        enabled: false,
-      },
-      stroke: {
-        width: 2,
-        curve: 'smooth',
-      },
-      xaxis: {
-        show: true,
-        lines: {
-          show: false,
-        },
-        labels: {
-          show: false,
-        },
-        stroke: {
-          width: 0,
-        },
-        axisBorder: {
-          show: false,
-        },
-      },
-      yaxis: {
-        stroke: {
-          width: 0,
-        },
-        show: false,
-      },
-    },
-  },
-]
-
-const statisticsVerticalSimple = [
-  {
-    title: 'Orders',
-    color: 'error',
-    stats: '97.8k',
-    icon: 'tabler-briefcase',
-  },
-  {
-    title: 'Review',
-    color: 'success',
-    stats: '3.4k',
-    icon: 'tabler-message-dots',
-  },
-]
-
-const simpleStatisticsDemoCards = [
-  {
-    icon: 'tabler-credit-card',
-    color: 'error',
-    title: 'Total Profit',
-    subTitle: 'Last week',
-    stat: '1.28k',
-    change: '-12.2%',
-  },
-  {
-    icon: 'tabler-credit-card',
-    color: 'success',
-    title: 'Total Sales',
-    subTitle: 'Last week',
-    stat: '$4,673',
-    change: '+25.2%',
-  },
-]
-</script>
-
-<template>
-  <VRow class="match-height">
-    <!-- 👉 Transition Card  -->
-    <VCol
-      cols="12"
-      md="8"
-    >
-      <CardStatisticsTransactions />
-    </VCol>
-
-    <!-- 👉 Vertical Simple Cards -->
-    <VCol
-      v-for="statistics in statisticsVerticalSimple"
-      :key="statistics.title"
-      md="2"
-      cols="6"
-    >
-      <CardStatisticsVerticalSimple v-bind="statistics" />
-    </VCol>
-
-    <!-- 👉 Order Bar Chart -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-      lg="2"
-    >
-      <CardStatisticsOrderBarCharts />
-    </VCol>
-
-    <!-- 👉 Total Sales Area Chart -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-      lg="2"
-    >
-      <CardStatisticsSalesAreaCharts />
-    </VCol>
-
-    <!-- 👉 Total Profit Line Chart -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-      lg="2"
-    >
-      <CardStatisticsTotalProfitLineCharts />
-    </VCol>
-
-    <!-- 👉 Sessions Bar Chart with Gaps -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-      lg="2"
-    >
-      <CardStatisticsSessionsBarWithGapCharts />
-    </VCol>
-
-    <!-- 👉 Total Revenue Radial Bar Chart -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-      lg="2"
-    >
-      <CardStatisticsExpensesRadialBarCharts />
-    </VCol>
-
-    <!-- 👉 Total Revenue Line Chart -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-      lg="2"
-    >
-      <CardStatisticsImpressionLineCharts />
-    </VCol>
-
-    <!-- 👉 Card Statistics Vehicles Charts -->
-    <VCol cols="12">
-      <CardStatisticsVehicleCharts />
-    </VCol>
-
-    <!-- 👉 Horizontal Cards -->
-    <VCol
-      v-for="statistics in statisticsHorizontal"
-      :key="statistics.title"
-      cols="12"
-      sm="6"
-      md="3"
-    >
-      <CardStatisticsHorizontal v-bind="statistics" />
-    </VCol>
-
-    <!-- 👉 Vertical Cards -->
-    <VCol
-      v-for="statistics in statisticsVertical"
-      :key="statistics.title"
-      cols="12"
-      sm="6"
-      md="3"
-    >
-      <CardStatisticsVertical v-bind="statistics" />
-    </VCol>
-
-    <!-- 👉 Average Daily Sales -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="3"
-    >
-      <CardStatisticsAverageDailySales />
-    </VCol>
-
-    <!-- 👉 Sales Overview -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="3"
-    >
-      <CardStatisticsSalesOverview />
-    </VCol>
-
-    <!-- 👉 Daily Traffic -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="3"
-    >
-      <CardStatisticsDailyTraffic />
-    </VCol>
-
-    <!-- 👉 Statistics -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="3"
-    >
-      <CardStatistics />
-    </VCol>
-
-    <!-- 👉 Total profit basic card -->
-    <VCol
-      v-for="demo in simpleStatisticsDemoCards"
-      :key="demo.title"
-      cols="12"
-      sm="6"
-      md="2"
-    >
-      <VCard>
-        <VCardText>
-          <VAvatar
-            :color="demo.color"
-            variant="tonal"
-            rounded
-            size="44"
-          >
-            <VIcon
-              :icon="demo.icon"
-              size="28"
-            />
-          </VAvatar>
-
-          <h5 class="text-h5 mt-3">
-            {{ demo.title }}
-          </h5>
-          <p class="text-disabled my-1">
-            {{ demo.subTitle }}
-          </p>
-          <p class="mb-3 text-high-emphasis">
-            {{ demo.stat }}
-          </p>
-          <VChip
-            :color="demo.color"
-            label
-            size="small"
-          >
-            {{ demo.change }}
-          </VChip>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Revenue Growth -->
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <CardStatisticsRevenueGrowth />
-    </VCol>
-
-    <!-- 👉 Generated Leads -->
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <CardStatisticsGeneratedLeads />
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/libs/apex-chart.scss";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-widgets.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-widgets.vue
deleted file mode 100644
index 3ed8d0c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/cards/card-widgets.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<script setup lang="ts">
-import CardWidgetVehicleOverview from '@/views/pages/cards/card-widgets/CardWidgetVehicleOverview.vue'
-import CardWidgetsCarrierPerformance from '@/views/pages/cards/card-widgets/CardWidgetsCarrierPerformance.vue'
-import CardWidgetsDeliveryExpectations from '@/views/pages/cards/card-widgets/CardWidgetsDeliveryExpectations.vue'
-import CardWidgetsEarningReportsWeeklyOverview from '@/views/pages/cards/card-widgets/CardWidgetsEarningReportsWeeklyOverview.vue'
-import CardWidgetsEarningReportsYearlyOverview from '@/views/pages/cards/card-widgets/CardWidgetsEarningReportsYearlyOverview.vue'
-import CardWidgetsProjectStatus from '@/views/pages/cards/card-widgets/CardWidgetsProjectStatus.vue'
-import CardWidgetsRevenueReport from '@/views/pages/cards/card-widgets/CardWidgetsRevenueReport.vue'
-import CardWidgetsSales from '@/views/pages/cards/card-widgets/CardWidgetsSales.vue'
-import CardWidgetsSupportTracker from '@/views/pages/cards/card-widgets/CardWidgetsSupportTracker.vue'
-import CardWidgetsTopicsInterested from '@/views/pages/cards/card-widgets/CardWidgetsTopicsInterested.vue'
-import CardWidgetsTotalEarning from '@/views/pages/cards/card-widgets/CardWidgetsTotalEarning.vue'
-</script>
-
-<template>
-  <VRow class="match-height">
-    <!-- 👉 Earning Report Weekly Overview -->
-    <VCol
-      cols="12"
-      md="6"
-      order-md="1"
-      order="1"
-    >
-      <CardWidgetsEarningReportsWeeklyOverview />
-    </VCol>
-
-    <!-- 👉 Support Tracker -->
-    <VCol
-      cols="12"
-      sm="6"
-      order-md="2"
-      order="2"
-    >
-      <CardWidgetsSupportTracker />
-    </VCol>
-
-    <!-- 👉 Sales -->
-    <VCol
-      cols="12"
-      md="4"
-      sm="6"
-      order-md="3"
-      order="3"
-    >
-      <CardWidgetsSales />
-    </VCol>
-
-    <!-- 👉 Revenue Report -->
-    <VCol
-      cols="12"
-      md="8"
-      order-md="4"
-      order="4"
-    >
-      <CardWidgetsRevenueReport />
-    </VCol>
-
-    <!-- 👉 Project Status -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-      order-md="5"
-      order="6"
-    >
-      <CardWidgetsProjectStatus />
-    </VCol>
-
-    <!-- 👉 Earning Reports Yearly Overview -->
-    <VCol
-      cols="12"
-      md="6"
-      lg="8"
-      order-md="6"
-      order="5"
-    >
-      <CardWidgetsEarningReportsYearlyOverview />
-    </VCol>
-
-    <!-- 👉 Total Earning -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-      order="7"
-      order-md="7"
-    >
-      <CardWidgetsTotalEarning />
-    </VCol>
-
-    <!-- 👉 Topic you are interested in -->
-    <VCol
-      cols="12"
-      order="10"
-      order-md="10"
-    >
-      <CardWidgetsTopicsInterested />
-    </VCol>
-
-    <!-- 👉 Delivery Expectation -->
-    <VCol
-      cols="12"
-      md="4"
-      order="9"
-    >
-      <CardWidgetsDeliveryExpectations />
-    </VCol>
-
-    <!-- 👉 Vehicle Overview -->
-    <VCol
-      cols="12"
-      md="8"
-      order="9"
-      order-md="9"
-    >
-      <CardWidgetVehicleOverview />
-    </VCol>
-
-    <!-- 👉 Carrier Performance -->
-    <VCol
-      cols="12"
-      md="6"
-      lg="8"
-      order-md="8"
-      order="8"
-    >
-      <CardWidgetsCarrierPerformance />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/dialog-examples/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/dialog-examples/index.vue
deleted file mode 100644
index ebdbe7c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/dialog-examples/index.vue
+++ /dev/null
@@ -1,364 +0,0 @@
-<script setup lang="ts">
-const isCardAddDialogVisible = ref(false)
-const isPricingPlanDialogVisible = ref(false)
-const isEditAddressDialogVisible = ref(false)
-const isTwoFactorDialogOpen = ref(false)
-const isUserInfoEditDialogVisible = ref(false)
-const isShareProjectDialogVisible = ref(false)
-const isReferAndEarnDialogVisible = ref(false)
-const isPaymentProvidersDialogVisible = ref(false)
-const isAddPaymentMethodsDialogVisible = ref(false)
-const isCreateAppVisible = ref(false)
-
-const userData = {
-  id: 110,
-  firstName: 'Selena',
-  lastName: 'Kyle',
-  company: 'pixinvent',
-  role: 'Web developer',
-  username: 'charwomen1940',
-  country: 'United States',
-  contact: '(829) 537-0057',
-  email: 'irena.dubrovna@wayne.com',
-  currentPlan: '',
-  status: 'Active',
-  avatar: '',
-  taskDone: null,
-  projectDone: null,
-  taxId: 'Tax-8894',
-  language: 'English',
-  fullName: 'Selena Kyle',
-}
-</script>
-
-<template>
-  <VRow>
-    <!-- 👉 Share Project Dialog -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-    >
-      <VCard class="text-high-emphasis text-center">
-        <VCardItem class="d-flex flex-column gap-2">
-          <template #prepend>
-            <VIcon
-              size="34"
-              icon="tabler-file"
-            />
-          </template>
-          <VCardTitle>Share Project</VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <p class="text-base clamp-text">
-            Quickly collect the credit card details, built in input mask and form validation support.
-          </p>
-
-          <VBtn @click="isShareProjectDialogVisible = !isShareProjectDialogVisible">
-            Show
-          </VBtn>
-        </VCardText>
-
-        <ShareProjectDialog v-model:is-dialog-visible="isShareProjectDialogVisible" />
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Add New Card Dialog -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-    >
-      <VCard class="text-high-emphasis text-center">
-        <VCardItem class="d-flex flex-column gap-2">
-          <template #prepend>
-            <VIcon
-              size="34"
-              icon="tabler-credit-card"
-            />
-          </template>
-          <VCardTitle>Add New Card</VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <p class="text-base clamp-text">
-            Quickly collect the credit card details, built in input mask and form validation support.
-          </p>
-
-          <VBtn @click="isCardAddDialogVisible = !isCardAddDialogVisible">
-            Show
-          </VBtn>
-        </VCardText>
-
-        <CardAddEditDialog v-model:is-dialog-visible="isCardAddDialogVisible" />
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Pricing Dialog -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-    >
-      <VCard class="text-high-emphasis text-center">
-        <VCardItem class="d-flex flex-column gap-2">
-          <template #prepend>
-            <VIcon
-              size="34"
-              icon="tabler-currency-dollar"
-            />
-          </template>
-          <VCardTitle>Pricing</VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <p class="text-base clamp-text">
-            Elegant pricing options dialog popup example, easy to use in any page.
-          </p>
-
-          <VBtn @click="isPricingPlanDialogVisible = !isPricingPlanDialogVisible">
-            Show
-          </VBtn>
-        </VCardText>
-
-        <!-- 👉 plan and pricing dialog -->
-        <PricingPlanDialog v-model:is-dialog-visible="isPricingPlanDialogVisible" />
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Refer And Earn Dialog -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-    >
-      <VCard class="text-high-emphasis text-center">
-        <VCardItem class="d-flex flex-column gap-2">
-          <template #prepend>
-            <VIcon
-              size="34"
-              icon="tabler-gift"
-            />
-          </template>
-          <VCardTitle>Refer & Earn</VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <p class="text-base clamp-text">
-            Use Refer & Earn modal to encourage your exiting customers refer their friends & colleague.
-          </p>
-
-          <VBtn @click="isReferAndEarnDialogVisible = !isReferAndEarnDialogVisible">
-            Show
-          </VBtn>
-        </VCardText>
-
-        <!-- 👉 plan and pricing dialog -->
-        <ReferAndEarnDialog v-model:is-dialog-visible="isReferAndEarnDialogVisible" />
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Add New Address Dialog -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-    >
-      <VCard class="text-high-emphasis text-center">
-        <VCardItem class="d-flex flex-column gap-2">
-          <template #prepend>
-            <VIcon
-              size="34"
-              icon="tabler-home"
-            />
-          </template>
-          <VCardTitle>Add New Address</VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <p class="text-base clamp-text">
-            Ready to use form to collect user address data with validation and custom input support.
-          </p>
-
-          <VBtn @click="isEditAddressDialogVisible = !isEditAddressDialogVisible">
-            Show
-          </VBtn>
-        </VCardText>
-
-        <!-- 👉 Edit Address dialog -->
-        <AddEditAddressDialog v-model:is-dialog-visible="isEditAddressDialogVisible" />
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Create app dialog -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-    >
-      <VCard class="text-high-emphasis text-center">
-        <VCardItem class="d-flex flex-column gap-2">
-          <template #prepend>
-            <VIcon
-              size="34"
-              icon="tabler-box"
-            />
-          </template>
-          <VCardTitle>Create App</VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <p class="text-base clamp-text">
-            Provide application data with this form to create the app dialog popup example, easy to use in any page.
-          </p>
-
-          <VBtn @click="isCreateAppVisible = !isCreateAppVisible">
-            Show
-          </VBtn>
-        </VCardText>
-      </VCard>
-      <CreateAppDialog v-model:is-dialog-visible="isCreateAppVisible" />
-    </VCol>
-
-    <!-- 👉 Two Factor Auth Dialog -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-    >
-      <VCard class="text-high-emphasis text-center">
-        <VCardItem class="d-flex flex-column gap-2">
-          <template #prepend>
-            <VIcon
-              size="34"
-              icon="tabler-lock"
-            />
-          </template>
-          <VCardTitle>Two Factor Auth</VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <p class="text-base clamp-text">
-            Enhance your application security by enabling two factor authentication.
-          </p>
-
-          <VBtn @click="isTwoFactorDialogOpen = !isTwoFactorDialogOpen">
-            Show
-          </VBtn>
-        </VCardText>
-
-        <!-- 👉 Enable One Time Password Dialog -->
-
-        <TwoFactorAuthDialog v-model:is-dialog-visible="isTwoFactorDialogOpen" />
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Edit User Info Dialog -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-    >
-      <VCard class="text-high-emphasis text-center">
-        <VCardItem class="d-flex flex-column gap-2">
-          <template #prepend>
-            <VIcon
-              size="34"
-              icon="tabler-lock"
-            />
-          </template>
-          <VCardTitle>Edit User Info</VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <p class="text-base clamp-text">
-            Enhance your application security by enabling two factor authentication.
-          </p>
-
-          <VBtn @click="isUserInfoEditDialogVisible = !isUserInfoEditDialogVisible">
-            Show
-          </VBtn>
-        </VCardText>
-
-        <!-- 👉 Edit user info dialog -->
-        <UserInfoEditDialog
-          v-model:is-dialog-visible="isUserInfoEditDialogVisible"
-          :user-data="userData"
-        />
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Payment Providers Dialog -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-    >
-      <VCard class="text-high-emphasis text-center">
-        <VCardItem class="d-flex flex-column gap-2">
-          <template #prepend>
-            <VIcon
-              size="34"
-              icon="tabler-brand-mastercard"
-            />
-          </template>
-          <VCardTitle>Payment Providers</VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <p class="text-base clamp-text">
-            Elegant payment options modal popup example, easy to use in any page.
-          </p>
-
-          <VBtn @click="isPaymentProvidersDialogVisible = !isPaymentProvidersDialogVisible">
-            Show
-          </VBtn>
-        </VCardText>
-
-        <!-- 👉 plan and pricing dialog -->
-        <PaymentProvidersDialog v-model:is-dialog-visible="isPaymentProvidersDialogVisible" />
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Add Payment Methods -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-    >
-      <VCard class="text-high-emphasis text-center">
-        <VCardItem class="d-flex flex-column gap-2">
-          <template #prepend>
-            <VIcon
-              size="34"
-              icon="tabler-credit-card"
-            />
-          </template>
-          <VCardTitle>Add Payment Methods</VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <p class="text-base clamp-text">
-            Elegant payment methods modal popup example, easy to use in any page.
-          </p>
-
-          <VBtn @click="isAddPaymentMethodsDialogVisible = !isAddPaymentMethodsDialogVisible">
-            Show
-          </VBtn>
-        </VCardText>
-
-        <!-- 👉 plan and pricing dialog -->
-        <AddPaymentMethodDialog v-model:is-dialog-visible="isAddPaymentMethodsDialogVisible" />
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-.pricing-dialog {
-  .pricing-title {
-    font-size: 1.5rem !important;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/faq.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/faq.vue
deleted file mode 100644
index 68aee6f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/faq.vue
+++ /dev/null
@@ -1,220 +0,0 @@
-<script setup lang="ts">
-import type { FaqCategory } from '@db/pages/faq/types'
-
-import sittingGirlWithLaptop from '@images/illustrations/sitting-girl-with-laptop.png'
-
-const faqSearchQuery = ref('')
-
-const faqs = ref<FaqCategory[]>([])
-
-const fetchFaqs = async () => {
-  const data = await $api('/pages/faq', {
-    query: {
-      q: faqSearchQuery.value,
-    },
-  }).catch(err => console.log(err))
-
-  faqs.value = data
-}
-
-const activeTab = ref('Payment')
-const activeQuestion = ref(0)
-
-watch(activeTab, () => activeQuestion.value = 0)
-watch(faqSearchQuery, fetchFaqs, { immediate: true })
-
-const contactUs = [
-  {
-    icon: 'tabler-phone',
-    via: '+ (810) 2548 2568',
-    tagLine: 'We are always happy to help!',
-  },
-  {
-    icon: 'tabler-mail',
-    via: 'hello@help.com',
-    tagLine: 'Best way to get answer faster!',
-  },
-]
-</script>
-
-<template>
-  <section>
-    <!-- 👉 Search -->
-    <AppSearchHeader
-      title="Hello, how can we help?"
-      subtitle="or choose a category to quickly find the help you need"
-      custom-class="mb-6"
-      placeholder="Search Articles..."
-      density="comfortable"
-      is-reverse
-    />
-
-    <!-- 👉 Faq sections and questions -->
-    <VRow>
-      <VCol
-        v-show="faqs.length"
-        cols="12"
-        sm="4"
-        lg="3"
-        class="position-relative"
-      >
-        <!-- 👉 Tabs -->
-        <VTabs
-          v-model="activeTab"
-          direction="vertical"
-          class="v-tabs-pill"
-          grow
-        >
-          <VTab
-            v-for="faq in faqs"
-            :key="faq.faqTitle"
-            :value="faq.faqTitle"
-          >
-            <VIcon
-              :icon="faq.faqIcon"
-              :size="20"
-              start
-            />
-            {{ faq.faqTitle }}
-          </VTab>
-        </VTabs>
-        <VImg
-          :width="245"
-          :src="sittingGirlWithLaptop"
-          class="d-none d-sm-block mt-4 mx-auto"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="8"
-        lg="9"
-      >
-        <!-- 👉 Windows -->
-        <VWindow
-          v-model="activeTab"
-          class="faq-v-window disable-tab-transition"
-        >
-          <VWindowItem
-            v-for="faq in faqs"
-            :key="faq.faqTitle"
-            :value="faq.faqTitle"
-          >
-            <div class="d-flex align-center mb-4">
-              <VAvatar
-                rounded
-                color="primary"
-                variant="tonal"
-                class="me-4"
-                size="50"
-              >
-                <VIcon
-                  :size="30"
-                  :icon="faq.faqIcon"
-                />
-              </VAvatar>
-
-              <div>
-                <h5 class="text-h5">
-                  {{ faq.faqTitle }}
-                </h5>
-                <div class="text-body-1">
-                  {{ faq.faqSubtitle }}
-                </div>
-              </div>
-            </div>
-
-            <VExpansionPanels
-              v-model="activeQuestion"
-              multiple
-            >
-              <VExpansionPanel
-                v-for="item in faq.faqs"
-                :key="item.question"
-                :title="item.question"
-                :text="item.answer"
-              />
-            </VExpansionPanels>
-          </VWindowItem>
-        </VWindow>
-      </VCol>
-
-      <VCol
-        v-show="!faqs.length"
-        cols="12"
-        :class="!faqs.length ? 'd-flex justify-center align-center' : ''"
-      >
-        <VIcon
-          icon="tabler-help"
-          start
-          size="20"
-        />
-        <span class="text-base font-weight-medium">
-          No Results Found!!
-        </span>
-      </VCol>
-    </VRow>
-
-    <!-- 👉 You still have a question? -->
-    <div class="text-center pt-16">
-      <VChip
-        label
-        color="primary"
-        size="small"
-        class="mb-2"
-      >
-        Question
-      </VChip>
-
-      <h4 class="text-h4 mb-2">
-        You still have a question?
-      </h4>
-      <p class="text-body-1 mb-6">
-        If you can't find question in our FAQ, you can contact us. We'll answer you shortly!
-      </p>
-
-      <!-- contacts -->
-      <VRow class="mt-9">
-        <VCol
-          v-for="contact in contactUs"
-          :key="contact.icon"
-          sm="6"
-          cols="12"
-        >
-          <VCard
-            flat
-            style="background-color: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));"
-          >
-            <VCardText class="pb-4">
-              <VAvatar
-                rounded
-                color="primary"
-                variant="tonal"
-                size="46"
-              >
-                <VIcon
-                  :icon="contact.icon"
-                  size="26"
-                />
-              </VAvatar>
-            </VCardText>
-            <VCardText>
-              <h5 class="text-h5 mb-1">
-                {{ contact.via }}
-              </h5>
-              <div>{{ contact.tagLine }}</div>
-            </VCardText>
-          </VCard>
-        </VCol>
-      </VRow>
-    </div>
-  </section>
-</template>
-
-<style lang="scss">
-.faq-v-window {
-  .v-window__container {
-    z-index: 0;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/icons.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/icons.vue
deleted file mode 100644
index fe50614..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/icons.vue
+++ /dev/null
@@ -1,171 +0,0 @@
-<script lang="ts" setup>
-const iconsList = [
-  'tabler-album',
-  'tabler-binary-tree-2',
-  'tabler-brand-airtable',
-  'tabler-device-gamepad-2',
-  'tabler-a-b-2',
-  'tabler-a-b-off',
-  'tabler-a-b',
-  'tabler-abacus-off',
-  'tabler-abacus',
-  'tabler-access-point-off',
-  'tabler-access-point',
-  'tabler-accessible-off',
-  'tabler-accessible',
-  'tabler-activity-heartbeat',
-  'tabler-activity',
-  'tabler-ad-2',
-  'tabler-ad-off',
-  'tabler-ad',
-  'tabler-address-book-off',
-  'tabler-address-book',
-  'tabler-adjustments-alt',
-  'tabler-adjustments-horizontal',
-  'tabler-adjustments-off',
-  'tabler-adjustments',
-  'tabler-aerial-lift',
-  'tabler-affiliate',
-  'tabler-air-balloon',
-  'tabler-air-conditioning',
-  'tabler-alarm-off',
-  'tabler-alarm',
-  'tabler-album-off',
-  'tabler-album',
-  'tabler-alert-circle',
-  'tabler-alert-octagon',
-  'tabler-alert-triangle',
-  'tabler-alien',
-  'tabler-align-center',
-  'tabler-align-justified',
-  'tabler-align-left',
-  'tabler-align-right',
-  'tabler-alphabet-cyrillic',
-  'tabler-alphabet-greek',
-  'tabler-alphabet-latin',
-  'tabler-ambulance',
-  'tabler-ampersand',
-  'tabler-analyze-off',
-  'tabler-analyze',
-  'tabler-anchor-off',
-  'tabler-anchor',
-  'tabler-angle',
-  'tabler-ankh',
-  'tabler-antenna-bars-1',
-  'tabler-antenna-bars-2',
-  'tabler-antenna-bars-3',
-  'tabler-antenna-bars-4',
-  'tabler-antenna-bars-5',
-  'tabler-antenna-bars-off',
-  'tabler-antenna-off',
-  'tabler-antenna',
-  'tabler-aperture-off',
-  'tabler-aperture',
-  'tabler-api-app-off',
-  'tabler-api-app',
-  'tabler-api-off',
-  'tabler-api',
-  'tabler-app-window',
-  'tabler-apple',
-  'tabler-apps-off',
-  'tabler-apps',
-  'tabler-archive-off',
-  'tabler-archive',
-  'tabler-armchair-2-off',
-  'tabler-armchair-2',
-  'tabler-armchair-off',
-  'tabler-armchair',
-  'tabler-arrow-autofit-content',
-  'tabler-arrow-autofit-down',
-  'tabler-arrow-autofit-height',
-  'tabler-arrow-autofit-left',
-  'tabler-arrow-autofit-right',
-  'tabler-arrow-autofit-up',
-  'tabler-arrow-autofit-width',
-  'tabler-arrow-back-up',
-  'tabler-arrow-back',
-  'tabler-arrow-bar-down',
-  'tabler-arrow-bar-left',
-  'tabler-arrow-bar-right',
-  'tabler-arrow-bar-to-down',
-  'tabler-arrow-bar-to-left',
-  'tabler-arrow-bar-to-right',
-  'tabler-arrow-bar-to-up',
-  'tabler-arrow-bar-up',
-  'tabler-arrow-bear-left-2',
-  'tabler-arrow-bear-left',
-  'tabler-arrow-bear-right-2',
-  'tabler-arrow-bear-right',
-  'tabler-arrow-big-down-line',
-  'tabler-arrow-big-down-lines',
-  'tabler-arrow-big-down',
-  'tabler-arrow-big-left-line',
-  'tabler-arrow-big-left-lines',
-  'tabler-arrow-big-left',
-  'tabler-arrow-big-right-line',
-  'tabler-arrow-big-right-lines',
-  'tabler-arrow-big-right',
-  'tabler-arrow-up',
-  'tabler-arrow-big-up-line',
-  'tabler-arrow-big-up-lines',
-  'tabler-arrow-bounce',
-  'tabler-arrow-curve-left',
-  'tabler-arrow-curve-right',
-  'tabler-arrow-down-bar',
-  'tabler-arrow-down-circle',
-  'tabler-arrow-down-left-circle',
-  'tabler-arrow-down-left',
-  'tabler-arrow-down-right-circle',
-  'tabler-arrow-down-right',
-  'tabler-arrow-down-square',
-  'tabler-arrow-down-tail',
-  'tabler-arrow-down',
-  'tabler-arrow-fork',
-  'tabler-arrow-forward-up',
-  'tabler-arrow-forward',
-  'tabler-arrow-guide',
-  'tabler-arrow-left-bar',
-  'tabler-arrow-left-circle',
-  'tabler-arrow-left-right',
-  'tabler-arrow-left-square',
-]
-</script>
-
-<template>
-  <div>
-    <div class="d-flex align-center flex-wrap">
-      <VCard
-        v-for="icon in iconsList"
-        :key="icon"
-        class="mb-6 me-6"
-      >
-        <VCardText class="py-3 px-4">
-          <VIcon
-            size="30"
-            :icon="icon"
-          />
-        </VCardText>
-
-        <!-- tooltips -->
-        <VTooltip
-          location="top"
-          activator="parent"
-        >
-          {{ icon }}
-        </VTooltip>
-      </VCard>
-    </div>
-
-    <!-- more icons -->
-    <div class="text-center">
-      <VBtn
-        href="https://tablericons.com/"
-        rel="noopener noreferrer"
-        color="primary"
-        target="_blank"
-      >
-        View All Tabler Icons
-      </VBtn>
-    </div>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/misc/coming-soon.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/misc/coming-soon.vue
deleted file mode 100644
index eb2944a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/misc/coming-soon.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<script setup lang="ts">
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-import miscComingSoon from '@images/pages/misc-coming-soon.png'
-import miscMaskDark from '@images/pages/misc-mask-dark.png'
-import miscMaskLight from '@images/pages/misc-mask-light.png'
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-
-const email = ref('')
-
-const authThemeMask = useGenerateImageVariant(miscMaskLight, miscMaskDark)
-</script>
-
-<template>
-  <div class="misc-wrapper">
-    <div>
-      <!-- 👉 Title and subtitle -->
-      <div class="text-center mb-4">
-        <h4 class="text-h4 font-weight-medium mb-2">
-          We are launching soon 🚀
-        </h4>
-        <p class="text-body-1 mb-6">
-          Our website is opening soon. Please register to get notified when it's ready!
-        </p>
-      </div>
-
-      <!-- 👉 Email input -->
-      <VForm
-        class="d-flex flex-wrap align-center justify-center gap-4 misc-form"
-        @submit.prevent="() => {}"
-      >
-        <AppTextField
-          v-model="email"
-          autofocus
-          placeholder="Enter your email or username"
-          class="misc-email-input"
-        />
-        <VBtn type="submit">
-          Notify
-        </VBtn>
-      </VForm>
-    </div>
-
-    <!-- 👉 Image -->
-    <div class="misc-avatar w-100">
-      <VImg
-        :src="miscComingSoon"
-        alt="Coming Soon"
-        :max-height="$vuetify.display.smAndDown ? 350 : 500"
-        class="mx-auto"
-      />
-    </div>
-
-    <img
-      class="misc-footer-img d-none d-md-block"
-      :src="authThemeMask"
-      alt="misc-footer-img"
-      height="320"
-    >
-  </div>
-</template>
-
-<style lang="scss" scoped>
-@use "@core-scss/template/pages/misc.scss";
-
-.misc-email-input {
-  max-inline-size: 22.75rem;
-  min-inline-size: 14.75rem;
-}
-
-.misc-form {
-  margin-block-end: 4rem;
-}
-
-@media screen and (max-width: 575.98px) {
-  .misc-form {
-    margin-block-end: 3rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/misc/under-maintenance.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/misc/under-maintenance.vue
deleted file mode 100644
index 0624291..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/misc/under-maintenance.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script setup lang="ts">
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-import miscMaskDark from '@images/pages/misc-mask-dark.png'
-import miscMaskLight from '@images/pages/misc-mask-light.png'
-import miscUnderMaintenance from '@images/pages/misc-under-maintenance.png'
-
-const authThemeMask = useGenerateImageVariant(miscMaskLight, miscMaskDark)
-
-definePage({
-  meta: {
-    layout: 'blank',
-    public: true,
-  },
-})
-</script>
-
-<template>
-  <div class="misc-wrapper">
-    <div class="text-center mb-15">
-      <!-- 👉 Title and subtitle -->
-      <h4 class="text-h4 font-weight-medium mb-2">
-        Under Maintenance! 🚧
-      </h4>
-      <p class="text-body-1 mb-6">
-        Sorry for the inconvenience but we're performing some maintenance at the moment
-      </p>
-
-      <VBtn to="/">
-        Back to Home
-      </VBtn>
-    </div>
-
-    <!-- 👉 Image -->
-    <div class="misc-avatar w-100 text-center">
-      <VImg
-        :src="miscUnderMaintenance"
-        alt="Under Maintenance"
-        :max-width="550"
-        :min-height="300"
-        class="mx-auto"
-      />
-    </div>
-
-    <img
-      class="misc-footer-img d-none d-md-block"
-      :src="authThemeMask"
-      alt="misc-footer-img"
-      height="320"
-    >
-  </div>
-</template>
-
-<style lang="scss" scoped>
-@use "@core-scss/template/pages/misc.scss";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/pricing.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/pricing.vue
deleted file mode 100644
index 339bd8e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/pricing.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-  <VCard>
-    <VCardText class="py-16">
-      <!-- 👉 App Pricing components -->
-      <VRow>
-        <VCol
-          cols="12"
-          sm="8"
-          md="12"
-          lg="10"
-          class="mx-auto"
-        >
-          <AppPricing md="4" />
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/typography.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/typography.vue
deleted file mode 100644
index 8c19fc6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/typography.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<script setup lang="ts">
-import TypographyHeadlines from '@/views/pages/typography/TypographyHeadlines.vue'
-import TypographyTexts from '@/views/pages/typography/TypographyTexts.vue'
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <TypographyHeadlines />
-    </VCol>
-
-    <VCol cols="12">
-      <TypographyTexts />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/user-profile/[tab].vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/user-profile/[tab].vue
deleted file mode 100644
index b6eb560..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/pages/user-profile/[tab].vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<script lang="ts" setup>
-import UserProfileHeader from '@/views/pages/user-profile/UserProfileHeader.vue'
-import UserConnections from '@/views/pages/user-profile/connections/index.vue'
-import UserProfile from '@/views/pages/user-profile/profile/index.vue'
-import UserProjects from '@/views/pages/user-profile/projects/index.vue'
-import UserTeam from '@/views/pages/user-profile/team/index.vue'
-
-definePage({
-  meta: {
-    navActiveLink: 'pages-user-profile-tab',
-    key: 'tab',
-  },
-})
-
-const route = useRoute('pages-user-profile-tab')
-
-const activeTab = computed({
-  get: () => route.params.tab,
-  set: () => route.params.tab,
-})
-
-// tabs
-const tabs = [
-  { title: 'Profile', icon: 'tabler-user-check', tab: 'profile' },
-  { title: 'Team', icon: 'tabler-users', tab: 'teams' },
-  { title: 'Projects', icon: 'tabler-layout-grid', tab: 'projects' },
-  { title: 'Connections', icon: 'tabler-link', tab: 'connections' },
-]
-</script>
-
-<template>
-  <div>
-    <UserProfileHeader />
-
-    <VTabs
-      v-model="activeTab"
-      class="v-tabs-pill my-2"
-    >
-      <VTab
-        v-for="item in tabs"
-        :key="item.icon"
-        :value="item.tab"
-        :to="{ name: 'pages-user-profile-tab', params: { tab: item.tab } }"
-      >
-        <VIcon
-          size="20"
-          start
-          :icon="item.icon"
-        />
-        {{ item.title }}
-      </VTab>
-    </VTabs>
-
-    <VWindow
-      v-model="activeTab"
-      class="disable-tab-transition"
-      :touch="false"
-    >
-      <!-- Profile -->
-      <VWindowItem value="profile">
-        <UserProfile />
-      </VWindowItem>
-
-      <!-- Teams -->
-      <VWindowItem value="teams">
-        <UserTeam />
-      </VWindowItem>
-
-      <!-- Projects -->
-      <VWindowItem value="projects">
-        <UserProjects />
-      </VWindowItem>
-
-      <!-- Connections -->
-      <VWindowItem value="connections">
-        <UserConnections />
-      </VWindowItem>
-    </VWindow>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/register.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/register.vue
deleted file mode 100644
index 4dfdb2a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/register.vue
+++ /dev/null
@@ -1,203 +0,0 @@
-<script setup lang="ts">
-import { VForm } from 'vuetify/components/VForm'
-
-import AuthProvider from '@/views/pages/authentication/AuthProvider.vue'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-import authV2RegisterIllustrationBorderedDark from '@images/pages/auth-v2-register-illustration-bordered-dark.png'
-import authV2RegisterIllustrationBorderedLight from '@images/pages/auth-v2-register-illustration-bordered-light.png'
-import authV2RegisterIllustrationDark from '@images/pages/auth-v2-register-illustration-dark.png'
-import authV2RegisterIllustrationLight from '@images/pages/auth-v2-register-illustration-light.png'
-import authV2MaskDark from '@images/pages/misc-mask-dark.png'
-import authV2MaskLight from '@images/pages/misc-mask-light.png'
-
-const imageVariant = useGenerateImageVariant(authV2RegisterIllustrationLight,
-  authV2RegisterIllustrationDark,
-  authV2RegisterIllustrationBorderedLight,
-  authV2RegisterIllustrationBorderedDark, true)
-
-const authThemeMask = useGenerateImageVariant(authV2MaskLight, authV2MaskDark)
-
-definePage({
-  meta: {
-    layout: 'blank',
-    unauthenticatedOnly: true,
-  },
-})
-
-const form = ref({
-  username: '',
-  email: '',
-  password: '',
-  privacyPolicies: false,
-})
-
-const isPasswordVisible = ref(false)
-</script>
-
-<template>
-  <RouterLink to="/">
-    <div class="auth-logo d-flex align-center gap-x-3">
-      <VNodeRenderer :nodes="themeConfig.app.logo" />
-      <h1 class="auth-title">
-        {{ themeConfig.app.title }}
-      </h1>
-    </div>
-  </RouterLink>
-
-  <VRow
-    no-gutters
-    class="auth-wrapper bg-surface"
-  >
-    <VCol
-      md="8"
-      class="d-none d-md-flex"
-    >
-      <div class="position-relative bg-background w-100 me-0">
-        <div
-          class="d-flex align-center justify-center w-100 h-100"
-          style="padding-inline: 100px;"
-        >
-          <VImg
-            max-width="500"
-            :src="imageVariant"
-            class="auth-illustration mt-16 mb-2"
-          />
-        </div>
-
-        <img
-          class="auth-footer-mask"
-          :src="authThemeMask"
-          alt="auth-footer-mask"
-          height="280"
-          width="100"
-        >
-      </div>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-      class="auth-card-v2 d-flex align-center justify-center"
-      style="background-color: rgb(var(--v-theme-surface));"
-    >
-      <VCard
-        flat
-        :max-width="500"
-        class="mt-12 mt-sm-0 pa-4"
-      >
-        <VCardText>
-          <h4 class="text-h4 mb-1">
-            Adventure starts here 🚀
-          </h4>
-          <p class="mb-0">
-            Make your app management easy and fun!
-          </p>
-        </VCardText>
-
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <!-- Username -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.username"
-                  :rules="[requiredValidator]"
-                  autofocus
-                  label="Username"
-                  placeholder="Johndoe"
-                />
-              </VCol>
-
-              <!-- email -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.email"
-                  :rules="[requiredValidator, emailValidator]"
-                  label="Email"
-                  type="email"
-                  placeholder="johndoe@email.com"
-                />
-              </VCol>
-
-              <!-- password -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="form.password"
-                  :rules="[requiredValidator]"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-
-                <div class="d-flex align-center my-6">
-                  <VCheckbox
-                    id="privacy-policy"
-                    v-model="form.privacyPolicies"
-                    inline
-                  />
-                  <VLabel
-                    for="privacy-policy"
-                    style="opacity: 1;"
-                  >
-                    <span class="me-1 text-high-emphasis">I agree to</span>
-                    <a
-                      href="javascript:void(0)"
-                      class="text-primary"
-                    >privacy policy & terms</a>
-                  </VLabel>
-                </div>
-
-                <VBtn
-                  block
-                  type="submit"
-                >
-                  Sign up
-                </VBtn>
-              </VCol>
-
-              <!-- create account -->
-              <VCol
-                cols="12"
-                class="text-center text-base"
-              >
-                <span class="d-inline-block">Already have an account?</span>
-                <RouterLink
-                  class="text-primary ms-1 d-inline-block"
-                  :to="{ name: 'login' }"
-                >
-                  Sign in instead
-                </RouterLink>
-              </VCol>
-
-              <VCol
-                cols="12"
-                class="d-flex align-center"
-              >
-                <VDivider />
-                <span class="mx-4">or</span>
-                <VDivider />
-              </VCol>
-
-              <!-- auth providers -->
-              <VCol
-                cols="12"
-                class="text-center"
-              >
-                <AuthProvider />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/pages/page-auth";
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/tables/data-table.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/tables/data-table.vue
deleted file mode 100644
index 7941458..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/tables/data-table.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<script setup lang="ts">
-import { basic, cellSlot, dense, expandableRows, externalPagination, fixedHeader, groupingRows, kitchenSink, rowEditingViaDialog, rowSelection } from '@/views/demos/forms/tables/data-table/demoCodeDataTable'
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <!-- 👉 Basic -->
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-        no-padding
-      >
-        <DemoDataTableBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol>
-      <!-- 👉 Dense  -->
-      <AppCardCode
-        title="Dense"
-        :code="dense"
-        no-padding
-      >
-        <DemoDataTableDense />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Table Cell Slot  -->
-    <VCol cols="12">
-      <AppCardCode
-        title="Cell Slot"
-        :code="cellSlot"
-        no-padding
-      >
-        <DemoDataTableCellSlot />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Table Row selection  -->
-    <VCol cols="12">
-      <AppCardCode
-        title="Row Selection"
-        :code="rowSelection"
-        no-padding
-      >
-        <DemoDataTableRowSelection />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Fixed Header  -->
-    <VCol cols="12">
-      <AppCardCode
-        title="Fixed Header"
-        :code="fixedHeader"
-        no-padding
-      >
-        <DemoDataTableFixedHeader />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Expandable rows -->
-    <VCol cols="12">
-      <AppCardCode
-        title="Expandable Rows"
-        :code="expandableRows"
-        no-padding
-      >
-        <DemoDataTableExpandableRows />
-      </AppCardCode>
-    </VCol>
-    <!-- 👉 Grouping Rows -->
-    <VCol cols="12">
-      <AppCardCode
-        title="Grouping Rows"
-        :code="groupingRows"
-        no-padding
-      >
-        <DemoDataTableGroupingRows />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Row Editing via Dialog -->
-    <VCol cols="12">
-      <AppCardCode
-        title="Row Editing via Dialog"
-        :code="rowEditingViaDialog"
-        no-padding
-      >
-        <DemoDataTableRowEditingViaDialog />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 External Pagination  -->
-    <VCol cols="12">
-      <AppCardCode
-        title="External Pagination"
-        :code="externalPagination"
-        no-padding
-      >
-        <DemoDataTableExternalPagination />
-      </AppCardCode>
-    </VCol>
-
-    <!-- 👉 Kitchen Sink  -->
-    <VCol cols="12">
-      <AppCardCode
-        title="Kitchen Sink"
-        :code="kitchenSink"
-        no-padding
-      >
-        <DemoDataTableKitchenSink />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/tables/simple-table.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/tables/simple-table.vue
deleted file mode 100644
index ec53df8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/tables/simple-table.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<script setup lang="ts">
-import { basic, density, fixedHeader, height, theme } from '@/views/demos/forms/tables/simple-table/demoCodeSimpleTable'
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppCardCode
-        title="Basic"
-        :code="basic"
-        no-padding
-      >
-        <DemoSimpleTableBasic />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <AppCardCode
-        title="Theme"
-        :code="theme"
-        no-padding
-      >
-        <VCardText>
-          use <code>theme</code> prop to switch table to the dark theme.
-        </VCardText>
-        <DemoSimpleTableTheme />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <AppCardCode
-        title="Density"
-        :code="density"
-        no-padding
-      >
-        <VCardText>
-          You can show a dense version of the table by using the <code>density</code> prop.
-        </VCardText>
-        <DemoSimpleTableDensity />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <AppCardCode
-        title="Height"
-        :code="height"
-        no-padding
-      >
-        <VCardText>
-          You can set the height of the table by using the <code>height</code> prop.
-        </VCardText>
-        <DemoSimpleTableHeight />
-      </AppCardCode>
-    </VCol>
-
-    <VCol cols="12">
-      <AppCardCode
-        title="Fixed Header"
-        :code="fixedHeader"
-        no-padding
-      >
-        <VCardText>
-          You can fix the header of table by using the <code>fixed-header</code> prop.
-        </VCardText>
-        <DemoSimpleTableFixedHeader />
-      </AppCardCode>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/wizard-examples/checkout.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/wizard-examples/checkout.vue
deleted file mode 100644
index 0577d02..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/wizard-examples/checkout.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<script setup lang="ts">
-import AddressContent from '@/views/wizard-examples/checkout/Address.vue'
-import CartContent from '@/views/wizard-examples/checkout/Cart.vue'
-import ConfirmationContent from '@/views/wizard-examples/checkout/Confirmation.vue'
-import PaymentContent from '@/views/wizard-examples/checkout/Payment.vue'
-import type { CheckoutData } from '@/views/wizard-examples/checkout/types'
-import googleHome from '@images/pages/google-home.png'
-import iphone11 from '@images/pages/iphone-11.png'
-import customAddress from '@images/svg/address.svg'
-import customCart from '@images/svg/cart.svg'
-import customPayment from '@images/svg/payment.svg'
-import customTrending from '@images/svg/trending.svg'
-
-const checkoutSteps = [
-  {
-    title: 'Cart',
-    icon: customCart,
-  },
-  {
-    title: 'Address',
-    icon: customAddress,
-  },
-  {
-    title: 'Payment',
-    icon: customPayment,
-  },
-  {
-    title: 'Confirmation',
-    icon: customTrending,
-  },
-]
-
-const checkoutData = ref<CheckoutData>({
-  cartItems: [
-    {
-      id: 1,
-      name: 'Google - Google Home - White',
-      seller: 'Google',
-      inStock: true,
-      rating: 4,
-      price: 299,
-      discountPrice: 359,
-      image: googleHome,
-      quantity: 1,
-      estimatedDelivery: '18th Nov 2021',
-    },
-    {
-      id: 2,
-      name: 'Apple iPhone 11 (64GB, Black)',
-      seller: 'Apple',
-      inStock: true,
-      rating: 4,
-      price: 899,
-      discountPrice: 999,
-      image: iphone11,
-      quantity: 1,
-      estimatedDelivery: '20th Nov 2021',
-    },
-  ],
-  promoCode: '',
-  orderAmount: 1198,
-  deliveryAddress: 'home',
-  deliverySpeed: 'free',
-  deliveryCharges: 0,
-  addresses: [
-    {
-      title: 'John Doe (Default)',
-      desc: '4135 Parkway Street, Los Angeles, CA, 90017',
-      subtitle: '1234567890',
-      value: 'home',
-    },
-    {
-      title: 'ACME Inc.',
-      desc: '87 Hoffman Avenue, New York, NY, 10016',
-      subtitle: '1234567890',
-      value: 'office',
-    },
-  ],
-})
-
-const currentStep = ref(0)
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        class="checkout-stepper"
-        :items="checkoutSteps"
-        :direction="$vuetify.display.mdAndUp ? 'horizontal' : 'vertical'"
-        align="center"
-      />
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText>
-      <!-- 👉 stepper content -->
-      <VWindow
-        v-model="currentStep"
-        class="disable-tab-transition"
-        :touch="false"
-      >
-        <VWindowItem>
-          <CartContent
-            v-model:current-step="currentStep"
-            v-model:checkout-data="checkoutData"
-          />
-        </VWindowItem>
-
-        <VWindowItem>
-          <AddressContent
-            v-model:current-step="currentStep"
-            v-model:checkout-data="checkoutData"
-          />
-        </VWindowItem>
-
-        <VWindowItem>
-          <PaymentContent
-            v-model:current-step="currentStep"
-            v-model:checkout-data="checkoutData"
-          />
-        </VWindowItem>
-
-        <VWindowItem>
-          <ConfirmationContent v-model:checkout-data="checkoutData" />
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/wizard-examples/create-deal.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/wizard-examples/create-deal.vue
deleted file mode 100644
index 832e272..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/wizard-examples/create-deal.vue
+++ /dev/null
@@ -1,159 +0,0 @@
-<script setup lang="ts">
-import DealDetails from '@/views/wizard-examples/create-deal/DealDetails.vue'
-import DealReviewComplete from '@/views/wizard-examples/create-deal/DealReviewComplete.vue'
-import CreateDealType from '@/views/wizard-examples/create-deal/DealType.vue'
-import DealUsage from '@/views/wizard-examples/create-deal/DealUsage.vue'
-
-import type { CreateDealData } from '@/views/wizard-examples/create-deal/types'
-
-const createDealSteps = [
-  {
-    title: 'Deal Type',
-    subtitle: 'Choose type of deal',
-    icon: 'tabler-users',
-  },
-  {
-    title: 'Deal Details',
-    subtitle: 'Provide deal details',
-    icon: 'tabler-id',
-  },
-  {
-    title: 'Deal Usage',
-    subtitle: 'Limitations & Offers',
-    icon: 'tabler-credit-card',
-  },
-  {
-    title: 'Review & Complete',
-    subtitle: 'Launch a deal',
-    icon: 'tabler-checkbox',
-  },
-]
-
-const currentStep = ref(0)
-
-const createDealData = ref<CreateDealData>({
-  dealType: {
-    Offer: 'percentage',
-    discount: null,
-    region: null,
-  },
-  dealDetails: {
-    title: '',
-    code: '',
-    description: '',
-    offeredUItems: [],
-    cartCondition: null,
-    dealDuration: '',
-    notification: {
-      email: false,
-      sms: false,
-      pushNotification: false,
-    },
-  },
-  dealUsage: {
-    userType: null,
-    maxUsers: null,
-    cartAmount: null,
-    promotionFree: null,
-    paymentMethod: null,
-    dealStatus: null,
-    isSingleUserCustomer: false,
-  },
-  dealReviewComplete: {
-    isDealDetailsConfirmed: true,
-  },
-})
-
-const onSubmit = () => {
-  console.log('createDealData :>> ', createDealData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VRow no-gutters>
-      <VCol
-        cols="12"
-        md="4"
-        lg="3"
-        :class="$vuetify.display.mdAndUp ? 'border-e' : 'border-b'"
-      >
-        <VCardText>
-          <AppStepper
-            v-model:current-step="currentStep"
-            direction="vertical"
-            :items="createDealSteps"
-            icon-size="22"
-            class="stepper-icon-step-bg"
-          />
-        </VCardText>
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="8"
-        lg="9"
-      >
-        <VCardText>
-          <VWindow
-            v-model="currentStep"
-            class="disable-tab-transition"
-          >
-            <VWindowItem>
-              <CreateDealType v-model:form-data="createDealData.dealType" />
-            </VWindowItem>
-
-            <VWindowItem>
-              <DealDetails v-model:form-data="createDealData.dealDetails" />
-            </VWindowItem>
-
-            <VWindowItem>
-              <DealUsage v-model:form-data="createDealData.dealUsage" />
-            </VWindowItem>
-
-            <VWindowItem>
-              <DealReviewComplete v-model:form-data="createDealData.dealReviewComplete" />
-            </VWindowItem>
-          </VWindow>
-
-          <div class="d-flex flex-wrap gap-4 justify-space-between mt-6">
-            <VBtn
-              color="secondary"
-              variant="tonal"
-              :disabled="currentStep === 0"
-              @click="currentStep--"
-            >
-              <VIcon
-                icon="tabler-arrow-left"
-                start
-                class="flip-in-rtl"
-              />
-              Previous
-            </VBtn>
-
-            <VBtn
-              v-if="createDealSteps.length - 1 === currentStep"
-              color="success"
-              @click="onSubmit"
-            >
-              submit
-            </VBtn>
-
-            <VBtn
-              v-else
-              @click="currentStep++"
-            >
-              Next
-
-              <VIcon
-                icon="tabler-arrow-right"
-                end
-                class="flip-in-rtl"
-              />
-            </VBtn>
-          </div>
-        </VCardText>
-      </VCol>
-    </VRow>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/wizard-examples/property-listing.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/wizard-examples/property-listing.vue
deleted file mode 100644
index 1994a4c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/pages/wizard-examples/property-listing.vue
+++ /dev/null
@@ -1,186 +0,0 @@
-<script setup lang="ts">
-import PersonalDetails from '@/views/wizard-examples/property-listing/PersonalDetails.vue'
-import PriceDetails from '@/views/wizard-examples/property-listing/PriceDetails.vue'
-import PropertyArea from '@/views/wizard-examples/property-listing/PropertyArea.vue'
-import PropertyDetails from '@/views/wizard-examples/property-listing/PropertyDetails.vue'
-import PropertyFeatures from '@/views/wizard-examples/property-listing/PropertyFeatures.vue'
-
-import type { PropertyListingData } from '@/views/wizard-examples/property-listing/types'
-
-const propertyListingSteps = [
-  {
-    title: 'Personal Details',
-    subtitle: 'Your Name/Email',
-    icon: 'tabler-users',
-  },
-  {
-    title: 'Property Details',
-    subtitle: 'Property Type',
-    icon: 'tabler-home',
-  },
-  {
-    title: 'Property Features',
-    subtitle: 'Bedrooms/Floor No',
-    icon: 'tabler-bookmarks',
-  },
-  {
-    title: 'Property Area',
-    subtitle: 'Covered Area',
-    icon: 'tabler-map-pin',
-  },
-  {
-    title: 'Price Details',
-    subtitle: 'Expected Price',
-    icon: 'tabler-currency-dollar',
-  },
-]
-
-const propertyListingData = ref<PropertyListingData>({
-  personalDetails: {
-    userType: 'builder',
-    firstName: '',
-    lastName: '',
-    username: '',
-    password: '',
-    email: '',
-    contact: null,
-  },
-  priceDetails: {
-    expectedPrice: null,
-    pricePerSqft: null,
-    maintenanceCharge: null,
-    maintenancePeriod: null,
-    bookingAmount: null,
-    otherAmount: null,
-    priceDisplayType: 'Negotiable',
-    priceIncludes: ['Car Parking'],
-  },
-  propertyFeatures: {
-    bedroomCount: '',
-    floorNo: '',
-    bathroomCount: '',
-    isCommonArea: true,
-    furnishedStatus: null,
-    furnishingDetails: ['AC', 'TV', 'Fridge'],
-    isCommonArea1: 'true',
-    isCommonArea2: 'false',
-  },
-  propertyArea: {
-    totalArea: null,
-    carpetArea: null,
-    plotArea: null,
-    availableFrom: null,
-    possessionStatus: 'Under Construciton',
-    transactionType: 'New Property',
-    isOnMainRoad: 'No',
-    isGatedColony: 'No',
-  },
-  propertyDetails: {
-    propertyDealType: 'sell',
-    propertyType: null,
-    zipCode: null,
-    country: null,
-    state: '',
-    city: '',
-    landmark: '',
-    address: '',
-  },
-})
-
-const currentStep = ref(0)
-
-const onSubmit = () => {
-  console.log('propertyListingData :>> ', propertyListingData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VRow no-gutters>
-      <VCol
-        cols="12"
-        md="3"
-        :class="$vuetify.display.smAndDown ? 'border-b' : 'border-e'"
-      >
-        <VCardText>
-          <AppStepper
-            v-model:current-step="currentStep"
-            :items="propertyListingSteps"
-            direction="vertical"
-            icon-size="22"
-            class="stepper-icon-step-bg"
-          />
-        </VCardText>
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="9"
-      >
-        <VCardText>
-          <VWindow
-            v-model="currentStep"
-            class="disable-tab-transition"
-          >
-            <VWindowItem>
-              <PersonalDetails v-model:form-data="propertyListingData.personalDetails" />
-            </VWindowItem>
-
-            <VWindowItem>
-              <PropertyDetails v-model:form-data="propertyListingData.propertyDetails" />
-            </VWindowItem>
-
-            <VWindowItem>
-              <PropertyFeatures v-model:form-data="propertyListingData.propertyFeatures" />
-            </VWindowItem>
-
-            <VWindowItem>
-              <PropertyArea v-model:form-data="propertyListingData.propertyArea" />
-            </VWindowItem>
-
-            <VWindowItem>
-              <PriceDetails v-model:form-data="propertyListingData.priceDetails" />
-            </VWindowItem>
-          </VWindow>
-
-          <div class="d-flex flex-wrap gap-4 justify-space-between mt-6">
-            <VBtn
-              color="secondary"
-              variant="tonal"
-              :disabled="currentStep === 0"
-              @click="currentStep--"
-            >
-              <VIcon
-                icon="tabler-arrow-left"
-                start
-                class="flip-in-rtl"
-              />
-              Previous
-            </VBtn>
-
-            <VBtn
-              v-if="propertyListingSteps.length - 1 === currentStep"
-              color="success"
-              @click="onSubmit"
-            >
-              submit
-            </VBtn>
-
-            <VBtn
-              v-else
-              @click="currentStep++"
-            >
-              Next
-
-              <VIcon
-                icon="tabler-arrow-right"
-                end
-                class="flip-in-rtl"
-              />
-            </VBtn>
-          </div>
-        </VCardText>
-      </VCol>
-    </VRow>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/1.router/additional-routes.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/1.router/additional-routes.ts
deleted file mode 100644
index 1c72732..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/1.router/additional-routes.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router/auto'
-
-const emailRouteComponent = () => import('@/pages/apps/email/index.vue')
-
-// 👉 Redirects
-export const redirects: RouteRecordRaw[] = [
-  // ℹ️ We are redirecting to different pages based on role.
-  // NOTE: Role is just for UI purposes. ACL is based on abilities.
-  {
-    path: '/',
-    name: 'index',
-    redirect: to => {
-      // TODO: Get type from backend
-      const userData = useCookie<Record<string, unknown> | null | undefined>('userData')
-      const userRole = userData.value?.role
-
-      if (userRole === 'admin')
-        return { name: 'dashboards-crm' }
-      if (userRole === 'client')
-        return { name: 'access-control' }
-
-      return { name: 'login', query: to.query }
-    },
-  },
-  {
-    path: '/pages/user-profile',
-    name: 'pages-user-profile',
-    redirect: () => ({ name: 'pages-user-profile-tab', params: { tab: 'profile' } }),
-  },
-  {
-    path: '/pages/account-settings',
-    name: 'pages-account-settings',
-    redirect: () => ({ name: 'pages-account-settings-tab', params: { tab: 'account' } }),
-  },
-]
-
-export const routes: RouteRecordRaw[] = [
-  // Email filter
-  {
-    path: '/apps/email/filter/:filter',
-    name: 'apps-email-filter',
-    component: emailRouteComponent,
-    meta: {
-      navActiveLink: 'apps-email',
-      layoutWrapperClasses: 'layout-content-height-fixed',
-    },
-  },
-
-  // Email label
-  {
-    path: '/apps/email/label/:label',
-    name: 'apps-email-label',
-    component: emailRouteComponent,
-    meta: {
-      // contentClass: 'email-application',
-      navActiveLink: 'apps-email',
-      layoutWrapperClasses: 'layout-content-height-fixed',
-    },
-  },
-
-  {
-    path: '/dashboards/logistics',
-    name: 'dashboards-logistics',
-    component: () => import('@/pages/apps/logistics/dashboard.vue'),
-  },
-  {
-    path: '/dashboards/academy',
-    name: 'dashboards-academy',
-    component: () => import('@/pages/apps/academy/dashboard.vue'),
-  },
-  {
-    path: '/apps/ecommerce/dashboard',
-    name: 'apps-ecommerce-dashboard',
-    component: () => import('@/pages/dashboards/ecommerce.vue'),
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/1.router/guards.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/1.router/guards.ts
deleted file mode 100644
index 1353172..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/1.router/guards.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import type { RouteNamedMap, _RouterTyped } from 'unplugin-vue-router'
-import { canNavigate } from '@layouts/plugins/casl'
-
-export const setupGuards = (router: _RouterTyped<RouteNamedMap & { [key: string]: any }>) => {
-  // 👉 router.beforeEach
-  // Docs: https://router.vuejs.org/guide/advanced/navigation-guards.html#global-before-guards
-  router.beforeEach(to => {
-    /*
-     * If it's a public route, continue navigation. This kind of pages are allowed to visited by login & non-login users. Basically, without any restrictions.
-     * Examples of public routes are, 404, under maintenance, etc.
-     */
-    if (to.meta.public)
-      return
-
-    /**
-     * Check if user is logged in by checking if token & user data exists in local storage
-     * Feel free to update this logic to suit your needs
-     */
-    const isLoggedIn = !!(useCookie('userData').value && useCookie('accessToken').value)
-
-    /*
-      If user is logged in and is trying to access login like page, redirect to home
-      else allow visiting the page
-      (WARN: Don't allow executing further by return statement because next code will check for permissions)
-     */
-    if (to.meta.unauthenticatedOnly) {
-      if (isLoggedIn)
-        return '/'
-      else
-        return undefined
-    }
-
-    if (!canNavigate(to) && to.matched.length) {
-      /* eslint-disable indent */
-      return isLoggedIn
-        ? { name: 'not-authorized' }
-        : {
-            name: 'login',
-            query: {
-              ...to.query,
-              to: to.fullPath !== '/' ? to.path : undefined,
-            },
-          }
-      /* eslint-enable indent */
-    }
-  })
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/1.router/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/1.router/index.ts
deleted file mode 100644
index 76c2b90..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/1.router/index.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { setupLayouts } from 'virtual:meta-layouts'
-import type { App } from 'vue'
-
-import type { RouteRecordRaw } from 'vue-router/auto'
-
-import { createRouter, createWebHistory } from 'vue-router/auto'
-
-import { redirects, routes } from './additional-routes'
-import { setupGuards } from './guards'
-
-function recursiveLayouts(route: RouteRecordRaw): RouteRecordRaw {
-  if (route.children) {
-    for (let i = 0; i < route.children.length; i++)
-      route.children[i] = recursiveLayouts(route.children[i])
-
-    return route
-  }
-
-  return setupLayouts([route])[0]
-}
-
-const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
-  scrollBehavior(to) {
-    if (to.hash)
-      return { el: to.hash, behavior: 'smooth', top: 60 }
-
-    return { top: 0 }
-  },
-  extendRoutes: pages => [
-    ...redirects,
-    ...[
-      ...pages,
-      ...routes,
-    ].map(route => recursiveLayouts(route)),
-  ],
-})
-
-setupGuards(router)
-
-export { router }
-
-export default function (app: App) {
-  app.use(router)
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/2.pinia.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/2.pinia.ts
deleted file mode 100644
index 0043ff1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/2.pinia.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { createPinia } from 'pinia'
-import type { App } from 'vue'
-
-export const store = createPinia()
-
-export default function (app: App) {
-  app.use(store)
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/casl/ability.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/casl/ability.ts
deleted file mode 100644
index 333a5f5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/casl/ability.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { createMongoAbility } from '@casl/ability'
-
-export type Actions = 'create' | 'read' | 'update' | 'delete' | 'manage'
-
-// ex: Post, Comment, User, etc. We haven't used any of these in our demo though.
-export type Subjects = 'Post' | 'Comment' | 'all'
-
-export interface Rule { action: Actions; subject: Subjects }
-
-export const ability = createMongoAbility<[Actions, Subjects]>()
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/casl/composables/useAbility.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/casl/composables/useAbility.ts
deleted file mode 100644
index 8b6497b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/casl/composables/useAbility.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { useAbility as useCaslAbility } from '@casl/vue'
-import type { ability } from '../ability'
-
-export const useAbility = () => useCaslAbility<typeof ability>()
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/casl/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/casl/index.ts
deleted file mode 100644
index 533efed..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/casl/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { App } from 'vue'
-
-import { createMongoAbility } from '@casl/ability'
-import { abilitiesPlugin } from '@casl/vue'
-import type { Rule } from './ability'
-
-export default function (app: App) {
-  const userAbilityRules = useCookie<Rule[]>('userAbilityRules')
-  const initialAbility = createMongoAbility(userAbilityRules.value ?? [])
-
-  app.use(abilitiesPlugin, initialAbility, {
-    useGlobalProperties: true,
-  })
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/casl/shims-ability.d.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/casl/shims-ability.d.ts
deleted file mode 100644
index 985a36f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/casl/shims-ability.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { ability } from './ability';
-
-declare module 'vue' {
-  interface ComponentCustomProperties {
-    $ability: typeof ability;
-    $can(this: this, ...args: Parameters<this['$ability']['can']>): boolean;
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/app-bar-search/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/app-bar-search/db.ts
deleted file mode 100644
index 2d69389..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/app-bar-search/db.ts
+++ /dev/null
@@ -1,626 +0,0 @@
-import type { SearchResults } from '@db/app-bar-search/types'
-
-interface DB {
-  searchItems: SearchResults[]
-}
-
-export const db: DB = {
-  searchItems: [
-    {
-      title: 'Dashboards',
-      category: 'dashboards',
-      children: [
-        {
-          url: { name: 'dashboards-analytics' },
-          icon: 'tabler-timeline',
-          title: 'Analytics Dashboard',
-        },
-        {
-          url: { name: 'dashboards-crm' },
-          icon: 'tabler-file-analytics',
-          title: 'CRM Dashboard',
-        },
-        {
-          url: { name: 'dashboards-ecommerce' },
-          icon: 'tabler-shopping-cart',
-          title: 'ECommerce Dashboard',
-        },
-        {
-          url: { name: 'dashboards-academy' },
-          icon: 'tabler-book',
-          title: 'Academy Dashboard',
-        },
-        {
-          url: { name: 'dashboards-logistics' },
-          icon: 'tabler-truck',
-          title: 'Logistics Dashboard',
-        },
-      ],
-    },
-    {
-      title: 'Front Pages',
-      category: 'frontPages',
-      children: [
-        {
-          url: { name: 'front-pages-landing-page' },
-          icon: 'tabler-file-description',
-          title: 'Landing Front',
-        },
-        {
-          url: { name: 'front-pages-pricing' },
-          icon: 'tabler-file-description',
-          title: 'Pricing Front',
-        },
-        {
-          url: { name: 'front-pages-payment' },
-          icon: 'tabler-file-description',
-          title: 'Payment Front',
-        },
-        {
-          url: { name: 'front-pages-checkout' },
-          icon: 'tabler-file-description',
-          title: 'Checkout Front',
-        },
-        {
-          url: { name: 'front-pages-help-center' },
-          icon: 'tabler-file-description',
-          title: 'Help Center Front',
-        },
-      ],
-    },
-    {
-      title: 'Apps & Pages',
-      category: 'appsPages',
-      children: [
-        {
-          url: { name: 'apps-email' },
-          icon: 'tabler-mail',
-          title: 'Email',
-        },
-        {
-          url: { name: 'apps-chat' },
-          icon: 'tabler-message',
-          title: 'Chat',
-        },
-        {
-          url: { name: 'apps-calendar' },
-          icon: 'tabler-calendar',
-          title: 'Calendar',
-        },
-        {
-          title: 'Kanban',
-          icon: 'tabler-layout-kanban',
-          url: { name: 'apps-kanban' },
-        },
-        {
-          url: { name: 'apps-ecommerce-dashboard' },
-          icon: 'tabler-shopping-cart',
-          title: 'ECommerce Dashboard',
-        },
-        {
-          url: { name: 'apps-ecommerce-product-list' },
-          icon: 'tabler-list',
-          title: 'Ecommerce - Product List',
-        },
-        {
-          url: { name: 'apps-ecommerce-product-add' },
-          icon: 'tabler-circle-plus',
-          title: 'Ecommerce - Add Product',
-        },
-        {
-          url: { name: 'apps-ecommerce-product-category-list' },
-          icon: 'tabler-list',
-          title: 'Ecommerce - Category List',
-        },
-        {
-          url: { name: 'apps-ecommerce-order-list' },
-          icon: 'tabler-list',
-          title: 'Ecommerce - Order List',
-        },
-        {
-          url: { name: 'apps-ecommerce-order-details-id', params: { id: '9042' } },
-          icon: 'tabler-list-check',
-          title: 'Ecommerce - Order Details',
-        },
-        {
-          url: { name: 'apps-ecommerce-customer-list' },
-          icon: 'tabler-user',
-          title: 'Ecommerce - Customer List',
-        },
-        {
-          url: { name: 'apps-ecommerce-customer-details-id', params: { id: '478426', tab: 'security' } },
-          icon: 'tabler-list',
-          title: 'Ecommerce - Customer Details',
-        },
-        {
-          url: { name: 'apps-ecommerce-manage-review' },
-          icon: 'tabler-quote',
-          title: 'Ecommerce - Manage Review',
-        },
-        {
-          url: { name: 'apps-ecommerce-referrals' },
-          icon: 'tabler-users-group',
-          title: 'Ecommerce - Referrals',
-        },
-        {
-          url: { name: 'apps-ecommerce-settings' },
-          icon: 'tabler-settings',
-          title: 'Ecommerce - Settings',
-        },
-        {
-          url: { name: 'apps-academy-dashboard' },
-          icon: 'tabler-book',
-          title: 'Academy - Dashboard',
-        },
-        {
-          url: { name: 'apps-academy-my-course' },
-          icon: 'tabler-list',
-          title: 'Academy - My Courses',
-        },
-        {
-          url: { name: 'apps-academy-course-details' },
-          icon: 'tabler-list',
-          title: 'Academy - Course Details',
-        },
-        {
-          url: { name: 'apps-logistics-dashboard' },
-          icon: 'tabler-book',
-          title: 'Logistics - Dashboard',
-        },
-        {
-          url: { name: 'apps-logistics-fleet' },
-          icon: 'tabler-car',
-          title: 'Logistics - fleet',
-        },
-        {
-          url: { name: 'apps-invoice-list' },
-          icon: 'tabler-list',
-          title: 'Invoice List',
-        },
-        {
-          url: { name: 'apps-invoice-preview-id', params: { id: '5036' } },
-          icon: 'tabler-file-description',
-          title: 'Invoice Preview',
-        },
-        {
-          url: { name: 'apps-invoice-edit-id', params: { id: '5036' } },
-          icon: 'tabler-file-pencil',
-          title: 'Invoice Edit',
-        },
-        {
-          url: { name: 'apps-invoice-add' },
-          icon: 'tabler-file-plus',
-          title: 'Invoice Add',
-        },
-        {
-          url: { name: 'apps-user-list' },
-          icon: 'tabler-users-group',
-          title: 'User List',
-        },
-        {
-          url: { name: 'apps-user-view-id', params: { id: 21 } },
-          icon: 'tabler-eye',
-          title: 'User View',
-        },
-        {
-          url: { name: 'pages-user-profile-tab', params: { tab: 'profile' } },
-          icon: 'tabler-user-circle',
-          title: 'User Profile - Profile',
-        },
-        {
-          url: { name: 'pages-account-settings-tab', params: { tab: 'account' } },
-          icon: 'tabler-user-circle',
-          title: 'Account Settings - Account',
-        },
-        {
-          url: { name: 'pages-account-settings-tab', params: { tab: 'security' } },
-          icon: 'tabler-lock-open',
-          title: 'Account Settings - Security',
-        },
-        {
-          url: { name: 'pages-account-settings-tab', params: { tab: 'billing-plans' } },
-          icon: 'tabler-currency-dollar',
-          title: 'Account Settings - Billing',
-        },
-        {
-          url: { name: 'pages-account-settings-tab', params: { tab: 'notification' } },
-          icon: 'tabler-bell',
-          title: 'Account Settings - Notifications',
-        },
-        {
-          url: { name: 'pages-account-settings-tab', params: { tab: 'connection' } },
-          icon: 'tabler-link',
-          title: 'Account Settings - Connections',
-        },
-        {
-          url: { name: 'pages-pricing' },
-          icon: 'tabler-currency-dollar',
-          title: 'Pricing',
-        },
-        {
-          url: { name: 'pages-faq' },
-          icon: 'tabler-help-circle',
-          title: 'FAQ',
-        },
-        {
-          url: { name: 'pages-misc-coming-soon' },
-          icon: 'tabler-clock',
-          title: 'Coming Soon',
-        },
-        {
-          url: { name: 'pages-misc-under-maintenance' },
-          icon: 'tabler-settings',
-          title: 'Under Maintenance',
-        },
-        {
-          url: { path: '/pages/misc/page-not-found' },
-          icon: 'tabler-alert-circle',
-          title: 'Page Not Found - 404',
-        },
-        {
-          url: { path: '/pages/misc/not-authorized' },
-          icon: 'tabler-user-x',
-          title: 'Not Authorized - 401',
-        },
-        {
-          url: { name: 'pages-authentication-login-v1' },
-          icon: 'tabler-login',
-          title: 'Login V1',
-        },
-        {
-          url: { name: 'pages-authentication-login-v2' },
-          icon: 'tabler-login',
-          title: 'Login V2',
-        },
-        {
-          url: { name: 'pages-authentication-register-v1' },
-          icon: 'tabler-user-plus',
-          title: 'Register V1',
-        },
-        {
-          url: { name: 'pages-authentication-register-v2' },
-          icon: 'tabler-user-plus',
-          title: 'Register V2',
-        },
-        {
-          icon: 'tabler-mail',
-          title: 'Verify Email V1',
-          url: { name: 'pages-authentication-verify-email-v1' },
-        },
-        {
-          icon: 'tabler-mail',
-          title: 'Verify Email V2',
-          url: { name: 'pages-authentication-verify-email-v2' },
-        },
-        {
-          url: { name: 'pages-authentication-forgot-password-v1' },
-          icon: 'tabler-lock-exclamation',
-          title: 'Forgot Password V1',
-        },
-        {
-          url: { name: 'pages-authentication-forgot-password-v2' },
-          icon: 'tabler-lock-exclamation',
-          title: 'Forgot Password V2',
-        },
-        {
-          url: { name: 'pages-authentication-reset-password-v1' },
-          icon: 'tabler-help-circle',
-          title: 'Reset Password V1',
-        },
-        {
-          url: { name: 'pages-authentication-reset-password-v2' },
-          icon: 'tabler-help-circle',
-          title: 'Reset Password V2',
-        },
-        {
-          icon: 'tabler-devices',
-          title: 'Two Steps V1',
-          url: { name: 'pages-authentication-two-steps-v1' },
-        },
-        {
-          icon: 'tabler-devices',
-          title: 'Two Steps V2',
-          url: { name: 'pages-authentication-two-steps-v2' },
-        },
-        {
-          url: { name: 'pages-dialog-examples' },
-          icon: 'tabler-square',
-          title: 'Dialog Examples',
-        },
-        {
-          url: { name: 'pages-authentication-register-multi-steps' },
-          icon: 'tabler-user-plus',
-          title: 'Register Multi-Steps',
-        },
-        {
-          url: { name: 'wizard-examples-checkout' },
-          icon: 'tabler-shopping-cart',
-          title: 'Wizard - Checkout',
-        },
-        {
-          url: { name: 'wizard-examples-create-deal' },
-          icon: 'tabler-gift',
-          title: 'Wizard - create deal',
-        },
-        {
-          url: { name: 'wizard-examples-property-listing' },
-          icon: 'tabler-home',
-          title: 'Wizard - Property Listing',
-        },
-        {
-          url: { name: 'apps-roles' },
-          icon: 'tabler-shield-checkered',
-          title: 'Roles',
-        },
-        {
-          url: { name: 'apps-permissions' },
-          icon: 'tabler-shield-checkered',
-          title: 'Permissions',
-        },
-      ],
-    },
-    {
-      title: 'User Interface',
-      category: 'userInterface',
-      children: [
-        {
-          url: { name: 'pages-typography' },
-          icon: 'tabler-letter-case',
-          title: 'Typography',
-        },
-        {
-          url: { name: 'pages-icons' },
-          icon: 'tabler-icons',
-          title: 'Icons',
-        },
-        {
-          url: { name: 'pages-cards-card-basic' },
-          icon: 'tabler-id',
-          title: 'Card Basic',
-        },
-        {
-          url: { name: 'pages-cards-card-advance' },
-          icon: 'tabler-square-plus',
-          title: 'Card Advance',
-        },
-        {
-          url: { name: 'pages-cards-card-statistics' },
-          icon: 'tabler-chart-bar',
-          title: 'Card Statistics',
-        },
-        {
-          url: { name: 'pages-cards-card-widgets' },
-          icon: 'tabler-chart-bar',
-          title: 'Card widgets',
-        },
-        {
-          url: { name: 'pages-cards-card-actions' },
-          icon: 'tabler-square-plus',
-          title: 'Card Actions',
-        },
-        {
-          url: { name: 'components-alert' },
-          icon: 'tabler-alert-triangle',
-          title: 'Alerts',
-        },
-        {
-          url: { name: 'components-avatar' },
-          icon: 'tabler-user-circle',
-          title: 'Avatars',
-        },
-        {
-          url: { name: 'components-badge' },
-          icon: 'tabler-badge',
-          title: 'Badges',
-        },
-        {
-          url: { name: 'components-button' },
-          icon: 'tabler-circle-plus',
-          title: 'Buttons',
-        },
-        {
-          url: { name: 'components-chip' },
-          icon: 'tabler-square',
-          title: 'Chips',
-        },
-        {
-          url: { name: 'components-dialog' },
-          icon: 'tabler-square',
-          title: 'Dialogs',
-        },
-        {
-          url: { name: 'components-list' },
-          icon: 'tabler-list',
-          title: 'List',
-        },
-        {
-          url: { name: 'components-menu' },
-          icon: 'tabler-menu-2',
-          title: 'Menu',
-        },
-        {
-          url: { name: 'components-pagination' },
-          icon: 'tabler-skip-forward',
-          title: 'Pagination',
-        },
-        {
-          url: { name: 'components-progress-circular' },
-          icon: 'tabler-progress',
-          title: 'Progress Circular',
-        },
-        {
-          url: { name: 'components-progress-linear' },
-          icon: 'tabler-progress',
-          title: 'Progress Linear',
-        },
-        {
-          url: { name: 'components-expansion-panel' },
-          icon: 'tabler-align-center',
-          title: 'Expansion Panel',
-        },
-        {
-          url: { name: 'components-snackbar' },
-          icon: 'tabler-message-dots',
-          title: 'Snackbar',
-        },
-        {
-          url: { name: 'components-tabs' },
-          icon: 'tabler-app-window',
-          title: 'Tabs',
-        },
-        {
-          url: { name: 'components-timeline' },
-          icon: 'tabler-timeline',
-          title: 'Timeline',
-        },
-        {
-          url: { name: 'components-tooltip' },
-          icon: 'tabler-message-2',
-          title: 'Tooltip',
-        },
-        {
-          url: { name: 'extensions-tour' },
-          icon: 'tabler-box',
-          title: 'Tour',
-        },
-        {
-          url: { name: 'extensions-swiper' },
-          icon: 'tabler-photo',
-          title: 'Swiper',
-        },
-      ],
-    },
-    {
-      title: 'Forms & Tables',
-      category: 'formsTables',
-      children: [
-        {
-          url: { name: 'forms-textfield' },
-          icon: 'tabler-text-caption',
-          title: 'TextField',
-        },
-        {
-          url: { name: 'forms-select' },
-          icon: 'tabler-list-check',
-          title: 'Select',
-        },
-        {
-          url: { name: 'forms-checkbox' },
-          icon: 'tabler-square-check',
-          title: 'Checkbox',
-        },
-        {
-          url: { name: 'forms-radio' },
-          icon: 'tabler-circle-dot',
-          title: 'Radio',
-        },
-        {
-          url: { name: 'forms-combobox' },
-          icon: 'tabler-square-check',
-          title: 'Combobox',
-        },
-        {
-          url: { name: 'forms-date-time-picker' },
-          icon: 'tabler-calendar',
-          title: 'Date Time picker',
-        },
-        {
-          url: { name: 'forms-textarea' },
-          icon: 'tabler-notes',
-          title: 'Textarea',
-        },
-        {
-          url: { name: 'forms-switch' },
-          icon: 'tabler-toggle-right',
-          title: 'Switch',
-        },
-        {
-          url: { name: 'forms-file-input' },
-          icon: 'tabler-upload',
-          title: 'File Input',
-        },
-        {
-          url: { name: 'forms-editors' },
-          icon: 'tabler-file-pencil',
-          title: 'Editors',
-        },
-        {
-          url: { name: 'forms-rating' },
-          icon: 'tabler-star',
-          title: 'Form Rating',
-        },
-        {
-          url: { name: 'forms-slider' },
-          icon: 'tabler-hand-move',
-          title: 'Slider',
-        },
-        {
-          url: { name: 'forms-range-slider' },
-          icon: 'tabler-adjustments-horizontal',
-          title: 'Range Slider',
-        },
-        {
-          url: { name: 'forms-form-layouts' },
-          icon: 'tabler-box',
-          title: 'Form Layouts',
-        },
-        {
-          url: { name: 'forms-form-validation' },
-          icon: 'tabler-circle-check',
-          title: 'Form Validation',
-        },
-        {
-          url: { name: 'forms-custom-input' },
-          icon: 'tabler-list-details',
-          title: 'Custom Input',
-        },
-        {
-          url: { name: 'forms-autocomplete' },
-          icon: 'tabler-align-left',
-          title: 'Autocomplete',
-        },
-        {
-          url: { name: 'tables-data-table' },
-          icon: 'tabler-table',
-          title: 'Data Table',
-        },
-        {
-          url: { name: 'tables-simple-table' },
-          icon: 'tabler-table',
-          title: 'Simple Table',
-        },
-        {
-          url: { name: 'forms-form-wizard-numbered' },
-          icon: 'tabler-align-center',
-          title: 'Form Wizard Numbered',
-        },
-        {
-          url: { name: 'forms-form-wizard-icons' },
-          icon: 'tabler-align-center',
-          title: 'Form Wizard Icons',
-        },
-      ],
-    },
-    {
-      title: 'Chart & Misc',
-      category: 'chartsMisc',
-      children: [
-        {
-          url: { name: 'charts-apex-chart' },
-          icon: 'tabler-chart-area-line',
-          title: 'Apex Charts',
-        },
-        {
-          url: { name: 'charts-chartjs' },
-          icon: 'tabler-chart-histogram',
-          title: 'ChartJS',
-        },
-        {
-          url: { name: 'access-control' },
-          icon: 'tabler-shield',
-          title: 'Access Control (ACL)',
-        },
-      ],
-    },
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/app-bar-search/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/app-bar-search/index.ts
deleted file mode 100644
index 5803ef9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/app-bar-search/index.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import is from '@sindresorhus/is'
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/app-bar-search/db'
-import type { SearchResults } from '@db/app-bar-search/types'
-
-export const handlerAppBarSearch = [
-  // Get Search Items
-  http.get('/api/app-bar/search', ({ request }) => {
-    const url = new URL(request.url)
-
-    const q = url.searchParams.get('q') ?? ''
-    const searchQuery = is.string(q) ? q : undefined
-    const queryLowered = (searchQuery ?? '').toString().toLowerCase()
-
-    const filteredSearchData = [] as SearchResults[]
-
-    db.searchItems.forEach(item => {
-      if (item.children) {
-        const matchingChildren = item.children.filter(
-          child => child.title.toLowerCase().includes(queryLowered),
-        )
-
-        if (matchingChildren.length > 0) {
-          const parentCopy = { ...item }
-
-          if (matchingChildren.length > 5)
-            parentCopy.children = matchingChildren.slice(0, 5)
-
-          else
-            parentCopy.children = matchingChildren
-
-          filteredSearchData.push(parentCopy)
-        }
-      }
-    })
-
-    // ℹ️ Enable this comment if you want to limit length of search results.
-    // if (filteredSearchData.length > 1) {
-    //   filteredSearchData.forEach((item, index) => {
-    //     if (item.children.length > 3)
-    //       filteredSearchData[index].children.splice(0, 3)
-    //   })
-    // }
-
-    return HttpResponse.json([...filteredSearchData],
-      { status: 200 })
-  }),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/app-bar-search/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/app-bar-search/types.ts
deleted file mode 100644
index 423e446..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/app-bar-search/types.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export interface SearchItem {
-  url: object
-  icon: string
-  title: string
-}
-
-export interface SearchResults {
-  title: string
-  category: string
-  children: SearchItem[]
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/academy/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/academy/db.ts
deleted file mode 100644
index dc175fe..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/academy/db.ts
+++ /dev/null
@@ -1,584 +0,0 @@
-import type { Course, CourseDetails } from '@db/apps/academy/types'
-
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar12 from '@images/avatars/avatar-12.png'
-import avatar13 from '@images/avatars/avatar-13.png'
-import avatar14 from '@images/avatars/avatar-14.png'
-import avatar15 from '@images/avatars/avatar-15.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-import avatar9 from '@images/avatars/avatar-9.png'
-
-import tutorImg1 from '@images/pages/app-academy-tutor-1.png'
-import tutorImg2 from '@images/pages/app-academy-tutor-2.png'
-import tutorImg3 from '@images/pages/app-academy-tutor-3.png'
-import tutorImg4 from '@images/pages/app-academy-tutor-4.png'
-import tutorImg5 from '@images/pages/app-academy-tutor-5.png'
-import tutorImg6 from '@images/pages/app-academy-tutor-6.png'
-
-interface DB {
-  courses: Course[]
-  courseDetails: CourseDetails
-}
-
-export const db: DB = {
-  courses: [
-    {
-      id: 1,
-      user: 'Lauretta Coie',
-      image: avatar1,
-      tutorImg: tutorImg1,
-      completedTasks: 19,
-      totalTasks: 25,
-      userCount: 18,
-      note: 20,
-      view: 83,
-      time: '17h 34m',
-      logo: 'tabler-brand-angular',
-      color: 'error',
-      courseTitle: 'Basics of Angular',
-      desc: 'Introductory course for Angular and framework basics.Master Angular and build awesome apps.',
-      tags: 'Web',
-      rating: 4.4,
-      ratingCount: 8,
-    },
-    {
-      id: 2,
-      user: 'Maybelle Zmitrovich',
-      tutorImg: tutorImg2,
-      image: avatar2,
-      completedTasks: 48,
-      totalTasks: 52,
-      userCount: 14,
-      note: 48,
-      view: 43,
-      time: '19h 17m',
-      logo: 'tabler-color-swatch',
-      color: 'warning',
-      desc: 'Learn how to design a beautiful & engaging mobile app with Figma',
-      courseTitle: 'UI/UX Design',
-      tags: 'Design',
-      rating: 4.9,
-      ratingCount: 10,
-    },
-    {
-      id: 3,
-      user: 'Gertie Langwade',
-      image: avatar2,
-      tutorImg: tutorImg3,
-      completedTasks: 87,
-      totalTasks: 100,
-      userCount: 19,
-      note: 81,
-      view: 88,
-      time: '16h 16m',
-      logo: 'tabler-brand-react',
-      color: 'info',
-      desc: 'Master React.js: Build dynamic web apps with front-end technology',
-      courseTitle: 'React Native',
-      tags: 'Web',
-      rating: 4.8,
-      ratingCount: 9,
-    },
-    {
-      id: 4,
-      user: 'Estella Chace',
-      image: avatar3,
-      completedTasks: 33,
-      tutorImg: tutorImg4,
-      totalTasks: 50,
-      userCount: 28,
-      note: 21,
-      view: 87,
-      time: '15h 49m',
-      logo: 'tabler-edit',
-      color: 'success',
-      courseTitle: 'Art & Drawing',
-      desc: 'Easy-to-follow video & guides show you how to draw animals & people.',
-      tags: 'Design',
-      rating: 4.7,
-      ratingCount: 18,
-
-    },
-    {
-      id: 5,
-      user: 'Euell Bownass',
-      tutorImg: tutorImg5,
-      image: avatar14,
-      completedTasks: 100,
-      totalTasks: 100,
-      userCount: 13,
-      note: 19,
-      view: 13,
-      time: '12h 42m',
-      logo: 'tabler-star',
-      color: 'primary',
-      courseTitle: 'Basic Fundamentals',
-      desc: 'Learn the basics of the most popular programming language.',
-      tags: 'Web',
-      rating: 4.6,
-      ratingCount: 11,
-    },
-    {
-      id: 6,
-      user: 'Terrye Etches',
-      tutorImg: tutorImg6,
-      image: avatar3,
-      completedTasks: 23,
-      totalTasks: 25,
-      userCount: 78,
-      note: 36,
-      view: 36,
-      time: '1h 42m',
-      logo: 'tabler-brand-react',
-      color: 'info',
-      courseTitle: 'React for Beginners',
-      desc: 'Learn React in just a couple of afternoons with this immersive course',
-      tags: 'Web',
-      rating: 4.5,
-      ratingCount: 68,
-    },
-    {
-      id: 7,
-      user: 'Papageno Sloy',
-      tutorImg: tutorImg1,
-      image: avatar14,
-      completedTasks: 11,
-      totalTasks: 20,
-      userCount: 74,
-      note: 21,
-      view: 60,
-      time: '4h 59m',
-      logo: 'tabler-star',
-      color: 'primary',
-      courseTitle: 'The Science of Critical Thinking',
-      desc: 'Learn how to improve your arguments & make better decisions',
-      tags: 'Psychology',
-      rating: 4.4,
-      ratingCount: 64,
-    },
-    {
-      id: 8,
-      user: 'Aviva Penvarden',
-      tutorImg: tutorImg2,
-      image: avatar1,
-      completedTasks: 6,
-      totalTasks: 25,
-      userCount: 44,
-      note: 28,
-      view: 13,
-      time: '2h 09m',
-      logo: 'tabler-color-swatch',
-      color: 'warning',
-      courseTitle: 'The Complete Figma UI/UX Course',
-      desc: 'Learn how to design a beautiful & engaging mobile app with Figma',
-      tags: 'UI/UX',
-      rating: 4.3,
-      ratingCount: 34,
-    },
-    {
-      id: 9,
-      user: 'Reggi Tuddenham',
-      tutorImg: tutorImg3,
-      image: avatar8,
-      completedTasks: 67,
-      totalTasks: 100,
-      userCount: 95,
-      note: 34,
-      view: 26,
-      time: '22h 21m',
-      logo: 'tabler-star',
-      color: 'primary',
-      courseTitle: 'Advanced Problem Solving Techniques',
-      desc: 'Learn how to solve problems like a professional.Solve your problems easily.',
-      tags: 'Psychology',
-      rating: 4.2,
-      ratingCount: 85,
-    },
-    {
-      id: 10,
-      user: 'Aluin Leveritt',
-      image: avatar1,
-      completedTasks: 49,
-      totalTasks: 50,
-      tutorImg: tutorImg4,
-      userCount: 98,
-      note: 51,
-      view: 37,
-      time: '22h 22m',
-      logo: 'tabler-brand-react',
-      color: 'info',
-      courseTitle: 'Advanced React Native',
-      desc: 'Learn how to build the world\'s most popular mobile OS.Use react native like pro.',
-      tags: 'Web',
-      rating: 4.1,
-      ratingCount: 88,
-    },
-    {
-      id: 11,
-      user: 'Ardys Deakin',
-      image: avatar9,
-      completedTasks: 87,
-      totalTasks: 100,
-      tutorImg: tutorImg5,
-      userCount: 19,
-      note: 40,
-      view: 32,
-      time: '15h 25m',
-      logo: 'tabler-brand-react',
-      color: 'info',
-      courseTitle: 'Building Web Applications with React',
-      desc: 'Learn how to build modern web apps with React and Redux',
-      tags: 'Web',
-      rating: 4.0,
-      ratingCount: 9,
-    },
-    {
-      id: 12,
-      user: 'Camel Scown',
-      image: avatar1,
-      tutorImg: tutorImg6,
-      completedTasks: 22,
-      totalTasks: 25,
-      userCount: 26,
-      note: 22,
-      view: 77,
-      time: '4h 33m',
-      logo: 'tabler-brand-angular',
-      color: 'error',
-      courseTitle: 'Angular Routing and Navigation',
-      desc: 'Learn how to build single page applications like a pro.Learn everything about router.',
-      tags: 'Web',
-      rating: 3.9,
-      ratingCount: 16,
-    },
-    {
-      id: 13,
-      user: 'Bertina Honnan',
-      image: avatar15,
-      tutorImg: tutorImg1,
-      completedTasks: 11,
-      totalTasks: 50,
-      userCount: 78,
-      note: 75,
-      view: 87,
-      time: '16h 38m',
-      logo: 'tabler-star',
-      color: 'primary',
-      courseTitle: 'Creative Problem Solving',
-      desc: 'Learn how to solve problems creatively and effectively.Solve your problems easily.',
-      tags: 'Psychology',
-      rating: 3.8,
-      ratingCount: 68,
-    },
-    {
-      id: 14,
-      user: 'Hillyer Wooster',
-      image: avatar2,
-      tutorImg: tutorImg2,
-      completedTasks: 11,
-      totalTasks: 25,
-      userCount: 92,
-      note: 39,
-      view: 60,
-      time: '22h 43m',
-      logo: 'tabler-brand-angular',
-      color: 'error',
-      courseTitle: 'Building Web Applications with Angular',
-      desc: 'Learn how to build complex modern web applications with Angular',
-      tags: 'Web',
-      rating: 3.7,
-      ratingCount: 82,
-    },
-    {
-      id: 15,
-      user: 'Emerson Hance',
-      image: avatar12,
-      tutorImg: tutorImg3,
-      completedTasks: 4,
-      totalTasks: 5,
-      userCount: 14,
-      note: 22,
-      view: 51,
-      time: '2h 29m',
-      logo: 'tabler-brand-angular',
-      color: 'error',
-      courseTitle: 'Advanced Angular',
-      desc: 'Learn how to build complex modern web application with Angular',
-      tags: 'Web',
-      rating: 3.6,
-      ratingCount: 12,
-    },
-    {
-      id: 16,
-      user: 'Ginger Cruft',
-      image: avatar1,
-      tutorImg: tutorImg4,
-      completedTasks: 22,
-      totalTasks: 25,
-      userCount: 20,
-      note: 12,
-      view: 95,
-      time: '20h 10m',
-      logo: 'tabler-brand-react',
-      color: 'info',
-      courseTitle: 'Testing React with Jest and Enzyme',
-      desc: 'Learn how to build modern web apps with React and Redux',
-      tags: 'Web',
-      rating: 3.5,
-      ratingCount: 10,
-    },
-    {
-      id: 17,
-      user: 'Rollie Parsons',
-      image: avatar13,
-      tutorImg: tutorImg5,
-      completedTasks: 11,
-      totalTasks: 50,
-      userCount: 29,
-      note: 20,
-      view: 98,
-      time: '16h 15m',
-      logo: 'tabler-color-swatch',
-      color: 'wa',
-      courseTitle: 'Typography Theory',
-      desc: 'Learn how to build modern web apps with React and Redux',
-      tags: 'Design',
-      rating: 3.4,
-      ratingCount: 19,
-    },
-    {
-      id: 18,
-      user: 'Randy Foister',
-      image: avatar1,
-      completedTasks: 23,
-      tutorImg: tutorImg6,
-      totalTasks: 100,
-      userCount: 20,
-      note: 16,
-      view: 77,
-      time: '4h 31m',
-      logo: 'tabler-brand-angular',
-      color: 'error',
-      courseTitle: 'Angular Testing',
-      desc: 'Learn everything about testing web application with Angular',
-      tags: 'Web',
-      rating: 4.3,
-      ratingCount: 10,
-    },
-    {
-      id: 19,
-      user: 'Ashleigh Bartkowiak',
-      image: avatar8,
-      completedTasks: 17,
-      tutorImg: tutorImg1,
-      totalTasks: 50,
-      userCount: 28,
-      note: 91,
-      view: 31,
-      time: '1h 52m',
-      logo: 'tabler-brand-react',
-      color: 'info',
-      courseTitle: 'React for Professional',
-      desc: 'Learn how to build modern web apps with React and Redux',
-      tags: 'Web',
-      rating: 4.2,
-      ratingCount: 18,
-    },
-    {
-      id: 20,
-      user: 'Bernarr Markie',
-      image: avatar12,
-      tutorImg: tutorImg2,
-      completedTasks: 1,
-      totalTasks: 10,
-      userCount: 11,
-      note: 33,
-      view: 53,
-      time: '16h 24m',
-      logo: 'tabler-edit',
-      color: 'success',
-      courseTitle: 'The Ultimate Drawing Course',
-      desc: 'Learn how to draw like a professional with this immersive course',
-      tags: 'Art',
-      rating: 4.1,
-      ratingCount: 9,
-    },
-    {
-      id: 21,
-      user: 'Merrilee Whitnell',
-      image: avatar2,
-      completedTasks: 91,
-      totalTasks: 100,
-      tutorImg: tutorImg3,
-      userCount: 11,
-      note: 17,
-      view: 74,
-      time: '5h 57m',
-      logo: 'tabler-brand-angular',
-      color: 'error',
-      courseTitle: 'Basics of Angular',
-      desc: 'Introductory course for Angular and framework basics.Master Angular and build awesome apps.',
-      tags: 'Web',
-      rating: 4.0,
-      ratingCount: 7,
-    },
-    {
-      id: 22,
-      user: 'Thekla Dineges',
-      image: avatar1,
-      tutorImg: tutorImg4,
-      completedTasks: 49,
-      totalTasks: 50,
-      userCount: 28,
-      note: 30,
-      view: 54,
-      time: '4h 40m',
-      logo: 'tabler-edit',
-      color: 'success',
-      courseTitle: 'Introduction to Digital Painting',
-      desc: 'Learn how to draw like a professional with this immersive course',
-      tags: 'Art',
-      rating: 3.9,
-      ratingCount: 18,
-    },
-    {
-      id: 23,
-      user: 'Freda Garham',
-      image: avatar5,
-      tutorImg: tutorImg5,
-      completedTasks: 81,
-      totalTasks: 100,
-      userCount: 79,
-      note: 46,
-      view: 27,
-      time: '8h 44m',
-      logo: 'tabler-star',
-      color: 'primary',
-      courseTitle: 'The Science of Everyday Thinking',
-      desc: 'Learn how to think better, argue better, and choose better',
-      tags: 'Psychology',
-      rating: 3.8,
-      ratingCount: 69,
-    },
-    {
-      id: 24,
-      user: 'Leyla Bourley',
-      image: avatar13,
-      completedTasks: 6,
-      tutorImg: tutorImg6,
-      totalTasks: 25,
-      userCount: 28,
-      note: 11,
-      view: 77,
-      time: '22h 36m',
-      logo: 'tabler-edit',
-      color: 'success',
-      courseTitle: 'Color Theory',
-      desc: 'Learn how to use the powerful techniques in Colour Therapy',
-      tags: 'Design',
-      rating: 3.7,
-      ratingCount: 18,
-    },
-    {
-      id: 25,
-      user: 'Nevsa Lawey',
-      image: avatar6,
-      completedTasks: 13,
-      totalTasks: 100,
-      tutorImg: tutorImg1,
-      userCount: 93,
-      note: 73,
-      view: 67,
-      time: '19h 21m',
-      logo: 'tabler-color-swatch',
-      color: 'warning',
-      courseTitle: 'The Complete Figma Course',
-      desc: 'Learn how to design a beautiful & engaging mobile app with Figma',
-      tags: 'UI/UX',
-      rating: 3.6,
-      ratingCount: 83,
-    },
-  ],
-
-  courseDetails: {
-    title: 'UI/UX Basic Fundamentals',
-    about: 'Learn web design in 1 hour with 25+ simple-to-use rules and guidelines — tons of amazing web design resources included!',
-    instructor: 'Devonne Wallbridge',
-    instructorAvatar: avatar3,
-    instructorPosition: 'Web Developer, Designer, and Teacher',
-    skillLevel: 'All Level',
-    totalStudents: 38815,
-    language: 'English',
-    isCaptions: true,
-    length: '1.5 total hours',
-    totalLectures: 19,
-    description: `
-        <p class="text-body-1">
-          The material of this course is also covered in my other course about web design and development with HTML5 & CSS3. Scroll to the bottom of this page to check out that course, too! If you're already taking my other course, you already have all it takes to start designing beautiful websites today!
-        </p>
-      
-        <p class="text-body-1">
-          "Best web design course: If you're interested in web design, but want more than just a "how to use WordPress" course, I highly recommend this one." — Florian Giusti
-        </p>
-      
-        <p class="text-body-1">
-          "Very helpful to us left-brained people: I am familiar with HTML, CSS, jQuery, and Twitter Bootstrap, but I needed instruction in web design. This course gave me practical, impactful techniques for making websites more beautiful and engaging." — Susan Darlene Cain
-        </p>`,
-    content: [
-      {
-        title: 'Course Content',
-        status: '2/5',
-        time: '4.4 min',
-        id: 'section1',
-        topics: [
-          { title: 'Welcome to this course', time: '2.4 min', isCompleted: true },
-          { title: 'Watch before you start', time: '4.8 min', isCompleted: true },
-          { title: 'Basic Design theory', time: '5.9 min', isCompleted: false },
-          { title: 'Basic Fundamentals', time: '3.6 min', isCompleted: false },
-          { title: 'What is ui/ux', time: '10.6 min', isCompleted: false },
-        ],
-      },
-      {
-        title: 'Web design for Developers',
-        status: '0/4',
-        time: '4.8 min',
-        id: 'section2',
-        topics: [
-          { title: 'How to use Pages in Figma', time: '8:31 min', isCompleted: false },
-          { title: 'What is Lo Fi Wireframe', time: '2 min', isCompleted: false },
-          { title: 'How to use color in Figma', time: '5.9 min', isCompleted: false },
-          { title: 'Frames vs Groups in Figma', time: '3.6 min', isCompleted: false },
-        ],
-      },
-      {
-        title: 'Build Beautiful Websites!',
-        status: '0/4',
-        time: '4.4 min',
-        id: 'section3',
-        topics: [
-          { title: 'Section & Div Block', time: '3:53 min', isCompleted: false },
-          { title: 'Read-Only Version of Chat App', time: '2:03 min', isCompleted: false },
-          { title: 'Webflow Autosave', time: '8 min', isCompleted: false },
-          { title: 'Canvas Settings', time: '3 min', isCompleted: false },
-          { title: 'HTML Tags', time: '10 min', isCompleted: false },
-          { title: 'Footer (Chat App)', time: '9:10 min', isCompleted: false },
-        ],
-      },
-      {
-        title: 'Final Project',
-        status: '0/3',
-        time: '4.4 min',
-        id: 'section4',
-        topics: [
-          { title: 'Responsive Blog Site', time: '10:00 min', isCompleted: false },
-          { title: 'Responsive Portfolio', time: '13:00 min', isCompleted: false },
-          { title: 'Basic Design theory', time: '15 min', isCompleted: false },
-        ],
-      },
-    ],
-  },
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/academy/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/academy/index.ts
deleted file mode 100644
index 0e1d867..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/academy/index.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import is from '@sindresorhus/is'
-import { destr } from 'destr'
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/apps/academy/db'
-import { paginateArray } from '@api-utils/paginateArray'
-
-export const handlerAppsAcademy = [
-
-  // 👉 Course
-  http.get(('/api/apps/academy/courses'), ({ request }) => {
-    const url = new URL(request.url)
-
-    const q = url.searchParams.get('q')
-    const label = url.searchParams.get('label') || 'All Courses'
-    const hideCompleted = url.searchParams.get('hideCompleted')
-    const page = url.searchParams.get('page')
-    const itemsPerPage = url.searchParams.get('itemsPerPage')
-    const sortBy = url.searchParams.get('sortBy')
-    const orderBy = url.searchParams.get('orderBy')
-
-    const searchQuery = is.string(q) ? q : undefined
-    const queryLowered = (searchQuery ?? '').toString().toLowerCase()
-
-    const parsedHideCompleted = destr(hideCompleted)
-    const hideCompletedLocal = is.boolean(parsedHideCompleted) ? parsedHideCompleted : false
-
-    const parsedSortBy = destr(sortBy)
-    const sortByLocal = is.string(parsedSortBy) ? parsedSortBy : ''
-
-    const parsedOrderBy = destr(orderBy)
-    const orderByLocal = is.string(parsedOrderBy) ? parsedOrderBy : ''
-
-    const parsedItemsPerPage = destr(itemsPerPage)
-    const parsedPage = destr(page)
-
-    const itemsPerPageLocal = is.number(parsedItemsPerPage) ? parsedItemsPerPage : 10
-    const pageLocal = is.number(parsedPage) ? parsedPage : 1
-
-    const filteredCourses = db.courses.filter(course => {
-      return (
-        (
-          course.courseTitle.toLowerCase().includes(queryLowered)
-                || course.user.toLowerCase().includes(queryLowered)
-        )
-            && !((course.completedTasks === course.totalTasks) && hideCompletedLocal)
-            && (label !== 'All Courses' ? course.tags.toLocaleLowerCase() === label?.toLowerCase() : true)
-      )
-    })
-
-    if (sortByLocal) {
-      if (sortByLocal === 'courseName') {
-        filteredCourses.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.courseTitle.localeCompare(b.courseTitle)
-          else
-            return b.courseTitle.localeCompare(a.courseTitle)
-        })
-      }
-      if (sortByLocal === 'progress') {
-        filteredCourses.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return (a.completedTasks / a.totalTasks) - (b.completedTasks / b.totalTasks)
-          else
-            return (b.completedTasks / b.totalTasks) - (a.completedTasks / a.totalTasks)
-        })
-      }
-    }
-
-    return HttpResponse.json({
-      totalCourse: filteredCourses,
-      courses: paginateArray(filteredCourses, itemsPerPageLocal, pageLocal),
-      total: filteredCourses.length,
-    },
-    { status: 200 })
-  }),
-
-  // 👉 Course Details
-  http.get(('/api/apps/academy/course-details'), () => {
-    return HttpResponse.json(db.courseDetails, { status: 200 })
-  }),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/academy/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/academy/types.ts
deleted file mode 100644
index 2e2b705..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/academy/types.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-export interface Course {
-  id: number
-  image: string
-  user: string
-  tutorImg: string
-  completedTasks: number
-  totalTasks: number
-  userCount: number
-  note: number
-  view: number
-  time: string
-  logo: string
-  courseTitle: string
-  color: string
-  desc: string
-  tags: string
-  rating: number
-  ratingCount: number
-}
-
-export interface CourseDetails {
-  title: string
-  about: string
-  instructor: string
-  instructorAvatar: string
-  instructorPosition: string
-  skillLevel: string
-  totalLectures: number
-  totalStudents: number
-  isCaptions: boolean
-  language: string
-  length: string
-  content: CourseContent[]
-  description: string
-}
-
-export interface CourseContent {
-  title: string
-  status: string
-  time: string
-  id: string
-  topics: CourseTopic[]
-}
-
-export interface CourseTopic {
-  title: string
-  time: string
-  isCompleted: boolean
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/calendar/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/calendar/db.ts
deleted file mode 100644
index 87f59d5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/calendar/db.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import type { CalendarEvent } from '@db/apps/calendar/types'
-
-const date = new Date()
-const nextDay = new Date(new Date().getTime() + 24 * 60 * 60 * 1000)
-const nextMonth = date.getMonth() === 11 ? new Date(date.getFullYear() + 1, 0, 1) : new Date(date.getFullYear(), date.getMonth() + 1, 1)
-const prevMonth = date.getMonth() === 11 ? new Date(date.getFullYear() - 1, 0, 1) : new Date(date.getFullYear(), date.getMonth() - 1, 1)
-
-export const db: { events: CalendarEvent[] } = {
-  events: [
-    {
-      id: 1,
-      url: '',
-      title: 'Design Review',
-      start: date,
-      end: nextDay,
-      allDay: false,
-      extendedProps: {
-        calendar: 'Business',
-      },
-    },
-    {
-      id: 2,
-      url: '',
-      title: 'Meeting With Client',
-      start: new Date(date.getFullYear(), date.getMonth() + 1, -11),
-      end: new Date(date.getFullYear(), date.getMonth() + 1, -10),
-      allDay: true,
-      extendedProps: {
-        calendar: 'Business',
-      },
-    },
-    {
-      id: 3,
-      url: '',
-      title: 'Family Trip',
-      allDay: true,
-      start: new Date(date.getFullYear(), date.getMonth() + 1, -9),
-      end: new Date(date.getFullYear(), date.getMonth() + 1, -7),
-      extendedProps: {
-        calendar: 'Holiday',
-      },
-    },
-    {
-      id: 4,
-      url: '',
-      title: 'Doctor\'s Appointment',
-      start: new Date(date.getFullYear(), date.getMonth() + 1, -11),
-      end: new Date(date.getFullYear(), date.getMonth() + 1, -10),
-      allDay: true,
-      extendedProps: {
-        calendar: 'Personal',
-      },
-    },
-    {
-      id: 5,
-      url: '',
-      title: 'Dart Game?',
-      start: new Date(date.getFullYear(), date.getMonth() + 1, -13),
-      end: new Date(date.getFullYear(), date.getMonth() + 1, -12),
-      allDay: true,
-      extendedProps: {
-        calendar: 'ETC',
-      },
-    },
-    {
-      id: 6,
-      url: '',
-      title: 'Meditation',
-      start: new Date(date.getFullYear(), date.getMonth() + 1, -13),
-      end: new Date(date.getFullYear(), date.getMonth() + 1, -12),
-      allDay: true,
-      extendedProps: {
-        calendar: 'Personal',
-      },
-    },
-    {
-      id: 7,
-      url: '',
-      title: 'Dinner',
-      start: new Date(date.getFullYear(), date.getMonth() + 1, -13),
-      end: new Date(date.getFullYear(), date.getMonth() + 1, -12),
-      allDay: true,
-      extendedProps: {
-        calendar: 'Family',
-      },
-    },
-    {
-      id: 8,
-      url: '',
-      title: 'Product Review',
-      start: new Date(date.getFullYear(), date.getMonth() + 1, -13),
-      end: new Date(date.getFullYear(), date.getMonth() + 1, -12),
-      allDay: true,
-      extendedProps: {
-        calendar: 'Business',
-      },
-    },
-    {
-      id: 9,
-      url: '',
-      title: 'Monthly Meeting',
-      start: nextMonth,
-      end: nextMonth,
-      allDay: true,
-      extendedProps: {
-        calendar: 'Business',
-      },
-    },
-    {
-      id: 10,
-      url: '',
-      title: 'Monthly Checkup',
-      start: prevMonth,
-      end: prevMonth,
-      allDay: true,
-      extendedProps: {
-        calendar: 'Personal',
-      },
-    },
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/calendar/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/calendar/index.ts
deleted file mode 100644
index 3c46dfe..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/calendar/index.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import is from '@sindresorhus/is'
-import { destr } from 'destr'
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/apps/calendar/db'
-import { genId } from '@api-utils/genId'
-
-export const handlerAppsCalendar = [
-
-  // 👉 Get Calendar Events
-  http.get(('/api/apps/calendar'), ({ request }) => {
-    const url = new URL(request.url)
-
-    const queries = url.searchParams.getAll('calendars')
-
-    const parsedCalendars = destr(queries)
-
-    const calendars = is.array(parsedCalendars) ? parsedCalendars : undefined
-
-    const events = db.events.filter(event => calendars?.includes(event.extendedProps.calendar))
-
-    return HttpResponse.json(events, { status: 200 })
-  }),
-
-  // 👉 Add Calendar Event
-  http.post(('/api/apps/calendar'), async ({ request }) => {
-    const event = await request.json() as typeof db.events[0]
-
-    db.events.push({
-      ...event,
-      id: genId(db.events),
-    })
-
-    return HttpResponse.json(event, { status: 201 })
-  }),
-
-  // 👉 Update Calendar Event
-  http.put(('/api/apps/calendar/:id'), async ({ request, params }) => {
-    const updatedEvent = await request.json() as typeof db.events[0]
-
-    updatedEvent.id = Number(updatedEvent.id)
-
-    const eventId = Number(params.id)
-
-    // Find the index of the event in the database
-    const currentEvent = db.events.find(e => e.id === eventId)
-
-    // update event
-    if (currentEvent) {
-      Object.assign(currentEvent, updatedEvent)
-
-      return HttpResponse.json(currentEvent, {
-        status: 201,
-      })
-    }
-
-    return new HttpResponse(
-      'Something Went Wrong',
-      { status: 400 },
-    )
-  }),
-
-  // 👉 Delete Calendar Event
-  http.delete(('/api/apps/calendar/:id'), ({ params }) => {
-    const eventId = Number(params.id)
-
-    const eventIndex = db.events.findIndex(e => e.id === eventId)
-
-    if (eventIndex !== -1) {
-      db.events.splice(eventIndex, 1)
-
-      return new HttpResponse(null, {
-        status: 204,
-      })
-    }
-
-    return new HttpResponse(
-      'Something Went Wrong',
-      { status: 400 },
-    )
-  }),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/calendar/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/calendar/types.ts
deleted file mode 100644
index 8886039..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/calendar/types.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export interface CalendarEvent {
-  id: number
-  url: string
-  title: string
-  start: Date | string
-  end: Date | string
-  allDay: boolean
-  extendedProps: Record<string, any>
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/chat/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/chat/db.ts
deleted file mode 100644
index 20c947c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/chat/db.ts
+++ /dev/null
@@ -1,306 +0,0 @@
-import type { Chat, ChatContact } from '@db/apps/chat/types'
-
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-
-interface DB {
-  profileUser: ChatContact & {
-    settings: {
-      isTwoStepAuthVerificationEnabled: boolean
-      isNotificationsOn: boolean
-    }
-  }
-  contacts: ChatContact[]
-  chats: Chat[]
-}
-
-const previousDay = new Date(new Date().getTime() - 24 * 60 * 60 * 1000)
-const dayBeforePreviousDay = new Date(new Date().getTime() - 24 * 60 * 60 * 1000 * 2)
-
-export const db: DB = {
-  profileUser: {
-    id: 11,
-    avatar: avatar1,
-    fullName: 'John Doe',
-    role: 'admin',
-    about:
-      'Dessert chocolate cake lemon drops jujubes. Biscuit cupcake ice cream bear claw brownie marshmallow.',
-    status: 'online',
-    settings: {
-      isTwoStepAuthVerificationEnabled: true,
-      isNotificationsOn: false,
-    },
-  },
-
-  contacts: [
-    {
-      id: 1,
-      fullName: 'Gavin Griffith',
-      role: 'Frontend Developer',
-      about: 'Cake pie jelly jelly beans. Marzipan lemon drops halvah cake. Pudding cookie lemon drops icing',
-      avatar: avatar5,
-      status: 'offline',
-    },
-    {
-      id: 2,
-      fullName: 'Harriet McBride',
-      role: 'UI/UX Designer',
-      about:
-        'Toffee caramels jelly-o tart gummi bears cake I love ice cream lollipop. Sweet liquorice croissant candy danish dessert icing. Cake macaroon gingerbread toffee sweet.',
-      avatar: avatar2,
-      status: 'busy',
-    },
-    {
-      id: 3,
-      fullName: 'Danny Conner',
-      role: 'Town planner',
-      about:
-        'Soufflé soufflé caramels sweet roll. Jelly lollipop sesame snaps bear claw jelly beans sugar plum sugar plum.',
-      avatar: '',
-      status: 'away',
-    },
-    {
-      id: 4,
-      fullName: 'Janie West',
-      role: 'Data scientist',
-      about:
-        'Chupa chups candy canes chocolate bar marshmallow liquorice muffin. Lemon drops oat cake tart liquorice tart cookie. Jelly-o cookie tootsie roll halvah.',
-      avatar: '',
-      status: 'online',
-    },
-    {
-      id: 5,
-      fullName: 'Bryan Murray',
-      role: 'Dietitian',
-      about: 'Cake pie jelly jelly beans. Marzipan lemon drops halvah cake. Pudding cookie lemon drops icing',
-      avatar: avatar5,
-      status: 'busy',
-    },
-    {
-      id: 6,
-      fullName: 'Albert Underwood',
-      role: 'Marketing executive',
-      about:
-        'Toffee caramels jelly-o tart gummi bears cake I love ice cream lollipop. Sweet liquorice croissant candy danish dessert icing. Cake macaroon gingerbread toffee sweet.',
-      avatar: avatar6,
-      status: 'online',
-    },
-    {
-      id: 7,
-      fullName: 'Adele Ross',
-      role: 'Special educational needs teacher',
-      about:
-        'Biscuit powder oat cake donut brownie ice cream I love soufflé. I love tootsie roll I love powder tootsie roll.',
-      avatar: '',
-      status: 'online',
-    },
-    {
-      id: 8,
-      fullName: 'Mark Berry',
-      role: 'Advertising copywriter',
-      about:
-        'Bear claw ice cream lollipop gingerbread carrot cake. Brownie gummi bears chocolate muffin croissant jelly I love marzipan wafer.',
-      avatar: avatar3,
-      status: 'away',
-    },
-    {
-      id: 9,
-      fullName: 'Joseph Evans',
-      role: 'Designer, television/film set',
-      about:
-        'Gummies gummi bears I love candy icing apple pie I love marzipan bear claw. I love tart biscuit I love candy canes pudding chupa chups liquorice croissant.',
-      avatar: avatar8,
-      status: 'offline',
-    },
-    {
-      id: 10,
-      fullName: 'Blake Carter',
-      role: 'Building surveyor',
-      about: 'Cake pie jelly jelly beans. Marzipan lemon drops halvah cake. Pudding cookie lemon drops icing',
-      avatar: avatar4,
-      status: 'away',
-    },
-  ],
-
-  chats: [
-    {
-      id: 1,
-      userId: 2,
-      unseenMsgs: 0,
-      messages: [
-        {
-          message: 'Hi',
-          time: 'Mon Dec 10 2018 07:45:00 GMT+0000 (GMT)',
-          senderId: 11,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'Hello. How can I help You?',
-          time: 'Mon Dec 11 2018 07:45:15 GMT+0000 (GMT)',
-          senderId: 2,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'Can I get details of my last transaction I made last month? 🤔',
-          time: 'Mon Dec 11 2018 07:46:10 GMT+0000 (GMT)',
-          senderId: 11,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'We need to check if we can provide you such information.',
-          time: 'Mon Dec 11 2018 07:45:15 GMT+0000 (GMT)',
-          senderId: 2,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'I will inform you as I get update on this.',
-          time: 'Mon Dec 11 2018 07:46:15 GMT+0000 (GMT)',
-          senderId: 2,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'If it takes long you can mail me at my mail address.',
-          time: String(dayBeforePreviousDay),
-          senderId: 11,
-          feedback: {
-            isSent: true,
-            isDelivered: false,
-            isSeen: false,
-          },
-        },
-      ],
-    },
-    {
-      id: 2,
-      userId: 1,
-      unseenMsgs: 1,
-      messages: [
-        {
-          message: 'How can we help? We\'re here for you!',
-          time: 'Mon Dec 10 2018 07:45:00 GMT+0000 (GMT)',
-          senderId: 11,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'Hey John, I am looking for the best admin template. Could you please help me to find it out?',
-          time: 'Mon Dec 10 2018 07:45:23 GMT+0000 (GMT)',
-          senderId: 1,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'It should use nice Framework.',
-          time: 'Mon Dec 10 2018 07:45:55 GMT+0000 (GMT)',
-          senderId: 1,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'Absolutely!',
-          time: 'Mon Dec 10 2018 07:46:00 GMT+0000 (GMT)',
-          senderId: 11,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'Our admin is the responsive admin template.!',
-          time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',
-          senderId: 11,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'Looks clean and fresh UI. 😍',
-          time: 'Mon Dec 10 2018 07:46:23 GMT+0000 (GMT)',
-          senderId: 1,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'It\'s perfect for my next project.',
-          time: 'Mon Dec 10 2018 07:46:33 GMT+0000 (GMT)',
-          senderId: 1,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'How can I purchase it?',
-          time: 'Mon Dec 10 2018 07:46:43 GMT+0000 (GMT)',
-          senderId: 1,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'Thanks, From our official site  😇',
-          time: 'Mon Dec 10 2018 07:46:53 GMT+0000 (GMT)',
-          senderId: 11,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-        {
-          message: 'I will purchase it for sure. 👍',
-          time: String(previousDay),
-          senderId: 1,
-          feedback: {
-            isSent: true,
-            isDelivered: true,
-            isSeen: true,
-          },
-        },
-      ],
-    },
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/chat/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/chat/index.ts
deleted file mode 100644
index e90afa8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/chat/index.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/apps/chat/db'
-import type { Chat, ChatContact, ChatContactWithChat, ChatMessage } from '@db/apps/chat/types'
-
-export const handlerAppsChat = [
-  http.get(('/api/apps/chat/chats-and-contacts'), ({ request }) => {
-    const url = new URL(request.url)
-
-    const q = url.searchParams.get('q') || ''
-
-    const qLowered = q.toLowerCase()
-
-    const chatsContacts: ChatContactWithChat[] = db.chats
-      .map(chat => {
-        const contact = JSON.parse(JSON.stringify((db.contacts.find(c => c.id === chat.userId) as ChatContact)))
-
-        contact.chat = { id: chat.id, unseenMsgs: chat.unseenMsgs, lastMessage: chat.messages.at(-1) }
-
-        return contact
-      })
-      .reverse()
-
-    const profileUserData: ChatContact = db.profileUser
-
-    const response = {
-      chatsContacts: chatsContacts.filter(c => c.fullName.toLowerCase().includes(qLowered)),
-      contacts: db.contacts.filter(c => c.fullName.toLowerCase().includes(qLowered)),
-      profileUser: profileUserData,
-    }
-
-    return HttpResponse.json(response, { status: 200 })
-  }),
-
-  http.get(('/api/apps/chat/chats/:userId'), ({ params }) => {
-    const userId = Number(params.userId)
-
-    const chat = db.chats.find(e => e.userId === userId)
-
-    if (chat)
-      chat.unseenMsgs = 0
-
-    return HttpResponse.json({
-      chat,
-      contact: db.contacts.find(c => c.id === userId),
-    },
-    {
-      status: 200,
-    })
-  }),
-
-  http.post(('/api/apps/chat/chats/:userId'), async ({ request, params }) => {
-    // Get user id from URL
-    const chatId = Number(params.userId)
-
-    // Get message from post data
-    const { message, senderId } = await request.json() as { message: string; senderId: number }
-
-    let activeChat = db.chats.find(chat => chat.userId === chatId)
-
-    const newMessageData: ChatMessage = {
-      message,
-      time: String(new Date()),
-      senderId,
-      feedback: {
-        isSent: true,
-        isDelivered: false,
-        isSeen: false,
-      },
-    }
-
-    // If there's new chat for user create one
-    let isNewChat = false
-    if (activeChat === undefined) {
-      isNewChat = true
-
-      db.chats.push({
-        id: db.chats.length + 1,
-        userId: chatId,
-        unseenMsgs: 0,
-        messages: [newMessageData],
-      })
-      activeChat = db.chats.at(-1)
-    }
-    else {
-      activeChat.messages.push(newMessageData)
-    }
-
-    const response: { msg: ChatMessage; chat?: Chat } = { msg: newMessageData }
-
-    if (isNewChat)
-      response.chat = activeChat
-
-    return HttpResponse.json(response, { status: 201 })
-  }),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/chat/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/chat/types.ts
deleted file mode 100644
index 563751d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/chat/types.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-export type ChatStatus = 'online' | 'offline' | 'busy' | 'away'
-
-export interface ChatContact {
-  id: number
-  fullName: string
-  role: string
-  about: string
-  avatar: string
-  status: ChatStatus
-}
-
-export interface ChatMessage {
-  message: string
-  time: string
-  senderId: number
-  feedback: {
-    isSent: boolean
-    isDelivered: boolean
-    isSeen: boolean
-  }
-}
-
-export interface Chat {
-  id: number
-  userId: number
-  unseenMsgs: number
-  messages: ChatMessage[]
-}
-
-// ℹ️ This is chat type received in response of user chat
-export interface ChatOut {
-  id: Chat['id']
-  unseenMsgs: Chat['unseenMsgs']
-  messages: ChatMessage[]
-
-  // @ts-expect-error Indexed Access Types
-  lastMessage: ChatMessage[number]
-}
-
-export interface ChatContactWithChat extends ChatContact {
-  chat: ChatOut
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/ecommerce/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/ecommerce/db.ts
deleted file mode 100644
index fbcd063..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/ecommerce/db.ts
+++ /dev/null
@@ -1,5117 +0,0 @@
-import type { Customer, ECommerceProduct, Order, Referrals, Review } from '@db/apps/ecommerce/types'
-import auFlag from '@images/icons/countries/au.png'
-import brFlag from '@images/icons/countries/br.png'
-import cnFlag from '@images/icons/countries/cn.png'
-import frFlag from '@images/icons/countries/fr.png'
-import inFlag from '@images/icons/countries/in.png'
-import usFlag from '@images/icons/countries/us.png'
-
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar10 from '@images/avatars/avatar-10.png'
-import avatar11 from '@images/avatars/avatar-11.png'
-import avatar12 from '@images/avatars/avatar-12.png'
-import avatar13 from '@images/avatars/avatar-13.png'
-import avatar14 from '@images/avatars/avatar-14.png'
-import avatar15 from '@images/avatars/avatar-15.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-import avatar9 from '@images/avatars/avatar-9.png'
-
-import product1 from '@images/ecommerce-images/product-1.png'
-import product10 from '@images/ecommerce-images/product-10.png'
-import product11 from '@images/ecommerce-images/product-11.png'
-import product12 from '@images/ecommerce-images/product-12.png'
-import product13 from '@images/ecommerce-images/product-13.png'
-import product14 from '@images/ecommerce-images/product-14.png'
-import product15 from '@images/ecommerce-images/product-15.png'
-import product16 from '@images/ecommerce-images/product-16.png'
-import product17 from '@images/ecommerce-images/product-17.png'
-import product18 from '@images/ecommerce-images/product-18.png'
-import product19 from '@images/ecommerce-images/product-19.png'
-import product2 from '@images/ecommerce-images/product-2.png'
-import product20 from '@images/ecommerce-images/product-20.png'
-import product24 from '@images/ecommerce-images/product-24.png'
-import product3 from '@images/ecommerce-images/product-3.png'
-import product4 from '@images/ecommerce-images/product-4.png'
-import product5 from '@images/ecommerce-images/product-5.png'
-import product6 from '@images/ecommerce-images/product-6.png'
-import product7 from '@images/ecommerce-images/product-7.png'
-import product8 from '@images/ecommerce-images/product-8.png'
-import product9 from '@images/ecommerce-images/product-9.png'
-
-interface DB {
-  products: ECommerceProduct[]
-  orderData: Order[]
-  customerData: Customer[]
-  reviews: Review[]
-  referrals: Referrals[]
-}
-
-export const db: DB = {
-  products: [
-    {
-      id: 1,
-      productName: 'iPhone 14 Pro',
-      category: 'Electronics',
-      stock: true,
-      sku: 19472,
-      price: '$999',
-      qty: 665,
-      status: 'Inactive',
-      image: product1,
-      productBrand: 'Super Retina XDR display footnote Pro Motion technology',
-    },
-    {
-      id: 2,
-      productName: 'Echo Dot (4th Gen)',
-      category: 'Electronics',
-      stock: false,
-      sku: 72836,
-      price: '$25.50',
-      qty: 827,
-      status: 'Published',
-      image: product2,
-      productBrand: 'Echo Dot Smart speaker with Alexa',
-    },
-    {
-      id: 3,
-      productName: 'Dohioue Wall Clock',
-      category: 'Accessories',
-      stock: false,
-      sku: 29540,
-      price: '$16.34',
-      qty: 804,
-      status: 'Published',
-      image: product3,
-      productBrand: 'Modern 10 Inch Battery Operated Wall Clocks',
-    },
-    {
-      id: 4,
-      productName: 'INZCOU Running Shoes',
-      category: 'Shoes',
-      stock: false,
-      sku: 49402,
-      price: '$36.98',
-      qty: 528,
-      status: 'Scheduled',
-      image: product4,
-      productBrand: 'Lightweight Tennis Shoes Non Slip Gym Workout Shoes',
-    },
-    {
-      id: 5,
-      productName: 'Apple Watch Series 7',
-      category: 'Office',
-      stock: false,
-      sku: 46658,
-      price: '$799',
-      qty: 851,
-      status: 'Scheduled',
-      image: product5,
-      productBrand: 'Starlight Aluminum Case with Starlight Sport Band.',
-    },
-    {
-      id: 6,
-      productName: 'Meta Quest 2',
-      category: 'Office',
-      stock: true,
-      sku: 57640,
-      price: '$299',
-      qty: 962,
-      status: 'Scheduled',
-      image: product6,
-      productBrand: 'Advanced All-In-One Virtual Reality Headset',
-    },
-    {
-      id: 7,
-      productName: 'MacBook Pro 16',
-      category: 'Electronics',
-      stock: true,
-      sku: 92885,
-      price: '$2648.95',
-      qty: 965,
-      status: 'Published',
-      image: product7,
-      productBrand: 'Laptop M2 Pro chip with 12‑core CPU and 19‑core GPU',
-    },
-    {
-      id: 8,
-      productName: 'SAMSUNG Galaxy S22 Ultra',
-      category: 'Electronics',
-      stock: true,
-      sku: 75257,
-      price: '$899',
-      qty: 447,
-      status: 'Published',
-      image: product8,
-      productBrand: 'Android Smartphone, 256GB, 8K Camera',
-    },
-    {
-      id: 9,
-      productName: 'Air Jordan',
-      category: 'Shoes',
-      stock: false,
-      sku: 31063,
-      price: '$125',
-      qty: 942,
-      status: 'Inactive',
-      image: product9,
-      productBrand: 'Air Jordan is a line of basketball shoes produced by Nike',
-    },
-    {
-      id: 10,
-      productName: 'VISKABACKA',
-      category: 'Home Decor',
-      stock: false,
-      sku: 91848,
-      price: '$190.45',
-      qty: 133,
-      status: 'Scheduled',
-      image: product10,
-      productBrand: 'Armchair, Skartofta black/light grey',
-    },
-    {
-      id: 11,
-      productName: 'Nintendo Switch',
-      category: 'Games',
-      stock: true,
-      sku: 52575,
-      price: '$296.99',
-      qty: 870,
-      status: 'Inactive',
-      image: product11,
-      productBrand: 'TV Mode, Tabletop Mode, Handheld Mode',
-    },
-    {
-      id: 12,
-      productName: 'PlayStation 5',
-      category: 'Games',
-      stock: true,
-      sku: 59551,
-      price: '$499',
-      qty: 145,
-      status: 'Scheduled',
-      image: product12,
-      productBrand: 'Marvel at incredible graphics and experience',
-    },
-    {
-      id: 13,
-      productName: 'Amazon Fire TV',
-      category: 'Electronics',
-      stock: false,
-      sku: 5829,
-      price: '$263.49',
-      qty: 587,
-      status: 'Scheduled',
-      image: product13,
-      productBrand: '4K UHD smart TV, stream live TV without cable',
-    },
-    {
-      id: 14,
-      productName: 'Smiletag Ceramic Vase',
-      category: 'Home Decor',
-      stock: false,
-      sku: 24456,
-      price: '$34.99',
-      qty: 310,
-      status: 'Scheduled',
-      image: product14,
-      productBrand: 'Modern Farmhouse Decor Vase Set of 3',
-    },
-    {
-      id: 15,
-      productName: 'Apple iPad',
-      category: 'Electronics',
-      stock: true,
-      sku: 35946,
-      price: '$248.39',
-      qty: 468,
-      status: 'Published',
-      image: product15,
-      productBrand: '10.2-inch Retina Display, 64GB',
-    },
-    {
-      id: 16,
-      productName: 'BANGE Anti Theft Backpack',
-      category: 'Office',
-      stock: true,
-      sku: 41867,
-      price: '$79.99',
-      qty: 519,
-      status: 'Inactive',
-      image: product16,
-      productBrand: 'Smart Business Laptop Fits 15.6 Inch Notebook',
-    },
-    {
-      id: 17,
-      productName: 'Xbox Series X/S',
-      category: 'Games',
-      stock: true,
-      sku: 43224,
-      price: '$49.99',
-      qty: 787,
-      status: 'Published',
-      image: product17,
-      productBrand: 'Dual Controller Charger Station Dock',
-    },
-    {
-      id: 18,
-      productName: 'Canon EOS Rebel T7',
-      category: 'Electronics',
-      stock: true,
-      sku: 63474,
-      price: '$399',
-      qty: 810,
-      status: 'Scheduled',
-      image: product18,
-      productBrand: '18-55mm Lens | Built-in Wi-Fi | 24.1 MP CMOS Sensor',
-    },
-    {
-      id: 19,
-      productName: 'Honiway Wall Mirror',
-      category: 'Home Decor',
-      stock: false,
-      sku: 15859,
-      price: '$23.99',
-      qty: 735,
-      status: 'Inactive',
-      image: product19,
-      productBrand: 'Decorative 12 inch Rustic Wood Mirror Sunburst Boho',
-    },
-    {
-      id: 20,
-      productName: 'Tommaso Veloce Shoes',
-      category: 'Shoes',
-      stock: false,
-      sku: 28844,
-      price: '$922.09',
-      qty: 294,
-      status: 'Inactive',
-      image: product20,
-      productBrand: 'Peloton Shoes Triathlon Road Bike Indoor Cycling',
-    },
-    {
-      id: 21,
-      productName: 'Zoolab',
-      category: 'Accessories',
-      stock: true,
-      sku: 99009,
-      price: '$719.13',
-      qty: 927,
-      status: 'Scheduled',
-      image: product1,
-      productBrand: 'Cruickshank-Jones',
-    },
-    {
-      id: 22,
-      productName: 'Viva',
-      category: 'Home Decor',
-      stock: false,
-      sku: 53795,
-      price: '$775.80',
-      qty: 442,
-      status: 'Scheduled',
-      image: product2,
-      productBrand: 'Ferry Group',
-    },
-    {
-      id: 23,
-      productName: 'Transcof',
-      category: 'Shoes',
-      stock: true,
-      sku: 77663,
-      price: '$817.60',
-      qty: 256,
-      status: 'Published',
-      image: product3,
-      productBrand: 'Bruen-Heathcote',
-    },
-    {
-      id: 24,
-      productName: 'Uerified',
-      category: 'Accessories',
-      stock: false,
-      sku: 45282,
-      price: '$167.19',
-      qty: 728,
-      status: 'Published',
-      image: product4,
-      productBrand: 'Koch Group',
-    },
-    {
-      id: 25,
-      productName: 'Y-find',
-      category: 'Home Decor',
-      stock: false,
-      sku: 5622,
-      price: '$189.77',
-      qty: 445,
-      status: 'Scheduled',
-      image: product5,
-      productBrand: 'Emmerich and Sons',
-    },
-    {
-      id: 26,
-      productName: 'Wigtax',
-      category: 'Accessories',
-      stock: true,
-      sku: 38920,
-      price: '$411.46',
-      qty: 857,
-      status: 'Scheduled',
-      image: product6,
-      productBrand: 'Zulauf-Prohaska',
-    },
-    {
-      id: 27,
-      productName: 'Tempsoft',
-      category: 'Accessories',
-      stock: true,
-      sku: 78211,
-      price: '$961.76',
-      qty: 975,
-      status: 'Published',
-      image: product7,
-      productBrand: 'VonRueden, Rogahn and Kris',
-    },
-    {
-      id: 28,
-      productName: 'Rt',
-      category: 'Accessories',
-      stock: true,
-      sku: 98552,
-      price: '$514.14',
-      qty: 39,
-      status: 'Published',
-      image: product8,
-      productBrand: 'Romaguera, O\'Connell and Abernathy',
-    },
-    {
-      id: 29,
-      productName: 'Zontrax',
-      category: 'Shoes',
-      stock: true,
-      sku: 7151,
-      price: '$591.30',
-      qty: 74,
-      status: 'Published',
-      image: product9,
-      productBrand: 'Mills, Hagenes and Bednar',
-    },
-    {
-      id: 30,
-      productName: 'Keylex',
-      category: 'Accessories',
-      stock: true,
-      sku: 79571,
-      price: '$928.07',
-      qty: 245,
-      status: 'Inactive',
-      image: product10,
-      productBrand: 'Sanford, Harvey and Parisian',
-    },
-    {
-      id: 31,
-      productName: 'Trippledex',
-      category: 'Home Decor',
-      stock: false,
-      sku: 51597,
-      price: '$312.03',
-      qty: 657,
-      status: 'Inactive',
-      image: product11,
-      productBrand: 'Conroy-Bergstrom',
-    },
-    {
-      id: 32,
-      productName: 'Opela',
-      category: 'Accessories',
-      stock: true,
-      sku: 6506,
-      price: '$951.29',
-      qty: 770,
-      status: 'Published',
-      image: product12,
-      productBrand: 'Langosh Inc',
-    },
-    {
-      id: 33,
-      productName: 'Span',
-      category: 'Shoes',
-      stock: false,
-      sku: 33523,
-      price: '$600.43',
-      qty: 622,
-      status: 'Inactive',
-      image: product13,
-      productBrand: 'Jerde-Walsh',
-    },
-    {
-      id: 34,
-      productName: 'Rank',
-      category: 'Accessories',
-      stock: false,
-      sku: 60307,
-      price: '$337.90',
-      qty: 896,
-      status: 'Scheduled',
-      image: product14,
-      productBrand: 'Barrows, Quitzon and Roberts',
-    },
-    {
-      id: 35,
-      productName: 'Tempsoft',
-      category: 'Accessories',
-      stock: true,
-      sku: 75059,
-      price: '$959.47',
-      qty: 239,
-      status: 'Inactive',
-      image: product15,
-      productBrand: 'Russel-Grant',
-    },
-    {
-      id: 36,
-      productName: 'Ventosanzap',
-      category: 'Accessories',
-      stock: true,
-      sku: 69072,
-      price: '$756.81',
-      qty: 410,
-      status: 'Scheduled',
-      image: product16,
-      productBrand: 'O\'Conner-Zboncak',
-    },
-    {
-      id: 37,
-      productName: 'Mat Lam Tam',
-      category: 'Accessories',
-      stock: false,
-      sku: 68290,
-      price: '$256.86',
-      qty: 630,
-      status: 'Published',
-      image: product17,
-      productBrand: 'Rutherford, Heller and Bashirian',
-    },
-    {
-      id: 38,
-      productName: 'Zamit',
-      category: 'Shoes',
-      stock: true,
-      sku: 89552,
-      price: '$378.54',
-      qty: 247,
-      status: 'Inactive',
-      image: product18,
-      productBrand: 'Swift-Altenwerth',
-    },
-    {
-      id: 39,
-      productName: 'Tresom',
-      category: 'Shoes',
-      stock: true,
-      sku: 50863,
-      price: '$166.17',
-      qty: 672,
-      status: 'Inactive',
-      image: product19,
-      productBrand: 'O\'Kon, Waelchi and Lesch',
-    },
-    {
-      id: 40,
-      productName: 'Viva',
-      category: 'Accessories',
-      stock: false,
-      sku: 90484,
-      price: '$745.76',
-      qty: 697,
-      status: 'Published',
-      image: product20,
-      productBrand: 'Johnston, Anderson and Metz',
-    },
-    {
-      id: 41,
-      productName: 'Matsoft',
-      category: 'Accessories',
-      stock: true,
-      sku: 76980,
-      price: '$603.16',
-      qty: 74,
-      status: 'Published',
-      image: product1,
-      productBrand: 'O\'Conner, Paucek and Braun',
-    },
-    {
-      id: 42,
-      productName: 'Wiodex',
-      category: 'Home Decor',
-      stock: true,
-      sku: 66971,
-      price: '$772.51',
-      qty: 280,
-      status: 'Published',
-      image: product2,
-      productBrand: 'Wisoky-Kassulke',
-    },
-    {
-      id: 43,
-      productName: 'Keylex',
-      category: 'Shoes',
-      stock: false,
-      sku: 16589,
-      price: '$986.22',
-      qty: 758,
-      status: 'Inactive',
-      image: product3,
-      productBrand: 'Haag, Bruen and Reichel',
-    },
-    {
-      id: 44,
-      productName: 'Konklux',
-      category: 'Accessories',
-      stock: true,
-      sku: 73896,
-      price: '$988.47',
-      qty: 14,
-      status: 'Inactive',
-      image: product4,
-      productBrand: 'Ankunding Inc',
-    },
-    {
-      id: 45,
-      productName: 'Tresom',
-      category: 'Accessories',
-      stock: false,
-      sku: 67489,
-      price: '$946.62',
-      qty: 35,
-      status: 'Inactive',
-      image: product5,
-      productBrand: 'Deckow and Sons',
-    },
-    {
-      id: 46,
-      productName: 'Quo Lux',
-      category: 'Shoes',
-      stock: true,
-      sku: 48177,
-      price: '$224.28',
-      qty: 935,
-      status: 'Scheduled',
-      image: product1,
-      productBrand: 'Kreiger, Reynolds and Sporer',
-    },
-    {
-      id: 47,
-      productName: 'Roldlamis',
-      category: 'Home Decor',
-      stock: true,
-      sku: 225,
-      price: '$952.14',
-      qty: 361,
-      status: 'Published',
-      image: product6,
-      productBrand: 'Kuphal-Abbott',
-    },
-    {
-      id: 48,
-      productName: 'Tampflex',
-      category: 'Accessories',
-      stock: false,
-      sku: 29438,
-      price: '$646.21',
-      qty: 908,
-      status: 'Scheduled',
-      image: product7,
-      productBrand: 'Romaguera, Schmeler and Volkman',
-    },
-    {
-      id: 49,
-      productName: 'Span',
-      category: 'Home Decor',
-      stock: true,
-      sku: 55666,
-      price: '$583.13',
-      qty: 898,
-      status: 'Scheduled',
-      image: product24,
-      productBrand: 'Hane-Romaguera',
-    },
-    {
-      id: 50,
-      productName: 'Zamit',
-      category: 'Accessories',
-      stock: false,
-      sku: 55860,
-      price: '$273.67',
-      qty: 332,
-      status: 'Published',
-      image: product9,
-      productBrand: 'Hoeger-Powlowski',
-    },
-  ],
-  reviews: [
-    {
-      id: 1,
-      product: 'iPhone 14 Pro',
-      companyName: 'Super Retina XDR display footnote Pro Motion technology',
-      productImage: product1,
-      reviewer: 'Zane Scraggs',
-      email: 'zscraggs0@flavors.me',
-      avatar: avatar1,
-      date: '5/28/2020',
-      status: 'Published',
-      review: 2,
-      head: 'lorem ipsum dolor',
-      para: 'Nulla ut erat id mauris vulputate elementum. Nullam varius. Nulla facilisi.',
-    },
-    {
-      id: 2,
-      product: 'Echo Dot (4th Gen)',
-      companyName: 'Echo Dot Smart speaker with Alexa',
-      productImage: product2,
-      reviewer: 'Stacey Hallgalley',
-      email: 'shallgalley1@google.nl',
-      avatar: avatar2,
-      date: '3/21/2021',
-      status: 'Published',
-      review: 5,
-      head: 'libero ut',
-      para: 'Aliquam quis turpis eget elit sodales scelerisque. Mauris sit amet eros. Suspendisse accumsan tortor quis turpis.',
-    },
-    {
-      id: 3,
-      product: 'Dohioue Wall Clock',
-      companyName: 'Modern 10 Inch Battery Operated Wall Clocks',
-      productImage: product3,
-      reviewer: 'Francyne Coulthurst',
-      email: 'fcoulthurst2@upenn.edu',
-      avatar: avatar3,
-      date: '8/10/2020',
-      status: 'Published',
-      review: 2,
-      head: 'neque libero convallis',
-      para: 'Phasellus in felis. Donec semper sapien a libero. Nam dui.',
-    },
-    {
-      id: 4,
-      product: 'INZCOU Running Shoes',
-      companyName: 'Lightweight Tennis Shoes Non Slip Gym Workout Shoes',
-      productImage: product4,
-      reviewer: 'Nate De Mitris',
-      email: 'nde3@intel.com',
-      avatar: avatar4,
-      date: '12/18/2021',
-      status: 'Pending',
-      review: 3,
-      head: 'accumsan tellus nisi eu',
-      para: 'Praesent id massa id nisl venenatis lacinia. Aenean sit amet justo. Morbi ut odio.',
-    },
-    {
-      id: 5,
-      product: 'Apple Watch Series 7',
-      companyName: 'Starlight Aluminum Case with Starlight Sport Band.',
-      productImage: product5,
-      reviewer: 'Ethel Zanardii',
-      email: 'ezanardii4@mapy.cz',
-      avatar: avatar5,
-      date: '6/12/2020',
-      status: 'Pending',
-      review: 1,
-      head: 'etiam faucibus cursus',
-      para: 'Cras non velit nec nisi vulputate nonummy. Maecenas tincidunt lacus at velit. Vivamus vel nulla eget eros elementum pellentesque.',
-    },
-    {
-      id: 6,
-      product: 'Meta Quest 2',
-      companyName: 'Advanced All-In-One Virtual Reality Headset',
-      productImage: product6,
-      reviewer: 'Fancy Tweedell',
-      email: 'ftweedell5@telegraph.co.uk',
-      avatar: avatar6,
-      date: '11/23/2020',
-      status: 'Pending',
-      review: 1,
-      head: 'in faucibus orci luctus et',
-      para: 'Curabitur in libero ut massa volutpat convallis. Morbi odio odio, elementum eu, interdum eu, tincidunt in, leo. Maecenas pulvinar lobortis est.',
-    },
-    {
-      id: 7,
-      product: 'MacBook Pro 16',
-      companyName: 'Laptop M2 Pro chip with 12‑core CPU and 19‑core GPU',
-      productImage: product7,
-      reviewer: 'Abeu Gregorace',
-      email: 'agregorace6@godaddy.com',
-      avatar: avatar7,
-      date: '9/8/2020',
-      status: 'Pending',
-      review: 2,
-      head: 'vel enim',
-      para: 'Curabitur in libero ut massa volutpat convallis. Morbi odio odio, elementum eu, interdum eu, tincidunt in, leo. Maecenas pulvinar lobortis est.',
-    },
-    {
-      id: 8,
-      product: 'SAMSUNG Galaxy S22 Ultra',
-      companyName: 'Android Smartphone, 256GB, 8K Camera',
-      productImage: product8,
-      reviewer: 'Sibylle Goodacre',
-      email: 'sgoodacre7@washingtonpost.com',
-      avatar: avatar8,
-      date: '6/10/2021',
-      status: 'Pending',
-      review: 1,
-      head: 'eget semper rutrum',
-      para: 'Curabitur in libero ut massa volutpat convallis. Morbi odio odio, elementum eu, interdum eu, tincidunt in, leo. Maecenas pulvinar lobortis est.',
-    },
-    {
-      id: 9,
-      product: 'Air Jordan',
-      companyName: 'Air Jordan is a line of basketball shoes produced by Nike',
-      productImage: product9,
-      reviewer: 'Gisela Leppard',
-      email: 'gleppard8@yandex.ru',
-      avatar: avatar9,
-      date: '4/20/2020',
-      status: 'Published',
-      review: 2,
-      head: 'ut mauris',
-      para: 'Fusce consequat. Nulla nisl. Nunc nisl.',
-    },
-    {
-      id: 10,
-      product: 'VISKABACKA',
-      companyName: 'Armchair, Skartofta black/light grey',
-      productImage: product10,
-      reviewer: 'Hilario Wheldon',
-      email: 'hwheldon9@apple.com',
-      avatar: avatar10,
-      date: '8/21/2020',
-      status: 'Pending',
-      review: 2,
-      head: 'amet consectetuer adipiscing elit proin',
-      para: 'Maecenas ut massa quis augue luctus tincidunt. Nulla mollis molestie lorem. Quisque ut erat.',
-    },
-    {
-      id: 11,
-      product: 'Nintendo Switch',
-      companyName: 'TV Mode, Tabletop Mode, Handheld Mode',
-      productImage: product11,
-      reviewer: 'Ivie McGlaughn',
-      email: 'imcglaughna@mapquest.com',
-      avatar: avatar11,
-      date: '4/13/2020',
-      status: 'Pending',
-      review: 4,
-      head: 'eget nunc donec',
-      para: 'Curabitur in libero ut massa volutpat convallis. Morbi odio odio, elementum eu, interdum eu, tincidunt in, leo. Maecenas pulvinar lobortis est.',
-    },
-    {
-      id: 12,
-      product: 'PlayStation 5',
-      companyName: 'Marvel at incredible graphics and experience',
-      productImage: product12,
-      reviewer: 'Neel Kingscott',
-      email: 'nkingscottb@soup.io',
-      avatar: avatar12,
-      date: '12/27/2020',
-      status: 'Published',
-      review: 1,
-      head: 'lacus at velit',
-      para: 'Phasellus in felis. Donec semper sapien a libero. Nam dui.',
-    },
-    {
-      id: 13,
-      product: 'Amazon Fire TV',
-      companyName: '4K UHD smart TV, stream live TV without cable',
-      productImage: product13,
-      reviewer: 'Tracey Ventham',
-      email: 'tventhamc@thetimes.co.uk',
-      avatar: avatar13,
-      date: '3/17/2021',
-      status: 'Published',
-      review: 3,
-      head: 'at nunc commodo placerat praesent',
-      para: 'Aenean fermentum. Donec ut mauris eget massa tempor convallis. Nulla neque libero, convallis eget, eleifend luctus, ultricies eu, nibh.',
-    },
-    {
-      id: 14,
-      product: 'Smiletag Ceramic Vase',
-      companyName: 'Modern Farmhouse Decor Vase Set of 3',
-      productImage: product14,
-      reviewer: 'Rollo Truckell',
-      email: 'rtruckelld@gravatar.com',
-      avatar: avatar14,
-      date: '2/23/2020',
-      status: 'Published',
-      review: 5,
-      head: 'in hac',
-      para: 'Morbi non lectus. Aliquam sit amet diam in magna bibendum imperdiet. Nullam orci pede, venenatis non, sodales sed, tincidunt eu, felis.',
-    },
-    {
-      id: 15,
-      product: 'Apple iPad',
-      companyName: '10.2-inch Retina Display, 64GB',
-      productImage: product15,
-      reviewer: 'Jabez Heggs',
-      email: 'jheggse@nba.com',
-      avatar: avatar15,
-      date: '4/21/2020',
-      status: 'Published',
-      review: 1,
-      head: 'ac consequat',
-      para: 'Curabitur at ipsum ac tellus semper interdum. Mauris ullamcorper purus sit amet nulla. Quisque arcu libero, rutrum ac, lobortis vel, dapibus at, diam.',
-    },
-    {
-      id: 16,
-      product: 'BANGE Anti Theft Backpack',
-      companyName: 'Smart Business Laptop Fits 15.6 Inch Notebook',
-      productImage: product16,
-      reviewer: 'Micaela Rowesby',
-      email: 'mrowesbyf@surveymonkey.com',
-      avatar: avatar1,
-      date: '12/11/2021',
-      status: 'Published',
-      review: 1,
-      head: 'mattis egestas metus',
-      para: 'Morbi porttitor lorem id ligula. Suspendisse ornare consequat lectus. In est risus, auctor sed, tristique in, tempus sit amet, sem.',
-    },
-    {
-      id: 17,
-      product: 'Xbox Series X/S',
-      companyName: 'Dual Controller Charger Station Dock',
-      productImage: product17,
-      reviewer: 'Blakelee Benza',
-      email: 'bbenzag@utexas.edu',
-      avatar: avatar2,
-      date: '4/26/2021',
-      status: 'Published',
-      review: 1,
-      head: 'sapien placerat',
-      para: 'Etiam vel augue. Vestibulum rutrum rutrum neque. Aenean auctor gravida sem.',
-    },
-    {
-      id: 18,
-      product: 'Canon EOS Rebel T7',
-      companyName: '18-55mm Lens | Built-in Wi-Fi | 24.1 MP CMOS Sensor',
-      productImage: product18,
-      reviewer: 'Emery Breitling',
-      email: 'ebreitlingh@friendfeed.com',
-      avatar: avatar1,
-      date: '12/1/2020',
-      status: 'Pending',
-      review: 5,
-      head: 'nec nisi vulputate',
-      para: 'Proin interdum mauris non ligula pellentesque ultrices. Phasellus id sapien in sapien iaculis congue. Vivamus metus arcu, adipiscing molestie, hendrerit at, vulputate vitae, nisl.',
-    },
-    {
-      id: 19,
-      product: 'Honiway Wall Mirror',
-      companyName: 'Decorative 12 inch Rustic Wood Mirror Sunburst Boho',
-      productImage: product19,
-      reviewer: 'Wilona Fields',
-      email: 'wfieldsi@columbia.edu',
-      avatar: avatar1,
-      date: '3/30/2020',
-      status: 'Published',
-      review: 1,
-      head: 'parturient montes nascetur ridiculus',
-      para: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin risus. Praesent lectus.',
-    },
-    {
-      id: 20,
-      product: 'Tommaso Veloce Shoes',
-      companyName: 'Peloton Shoes Triathlon Road Bike Indoor Cycling',
-      productImage: product20,
-      reviewer: 'Janey Lamprecht',
-      email: 'jlamprechtj@tuttocitta.it',
-      avatar: avatar1,
-      date: '9/16/2020',
-      status: 'Pending',
-      review: 1,
-      head: 'maecenas ut massa quis augue',
-      para: 'In quis justo. Maecenas rhoncus aliquam lacus. Morbi quis tortor id nulla ultrices aliquet.',
-    },
-    {
-      id: 21,
-      product: 'Zoolab',
-      companyName: 'Cruickshank-Jones',
-      productImage: product1,
-      reviewer: 'Rosene Walsh',
-      email: 'rwalshk@latimes.com',
-      avatar: avatar1,
-      date: '7/17/2021',
-      status: 'Published',
-      review: 1,
-      head: 'convallis nulla',
-      para: 'In sagittis dui vel nisl. Duis ac nibh. Fusce lacus purus, aliquet at, feugiat non, pretium quis, lectus.',
-    },
-    {
-      id: 22,
-      product: 'Viva',
-      companyName: 'Ferry Group',
-      productImage: product2,
-      reviewer: 'Buffy Sellen',
-      email: 'bsellenl@qq.com',
-      avatar: avatar1,
-      date: '1/9/2021',
-      status: 'Pending',
-      review: 3,
-      head: 'nunc viverra dapibus',
-      para: 'Duis consequat dui nec nisi volutpat eleifend. Donec ut dolor. Morbi vel lectus in quam fringilla rhoncus.',
-    },
-    {
-      id: 23,
-      product: 'Transcof',
-      companyName: 'Bruen-Heathcote',
-      productImage: product3,
-      reviewer: 'Alvis Szymanzyk',
-      email: 'aszymanzykm@google.cn',
-      avatar: avatar1,
-      date: '6/11/2020',
-      status: 'Pending',
-      review: 1,
-      head: 'nullam porttitor',
-      para: 'Vestibulum quam sapien, varius ut, blandit non, interdum in, ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis faucibus accumsan odio. Curabitur convallis.',
-    },
-    {
-      id: 24,
-      product: 'Uerified',
-      companyName: 'Koch Group',
-      productImage: product4,
-      reviewer: 'Hatty Morsley',
-      email: 'hmorsleyn@gov.uk',
-      avatar: avatar1,
-      date: '2/12/2021',
-      status: 'Published',
-      review: 2,
-      head: 'metus sapien ut',
-      para: 'Cras mi pede, malesuada in, imperdiet et, commodo vulputate, justo. In blandit ultrices enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
-    },
-    {
-      id: 25,
-      product: 'Y-find',
-      companyName: 'Emmerich and Sons',
-      productImage: product5,
-      reviewer: 'Jabez Pudner',
-      email: 'jpudnero@cpanel.net',
-      avatar: avatar1,
-      date: '10/14/2021',
-      status: 'Pending',
-      review: 4,
-      head: 'orci luctus et',
-      para: 'Nulla ut erat id mauris vulputate elementum. Nullam varius. Nulla facilisi.',
-    },
-    {
-      id: 26,
-      product: 'Wigtax',
-      companyName: 'Zulauf-Prohaska',
-      productImage: product6,
-      reviewer: 'Ida Ovill',
-      email: 'iovillp@newsvine.com',
-      avatar: avatar1,
-      date: '11/18/2020',
-      status: 'Published',
-      review: 2,
-      head: 'vestibulum ante ipsum',
-      para: 'Duis consequat dui nec nisi volutpat eleifend. Donec ut dolor. Morbi vel lectus in quam fringilla rhoncus.',
-    },
-    {
-      id: 27,
-      product: 'Tempsoft',
-      companyName: 'VonRueden, Rogahn and Kris',
-      productImage: product7,
-      reviewer: 'Suzanne Breckin',
-      email: 'sbreckinq@jimdo.com',
-      avatar: avatar1,
-      date: '7/26/2020',
-      status: 'Published',
-      review: 2,
-      head: 'vel enim',
-      para: 'In hac habitasse platea dictumst. Morbi vestibulum, velit id pretium iaculis, diam erat fermentum justo, nec condimentum neque sapien placerat ante. Nulla justo.',
-    },
-    {
-      id: 28,
-      product: 'Rt',
-      companyName: 'Romaguera, O\'Connell and Abernathy',
-      productImage: product8,
-      reviewer: 'Morgana Coote',
-      email: 'mcooter@tinypic.com',
-      avatar: avatar1,
-      date: '8/29/2021',
-      status: 'Pending',
-      review: 5,
-      head: 'cubilia curae mauris',
-      para: 'Nullam porttitor lacus at turpis. Donec posuere metus vitae ipsum. Aliquam non mauris.',
-    },
-    {
-      id: 29,
-      product: 'Zontrax',
-      companyName: 'Mills, Hagenes and Bednar',
-      productImage: product9,
-      reviewer: 'Wesley Murra',
-      email: 'wmurras@tumblr.com',
-      avatar: avatar1,
-      date: '3/20/2021',
-      status: 'Pending',
-      review: 4,
-      head: 'gravida nisi at',
-      para: 'Integer tincidunt ante vel ipsum. Praesent blandit lacinia erat. Vestibulum sed magna at nunc commodo placerat.',
-    },
-    {
-      id: 30,
-      product: 'Keylex',
-      companyName: 'Sanford, Harvey and Parisian',
-      productImage: product10,
-      reviewer: 'Jobye Varnam',
-      email: 'jvarnamt@webs.com',
-      avatar: avatar1,
-      date: '11/24/2020',
-      status: 'Pending',
-      review: 2,
-      head: 'nec sem',
-      para: 'In sagittis dui vel nisl. Duis ac nibh. Fusce lacus purus, aliquet at, feugiat non, pretium quis, lectus.',
-    },
-    {
-      id: 31,
-      product: 'Trippledex',
-      companyName: 'Conroy-Bergstrom',
-      productImage: product11,
-      reviewer: 'Bibbye O\'Dowd',
-      email: 'bodowdu@infoseek.co.jp',
-      avatar: avatar1,
-      date: '7/7/2020',
-      status: 'Published',
-      review: 5,
-      head: 'odio elementum eu',
-      para: 'Morbi non lectus. Aliquam sit amet diam in magna bibendum imperdiet. Nullam orci pede, venenatis non, sodales sed, tincidunt eu, felis.',
-    },
-    {
-      id: 32,
-      product: 'Opela',
-      companyName: 'Langosh Inc',
-      productImage: product12,
-      reviewer: 'Baldwin Bodimeade',
-      email: 'bbodimeadev@gnu.org',
-      avatar: avatar1,
-      date: '3/21/2020',
-      status: 'Published',
-      review: 2,
-      head: 'in imperdiet et commodo',
-      para: 'Morbi porttitor lorem id ligula. Suspendisse ornare consequat lectus. In est risus, auctor sed, tristique in, tempus sit amet, sem.',
-    },
-    {
-      id: 33,
-      product: 'Span',
-      companyName: 'Jerde-Walsh',
-      productImage: product13,
-      reviewer: 'Rozalin Allan',
-      email: 'rallanw@ucsd.edu',
-      avatar: avatar1,
-      date: '1/23/2020',
-      status: 'Published',
-      review: 4,
-      head: 'pellentesque at',
-      para: 'Cras non velit nec nisi vulputate nonummy. Maecenas tincidunt lacus at velit. Vivamus vel nulla eget eros elementum pellentesque.',
-    },
-    {
-      id: 34,
-      product: 'Rank',
-      companyName: 'Barrows, Quitzon and Roberts',
-      productImage: product14,
-      reviewer: 'Patsy Bowlas',
-      email: 'pbowlasx@yandex.ru',
-      avatar: avatar1,
-      date: '10/7/2020',
-      status: 'Pending',
-      review: 5,
-      head: 'congue etiam',
-      para: 'Cras non velit nec nisi vulputate nonummy. Maecenas tincidunt lacus at velit. Vivamus vel nulla eget eros elementum pellentesque.',
-    },
-    {
-      id: 35,
-      product: 'Tempsoft',
-      companyName: 'Russel-Grant',
-      productImage: product15,
-      reviewer: 'Zsazsa Jansens',
-      email: 'zjansensy@wikipedia.org',
-      avatar: avatar1,
-      date: '8/7/2021',
-      status: 'Pending',
-      review: 1,
-      head: 'eget eros',
-      para: 'In hac habitasse platea dictumst. Etiam faucibus cursus urna. Ut tellus.',
-    },
-    {
-      id: 36,
-      product: 'Ventosanzap',
-      companyName: 'O\'Conner-Zboncak',
-      productImage: product16,
-      reviewer: 'Denny MacGettigen',
-      email: 'dmacgettigenz@ca.gov',
-      avatar: avatar1,
-      date: '2/17/2020',
-      status: 'Published',
-      review: 1,
-      head: 'vel dapibus',
-      para: 'Phasellus sit amet erat. Nulla tempus. Vivamus in felis eu sapien cursus vestibulum.',
-    },
-    {
-      id: 37,
-      product: 'Mat Lam Tam',
-      companyName: 'Rutherford, Heller and Bashirian',
-      productImage: product17,
-      reviewer: 'Leia Braunroth',
-      email: 'lbraunroth10@nytimes.com',
-      avatar: avatar1,
-      date: '1/28/2021',
-      status: 'Published',
-      review: 4,
-      head: 'sit amet consectetuer',
-      para: 'Quisque id justo sit amet sapien dignissim vestibulum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla dapibus dolor vel est. Donec odio justo, sollicitudin ut, suscipit a, feugiat et, eros.',
-    },
-    {
-      id: 38,
-      product: 'Zamit',
-      companyName: 'Swift-Altenwerth',
-      productImage: product18,
-      reviewer: 'Nil Vasilic',
-      email: 'nvasilic11@ft.com',
-      avatar: avatar1,
-      date: '1/2/2020',
-      status: 'Published',
-      review: 1,
-      head: 'blandit non',
-      para: 'Maecenas ut massa quis augue luctus tincidunt. Nulla mollis molestie lorem. Quisque ut erat.',
-    },
-    {
-      id: 39,
-      product: 'Tresom',
-      companyName: 'O\'Kon, Waelchi and Lesch',
-      productImage: product19,
-      reviewer: 'Mandie Forseith',
-      email: 'mforseith12@phpbb.com',
-      avatar: avatar1,
-      date: '7/2/2020',
-      status: 'Published',
-      review: 1,
-      head: 'in ante vestibulum ante',
-      para: 'Aenean lectus. Pellentesque eget nunc. Donec quis orci eget orci vehicula condimentum.',
-    },
-    {
-      id: 40,
-      product: 'Viva',
-      companyName: 'Johnston, Anderson and Metz',
-      productImage: product20,
-      reviewer: 'Audra Pinks',
-      email: 'apinks13@pinterest.com',
-      avatar: avatar1,
-      date: '1/6/2020',
-      status: 'Pending',
-      review: 2,
-      head: 'ante ipsum primis in',
-      para: 'Quisque id justo sit amet sapien dignissim vestibulum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla dapibus dolor vel est. Donec odio justo, sollicitudin ut, suscipit a, feugiat et, eros.',
-    },
-    {
-      id: 41,
-      product: 'Matsoft',
-      companyName: 'O\'Conner, Paucek and Braun',
-      productImage: product1,
-      reviewer: 'Damita Jarad',
-      email: 'djarad14@un.org',
-      avatar: avatar1,
-      date: '10/30/2021',
-      status: 'Pending',
-      review: 4,
-      head: 'mus etiam vel augue',
-      para: 'Vestibulum ac est lacinia nisi venenatis tristique. Fusce congue, diam id ornare imperdiet, sapien urna pretium nisl, ut volutpat sapien arcu sed augue. Aliquam erat volutpat.',
-    },
-    {
-      id: 42,
-      product: 'Wiodex',
-      companyName: 'Wisoky-Kassulke',
-      productImage: product2,
-      reviewer: 'Fowler Drury',
-      email: 'fdrury15@chicagotribune.com',
-      avatar: avatar1,
-      date: '2/11/2020',
-      status: 'Published',
-      review: 3,
-      head: 'dictumst aliquam augue quam',
-      para: 'Nam ultrices, libero non mattis pulvinar, nulla pede ullamcorper augue, a suscipit nulla elit ac nulla. Sed vel enim sit amet nunc viverra dapibus. Nulla suscipit ligula in lacus.',
-    },
-    {
-      id: 43,
-      product: 'Keylex',
-      companyName: 'Haag, Bruen and Reichel',
-      productImage: product3,
-      reviewer: 'Anette Jouen',
-      email: 'ajouen16@admin.ch',
-      avatar: avatar1,
-      date: '12/11/2020',
-      status: 'Published',
-      review: 3,
-      head: 'mauris non ligula pellentesque ultrices',
-      para: 'Cras non velit nec nisi vulputate nonummy. Maecenas tincidunt lacus at velit. Vivamus vel nulla eget eros elementum pellentesque.',
-    },
-    {
-      id: 44,
-      product: 'Konklux',
-      companyName: 'Ankunding Inc',
-      productImage: product4,
-      reviewer: 'Candace Fossey',
-      email: 'cfossey17@live.com',
-      avatar: avatar1,
-      date: '2/10/2021',
-      status: 'Pending',
-      review: 1,
-      head: 'vel augue vestibulum ante',
-      para: 'Cras non velit nec nisi vulputate nonummy. Maecenas tincidunt lacus at velit. Vivamus vel nulla eget eros elementum pellentesque.',
-    },
-    {
-      id: 45,
-      product: 'Tresom',
-      companyName: 'Deckow and Sons',
-      productImage: product5,
-      reviewer: 'Persis Loades',
-      email: 'ploades18@g.co',
-      avatar: avatar1,
-      date: '9/11/2020',
-      status: 'Pending',
-      review: 5,
-      head: 'convallis nulla neque',
-      para: 'Cras non velit nec nisi vulputate nonummy. Maecenas tincidunt lacus at velit. Vivamus vel nulla eget eros elementum pellentesque.',
-    },
-    {
-      id: 46,
-      product: 'Quo Lux',
-      companyName: 'Kreiger, Reynolds and Sporer',
-      productImage: product1,
-      reviewer: 'Kim Carrel',
-      email: 'kcarrel19@webnode.com',
-      avatar: avatar1,
-      date: '5/26/2020',
-      status: 'Pending',
-      review: 3,
-      head: 'quam turpis adipiscing lorem',
-      para: 'In hac habitasse platea dictumst. Morbi vestibulum, velit id pretium iaculis, diam erat fermentum justo, nec condimentum neque sapien placerat ante. Nulla justo.',
-    },
-    {
-      id: 47,
-      product: 'Roldlamis',
-      companyName: 'Kuphal-Abbott',
-      productImage: product6,
-      reviewer: 'Rodger Broz',
-      email: 'rbroz1a@omniture.com',
-      avatar: avatar1,
-      date: '10/5/2020',
-      status: 'Pending',
-      review: 1,
-      head: 'morbi non',
-      para: 'Nullam porttitor lacus at turpis. Donec posuere metus vitae ipsum. Aliquam non mauris.',
-    },
-    {
-      id: 48,
-      product: 'Tampflex',
-      companyName: 'Romaguera, Schmeler and Volkman',
-      productImage: product7,
-      reviewer: 'Lauri Shearsby',
-      email: 'lshearsby1b@goo.ne.jp',
-      avatar: avatar1,
-      date: '10/18/2020',
-      status: 'Pending',
-      review: 5,
-      head: 'vel dapibus at diam',
-      para: 'Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus vestibulum sagittis sapien. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.',
-    },
-    {
-      id: 49,
-      product: 'Span',
-      companyName: 'Hane-Romaguera',
-      productImage: product8,
-      reviewer: 'Hannah Drohun',
-      email: 'hdrohun1c@marketwatch.com',
-      avatar: avatar1,
-      date: '9/14/2020',
-      status: 'Pending',
-      review: 4,
-      head: 'morbi porttitor lorem',
-      para: 'Integer ac leo. Pellentesque ultrices mattis odio. Donec vitae nisi.',
-    },
-    {
-      id: 50,
-      product: 'Zamit',
-      companyName: 'Hoeger-Powlowski',
-      productImage: product9,
-      reviewer: 'Celesta Hadden',
-      email: 'chadden1d@hao123.com',
-      avatar: avatar1,
-      date: '4/15/2020',
-      status: 'Published',
-      review: 5,
-      head: 'non sodales',
-      para: 'Morbi non lectus. Aliquam sit amet diam in magna bibendum imperdiet. Nullam orci pede, venenatis non, sodales sed, tincidunt eu, felis.',
-    },
-    {
-      id: 51,
-      product: 'Witchip',
-      companyName: 'Heidenreich, Keeling and Kuhn',
-      productImage: product10,
-      reviewer: 'Sollie Dowling',
-      email: 'sdowling1e@businessweek.com',
-      avatar: avatar1,
-      date: '9/7/2020',
-      status: 'Pending',
-      review: 1,
-      head: 'nam congue risus semper porta',
-      para: 'Pellentesque at nulla. Suspendisse potenti. Cras in purus eu magna vulputate luctus.',
-    },
-    {
-      id: 52,
-      product: 'Ratity',
-      companyName: 'Beier and Sons',
-      productImage: product11,
-      reviewer: 'Esma Tamsett',
-      email: 'etamsett1f@arstechnica.com',
-      avatar: avatar1,
-      date: '12/21/2020',
-      status: 'Pending',
-      review: 2,
-      head: 'rutrum rutrum neque aenean auctor',
-      para: 'In quis justo. Maecenas rhoncus aliquam lacus. Morbi quis tortor id nulla ultrices aliquet.',
-    },
-    {
-      id: 53,
-      product: 'Voltsillam',
-      companyName: 'Jones and Sons',
-      productImage: product12,
-      reviewer: 'Fee Pieche',
-      email: 'fpieche1g@usa.gov',
-      avatar: avatar1,
-      date: '4/28/2020',
-      status: 'Pending',
-      review: 5,
-      head: 'non mi',
-      para: 'Duis bibendum. Morbi non quam nec dui luctus rutrum. Nulla tellus.',
-    },
-    {
-      id: 54,
-      product: 'Voltsillam',
-      companyName: 'Mohr and Sons',
-      productImage: product13,
-      reviewer: 'Frankie Davis',
-      email: 'fdavis1h@guardian.co.uk',
-      avatar: avatar1,
-      date: '3/16/2021',
-      status: 'Published',
-      review: 5,
-      head: 'maecenas pulvinar lobortis est phasellus',
-      para: 'In sagittis dui vel nisl. Duis ac nibh. Fusce lacus purus, aliquet at, feugiat non, pretium quis, lectus.',
-    },
-    {
-      id: 55,
-      product: 'Matsoft',
-      companyName: 'Kling-Hayes',
-      productImage: product1,
-      reviewer: 'Byram Wimlet',
-      email: 'bwimlet1i@craigslist.org',
-      avatar: avatar1,
-      date: '7/13/2021',
-      status: 'Pending',
-      review: 2,
-      head: 'tortor sollicitudin',
-      para: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin risus. Praesent lectus.',
-    },
-    {
-      id: 56,
-      product: 'Rt',
-      companyName: 'Brekke-Lubowitz',
-      productImage: product14,
-      reviewer: 'Maurita Hutchin',
-      email: 'mhutchin1j@ibm.com',
-      avatar: avatar1,
-      date: '11/11/2020',
-      status: 'Pending',
-      review: 1,
-      head: 'odio cras mi pede malesuada',
-      para: 'Integer tincidunt ante vel ipsum. Praesent blandit lacinia erat. Vestibulum sed magna at nunc commodo placerat.',
-    },
-    {
-      id: 57,
-      product: 'Konklab',
-      companyName: 'Kiehn LLC',
-      productImage: product15,
-      reviewer: 'Gorden Leftley',
-      email: 'gleftley1k@disqus.com',
-      avatar: avatar1,
-      date: '9/19/2021',
-      status: 'Published',
-      review: 3,
-      head: 'sed nisl nunc rhoncus',
-      para: 'Duis bibendum, felis sed interdum venenatis, turpis enim blandit mi, in porttitor pede justo eu massa. Donec dapibus. Duis at velit eu est congue elementum.',
-    },
-    {
-      id: 58,
-      product: 'Lotstring',
-      companyName: 'Windler-Corwin',
-      productImage: product16,
-      reviewer: 'Raviv Critcher',
-      email: 'rcritcher1l@icq.com',
-      avatar: avatar1,
-      date: '4/20/2020',
-      status: 'Published',
-      review: 5,
-      head: 'bibendum imperdiet nullam orci',
-      para: 'Proin interdum mauris non ligula pellentesque ultrices. Phasellus id sapien in sapien iaculis congue. Vivamus metus arcu, adipiscing molestie, hendrerit at, vulputate vitae, nisl.',
-    },
-    {
-      id: 59,
-      product: 'Keylex',
-      companyName: 'Reynolds, Buckridge and Schmeler',
-      productImage: product17,
-      reviewer: 'Cinda Tersay',
-      email: 'ctersay1m@berkeley.edu',
-      avatar: avatar1,
-      date: '3/31/2021',
-      status: 'Published',
-      review: 4,
-      head: 'curabitur at',
-      para: 'Phasellus sit amet erat. Nulla tempus. Vivamus in felis eu sapien cursus vestibulum.',
-    },
-    {
-      id: 60,
-      product: 'Transcof',
-      companyName: 'Jacobs-Farrell',
-      productImage: product18,
-      reviewer: 'Raynell Rosenauer',
-      email: 'rrosenauer1n@360.cn',
-      avatar: avatar1,
-      date: '6/3/2020',
-      status: 'Published',
-      review: 2,
-      head: 'massa donec dapibus duis at',
-      para: 'Aenean lectus. Pellentesque eget nunc. Donec quis orci eget orci vehicula condimentum.',
-    },
-    {
-      id: 61,
-      product: 'Opela',
-      companyName: 'Beier-Bergstrom',
-      productImage: product19,
-      reviewer: 'Aurelia Cooley',
-      email: 'acooley1o@prnewswire.com',
-      avatar: avatar1,
-      date: '7/27/2020',
-      status: 'Pending',
-      review: 1,
-      head: 'dictumst maecenas',
-      para: 'Praesent id massa id nisl venenatis lacinia. Aenean sit amet justo. Morbi ut odio.',
-    },
-    {
-      id: 62,
-      product: 'Rlowdesk',
-      companyName: 'Roob and Sons',
-      productImage: product20,
-      reviewer: 'Silvester Vittel',
-      email: 'svittel1p@eepurl.com',
-      avatar: avatar1,
-      date: '3/2/2021',
-      status: 'Pending',
-      review: 5,
-      head: 'elit ac nulla',
-      para: 'Suspendisse potenti. In eleifend quam a odio. In hac habitasse platea dictumst.',
-    },
-    {
-      id: 63,
-      product: 'Kanlam',
-      companyName: 'Hauck Group',
-      productImage: product2,
-      reviewer: 'Nester Oliffe',
-      email: 'noliffe1q@tinypic.com',
-      avatar: avatar1,
-      date: '3/31/2021',
-      status: 'Published',
-      review: 4,
-      head: 'sagittis nam congue',
-      para: 'Duis bibendum. Morbi non quam nec dui luctus rutrum. Nulla tellus.',
-    },
-    {
-      id: 64,
-      product: 'Rembucket',
-      companyName: 'Reynolds-Lindgren',
-      productImage: product2,
-      reviewer: 'Cheryl Growcott',
-      email: 'cgrowcott1r@nifty.com',
-      avatar: avatar1,
-      date: '10/29/2021',
-      status: 'Pending',
-      review: 4,
-      head: 'amet diam in magna bibendum',
-      para: 'Proin leo odio, porttitor id, consequat in, consequat ut, nulla. Sed accumsan felis. Ut at dolor quis odio consequat varius.',
-    },
-    {
-      id: 65,
-      product: 'Tin',
-      companyName: 'Stroman and Sons',
-      productImage: product2,
-      reviewer: 'Calhoun Perot',
-      email: 'cperot1s@goodreads.com',
-      avatar: avatar1,
-      date: '10/15/2020',
-      status: 'Published',
-      review: 4,
-      head: 'enim blandit mi',
-      para: 'Pellentesque at nulla. Suspendisse potenti. Cras in purus eu magna vulputate luctus.',
-    },
-    {
-      id: 66,
-      product: 'Trippledex',
-      companyName: 'Kihn-Wisoky',
-      productImage: product2,
-      reviewer: 'Winnah Tivenan',
-      email: 'wtivenan1t@example.com',
-      avatar: avatar1,
-      date: '5/27/2021',
-      status: 'Published',
-      review: 3,
-      head: 'pede ullamcorper augue a suscipit',
-      para: 'Quisque porta volutpat erat. Quisque erat eros, viverra eget, congue eget, semper rutrum, nulla. Nunc purus.',
-    },
-    {
-      id: 67,
-      product: 'Redhold',
-      companyName: 'Konopelski-Hauck',
-      productImage: product2,
-      reviewer: 'Faydra Perceval',
-      email: 'fperceval1u@psu.edu',
-      avatar: avatar1,
-      date: '10/2/2020',
-      status: 'Published',
-      review: 2,
-      head: 'porta volutpat',
-      para: 'In congue. Etiam justo. Etiam pretium iaculis justo.',
-    },
-    {
-      id: 68,
-      product: 'Pannier',
-      companyName: 'Rau Inc',
-      productImage: product3,
-      reviewer: 'Shauna Runge',
-      email: 'srunge1v@theatlantic.com',
-      avatar: avatar1,
-      date: '12/17/2021',
-      status: 'Published',
-      review: 3,
-      head: 'aliquam lacus morbi quis tortor',
-      para: 'Curabitur in libero ut massa volutpat convallis. Morbi odio odio, elementum eu, interdum eu, tincidunt in, leo. Maecenas pulvinar lobortis est.',
-    },
-    {
-      id: 69,
-      product: 'Rlexidy',
-      companyName: 'Torp-Lebsack',
-      productImage: product3,
-      reviewer: 'Udell Laurand',
-      email: 'ulaurand1w@prnewswire.com',
-      avatar: avatar1,
-      date: '3/14/2021',
-      status: 'Pending',
-      review: 5,
-      head: 'vestibulum velit id pretium',
-      para: 'Nullam porttitor lacus at turpis. Donec posuere metus vitae ipsum. Aliquam non mauris.',
-    },
-    {
-      id: 70,
-      product: 'Keylex',
-      companyName: 'Hane-Bednar',
-      productImage: product3,
-      reviewer: 'Charyl Mordaunt',
-      email: 'cmordaunt1x@bizjournals.com',
-      avatar: avatar1,
-      date: '4/11/2021',
-      status: 'Pending',
-      review: 1,
-      head: 'amet eros suspendisse accumsan tortor',
-      para: 'Praesent blandit. Nam nulla. Integer pede justo, lacinia eget, tincidunt eget, tempus vel, pede.',
-    },
-    {
-      id: 71,
-      product: 'Kuobam',
-      companyName: 'Rice Group',
-      productImage: product3,
-      reviewer: 'Becki Petit',
-      email: 'bpetit1y@addtoany.com',
-      avatar: avatar1,
-      date: '8/9/2021',
-      status: 'Published',
-      review: 5,
-      head: 'blandit lacinia erat vestibulum sed',
-      para: 'Praesent blandit. Nam nulla. Integer pede justo, lacinia eget, tincidunt eget, tempus vel, pede.',
-    },
-    {
-      id: 72,
-      product: 'Ulphazap',
-      companyName: 'West, White and Rau',
-      productImage: product3,
-      reviewer: 'Gallagher Goldes',
-      email: 'ggoldes1z@microsoft.com',
-      avatar: avatar1,
-      date: '10/21/2020',
-      status: 'Pending',
-      review: 4,
-      head: 'vitae ipsum aliquam',
-      para: 'Fusce posuere felis sed lacus. Morbi sem mauris, laoreet ut, rhoncus aliquet, pulvinar sed, nisl. Nunc rhoncus dui vel sem.',
-    },
-    {
-      id: 73,
-      product: 'Wiodex',
-      companyName: 'Keeling-Dicki',
-      productImage: product4,
-      reviewer: 'Gunilla Painter',
-      email: 'gpainter20@drupal.org',
-      avatar: avatar1,
-      date: '12/11/2021',
-      status: 'Published',
-      review: 4,
-      head: 'tortor duis mattis egestas',
-      para: 'Morbi non lectus. Aliquam sit amet diam in magna bibendum imperdiet. Nullam orci pede, venenatis non, sodales sed, tincidunt eu, felis.',
-    },
-    {
-      id: 74,
-      product: 'Veribet',
-      companyName: 'Gerlach, Bernier and Jenkins',
-      productImage: product4,
-      reviewer: 'Greggory Illingworth',
-      email: 'gillingworth21@lis',
-      avatar: avatar1,
-      date: '8/8/2020',
-      status: 'Pending',
-      review: 4,
-      head: 'pede justo lacinia eget tincidunt',
-      para: 'Pellentesque at nulla. Suspendisse potenti. Cras in purus eu magna vulputate luctus.',
-    },
-    {
-      id: 75,
-      product: 'Rix San',
-      companyName: 'Kessler and Sons',
-      productImage: product4,
-      reviewer: 'Amabel Reah',
-      email: 'areah22@indiegogo.com',
-      avatar: avatar1,
-      date: '11/22/2021',
-      status: 'Published',
-      review: 3,
-      head: 'sit amet lobortis sapien',
-      para: 'In hac habitasse platea dictumst. Morbi vestibulum, velit id pretium iaculis, diam erat fermentum justo, nec condimentum neque sapien placerat ante. Nulla justo.',
-    },
-    {
-      id: 76,
-      product: 'Zoolab',
-      companyName: 'Goldner, Lind and Hansen',
-      productImage: product4,
-      reviewer: 'Eziechiele Littlejohns',
-      email: 'elittlejohns23@blogger.com',
-      avatar: avatar1,
-      date: '8/17/2020',
-      status: 'Pending',
-      review: 4,
-      head: 'cras non velit',
-      para: 'Nullam porttitor lacus at turpis. Donec posuere metus vitae ipsum. Aliquam non mauris.',
-    },
-    {
-      id: 77,
-      product: 'Rob',
-      companyName: 'Trantow Group',
-      productImage: product4,
-      reviewer: 'Faythe Hance',
-      email: 'fhance24@odnoklassniki.ru',
-      avatar: avatar1,
-      date: '7/1/2021',
-      status: 'Published',
-      review: 5,
-      head: 'luctus tincidunt nulla mollis molestie',
-      para: 'In quis justo. Maecenas rhoncus aliquam lacus. Morbi quis tortor id nulla ultrices aliquet.',
-    },
-    {
-      id: 78,
-      product: 'Zamit',
-      companyName: 'Reichel, Hagenes and Nader',
-      productImage: product5,
-      reviewer: 'Marie Hazelton',
-      email: 'mhazelton25@miitbeian.gov.cn',
-      avatar: avatar1,
-      date: '5/31/2021',
-      status: 'Published',
-      review: 1,
-      head: 'ut odio cras',
-      para: 'Aliquam quis turpis eget elit sodales scelerisque. Mauris sit amet eros. Suspendisse accumsan tortor quis turpis.',
-    },
-    {
-      id: 79,
-      product: 'Zoolab',
-      companyName: 'Baumbach-Renner',
-      productImage: product5,
-      reviewer: 'Vincenz Izsak',
-      email: 'vizsak26@diigo.com',
-      avatar: avatar1,
-      date: '3/15/2021',
-      status: 'Pending',
-      review: 2,
-      head: 'gravida sem',
-      para: 'Proin interdum mauris non ligula pellentesque ultrices. Phasellus id sapien in sapien iaculis congue. Vivamus metus arcu, adipiscing molestie, hendrerit at, vulputate vitae, nisl.',
-    },
-    {
-      id: 80,
-      product: 'Stronghold',
-      companyName: 'Ullrich, Jacobson and Tillman',
-      productImage: product5,
-      reviewer: 'Roch Dehmel',
-      email: 'rdehmel27@tiny.cc',
-      avatar: avatar1,
-      date: '4/21/2020',
-      status: 'Pending',
-      review: 3,
-      head: 'ligula pellentesque ultrices phasellus',
-      para: 'Sed ante. Vivamus tortor. Duis mattis egestas metus.',
-    },
-    {
-      id: 81,
-      product: 'Rintone',
-      companyName: 'VonRueden, Kuphal and Lindgren',
-      productImage: product5,
-      reviewer: 'Marylin Thewlis',
-      email: 'mthewlis28@tmall.com',
-      avatar: avatar1,
-      date: '5/26/2021',
-      status: 'Pending',
-      review: 1,
-      head: 'elementum nullam varius nulla',
-      para: 'In sagittis dui vel nisl. Duis ac nibh. Fusce lacus purus, aliquet at, feugiat non, pretium quis, lectus.',
-    },
-    {
-      id: 82,
-      product: 'Temp',
-      companyName: 'Wintheiser, Bergstrom and Schimmel',
-      productImage: product5,
-      reviewer: 'Annissa Mapham',
-      email: 'amapham29@cbslocal.com',
-      avatar: avatar1,
-      date: '6/10/2021',
-      status: 'Published',
-      review: 4,
-      head: 'odio porttitor',
-      para: 'Cras mi pede, malesuada in, imperdiet et, commodo vulputate, justo. In blandit ultrices enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
-    },
-    {
-      id: 83,
-      product: 'Rlexidy',
-      companyName: 'Kuhn and Sons',
-      productImage: product6,
-      reviewer: 'Lori Prosek',
-      email: 'lprosek2a@webs.com',
-      avatar: avatar1,
-      date: '7/16/2021',
-      status: 'Published',
-      review: 1,
-      head: 'lacinia sapien quis',
-      para: 'Suspendisse potenti. In eleifend quam a odio. In hac habitasse platea dictumst.',
-    },
-    {
-      id: 84,
-      product: 'Ronstring',
-      companyName: 'Goldner, Nitzsche and Rau',
-      productImage: product6,
-      reviewer: 'Zelma Jado',
-      email: 'zjado2b@salon.com',
-      avatar: avatar1,
-      date: '7/13/2021',
-      status: 'Pending',
-      review: 4,
-      head: 'mauris sit amet eros suspendisse',
-      para: 'In hac habitasse platea dictumst. Etiam faucibus cursus urna. Ut tellus.',
-    },
-    {
-      id: 85,
-      product: 'Rixflex',
-      companyName: 'Bayer-Beer',
-      productImage: product6,
-      reviewer: 'Alfreda Tuffley',
-      email: 'atuffley2c@drupal.org',
-      avatar: avatar1,
-      date: '3/25/2020',
-      status: 'Pending',
-      review: 2,
-      head: 'molestie hendrerit at vulputate vitae',
-      para: 'Aliquam quis turpis eget elit sodales scelerisque. Mauris sit amet eros. Suspendisse accumsan tortor quis turpis.',
-    },
-    {
-      id: 86,
-      product: 'Uerified',
-      companyName: 'Rolfson-Witting',
-      productImage: product6,
-      reviewer: 'Arnold Rate',
-      email: 'arate2d@mit.edu',
-      avatar: avatar1,
-      date: '7/22/2021',
-      status: 'Pending',
-      review: 1,
-      head: 'nisi venenatis tristique fusce',
-      para: 'Phasellus in felis. Donec semper sapien a libero. Nam dui.',
-    },
-    {
-      id: 87,
-      product: 'Stringtough',
-      companyName: 'Kunde-Gibson',
-      productImage: product7,
-      reviewer: 'Felizio Macieiczyk',
-      email: 'fmacieiczyk2e@sciencedaily.com',
-      avatar: avatar1,
-      date: '8/27/2020',
-      status: 'Published',
-      review: 4,
-      head: 'augue quam sollicitudin',
-      para: 'Duis consequat dui nec nisi volutpat eleifend. Donec ut dolor. Morbi vel lectus in quam fringilla rhoncus.',
-    },
-    {
-      id: 88,
-      product: 'Qookley',
-      companyName: 'Kshlerin-Klocko',
-      productImage: product7,
-      reviewer: 'Evanne Chamley',
-      email: 'echamley2f@gmpg.org',
-      avatar: avatar1,
-      date: '2/1/2021',
-      status: 'Pending',
-      review: 4,
-      head: 'eget tincidunt',
-      para: 'Curabitur gravida nisi at nibh. In hac habitasse platea dictumst. Aliquam augue quam, sollicitudin vitae, consectetuer eget, rutrum at, lorem.',
-    },
-    {
-      id: 89,
-      product: 'Zamit',
-      companyName: 'Reilly, Marvin and Ondricka',
-      productImage: product7,
-      reviewer: 'Dacy Goodlatt',
-      email: 'dgoodlatt2g@squarespace.com',
-      avatar: avatar1,
-      date: '4/15/2021',
-      status: 'Pending',
-      review: 4,
-      head: 'eu interdum eu',
-      para: 'In congue. Etiam justo. Etiam pretium iaculis justo.',
-    },
-    {
-      id: 90,
-      product: 'Mat Lam Tam',
-      companyName: 'Ratke-Bauch',
-      productImage: product7,
-      reviewer: 'Samantha Vickerman',
-      email: 'svickerman2h@earthlink.net',
-      avatar: avatar1,
-      date: '6/30/2021',
-      status: 'Pending',
-      review: 3,
-      head: 'leo rhoncus sed vestibulum',
-      para: 'Sed ante. Vivamus tortor. Duis mattis egestas metus.',
-    },
-    {
-      id: 91,
-      product: 'Rt',
-      companyName: 'Kautzer-Hayes',
-      productImage: product8,
-      reviewer: 'Maura Robichon',
-      email: 'mrobichon2i@accuweather.com',
-      avatar: avatar1,
-      date: '4/12/2020',
-      status: 'Published',
-      review: 3,
-      head: 'dui maecenas',
-      para: 'Praesent blandit. Nam nulla. Integer pede justo, lacinia eget, tincidunt eget, tempus vel, pede.',
-    },
-    {
-      id: 92,
-      product: 'Stim',
-      companyName: 'Bernhard and Sons',
-      productImage: product8,
-      reviewer: 'Shelton Bonde',
-      email: 'sbonde2j@economist.com',
-      avatar: avatar1,
-      date: '6/1/2021',
-      status: 'Pending',
-      review: 1,
-      head: 'odio elementum',
-      para: 'Curabitur gravida nisi at nibh. In hac habitasse platea dictumst. Aliquam augue quam, sollicitudin vitae, consectetuer eget, rutrum at, lorem.',
-    },
-    {
-      id: 93,
-      product: 'Rix San',
-      companyName: 'Waters, Harvey and Stiedemann',
-      productImage: product8,
-      reviewer: 'Hallsy Flannigan',
-      email: 'hflannigan2k@printfriendly.com',
-      avatar: avatar1,
-      date: '6/3/2020',
-      status: 'Published',
-      review: 5,
-      head: 'ultrices phasellus id',
-      para: 'Curabitur in libero ut massa volutpat convallis. Morbi odio odio, elementum eu, interdum eu, tincidunt in, leo. Maecenas pulvinar lobortis est.',
-    },
-    {
-      id: 94,
-      product: 'Vagram',
-      companyName: 'Ondricka, Thompson and Kuhn',
-      productImage: product8,
-      reviewer: 'Rheta Chazelas',
-      email: 'rchazelas2l@forbes.com',
-      avatar: avatar1,
-      date: '2/21/2021',
-      status: 'Pending',
-      review: 1,
-      head: 'eleifend quam',
-      para: 'Praesent blandit. Nam nulla. Integer pede justo, lacinia eget, tincidunt eget, tempus vel, pede.',
-    },
-    {
-      id: 95,
-      product: 'Otcom',
-      companyName: 'Volkman Group',
-      productImage: product9,
-      reviewer: 'Arabelle Uc',
-      email: 'auc2m@archive.org',
-      avatar: avatar1,
-      date: '1/27/2021',
-      status: 'Published',
-      review: 4,
-      head: 'fermentum justo',
-      para: 'In hac habitasse platea dictumst. Etiam faucibus cursus urna. Ut tellus.',
-    },
-    {
-      id: 96,
-      product: 'Rixflex',
-      companyName: 'Dickinson, Spencer and Hyatt',
-      productImage: product9,
-      reviewer: 'Pauly Goulden',
-      email: 'pgoulden2n@ed.gov',
-      avatar: avatar1,
-      date: '10/2/2020',
-      status: 'Pending',
-      review: 2,
-      head: 'morbi ut',
-      para: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin risus. Praesent lectus.',
-    },
-    {
-      id: 97,
-      product: 'Lotstring',
-      companyName: 'Marvin Inc',
-      productImage: product9,
-      reviewer: 'Wilhelmina Benezet',
-      email: 'wbenezet2o@themeforest.net',
-      avatar: avatar1,
-      date: '8/12/2021',
-      status: 'Pending',
-      review: 4,
-      head: 'sapien cursus vestibulum proin',
-      para: 'Aenean lectus. Pellentesque eget nunc. Donec quis orci eget orci vehicula condimentum.',
-    },
-    {
-      id: 98,
-      product: 'Wiodex',
-      companyName: 'Hayes-Greenholt',
-      productImage: product9,
-      reviewer: 'Wallie Paolone',
-      email: 'wpaolone2p@paginegialle.it',
-      avatar: avatar1,
-      date: '7/15/2021',
-      status: 'Published',
-      review: 2,
-      head: 'tincidunt in leo maecenas',
-      para: 'Cras non velit nec nisi vulputate nonummy. Maecenas tincidunt lacus at velit. Vivamus vel nulla eget eros elementum pellentesque.',
-    },
-    {
-      id: 99,
-      product: 'Komainer',
-      companyName: 'Gislason, Greenfelder and Wisozk',
-      productImage: product10,
-      reviewer: 'Ezmeralda Normavill',
-      email: 'enormavill2q@infoseek.co.jp',
-      avatar: avatar1,
-      date: '8/4/2021',
-      status: 'Pending',
-      review: 3,
-      head: 'pharetra magna ac',
-      para: 'In quis justo. Maecenas rhoncus aliquam lacus. Morbi quis tortor id nulla ultrices aliquet.',
-    },
-    {
-      id: 100,
-      product: 'Ulpha',
-      companyName: 'Kunde Group',
-      productImage: product10,
-      reviewer: 'Lew Dudman',
-      email: 'ldudman2r@nationalgeographic.com',
-      avatar: avatar1,
-      date: '11/12/2020',
-      status: 'Published',
-      review: 3,
-      head: 'suscipit ligula in lacus',
-      para: 'In quis justo. Maecenas rhoncus aliquam lacus. Morbi quis tortor id nulla ultrices aliquet.',
-    },
-  ],
-  referrals: [
-    {
-      id: 1,
-      user: 'Koressa Leyfield',
-      email: 'kleyfield0@columbia.edu',
-      avatar: avatar1,
-      referredId: 3398,
-      status: 'Unpaid',
-      value: '$6655.92',
-      earning: '$380.17',
-    },
-    {
-      id: 2,
-      user: 'Tania Brotherhood',
-      email: 'tbrotherhood1@bing.com',
-      avatar: '',
-      referredId: 6740,
-      status: 'Unpaid',
-      value: '$2113.04',
-      earning: '$716.72',
-    },
-    {
-      id: 3,
-      user: 'Clemmie Montgomery',
-      email: 'cmontgomery2@fema.gov',
-      avatar: avatar1,
-      referredId: 2749,
-      status: 'Unpaid',
-      value: '$6717.09',
-      earning: '$699.02',
-    },
-    {
-      id: 4,
-      user: 'Job Jope',
-      email: 'jjope3@istockphoto.com',
-      avatar: avatar15,
-      referredId: 1413,
-      status: 'Paid',
-      value: '$9465.13',
-      earning: '$98.23',
-    },
-    {
-      id: 5,
-      user: 'Christoffer Derell',
-      email: 'cderell4@apple.com',
-      avatar: avatar1,
-      referredId: 9176,
-      status: 'Paid',
-      value: '$6202.81',
-      earning: '$882.51',
-    },
-    {
-      id: 6,
-      user: 'Herminia Eyree',
-      email: 'heyree5@gizmodo.com',
-      avatar: avatar8,
-      referredId: 6975,
-      status: 'Unpaid',
-      value: '$9802.40',
-      earning: '$219.52',
-    },
-    {
-      id: 7,
-      user: 'Dela Lathwell',
-      email: 'dlathwell6@webmd.com',
-      avatar: '',
-      referredId: 4552,
-      status: 'Paid',
-      value: '$6470.46',
-      earning: '$831.45',
-    },
-    {
-      id: 8,
-      user: 'Kirbie Greenhow',
-      email: 'kgreenhow7@sina.com.cn',
-      avatar: avatar1,
-      referredId: 4131,
-      status: 'Unpaid',
-      value: '$6199.28',
-      earning: '$856.00',
-    },
-    {
-      id: 9,
-      user: 'Adrienne Tourne',
-      email: 'atourne8@fotki.com',
-      avatar: avatar1,
-      referredId: 4072,
-      status: 'Unpaid',
-      value: '$6774.33',
-      earning: '$821.78',
-    },
-    {
-      id: 10,
-      user: 'Vanya Hearons',
-      email: 'vhearons9@blogspot.com',
-      avatar: avatar9,
-      referredId: 3070,
-      status: 'Unpaid',
-      value: '$1067.14',
-      earning: '$804.91',
-    },
-    {
-      id: 11,
-      user: 'Garnette Abramcik',
-      email: 'gabramcika@google.com',
-      avatar: avatar11,
-      referredId: 7828,
-      status: 'Unpaid',
-      value: '$5375.10',
-      earning: '$447.01',
-    },
-    {
-      id: 12,
-      user: 'Akim Korba',
-      email: 'akorbab@flickr.com',
-      avatar: avatar11,
-      referredId: 8561,
-      status: 'Unpaid',
-      value: '$3104.91',
-      earning: '$552.75',
-    },
-    {
-      id: 13,
-      user: 'Cull Scipsey',
-      email: 'cscipseyc@adobe.com',
-      avatar: avatar2,
-      referredId: 9287,
-      status: 'Paid',
-      value: '$9375.13',
-      earning: '$690.75',
-    },
-    {
-      id: 14,
-      user: 'Anabal Hakking',
-      email: 'ahakkingd@paginegialle.it',
-      avatar: avatar7,
-      referredId: 4892,
-      status: 'Paid',
-      value: '$8797.12',
-      earning: '$679.71',
-    },
-    {
-      id: 15,
-      user: 'Linzy Swiers',
-      email: 'lswierse@flickr.com',
-      avatar: avatar5,
-      referredId: 9180,
-      status: 'Unpaid',
-      value: '$2996.63',
-      earning: '$610.27',
-    },
-    {
-      id: 16,
-      user: 'Willy Espinet',
-      email: 'wespinetf@addtoany.com',
-      avatar: '',
-      referredId: 9102,
-      status: 'Paid',
-      value: '$7048.18',
-      earning: '$369.06',
-    },
-    {
-      id: 17,
-      user: 'Carter Gommowe',
-      email: 'cgommoweg@purevolume.com',
-      avatar: avatar9,
-      referredId: 7049,
-      status: 'Unpaid',
-      value: '$6049.95',
-      earning: '$642.78',
-    },
-    {
-      id: 18,
-      user: 'Andre Kenway',
-      email: 'akenwayh@rambler.ru',
-      avatar: '',
-      referredId: 9826,
-      status: 'Paid',
-      value: '$2221.71',
-      earning: '$347.19',
-    },
-    {
-      id: 19,
-      user: 'Quintina Endacott',
-      email: 'qendacotti@answers.com',
-      avatar: avatar9,
-      referredId: 4555,
-      status: 'Paid',
-      value: '$5918.70',
-      earning: '$543.44',
-    },
-    {
-      id: 20,
-      user: 'Shurwood Cabble',
-      email: 'scabblej@twitpic.com',
-      avatar: avatar4,
-      referredId: 5591,
-      status: 'Paid',
-      value: '$9073.50',
-      earning: '$980.62',
-    },
-    {
-      id: 21,
-      user: 'Thatch Borchardt',
-      email: 'tborchardtk@bing.com',
-      avatar: avatar1,
-      referredId: 4491,
-      status: 'Unpaid',
-      value: '$8389.56',
-      earning: '$746.81',
-    },
-    {
-      id: 22,
-      user: 'Fawne O\'Scanlan',
-      email: 'foscanlanl@europa.eu',
-      avatar: avatar8,
-      referredId: 2946,
-      status: 'Paid',
-      value: '$7471.34',
-      earning: '$747.24',
-    },
-    {
-      id: 23,
-      user: 'Ode Birts',
-      email: 'obirtsm@sphinn.com',
-      avatar: avatar10,
-      referredId: 2328,
-      status: 'Paid',
-      value: '$8484.83',
-      earning: '$815.79',
-    },
-    {
-      id: 24,
-      user: 'Bella Michelle',
-      email: 'bmichellen@npr.org',
-      avatar: avatar2,
-      referredId: 5725,
-      status: 'Paid',
-      value: '$7088.56',
-      earning: '$329.64',
-    },
-    {
-      id: 25,
-      user: 'Aurora Skpsey',
-      email: 'askpseyo@cdc.gov',
-      avatar: avatar14,
-      referredId: 2821,
-      status: 'Unpaid',
-      value: '$2938.87',
-      earning: '$317.42',
-    },
-    {
-      id: 26,
-      user: 'Neddie Maunders',
-      email: 'nmaundersp@blogspot.com',
-      avatar: avatar15,
-      referredId: 1661,
-      status: 'Unpaid',
-      value: '$6256.70',
-      earning: '$521.01',
-    },
-    {
-      id: 27,
-      user: 'Andria Chisnell',
-      email: 'achisnellq@imageshack.us',
-      avatar: avatar12,
-      referredId: 3363,
-      status: 'Unpaid',
-      value: '$9106.99',
-      earning: '$705.15',
-    },
-    {
-      id: 28,
-      user: 'Reggy Arnao',
-      email: 'rarnaor@kickstarter.com',
-      avatar: avatar3,
-      referredId: 7814,
-      status: 'Rejected',
-      value: '$6300.60',
-      earning: '$234.28',
-    },
-    {
-      id: 29,
-      user: 'Shaylah Hasselby',
-      email: 'shasselbys@odnoklassniki.ru',
-      avatar: avatar4,
-      referredId: 8324,
-      status: 'Paid',
-      value: '$1874.21',
-      earning: '$899.72',
-    },
-    {
-      id: 30,
-      user: 'Althea Dayce',
-      email: 'adaycet@youtu.be',
-      avatar: avatar8,
-      referredId: 6069,
-      status: 'Paid',
-      value: '$6098.09',
-      earning: '$269.32',
-    },
-    {
-      id: 31,
-      user: 'Hector Biaggioli',
-      email: 'hbiaggioliu@umich.edu',
-      avatar: avatar13,
-      referredId: 5286,
-      status: 'Paid',
-      value: '$4752.66',
-      earning: '$546.63',
-    },
-    {
-      id: 32,
-      user: 'Mycah Gotcher',
-      email: 'mgotcherv@yellowbook.com',
-      avatar: avatar1,
-      referredId: 7944,
-      status: 'Unpaid',
-      value: '$5959.05',
-      earning: '$888.10',
-    },
-    {
-      id: 33,
-      user: 'Garv Scruton',
-      email: 'gscrutonw@sun.com',
-      avatar: avatar13,
-      referredId: 6876,
-      status: 'Unpaid',
-      value: '$6588.37',
-      earning: '$680.51',
-    },
-    {
-      id: 34,
-      user: 'Renell Gurnett',
-      email: 'rgurnettx@businessweek.com',
-      avatar: '',
-      referredId: 7802,
-      status: 'Rejected',
-      value: '$7542.30',
-      earning: '$208.96',
-    },
-    {
-      id: 35,
-      user: 'Toinette Kilgrew',
-      email: 'tkilgrewy@wikispaces.com',
-      avatar: avatar15,
-      referredId: 6946,
-      status: 'Paid',
-      value: '$4447.48',
-      earning: '$410.48',
-    },
-    {
-      id: 36,
-      user: 'Corinne Cockshtt',
-      email: 'ccockshttz@house.gov',
-      avatar: avatar7,
-      referredId: 1372,
-      status: 'Paid',
-      value: '$3700.16',
-      earning: '$858.94',
-    },
-    {
-      id: 37,
-      user: 'Isis Yurkiewicz',
-      email: 'iyurkiewicz10@addthis.com',
-      avatar: avatar4,
-      referredId: 2384,
-      status: 'Unpaid',
-      value: '$7456.86',
-      earning: '$280.52',
-    },
-    {
-      id: 38,
-      user: 'Gerianna Nott',
-      email: 'gnott11@youtu.be',
-      avatar: avatar5,
-      referredId: 1971,
-      status: 'Paid',
-      value: '$5563.94',
-      earning: '$515.34',
-    },
-    {
-      id: 39,
-      user: 'Calli Mewes',
-      email: 'cmewes12@mit.edu',
-      avatar: avatar13,
-      referredId: 7323,
-      status: 'Unpaid',
-      value: '$7400.29',
-      earning: '$167.44',
-    },
-    {
-      id: 40,
-      user: 'Sonnnie Keeltagh',
-      email: 'skeeltagh13@typepad.com',
-      avatar: avatar7,
-      referredId: 5719,
-      status: 'Paid',
-      value: '$1977.34',
-      earning: '$652.01',
-    },
-    {
-      id: 41,
-      user: 'Penelope Hause',
-      email: 'phause14@netlog.com',
-      avatar: avatar3,
-      referredId: 9347,
-      status: 'Paid',
-      value: '$2155.12',
-      earning: '$101.49',
-    },
-    {
-      id: 42,
-      user: 'Dannie Romeo',
-      email: 'dromeo15@ask.com',
-      avatar: '',
-      referredId: 1559,
-      status: 'Rejected',
-      value: '$7110.30',
-      earning: '$95.40',
-    },
-    {
-      id: 43,
-      user: 'Keely Giannazzi',
-      email: 'kgiannazzi16@mit.edu',
-      avatar: avatar8,
-      referredId: 3307,
-      status: 'Paid',
-      value: '$2178.00',
-      earning: '$173.10',
-    },
-    {
-      id: 44,
-      user: 'Kassia Mottini',
-      email: 'kmottini17@usa.gov',
-      avatar: avatar7,
-      referredId: 4426,
-      status: 'Rejected',
-      value: '$6921.60',
-      earning: '$365.93',
-    },
-    {
-      id: 45,
-      user: 'Burr Scrauniage',
-      email: 'bscrauniage18@wunderground.com',
-      avatar: avatar8,
-      referredId: 3570,
-      status: 'Paid',
-      value: '$6891.09',
-      earning: '$900.25',
-    },
-
-  ],
-  orderData: [
-    {
-      id: 1,
-      order: 5434,
-      customer: 'Gabrielle Feyer',
-      email: 'gfeyer0@nyu.edu',
-      avatar: avatar8,
-      payment: 1,
-      status: 'Delivered',
-      spent: 73.98,
-      method: 'paypalLogo',
-      date: '5/16/2022',
-      time: '2:11 AM',
-      methodNumber: 6522,
-    },
-    {
-      id: 2,
-      order: 6745,
-      customer: 'Jackson Deignan',
-      email: 'jdeignan1@dell.com',
-      avatar: avatar8,
-      payment: 3,
-      status: 'Delivered',
-      spent: 100.39,
-      method: 'paypalLogo',
-      date: '5/3/2023',
-      time: '7:26 PM',
-      methodNumber: 7538,
-    },
-    {
-      id: 3,
-      order: 6087,
-      customer: 'Tanya Crum',
-      email: 'tcrum2@yandex.ru',
-      avatar: avatar7,
-      payment: 4,
-      status: 'Ready to Pickup',
-      spent: 809.26,
-      method: 'mastercard',
-      date: '12/15/2022',
-      time: '6:51 PM',
-      methodNumber: 5170,
-    },
-    {
-      id: 4,
-      order: 7825,
-      customer: 'Dallis Dillestone',
-      email: 'ddillestone3@archive.org',
-      avatar: avatar4,
-      payment: 3,
-      status: 'Ready to Pickup',
-      spent: 617.64,
-      method: 'paypalLogo',
-      date: '8/5/2022',
-      time: '9:18 PM',
-      methodNumber: 1748,
-    },
-    {
-      id: 5,
-      order: 5604,
-      customer: 'Conan Kennham',
-      email: 'ckennham4@cnn.com',
-      avatar: avatar9,
-      payment: 3,
-      status: 'Delivered',
-      spent: 384.41,
-      method: 'mastercard',
-      date: '6/18/2022',
-      time: '3:34 AM',
-      methodNumber: 6425,
-    },
-    {
-      id: 6,
-      order: 5390,
-      customer: 'Daven Brocket',
-      email: 'dbrocket5@epa.gov',
-      avatar: avatar13,
-      payment: 3,
-      status: 'Out for Delivery',
-      spent: 162.85,
-      method: 'paypalLogo',
-      date: '10/14/2022',
-      time: '6:12 PM',
-      methodNumber: 1694,
-    },
-    {
-      id: 7,
-      order: 7279,
-      customer: 'Rex Farbrace',
-      email: 'rfarbrace6@sourceforge.net',
-      avatar: avatar2,
-      payment: 2,
-      status: 'Out for Delivery',
-      spent: 591.47,
-      method: 'mastercard',
-      date: '8/8/2022',
-      time: '6:09 PM',
-      methodNumber: 1883,
-    },
-    {
-      id: 8,
-      order: 7003,
-      customer: 'Tann Biaggetti',
-      email: 'tbiaggetti7@eepurl.com',
-      avatar: avatar8,
-      payment: 4,
-      status: 'Delivered',
-      spent: 664.51,
-      method: 'mastercard',
-      date: '6/10/2022',
-      time: '12:59 PM',
-      methodNumber: 5047,
-    },
-    {
-      id: 9,
-      order: 8632,
-      customer: 'Abagael Drogan',
-      email: 'adrogan8@storify.com',
-      avatar: avatar11,
-      payment: 4,
-      status: 'Dispatched',
-      spent: 717.72,
-      method: 'paypalLogo',
-      date: '10/25/2022',
-      time: '10:48 AM',
-      methodNumber: 1945,
-    },
-    {
-      id: 10,
-      order: 8501,
-      customer: 'Esme Sangwin',
-      email: 'esangwin9@taobao.com',
-      avatar: '',
-      payment: 3,
-      status: 'Ready to Pickup',
-      spent: 477.42,
-      method: 'mastercard',
-      date: '11/2/2022',
-      time: '2:19 PM',
-      methodNumber: 3526,
-    },
-    {
-      id: 11,
-      order: 6498,
-      customer: 'Jarib Siverns',
-      email: 'jsivernsa@dailymail.co.uk',
-      avatar: '',
-      payment: 4,
-      status: 'Out for Delivery',
-      spent: 71.42,
-      method: 'mastercard',
-      date: '8/25/2022',
-      time: '8:15 PM',
-      methodNumber: 8325,
-    },
-    {
-      id: 12,
-      order: 7820,
-      customer: 'Christie Le Moucheux',
-      email: 'cleb@wikia.com',
-      avatar: avatar8,
-      payment: 1,
-      status: 'Delivered',
-      spent: 894.55,
-      method: 'paypalLogo',
-      date: '11/3/2022',
-      time: '11:31 AM',
-      methodNumber: 2034,
-    },
-    {
-      id: 13,
-      order: 8229,
-      customer: 'Debby Albury',
-      email: 'dalburyc@homestead.com',
-      avatar: '',
-      payment: 2,
-      status: 'Delivered',
-      spent: 279.80,
-      method: 'mastercard',
-      date: '3/21/2023',
-      time: '3:28 PM',
-      methodNumber: 2751,
-    },
-    {
-      id: 14,
-      order: 9076,
-      customer: 'Alexia Speaks',
-      email: 'aspeaksd@omniture.com',
-      avatar: '',
-      payment: 2,
-      status: 'Dispatched',
-      spent: 156.41,
-      method: 'paypalLogo',
-      date: '11/26/2022',
-      time: '9:16 PM',
-      methodNumber: 3234,
-    },
-    {
-      id: 15,
-      order: 6045,
-      customer: 'Orel Leamy',
-      email: 'oleamye@cbc.ca',
-      avatar: '',
-      payment: 2,
-      status: 'Delivered',
-      spent: 614.39,
-      method: 'mastercard',
-      date: '11/20/2022',
-      time: '11:58 PM',
-      methodNumber: 5209,
-    },
-    {
-      id: 16,
-      order: 8005,
-      customer: 'Maurits Nealey',
-      email: 'mnealeyf@japanpost.jp',
-      avatar: avatar7,
-      payment: 1,
-      status: 'Delivered',
-      spent: 203.72,
-      method: 'mastercard',
-      date: '4/22/2023',
-      time: '3:01 PM',
-      methodNumber: 1555,
-    },
-    {
-      id: 17,
-      order: 6917,
-      customer: 'Emmalee Mason',
-      email: 'emasong@rakuten.co.jp',
-      avatar: '',
-      payment: 4,
-      status: 'Dispatched',
-      spent: 491.83,
-      method: 'mastercard',
-      date: '9/1/2022',
-      time: '10:31 PM',
-      methodNumber: 7013,
-    },
-    {
-      id: 18,
-      order: 6918,
-      customer: 'Tibold Schops',
-      email: 'tschopsh@reference.com',
-      avatar: avatar7,
-      payment: 4,
-      status: 'Out for Delivery',
-      spent: 708.43,
-      method: 'paypalLogo',
-      date: '6/15/2022',
-      time: '11:03 AM',
-      methodNumber: 4636,
-    },
-    {
-      id: 19,
-      order: 8733,
-      customer: 'Godwin Greatbanks',
-      email: 'ggreatbanksi@guardian.co.uk',
-      avatar: '',
-      payment: 2,
-      status: 'Out for Delivery',
-      spent: 849.78,
-      method: 'paypalLogo',
-      date: '8/31/2022',
-      time: '10:02 AM',
-      methodNumber: 6846,
-    },
-    {
-      id: 20,
-      order: 6630,
-      customer: 'Conn Cathery',
-      email: 'ccatheryj@w3.org',
-      avatar: '',
-      payment: 2,
-      status: 'Dispatched',
-      spent: 855.31,
-      method: 'paypalLogo',
-      date: '1/2/2023',
-      time: '4:35 PM',
-      methodNumber: 4813,
-    },
-    {
-      id: 21,
-      order: 8963,
-      customer: 'Riccardo McKerton',
-      email: 'rmckertonk@gravatar.com',
-      avatar: avatar2,
-      payment: 2,
-      status: 'Dispatched',
-      spent: 458.76,
-      method: 'paypalLogo',
-      date: '9/17/2022',
-      time: '6:00 AM',
-      methodNumber: 8197,
-    },
-    {
-      id: 22,
-      order: 6916,
-      customer: 'Isa Cartmel',
-      email: 'icartmell@scientificamerican.com',
-      avatar: avatar10,
-      payment: 3,
-      status: 'Dispatched',
-      spent: 914.48,
-      method: 'paypalLogo',
-      date: '12/21/2022',
-      time: '8:35 PM',
-      methodNumber: 2844,
-    },
-    {
-      id: 23,
-      order: 6647,
-      customer: 'Yoko Beetles',
-      email: 'ybeetlesm@discovery.com',
-      avatar: avatar15,
-      payment: 1,
-      status: 'Delivered',
-      spent: 948.07,
-      method: 'mastercard',
-      date: '1/24/2023',
-      time: '12:01 AM',
-      methodNumber: 2562,
-    },
-    {
-      id: 24,
-      order: 8044,
-      customer: 'Nowell Cornford',
-      email: 'ncornfordn@sogou.com',
-      avatar: avatar5,
-      payment: 4,
-      status: 'Ready to Pickup',
-      spent: 525.60,
-      method: 'paypalLogo',
-      date: '8/22/2022',
-      time: '6:36 PM',
-      methodNumber: 2030,
-    },
-    {
-      id: 25,
-      order: 9879,
-      customer: 'Brandy McIlvenna',
-      email: 'bmcilvennao@51.la',
-      avatar: '',
-      payment: 1,
-      status: 'Out for Delivery',
-      spent: 100.18,
-      method: 'mastercard',
-      date: '12/23/2022',
-      time: '7:14 AM',
-      methodNumber: 4686,
-    },
-    {
-      id: 26,
-      order: 5551,
-      customer: 'Zondra Klimkin',
-      email: 'zklimkinp@ed.gov',
-      avatar: avatar9,
-      payment: 3,
-      status: 'Delivered',
-      spent: 463.32,
-      method: 'mastercard',
-      date: '12/20/2022',
-      time: '12:01 PM',
-      methodNumber: 6209,
-    },
-    {
-      id: 27,
-      order: 5905,
-      customer: 'Elyn Aizic',
-      email: 'eaizicq@live.com',
-      avatar: '',
-      payment: 4,
-      status: 'Dispatched',
-      spent: 581.81,
-      method: 'mastercard',
-      date: '6/1/2022',
-      time: '2:31 AM',
-      methodNumber: 7031,
-    },
-    {
-      id: 28,
-      order: 7616,
-      customer: 'Leoine Talbot',
-      email: 'ltalbotr@prweb.com',
-      avatar: '',
-      payment: 1,
-      status: 'Delivered',
-      spent: 118.75,
-      method: 'paypalLogo',
-      date: '10/13/2022',
-      time: '12:57 AM',
-      methodNumber: 4387,
-    },
-    {
-      id: 29,
-      order: 6624,
-      customer: 'Fayre Screech',
-      email: 'fscreechs@army.mil',
-      avatar: '',
-      payment: 3,
-      status: 'Out for Delivery',
-      spent: 774.91,
-      method: 'mastercard',
-      date: '4/17/2023',
-      time: '6:43 PM',
-      methodNumber: 2077,
-    },
-    {
-      id: 30,
-      order: 8653,
-      customer: 'Roxanne Rablen',
-      email: 'rrablent@alexa.com',
-      avatar: '',
-      payment: 1,
-      status: 'Delivered',
-      spent: 212.75,
-      method: 'mastercard',
-      date: '3/23/2023',
-      time: '10:07 PM',
-      methodNumber: 2696,
-    },
-    {
-      id: 31,
-      order: 8076,
-      customer: 'Rebekkah Newsham',
-      email: 'rnewshamu@hhs.gov',
-      avatar: avatar10,
-      payment: 2,
-      status: 'Ready to Pickup',
-      spent: 778.56,
-      method: 'mastercard',
-      date: '7/1/2022',
-      time: '10:37 PM',
-      methodNumber: 8071,
-    },
-    {
-      id: 32,
-      order: 7972,
-      customer: 'Crawford Beart',
-      email: 'cbeartv@senate.gov',
-      avatar: '',
-      payment: 3,
-      status: 'Delivered',
-      spent: 378.74,
-      method: 'mastercard',
-      date: '11/23/2022',
-      time: '6:45 AM',
-      methodNumber: 3993,
-    },
-    {
-      id: 33,
-      order: 6979,
-      customer: 'Cristine Easom',
-      email: 'ceasomw@theguardian.com',
-      avatar: avatar9,
-      payment: 2,
-      status: 'Out for Delivery',
-      spent: 595.84,
-      method: 'mastercard',
-      date: '4/15/2023',
-      time: '10:21 PM',
-      methodNumber: 2356,
-    },
-    {
-      id: 34,
-      order: 9438,
-      customer: 'Bessy Vasechkin',
-      email: 'bvasechkinx@plala.or.jp',
-      avatar: '',
-      payment: 1,
-      status: 'Dispatched',
-      spent: 257.18,
-      method: 'paypalLogo',
-      date: '11/10/2022',
-      time: '8:12 PM',
-      methodNumber: 1776,
-    },
-    {
-      id: 35,
-      order: 5666,
-      customer: 'Joanne Morl',
-      email: 'jmorly@google.fr',
-      avatar: '',
-      payment: 1,
-      status: 'Ready to Pickup',
-      spent: 368.26,
-      method: 'paypalLogo',
-      date: '11/17/2022',
-      time: '2:32 PM',
-      methodNumber: 6276,
-    },
-    {
-      id: 36,
-      order: 7128,
-      customer: 'Cobbie Brameld',
-      email: 'cbrameldz@biglobe.ne.jp',
-      avatar: '',
-      payment: 4,
-      status: 'Delivered',
-      spent: 484.14,
-      method: 'paypalLogo',
-      date: '6/13/2022',
-      time: '9:36 PM',
-      methodNumber: 3876,
-    },
-    {
-      id: 37,
-      order: 5834,
-      customer: 'Turner Braban',
-      email: 'tbraban10@lulu.com',
-      avatar: avatar14,
-      payment: 2,
-      status: 'Delivered',
-      spent: 135.04,
-      method: 'mastercard',
-      date: '10/14/2022',
-      time: '4:39 AM',
-      methodNumber: 2211,
-    },
-    {
-      id: 38,
-      order: 7417,
-      customer: 'Rudd Aisman',
-      email: 'raisman11@huffingtonpost.com',
-      avatar: '',
-      payment: 2,
-      status: 'Delivered',
-      spent: 598.61,
-      method: 'mastercard',
-      date: '9/29/2022',
-      time: '10:31 AM',
-      methodNumber: 1979,
-    },
-    {
-      id: 39,
-      order: 5574,
-      customer: 'Rakel Hearle',
-      email: 'rhearle12@zimbio.com',
-      avatar: avatar8,
-      payment: 1,
-      status: 'Out for Delivery',
-      spent: 612.56,
-      method: 'paypalLogo',
-      date: '11/29/2022',
-      time: '2:59 AM',
-      methodNumber: 8328,
-    },
-    {
-      id: 40,
-      order: 7834,
-      customer: 'Cull Otson',
-      email: 'cotson13@angelfire.com',
-      avatar: avatar10,
-      payment: 4,
-      status: 'Delivered',
-      spent: 413.70,
-      method: 'mastercard',
-      date: '7/23/2022',
-      time: '3:15 PM',
-      methodNumber: 3901,
-    },
-    {
-      id: 41,
-      order: 9877,
-      customer: 'Jedd Lafont',
-      email: 'jlafont14@vimeo.com',
-      avatar: avatar8,
-      payment: 1,
-      status: 'Ready to Pickup',
-      spent: 67.26,
-      method: 'paypalLogo',
-      date: '11/1/2022',
-      time: '8:05 AM',
-      methodNumber: 7245,
-    },
-    {
-      id: 42,
-      order: 5781,
-      customer: 'Maribeth Roffe',
-      email: 'mroffe15@hostgator.com',
-      avatar: avatar6,
-      payment: 1,
-      status: 'Out for Delivery',
-      spent: 697.13,
-      method: 'paypalLogo',
-      date: '9/30/2022',
-      time: '8:03 PM',
-      methodNumber: 8102,
-    },
-    {
-      id: 43,
-      order: 5299,
-      customer: 'Ximenez Callaghan',
-      email: 'xcallaghan16@reuters.com',
-      avatar: avatar6,
-      payment: 2,
-      status: 'Dispatched',
-      spent: 528.17,
-      method: 'mastercard',
-      date: '12/30/2022',
-      time: '12:21 AM',
-      methodNumber: 3075,
-    },
-    {
-      id: 44,
-      order: 6622,
-      customer: 'Oliy Seton',
-      email: 'oseton17@cargocollective.com',
-      avatar: avatar7,
-      payment: 2,
-      status: 'Delivered',
-      spent: 662.07,
-      method: 'paypalLogo',
-      date: '12/29/2022',
-      time: '8:45 PM',
-      methodNumber: 5021,
-    },
-    {
-      id: 45,
-      order: 7387,
-      customer: 'Conroy Conan',
-      email: 'cconan18@jigsy.com',
-      avatar: avatar8,
-      payment: 1,
-      status: 'Delivered',
-      spent: 65.73,
-      method: 'paypalLogo',
-      date: '6/11/2022',
-      time: '10:11 AM',
-      methodNumber: 3954,
-    },
-    {
-      id: 46,
-      order: 5078,
-      customer: 'Elianore Russ',
-      email: 'eruss19@usa.gov',
-      avatar: '',
-      payment: 2,
-      status: 'Ready to Pickup',
-      spent: 741.28,
-      method: 'mastercard',
-      date: '8/28/2022',
-      time: '3:45 PM',
-      methodNumber: 2128,
-    },
-    {
-      id: 47,
-      order: 9631,
-      customer: 'Farlee Gerard',
-      email: 'fgerard1a@mit.edu',
-      avatar: '',
-      payment: 2,
-      status: 'Ready to Pickup',
-      spent: 161.30,
-      method: 'paypalLogo',
-      date: '6/8/2022',
-      time: '4:16 PM',
-      methodNumber: 6781,
-    },
-    {
-      id: 48,
-      order: 7869,
-      customer: 'Gino Fairbrass',
-      email: 'gfairbrass1b@spotify.com',
-      avatar: '',
-      payment: 4,
-      status: 'Ready to Pickup',
-      spent: 644.90,
-      method: 'paypalLogo',
-      date: '6/23/2022',
-      time: '10:36 AM',
-      methodNumber: 5470,
-    },
-    {
-      id: 49,
-      order: 8643,
-      customer: 'Dory Carter',
-      email: 'dcarter1c@sphinn.com',
-      avatar: avatar2,
-      payment: 3,
-      status: 'Delivered',
-      spent: 462.45,
-      method: 'mastercard',
-      date: '11/10/2022',
-      time: '2:45 AM',
-      methodNumber: 4647,
-    },
-    {
-      id: 50,
-      order: 7395,
-      customer: 'Shane Galbreth',
-      email: 'sgalbreth1d@mac.com',
-      avatar: avatar8,
-      payment: 4,
-      status: 'Delivered',
-      spent: 731.58,
-      method: 'mastercard',
-      date: '5/20/2022',
-      time: '8:09 PM',
-      methodNumber: 4113,
-    },
-    {
-      id: 51,
-      order: 7168,
-      customer: 'Alicea Macci',
-      email: 'amacci1e@bbc.co.uk',
-      avatar: '',
-      payment: 1,
-      status: 'Ready to Pickup',
-      spent: 556.94,
-      method: 'mastercard',
-      date: '6/10/2022',
-      time: '4:00 PM',
-      methodNumber: 6798,
-    },
-    {
-      id: 52,
-      order: 5775,
-      customer: 'Terrijo Copello',
-      email: 'tcopello1f@netlog.com',
-      avatar: '',
-      payment: 3,
-      status: 'Dispatched',
-      spent: 687.27,
-      method: 'paypalLogo',
-      date: '6/23/2022',
-      time: '6:41 PM',
-      methodNumber: 3529,
-    },
-    {
-      id: 53,
-      order: 6558,
-      customer: 'Bambi Yerby',
-      email: 'byerby1g@sohu.com',
-      avatar: '',
-      payment: 1,
-      status: 'Out for Delivery',
-      spent: 309.15,
-      method: 'paypalLogo',
-      date: '10/18/2022',
-      time: '8:40 PM',
-      methodNumber: 1664,
-    },
-    {
-      id: 54,
-      order: 7766,
-      customer: 'Corny Linstead',
-      email: 'clinstead1h@icio.us',
-      avatar: '',
-      payment: 4,
-      status: 'Dispatched',
-      spent: 805.73,
-      method: 'paypalLogo',
-      date: '6/25/2022',
-      time: '8:01 AM',
-      methodNumber: 7931,
-    },
-    {
-      id: 55,
-      order: 9305,
-      customer: 'Pauline Pfaffe',
-      email: 'ppfaffe1i@wikia.com',
-      avatar: '',
-      payment: 4,
-      status: 'Ready to Pickup',
-      spent: 769.47,
-      method: 'paypalLogo',
-      date: '4/17/2023',
-      time: '8:05 AM',
-      methodNumber: 8412,
-    },
-    {
-      id: 56,
-      order: 7886,
-      customer: 'Ilka Adanet',
-      email: 'iadanet1j@tripod.com',
-      avatar: '',
-      payment: 4,
-      status: 'Ready to Pickup',
-      spent: 899.35,
-      method: 'paypalLogo',
-      date: '2/2/2023',
-      time: '6:13 PM',
-      methodNumber: 3946,
-    },
-    {
-      id: 57,
-      order: 8333,
-      customer: 'Charlena Sabberton',
-      email: 'csabberton1k@vinaora.com',
-      avatar: '',
-      payment: 3,
-      status: 'Out for Delivery',
-      spent: 201.84,
-      method: 'paypalLogo',
-      date: '6/11/2022',
-      time: '10:15 PM',
-      methodNumber: 3294,
-    },
-    {
-      id: 58,
-      order: 7044,
-      customer: 'Harwell Vallack',
-      email: 'hvallack1l@sakura.ne.jp',
-      avatar: '',
-      payment: 2,
-      status: 'Dispatched',
-      spent: 547.07,
-      method: 'paypalLogo',
-      date: '6/1/2022',
-      time: '1:29 PM',
-      methodNumber: 5571,
-    },
-    {
-      id: 59,
-      order: 5414,
-      customer: 'Juliette Douthwaite',
-      email: 'jdouthwaite1m@marketwatch.com',
-      avatar: '',
-      payment: 2,
-      status: 'Dispatched',
-      spent: 89.46,
-      method: 'mastercard',
-      date: '9/26/2022',
-      time: '11:40 AM',
-      methodNumber: 4380,
-    },
-    {
-      id: 60,
-      order: 7102,
-      customer: 'Nydia Brandel',
-      email: 'nbrandel1n@cnet.com',
-      avatar: '',
-      payment: 3,
-      status: 'Out for Delivery',
-      spent: 417.49,
-      method: 'paypalLogo',
-      date: '2/5/2023',
-      time: '11:42 PM',
-      methodNumber: 5856,
-    },
-    {
-      id: 61,
-      order: 8784,
-      customer: 'Gaby Edy',
-      email: 'gedy1o@latimes.com',
-      avatar: avatar9,
-      payment: 4,
-      status: 'Out for Delivery',
-      spent: 589.37,
-      method: 'mastercard',
-      date: '2/5/2023',
-      time: '8:46 AM',
-      methodNumber: 1923,
-    },
-    {
-      id: 62,
-      order: 9885,
-      customer: 'Lacey Swenson',
-      email: 'lswenson1p@booking.com',
-      avatar: '',
-      payment: 2,
-      status: 'Ready to Pickup',
-      spent: 62.71,
-      method: 'mastercard',
-      date: '9/11/2022',
-      time: '7:41 PM',
-      methodNumber: 4367,
-    },
-    {
-      id: 63,
-      order: 5387,
-      customer: 'Bradan Edgworth',
-      email: 'bedgworth1q@typepad.com',
-      avatar: avatar7,
-      payment: 4,
-      status: 'Out for Delivery',
-      spent: 54.45,
-      method: 'paypalLogo',
-      date: '6/2/2022',
-      time: '11:05 AM',
-      methodNumber: 8829,
-    },
-    {
-      id: 64,
-      order: 5459,
-      customer: 'Ilyssa Egan',
-      email: 'iegan1r@reference.com',
-      avatar: avatar8,
-      payment: 3,
-      status: 'Dispatched',
-      spent: 756.16,
-      method: 'paypalLogo',
-      date: '5/20/2022',
-      time: '12:39 PM',
-      methodNumber: 6971,
-    },
-    {
-      id: 65,
-      order: 8812,
-      customer: 'Duke Jahnel',
-      email: 'djahnel1s@huffingtonpost.com',
-      avatar: avatar7,
-      payment: 2,
-      status: 'Dispatched',
-      spent: 103.71,
-      method: 'mastercard',
-      date: '3/1/2023',
-      time: '10:25 PM',
-      methodNumber: 4305,
-    },
-    {
-      id: 66,
-      order: 7123,
-      customer: 'Christen Dillow',
-      email: 'cdillow1t@businessinsider.com',
-      avatar: '',
-      payment: 1,
-      status: 'Ready to Pickup',
-      spent: 357.17,
-      method: 'mastercard',
-      date: '2/1/2023',
-      time: '4:11 AM',
-      methodNumber: 7385,
-    },
-    {
-      id: 67,
-      order: 8964,
-      customer: 'Hildegaard Ormshaw',
-      email: 'hormshaw1u@amazonaws.com',
-      avatar: '',
-      payment: 1,
-      status: 'Dispatched',
-      spent: 191.57,
-      method: 'mastercard',
-      date: '6/15/2022',
-      time: '7:28 PM',
-      methodNumber: 6469,
-    },
-    {
-      id: 68,
-      order: 8020,
-      customer: 'Merrill Sangwin',
-      email: 'msangwin1v@ted.com',
-      avatar: '',
-      payment: 3,
-      status: 'Delivered',
-      spent: 80.47,
-      method: 'paypalLogo',
-      date: '9/15/2022',
-      time: '9:35 PM',
-      methodNumber: 1464,
-    },
-    {
-      id: 69,
-      order: 7192,
-      customer: 'Niel Kitchingman',
-      email: 'nkitchingman1w@twitpic.com',
-      avatar: '',
-      payment: 1,
-      status: 'Delivered',
-      spent: 759.98,
-      method: 'mastercard',
-      date: '11/24/2022',
-      time: '12:51 PM',
-      methodNumber: 3957,
-    },
-    {
-      id: 70,
-      order: 9941,
-      customer: 'Zacharias Stonhard',
-      email: 'zstonhard1x@ca.gov',
-      avatar: '',
-      payment: 4,
-      status: 'Delivered',
-      spent: 333.83,
-      method: 'paypalLogo',
-      date: '6/20/2022',
-      time: '11:11 AM',
-      methodNumber: 3907,
-    },
-    {
-      id: 71,
-      order: 7786,
-      customer: 'Hirsch Garwood',
-      email: 'hgarwood1y@hhs.gov',
-      avatar: '',
-      payment: 1,
-      status: 'Delivered',
-      spent: 993.07,
-      method: 'paypalLogo',
-      date: '1/30/2023',
-      time: '8:13 AM',
-      methodNumber: 3210,
-    },
-    {
-      id: 72,
-      order: 6890,
-      customer: 'Etienne Duke',
-      email: 'eduke1z@dell.com',
-      avatar: avatar9,
-      payment: 4,
-      status: 'Dispatched',
-      spent: 651.14,
-      method: 'mastercard',
-      date: '8/1/2022',
-      time: '7:24 AM',
-      methodNumber: 3507,
-    },
-    {
-      id: 73,
-      order: 6672,
-      customer: 'Galen Bent',
-      email: 'gbent20@altervista.org',
-      avatar: avatar2,
-      payment: 4,
-      status: 'Out for Delivery',
-      spent: 483.86,
-      method: 'mastercard',
-      date: '5/10/2022',
-      time: '7:51 PM',
-      methodNumber: 7538,
-    },
-    {
-      id: 74,
-      order: 5531,
-      customer: 'Cletus Arias',
-      email: 'carias21@rambler.ru',
-      avatar: avatar9,
-      payment: 3,
-      status: 'Delivered',
-      spent: 609.47,
-      method: 'mastercard',
-      date: '8/20/2022',
-      time: '3:21 AM',
-      methodNumber: 5851,
-    },
-    {
-      id: 75,
-      order: 9041,
-      customer: 'Gilbertina Manjin',
-      email: 'gmanjin22@blogtalkradio.com',
-      avatar: '',
-      payment: 2,
-      status: 'Dispatched',
-      spent: 593.65,
-      method: 'mastercard',
-      date: '9/19/2022',
-      time: '5:23 AM',
-      methodNumber: 8332,
-    },
-    {
-      id: 76,
-      order: 9521,
-      customer: 'Helena Airds',
-      email: 'hairds23@facebook.com',
-      avatar: avatar7,
-      payment: 4,
-      status: 'Out for Delivery',
-      spent: 897.84,
-      method: 'mastercard',
-      date: '1/13/2023',
-      time: '1:41 PM',
-      methodNumber: 8564,
-    },
-    {
-      id: 77,
-      order: 9793,
-      customer: 'Bonny Tebbutt',
-      email: 'btebbutt24@clickbank.net',
-      avatar: '',
-      payment: 3,
-      status: 'Ready to Pickup',
-      spent: 856.58,
-      method: 'paypalLogo',
-      date: '1/23/2023',
-      time: '6:10 AM',
-      methodNumber: 2150,
-    },
-    {
-      id: 78,
-      order: 6741,
-      customer: 'Garreth Rubinowitz',
-      email: 'grubinowitz25@unblog.fr',
-      avatar: avatar8,
-      payment: 2,
-      status: 'Ready to Pickup',
-      spent: 191.99,
-      method: 'paypalLogo',
-      date: '8/24/2022',
-      time: '2:01 PM',
-      methodNumber: 4148,
-    },
-    {
-      id: 79,
-      order: 6602,
-      customer: 'Lotta Martinie',
-      email: 'lmartinie26@ovh.net',
-      avatar: avatar8,
-      payment: 2,
-      status: 'Out for Delivery',
-      spent: 790.09,
-      method: 'paypalLogo',
-      date: '6/25/2022',
-      time: '12:54 AM',
-      methodNumber: 4538,
-    },
-    {
-      id: 80,
-      order: 9682,
-      customer: 'Danna Goldis',
-      email: 'dgoldis27@tinypic.com',
-      avatar: '',
-      payment: 2,
-      status: 'Dispatched',
-      spent: 121.21,
-      method: 'mastercard',
-      date: '1/11/2023',
-      time: '4:33 PM',
-      methodNumber: 1974,
-    },
-    {
-      id: 81,
-      order: 6256,
-      customer: 'Ronica McDuffie',
-      email: 'rmcduffie28@dagondesign.com',
-      avatar: '',
-      payment: 4,
-      status: 'Delivered',
-      spent: 783.05,
-      method: 'mastercard',
-      date: '7/12/2022',
-      time: '1:54 AM',
-      methodNumber: 6563,
-    },
-    {
-      id: 82,
-      order: 6265,
-      customer: 'Clarice Biesty',
-      email: 'cbiesty29@hp.com',
-      avatar: '',
-      payment: 2,
-      status: 'Dispatched',
-      spent: 905.31,
-      method: 'paypalLogo',
-      date: '9/7/2022',
-      time: '5:58 AM',
-      methodNumber: 7367,
-    },
-    {
-      id: 83,
-      order: 7330,
-      customer: 'Georgetta Hawkins',
-      email: 'ghawkins2a@shinystat.com',
-      avatar: '',
-      payment: 4,
-      status: 'Out for Delivery',
-      spent: 670.50,
-      method: 'mastercard',
-      date: '12/9/2022',
-      time: '4:22 AM',
-      methodNumber: 4789,
-    },
-    {
-      id: 84,
-      order: 6342,
-      customer: 'Hamid Gosford',
-      email: 'hgosford2b@youtu.be',
-      avatar: avatar7,
-      payment: 2,
-      status: 'Out for Delivery',
-      spent: 520.17,
-      method: 'paypalLogo',
-      date: '5/26/2022',
-      time: '3:15 PM',
-      methodNumber: 2733,
-    },
-    {
-      id: 85,
-      order: 9620,
-      customer: 'Marnia Scamwell',
-      email: 'mscamwell2c@guardian.co.uk',
-      avatar: avatar3,
-      payment: 4,
-      status: 'Ready to Pickup',
-      spent: 77.59,
-      method: 'paypalLogo',
-      date: '9/10/2022',
-      time: '11:40 AM',
-      methodNumber: 3822,
-    },
-    {
-      id: 86,
-      order: 5699,
-      customer: 'Casie Cratere',
-      email: 'ccratere2d@baidu.com',
-      avatar: '',
-      payment: 3,
-      status: 'Delivered',
-      spent: 429.80,
-      method: 'mastercard',
-      date: '9/22/2022',
-      time: '11:52 PM',
-      methodNumber: 2925,
-    },
-    {
-      id: 87,
-      order: 7289,
-      customer: 'Edik Whytock',
-      email: 'ewhytock2e@vimeo.com',
-      avatar: '',
-      payment: 3,
-      status: 'Ready to Pickup',
-      spent: 838.25,
-      method: 'mastercard',
-      date: '8/4/2022',
-      time: '9:12 PM',
-      methodNumber: 6240,
-    },
-    {
-      id: 88,
-      order: 9780,
-      customer: 'Wylie Marryatt',
-      email: 'wmarryatt2f@economist.com',
-      avatar: '',
-      payment: 3,
-      status: 'Out for Delivery',
-      spent: 308.07,
-      method: 'mastercard',
-      date: '3/2/2023',
-      time: '10:00 AM',
-      methodNumber: 7909,
-    },
-    {
-      id: 89,
-      order: 5859,
-      customer: 'Eydie Vogelein',
-      email: 'evogelein2g@forbes.com',
-      avatar: '',
-      payment: 4,
-      status: 'Ready to Pickup',
-      spent: 447.29,
-      method: 'paypalLogo',
-      date: '4/29/2023',
-      time: '9:52 AM',
-      methodNumber: 5475,
-    },
-    {
-      id: 90,
-      order: 9957,
-      customer: 'Milt Whitear',
-      email: 'mwhitear2h@instagram.com',
-      avatar: '',
-      payment: 4,
-      status: 'Dispatched',
-      spent: 59.28,
-      method: 'mastercard',
-      date: '11/29/2022',
-      time: '6:53 PM',
-      methodNumber: 4371,
-    },
-    {
-      id: 91,
-      order: 7094,
-      customer: 'Damara Figgins',
-      email: 'dfiggins2i@de.vu',
-      avatar: '',
-      payment: 2,
-      status: 'Delivered',
-      spent: 62.62,
-      method: 'mastercard',
-      date: '6/29/2022',
-      time: '6:51 AM',
-      methodNumber: 8321,
-    },
-    {
-      id: 92,
-      order: 7280,
-      customer: 'Sibley Braithwait',
-      email: 'sbraithwait2j@webmd.com',
-      avatar: '',
-      payment: 1,
-      status: 'Ready to Pickup',
-      spent: 554.91,
-      method: 'mastercard',
-      date: '12/6/2022',
-      time: '2:11 AM',
-      methodNumber: 8535,
-    },
-    {
-      id: 93,
-      order: 7931,
-      customer: 'Octavius Whitchurch',
-      email: 'owhitchurch2k@google.ca',
-      avatar: avatar7,
-      payment: 3,
-      status: 'Dispatched',
-      spent: 383.52,
-      method: 'mastercard',
-      date: '12/26/2022',
-      time: '9:49 AM',
-      methodNumber: 8585,
-    },
-    {
-      id: 94,
-      order: 8767,
-      customer: 'Lyndsey Dorey',
-      email: 'ldorey2l@barnesandnoble.com',
-      avatar: avatar2,
-      payment: 3,
-      status: 'Ready to Pickup',
-      spent: 738.42,
-      method: 'mastercard',
-      date: '8/29/2022',
-      time: '5:24 AM',
-      methodNumber: 3432,
-    },
-    {
-      id: 95,
-      order: 6111,
-      customer: 'Chad Cock',
-      email: 'ccock2m@g.co',
-      avatar: '',
-      payment: 4,
-      status: 'Ready to Pickup',
-      spent: 669.45,
-      method: 'mastercard',
-      date: '3/11/2023',
-      time: '10:43 AM',
-      methodNumber: 1014,
-    },
-    {
-      id: 96,
-      order: 5911,
-      customer: 'Hilliard Merck',
-      email: 'hmerck2n@printfriendly.com',
-      avatar: '',
-      payment: 4,
-      status: 'Out for Delivery',
-      spent: 237.91,
-      method: 'paypalLogo',
-      date: '8/14/2022',
-      time: '3:26 PM',
-      methodNumber: 3196,
-    },
-    {
-      id: 97,
-      order: 7064,
-      customer: 'Carmon Vasiljevic',
-      email: 'cvasiljevic2o@odnoklassniki.ru',
-      avatar: avatar8,
-      payment: 3,
-      status: 'Delivered',
-      spent: 595.25,
-      method: 'paypalLogo',
-      date: '3/20/2023',
-      time: '3:11 PM',
-      methodNumber: 4892,
-    },
-    {
-      id: 98,
-      order: 8114,
-      customer: 'Ulysses Goodlife',
-      email: 'ugoodlife2p@blogger.com',
-      avatar: avatar2,
-      payment: 3,
-      status: 'Ready to Pickup',
-      spent: 746.38,
-      method: 'mastercard',
-      date: '4/8/2023',
-      time: '3:39 AM',
-      methodNumber: 4509,
-    },
-    {
-      id: 99,
-      order: 7189,
-      customer: 'Boycie Hartmann',
-      email: 'bhartmann2q@addthis.com',
-      avatar: '',
-      payment: 3,
-      status: 'Out for Delivery',
-      spent: 704.86,
-      method: 'paypalLogo',
-      date: '1/2/2023',
-      time: '8:55 PM',
-      methodNumber: 6424,
-    },
-    {
-      id: 100,
-      order: 9042,
-      customer: 'Chere Schofield',
-      email: 'cschofield2r@ucsd.edu',
-      avatar: '',
-      payment: 2,
-      status: 'Ready to Pickup',
-      spent: 815.77,
-      method: 'mastercard',
-      date: '2/1/2023',
-      time: '4:12 PM',
-      methodNumber: 3949,
-    },
-  ],
-  customerData: [
-    {
-      id: 1,
-      customer: 'Stanfield Baser',
-      customerId: 879861,
-      email: 'sbaser0@boston.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'lk',
-      order: 157,
-      totalSpent: 2074.22,
-      avatar: avatar1,
-    },
-    {
-      id: 2,
-      customer: 'Laurie Dax',
-      customerId: 178408,
-      email: 'ldax1@lycos.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'ru',
-      order: 663,
-      totalSpent: 2404.19,
-      avatar: avatar2,
-    },
-    {
-      id: 3,
-      customer: 'Maxine Kenrick',
-      customerId: 221092,
-      email: 'mkenrick2@eepurl.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'gt',
-      order: 64,
-      totalSpent: 8821.40,
-      avatar: avatar3,
-    },
-    {
-      id: 4,
-      customer: 'Harman Burkill',
-      customerId: 645579,
-      email: 'hburkill3@drupal.org',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'pt',
-      order: 640,
-      totalSpent: 5294.35,
-      avatar: avatar4,
-    },
-    {
-      id: 5,
-      customer: 'Aubrey Borrow',
-      customerId: 288765,
-      email: 'aborrow4@jiathis.com',
-      country: 'France',
-      countryFlag: frFlag,
-      countryCode: 'fr',
-      order: 184,
-      totalSpent: 1003.30,
-      avatar: avatar5,
-    },
-    {
-      id: 6,
-      customer: 'Nester Fridd',
-      customerId: 321942,
-      email: 'nfridd5@cdbaby.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 965,
-      totalSpent: 3876.92,
-      avatar: avatar6,
-    },
-    {
-      id: 7,
-      customer: 'Lizzie Nicholes',
-      customerId: 516109,
-      email: 'lnicholes6@rediff.com',
-      country: 'Brazil',
-      countryFlag: brFlag,
-      countryCode: 'br',
-      order: 514,
-      totalSpent: 7936.85,
-      avatar: avatar7,
-    },
-    {
-      id: 8,
-      customer: 'Amabel Scullion',
-      customerId: 403666,
-      email: 'ascullion7@wiley.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'gt',
-      order: 584,
-      totalSpent: 4150.97,
-      avatar: avatar8,
-    },
-    {
-      id: 9,
-      customer: 'Zeke Arton',
-      customerId: 895280,
-      email: 'zarton8@weibo.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'ua',
-      order: 539,
-      totalSpent: 3430.05,
-      avatar: avatar9,
-    },
-    {
-      id: 10,
-      customer: 'Rosy Medlicott',
-      customerId: 199195,
-      email: 'rmedlicott9@amazon.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'ru',
-      order: 4,
-      totalSpent: 8646.75,
-      avatar: avatar10,
-    },
-    {
-      id: 11,
-      customer: 'Elene Esp',
-      customerId: 317063,
-      email: 'eespa@soundcloud.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 602,
-      totalSpent: 5807.99,
-      avatar: avatar11,
-    },
-    {
-      id: 12,
-      customer: 'Cal Lavington',
-      customerId: 999318,
-      email: 'clavingtonb@nps.gov',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'bo',
-      order: 779,
-      totalSpent: 6677.41,
-      avatar: avatar12,
-    },
-    {
-      id: 13,
-      customer: 'Merrick Antcliffe',
-      customerId: 804513,
-      email: 'mantcliffec@php.net',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 267,
-      totalSpent: 3340.41,
-      avatar: avatar13,
-    },
-    {
-      id: 14,
-      customer: 'Price Tremathack',
-      customerId: 155681,
-      email: 'ptremathackd@amazon.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'ru',
-      order: 611,
-      totalSpent: 5768.17,
-      avatar: avatar14,
-    },
-    {
-      id: 15,
-      customer: 'Leesa Habershaw',
-      customerId: 490182,
-      email: 'lhabershawe@washingtonpost.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'jp',
-      order: 90,
-      totalSpent: 4488.03,
-      avatar: avatar15,
-    },
-    {
-      id: 16,
-      customer: 'Jeana Quincey',
-      customerId: 760428,
-      email: 'jquinceyf@yolasite.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'ua',
-      order: 597,
-      totalSpent: 6936.49,
-      avatar: avatar1,
-    },
-    {
-      id: 17,
-      customer: 'Emmott Hise',
-      customerId: 675190,
-      email: 'ehiseg@usatoday.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 30,
-      totalSpent: 7994.11,
-      avatar: avatar2,
-    },
-    {
-      id: 18,
-      customer: 'Griffith Weeke',
-      customerId: 601134,
-      email: 'gweekeh@dyndns.org',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'id',
-      order: 322,
-      totalSpent: 5710.25,
-      avatar: avatar3,
-    },
-    {
-      id: 19,
-      customer: 'Ali Barnardo',
-      customerId: 908144,
-      email: 'abarnardoi@forbes.com',
-      country: 'France',
-      countryFlag: frFlag,
-      countryCode: 'mx',
-      order: 863,
-      totalSpent: 7537.74,
-      avatar: avatar4,
-    },
-    {
-      id: 20,
-      customer: 'Powell Wornham',
-      customerId: 528288,
-      email: 'pwornhamj@ca.gov',
-      country: 'France',
-      countryFlag: frFlag,
-      countryCode: 'cz',
-      order: 812,
-      totalSpent: 7801.46,
-      avatar: avatar5,
-    },
-    {
-      id: 21,
-      customer: 'Miltie Ganniclifft',
-      customerId: 573210,
-      email: 'mganniclifftk@bandcamp.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'ru',
-      order: 705,
-      totalSpent: 1371.44,
-      avatar: avatar6,
-    },
-    {
-      id: 22,
-      customer: 'Tabbatha Duinbleton',
-      customerId: 473511,
-      email: 'tduinbletonl@mediafire.com',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'us',
-      order: 956,
-      totalSpent: 8632.52,
-      avatar: avatar7,
-    },
-    {
-      id: 23,
-      customer: 'Maurizia Abel',
-      customerId: 676743,
-      email: 'mabelm@xrea.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'my',
-      order: 326,
-      totalSpent: 7241.74,
-      avatar: avatar8,
-    },
-    {
-      id: 24,
-      customer: 'Amargo Fliege',
-      customerId: 381698,
-      email: 'afliegen@storify.com',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'id',
-      order: 748,
-      totalSpent: 5821.27,
-      avatar: avatar9,
-    },
-    {
-      id: 25,
-      customer: 'Shayla Tarplee',
-      customerId: 865989,
-      email: 'starpleeo@ovh.net',
-      country: 'India',
-      countryFlag: inFlag,
-      countryCode: 'ng',
-      order: 535,
-      totalSpent: 900.54,
-      avatar: avatar10,
-    },
-    {
-      id: 26,
-      customer: 'Kassey Cutting',
-      customerId: 545661,
-      email: 'kcuttingp@dion.ne.jp',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'id',
-      order: 645,
-      totalSpent: 3200.38,
-      avatar: avatar11,
-    },
-    {
-      id: 27,
-      customer: 'Blaire Hillaby',
-      customerId: 408852,
-      email: 'bhillabyq@123-reg.co.uk',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cl',
-      order: 709,
-      totalSpent: 376.46,
-      avatar: avatar12,
-    },
-    {
-      id: 28,
-      customer: 'Taryn Ducker',
-      customerId: 486325,
-      email: 'tduckerr@tamu.edu',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'bt',
-      order: 535,
-      totalSpent: 3654.39,
-      avatar: avatar13,
-    },
-    {
-      id: 29,
-      customer: 'Maddie Witherop',
-      customerId: 137049,
-      email: 'mwitherops@bing.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 763,
-      totalSpent: 1136.68,
-      avatar: avatar14,
-    },
-    {
-      id: 30,
-      customer: 'Brooke Pattemore',
-      customerId: 985599,
-      email: 'bpattemoret@techcrunch.com',
-      country: 'Brazil',
-      countryFlag: brFlag,
-      countryCode: 'br',
-      order: 63,
-      totalSpent: 1955.91,
-      avatar: avatar15,
-    },
-    {
-      id: 31,
-      customer: 'Mordy Dockerty',
-      customerId: 178466,
-      email: 'mdockertyu@umn.edu',
-      country: 'Brazil',
-      countryFlag: brFlag,
-      countryCode: 'se',
-      order: 452,
-      totalSpent: 191.11,
-      avatar: avatar1,
-    },
-    {
-      id: 32,
-      customer: 'Clemmie Trowel',
-      customerId: 871402,
-      email: 'ctrowelv@feedburner.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cl',
-      order: 415,
-      totalSpent: 5285.45,
-      avatar: avatar7,
-    },
-    {
-      id: 33,
-      customer: 'Dehlia Shellard',
-      customerId: 642834,
-      email: 'dshellardw@mediafire.com',
-      country: 'France',
-      countryFlag: frFlag,
-      countryCode: 'cz',
-      order: 651,
-      totalSpent: 4284.88,
-      avatar: avatar2,
-    },
-    {
-      id: 34,
-      customer: 'Neila Juggings',
-      customerId: 471692,
-      email: 'njuggingsx@wp.com',
-      country: 'Brazil',
-      countryFlag: brFlag,
-      countryCode: 'ke',
-      order: 219,
-      totalSpent: 6698.44,
-      avatar: avatar3,
-    },
-    {
-      id: 35,
-      customer: 'Ellsworth Dunnan',
-      customerId: 295906,
-      email: 'edunnany@ucla.edu',
-      country: 'Brazil',
-      countryFlag: brFlag,
-      countryCode: 'br',
-      order: 11,
-      totalSpent: 3496.34,
-      avatar: avatar4,
-    },
-    {
-      id: 36,
-      customer: 'Kassandra Cossentine',
-      customerId: 979702,
-      email: 'kcossentinez@topsy.com',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'id',
-      order: 316,
-      totalSpent: 5328.02,
-      avatar: avatar15,
-    },
-    {
-      id: 37,
-      customer: 'Hugibert Merigeau',
-      customerId: 231745,
-      email: 'hmerigeau10@yelp.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'pe',
-      order: 931,
-      totalSpent: 5868.06,
-      avatar: avatar13,
-    },
-    {
-      id: 38,
-      customer: 'Constantina Charter',
-      customerId: 259786,
-      email: 'ccharter11@php.net',
-      country: 'France',
-      countryFlag: frFlag,
-      countryCode: 'cz',
-      order: 30,
-      totalSpent: 4134.97,
-      avatar: avatar1,
-    },
-    {
-      id: 39,
-      customer: 'Charleen Langsbury',
-      customerId: 794373,
-      email: 'clangsbury12@usatoday.com',
-      country: 'Brazil',
-      countryFlag: brFlag,
-      countryCode: 'br',
-      order: 215,
-      totalSpent: 1869.06,
-      avatar: avatar6,
-    },
-    {
-      id: 40,
-      customer: 'Sande Ferrar',
-      customerId: 949483,
-      email: 'sferrar13@weather.com',
-      countryFlag: cnFlag,
-      country: 'China',
-      countryCode: 'bo',
-      order: 696,
-      totalSpent: 2585.57,
-      avatar: avatar7,
-    },
-    {
-      id: 41,
-      customer: 'Lonnard Najara',
-      customerId: 225529,
-      email: 'lnajara14@baidu.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'bd',
-      order: 956,
-      totalSpent: 1741.83,
-      avatar: avatar8,
-    },
-    {
-      id: 42,
-      customer: 'Niko Sharpling',
-      customerId: 184711,
-      email: 'nsharpling15@ustream.tv',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 172,
-      totalSpent: 1733.66,
-      avatar: avatar9,
-    },
-    {
-      id: 43,
-      customer: 'Malinde Derricoat',
-      customerId: 272711,
-      email: 'mderricoat16@feedburner.com',
-      country: 'India',
-      countryFlag: inFlag,
-      countryCode: 'ng',
-      order: 822,
-      totalSpent: 3930.51,
-      avatar: avatar10,
-    },
-    {
-      id: 44,
-      customer: 'Kelsey Muskett',
-      customerId: 236093,
-      email: 'kmuskett17@lycos.com',
-      country: 'India',
-      countryFlag: inFlag,
-      countryCode: 'ca',
-      order: 51,
-      totalSpent: 4638.94,
-      avatar: avatar11,
-    },
-    {
-      id: 45,
-      customer: 'Darcey Gorghetto',
-      customerId: 582408,
-      email: 'dgorghetto18@dropbox.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 559,
-      totalSpent: 3614.00,
-      avatar: avatar12,
-    },
-    {
-      id: 46,
-      customer: 'Jody Stace',
-      customerId: 343364,
-      email: 'jstace19@ucsd.edu',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 945,
-      totalSpent: 5413.53,
-      avatar: avatar13,
-    },
-    {
-      id: 47,
-      customer: 'Rudyard Prangnell',
-      customerId: 811348,
-      email: 'rprangnell1a@imageshack.us',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'ru',
-      order: 149,
-      totalSpent: 589.72,
-      avatar: avatar1,
-    },
-    {
-      id: 48,
-      customer: 'Tanner Irdale',
-      customerId: 855725,
-      email: 'tirdale1b@plala.or.jp',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 438,
-      totalSpent: 8949.26,
-      avatar: avatar14,
-    },
-    {
-      id: 49,
-      customer: 'Eran Galgey',
-      customerId: 804218,
-      email: 'egalgey1c@sakura.ne.jp',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'id',
-      order: 716,
-      totalSpent: 4466.54,
-      avatar: avatar15,
-    },
-    {
-      id: 50,
-      customer: 'Julianne Lavalde',
-      customerId: 670044,
-      email: 'jlavalde1d@twitter.com',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'pl',
-      order: 307,
-      totalSpent: 4382.72,
-      avatar: avatar1,
-    },
-    {
-      id: 51,
-      customer: 'Hernando Stolte',
-      customerId: 804269,
-      email: 'hstolte1e@artisteer.com',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'us',
-      order: 684,
-      totalSpent: 4671.06,
-      avatar: avatar2,
-    },
-    {
-      id: 52,
-      customer: 'Mommy Beardsdale',
-      customerId: 711203,
-      email: 'mbeardsdale1f@technorati.com',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'pt',
-      order: 315,
-      totalSpent: 6261.53,
-      avatar: avatar2,
-    },
-    {
-      id: 53,
-      customer: 'Edsel Wildbore',
-      customerId: 745457,
-      email: 'ewildbore1g@free.fr',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'id',
-      order: 797,
-      totalSpent: 741.89,
-      avatar: avatar3,
-    },
-    {
-      id: 54,
-      customer: 'Iseabal Idney',
-      customerId: 560446,
-      email: 'iidney1h@1688.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 145,
-      totalSpent: 4360.35,
-      avatar: avatar4,
-    },
-    {
-      id: 55,
-      customer: 'Barbi Jest',
-      customerId: 519637,
-      email: 'bjest1i@com.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'co',
-      order: 574,
-      totalSpent: 8328.19,
-      avatar: avatar5,
-    },
-    {
-      id: 56,
-      customer: 'Paddie Grogan',
-      customerId: 915392,
-      country: 'India',
-      countryFlag: inFlag,
-      email: 'pgrogan1j@wikia.com',
-      countryCode: 'eg',
-      order: 948,
-      totalSpent: 9899.06,
-      avatar: avatar6,
-    },
-    {
-      id: 57,
-      customer: 'Lem Exell',
-      customerId: 856323,
-      email: 'lexell1k@nytimes.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'tz',
-      order: 541,
-      totalSpent: 9285.65,
-      avatar: avatar7,
-    },
-    {
-      id: 58,
-      customer: 'Starlin Baldassi',
-      customerId: 696538,
-      email: 'sbaldassi1l@squarespace.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'ru',
-      order: 99,
-      totalSpent: 3660.80,
-      avatar: avatar8,
-    },
-    {
-      id: 59,
-      customer: 'Marjie Badman',
-      customerId: 875646,
-      email: 'mbadman1m@paypal.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'ru',
-      order: 108,
-      totalSpent: 1978.61,
-      avatar: avatar9,
-    },
-    {
-      id: 60,
-      customer: 'Flossi McLaverty',
-      customerId: 617163,
-      email: 'fmclaverty1n@51.la',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 483,
-      totalSpent: 772.98,
-      avatar: avatar10,
-    },
-    {
-      id: 61,
-      customer: 'Norri Dillinton',
-      customerId: 123210,
-      email: 'ndillinton1o@bbc.co.uk',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'mk',
-      order: 69,
-      totalSpent: 4227.77,
-      avatar: avatar11,
-    },
-    {
-      id: 62,
-      customer: 'Aloysius Lukas',
-      customerId: 766292,
-      email: 'alukas1p@chicagotribune.com',
-      country: 'France',
-      countryFlag: frFlag,
-      countryCode: 'fr',
-      order: 147,
-      totalSpent: 6637.38,
-      avatar: avatar12,
-    },
-    {
-      id: 63,
-      customer: 'Rochell Cockill',
-      customerId: 100696,
-      email: 'rcockill1q@irs.gov',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'id',
-      order: 444,
-      totalSpent: 1730.64,
-      avatar: avatar13,
-    },
-    {
-      id: 64,
-      customer: 'Emma Greensall',
-      customerId: 792768,
-      email: 'egreensall1r@joomla.org',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'ru',
-      order: 831,
-      totalSpent: 9996.22,
-      avatar: avatar14,
-    },
-    {
-      id: 65,
-      customer: 'Jodi Malyan',
-      customerId: 996390,
-      email: 'jmalyan1s@uiuc.edu',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'fi',
-      order: 311,
-      totalSpent: 3459.82,
-      avatar: avatar15,
-    },
-    {
-      id: 66,
-      customer: 'Zed Rawe',
-      customerId: 343593,
-      email: 'zrawe1t@va.gov',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'ly',
-      order: 473,
-      totalSpent: 5218.22,
-      avatar: avatar10,
-    },
-    {
-      id: 67,
-      customer: 'Thomasine Vasentsov',
-      customerId: 988015,
-      email: 'tvasentsov1u@bloglovin.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'ar',
-      order: 752,
-      totalSpent: 5984.53,
-      avatar: avatar11,
-    },
-    {
-      id: 68,
-      customer: 'Janice Large',
-      customerId: 270658,
-      email: 'jlarge1v@dot.gov',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'no',
-      order: 582,
-      totalSpent: 5565.85,
-      avatar: avatar12,
-    },
-    {
-      id: 69,
-      customer: 'Tadeo Blasio',
-      customerId: 208862,
-      email: 'tblasio1w@ustream.tv',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 751,
-      totalSpent: 9042.56,
-      avatar: avatar13,
-    },
-    {
-      id: 70,
-      customer: 'Raul Onele',
-      customerId: 895818,
-      email: 'ronele1x@bloglovin.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'pe',
-      order: 689,
-      totalSpent: 4508.42,
-      avatar: avatar14,
-    },
-    {
-      id: 71,
-      customer: 'Rolf Comellini',
-      customerId: 292654,
-      email: 'rcomellini1y@soup.io',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'id',
-      order: 837,
-      totalSpent: 6379.88,
-      avatar: avatar15,
-    },
-    {
-      id: 72,
-      customer: 'Feliza Birchenough',
-      customerId: 974560,
-      email: 'fbirchenough1z@a8.net',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'ec',
-      order: 724,
-      totalSpent: 2933.59,
-      avatar: avatar10,
-    },
-    {
-      id: 73,
-      customer: 'Elsinore Daltry',
-      customerId: 152193,
-      email: 'edaltry20@themeforest.net',
-      country: 'Brazil',
-      countryFlag: brFlag,
-      countryCode: 'br',
-      order: 455,
-      totalSpent: 724.68,
-      avatar: avatar2,
-    },
-    {
-      id: 74,
-      customer: 'Roseann Serck',
-      customerId: 772228,
-      email: 'rserck21@about.com',
-      country: 'India',
-      countryFlag: inFlag,
-      countryCode: 'rs',
-      order: 51,
-      totalSpent: 8287.03,
-      avatar: avatar3,
-    },
-    {
-      id: 75,
-      customer: 'Yank Luddy',
-      customerId: 586615,
-      email: 'yluddy22@fema.gov',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'pt',
-      order: 462,
-      totalSpent: 9157.04,
-      avatar: avatar4,
-    },
-    {
-      id: 76,
-      customer: 'Sloan Huskisson',
-      customerId: 762754,
-      email: 'shuskisson23@live.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'do',
-      order: 952,
-      totalSpent: 6106.41,
-      avatar: avatar5,
-    },
-    {
-      id: 77,
-      customer: 'Livy Lattimore',
-      customerId: 258911,
-      email: 'llattimore24@sfgate.com',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'id',
-      order: 794,
-      totalSpent: 9053.56,
-      avatar: avatar6,
-    },
-    {
-      id: 78,
-      customer: 'Lanette Deble',
-      customerId: 890051,
-      email: 'ldeble25@spotify.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'hk',
-      order: 454,
-      totalSpent: 8180.20,
-      avatar: avatar7,
-    },
-    {
-      id: 79,
-      customer: 'Juliet Gypps',
-      customerId: 493646,
-      email: 'jgypps26@paginegialle.it',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'id',
-      order: 320,
-      totalSpent: 210.84,
-      avatar: avatar8,
-    },
-    {
-      id: 80,
-      customer: 'Tome Joliffe',
-      customerId: 356230,
-      email: 'tjoliffe27@phoca.cz',
-      country: 'France',
-      countryFlag: frFlag,
-      countryCode: 'mx',
-      order: 515,
-      totalSpent: 8571.28,
-      avatar: avatar9,
-    },
-    {
-      id: 81,
-      customer: 'Joel Hamil',
-      customerId: 337022,
-      email: 'jhamil28@state.gov',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'se',
-      order: 906,
-      totalSpent: 620.57,
-      avatar: avatar10,
-    },
-    {
-      id: 82,
-      customer: 'Hagen Digance',
-      customerId: 864064,
-      email: 'hdigance29@odnoklassniki.ru',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'id',
-      order: 519,
-      totalSpent: 332.44,
-      avatar: avatar11,
-    },
-    {
-      id: 83,
-      customer: 'Kristo Wagstaff',
-      customerId: 550008,
-      email: 'kwagstaff2a@fotki.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 313,
-      totalSpent: 2481.60,
-      avatar: avatar12,
-    },
-    {
-      id: 84,
-      customer: 'Gibbie Dysert',
-      customerId: 778429,
-      email: 'gdysert2b@so-net.ne.jp',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'ni',
-      order: 623,
-      totalSpent: 8466.96,
-      avatar: avatar13,
-    },
-    {
-      id: 85,
-      customer: 'Michale Britton',
-      customerId: 158581,
-      email: 'mbritton2c@cloudflare.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 835,
-      totalSpent: 9048.31,
-      avatar: avatar14,
-    },
-    {
-      id: 86,
-      customer: 'Hiram Hoys',
-      customerId: 747948,
-      email: 'hhoys2d@msn.com',
-      country: 'India',
-      countryFlag: inFlag,
-      countryCode: 'eg',
-      order: 361,
-      totalSpent: 9159.23,
-      avatar: '',
-    },
-    {
-      id: 87,
-      customer: 'Tobin Bassick',
-      customerId: 165827,
-      email: 'tbassick2e@quantcast.com',
-      country: 'India',
-      countryFlag: inFlag,
-      countryCode: 'jo',
-      order: 527,
-      totalSpent: 9289.92,
-      avatar: avatar1,
-    },
-    {
-      id: 88,
-      customer: 'Mikol Caskey',
-      customerId: 533641,
-      email: 'mcaskey2f@facebook.com',
-      country: 'India',
-      countryFlag: inFlag,
-      countryCode: 'in',
-      order: 25,
-      totalSpent: 4920.68,
-      avatar: avatar2,
-    },
-    {
-      id: 89,
-      customer: 'Cris Donkersley',
-      customerId: 997638,
-      email: 'cdonkersley2g@utexas.edu',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 404,
-      totalSpent: 7369.58,
-      avatar: avatar3,
-    },
-    {
-      id: 90,
-      customer: 'Valenka Turbill',
-      customerId: 179914,
-      email: 'vturbill2h@nbcnews.com',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'tm',
-      order: 550,
-      totalSpent: 9083.15,
-      avatar: avatar4,
-    },
-    {
-      id: 91,
-      customer: 'Cherice Fairclough',
-      customerId: 467280,
-      email: 'cfairclough2i@csmonitor.com',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'us',
-      order: 792,
-      totalSpent: 2634.36,
-      avatar: avatar5,
-    },
-    {
-      id: 92,
-      customer: 'Lauritz Ramble',
-      customerId: 140146,
-      email: 'lramble2j@discuz.net',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'ru',
-      order: 605,
-      totalSpent: 9381.83,
-      avatar: avatar6,
-    },
-    {
-      id: 93,
-      customer: 'Goddard Fosher',
-      customerId: 398102,
-      email: 'gfosher2k@example.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 892,
-      totalSpent: 3957.06,
-      avatar: '',
-    },
-    {
-      id: 94,
-      customer: 'Darby Leming',
-      customerId: 178939,
-      email: 'dleming2l@paginegialle.it',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'pl',
-      order: 894,
-      totalSpent: 1450.01,
-      avatar: avatar11,
-    },
-    {
-      id: 95,
-      customer: 'Paulie Floch',
-      customerId: 855358,
-      email: 'pfloch2m@cnet.com',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'id',
-      order: 866,
-      totalSpent: 8713.73,
-      avatar: avatar12,
-    },
-    {
-      id: 96,
-      customer: 'Raffaello Reaney',
-      customerId: 533341,
-      email: 'rreaney2n@mlb.com',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'cn',
-      order: 145,
-      totalSpent: 8589.40,
-      avatar: avatar13,
-    },
-    {
-      id: 97,
-      customer: 'Inger Weadick',
-      customerId: 902643,
-      email: 'iweadick2o@unesco.org',
-      country: 'United States',
-      countryFlag: usFlag,
-      countryCode: 'id',
-      order: 766,
-      totalSpent: 7119.15,
-      avatar: avatar14,
-    },
-    {
-      id: 98,
-      customer: 'Brooke Tegler',
-      customerId: 137230,
-      email: 'btegler2p@state.tx.us',
-      country: 'Australia',
-      countryFlag: auFlag,
-      countryCode: 'kp',
-      order: 70,
-      totalSpent: 4403.22,
-      avatar: avatar15,
-    },
-    {
-      id: 99,
-      customer: 'Erny Picard',
-      customerId: 960955,
-      email: 'epicard2q@lycos.com',
-      country: 'France',
-      countryFlag: frFlag,
-      countryCode: 'cz',
-      order: 471,
-      totalSpent: 7696.67,
-      avatar: '',
-    },
-    {
-      id: 100,
-      customer: 'Manon Fossick',
-      customerId: 478426,
-      email: 'mfossick2r@hatena.ne.jp',
-      country: 'China',
-      countryFlag: cnFlag,
-      countryCode: 'jp',
-      order: 181,
-      totalSpent: 2838.35,
-      avatar: avatar15,
-    },
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/ecommerce/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/ecommerce/index.ts
deleted file mode 100644
index cc438c1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/ecommerce/index.ts
+++ /dev/null
@@ -1,591 +0,0 @@
-import is from '@sindresorhus/is'
-import { destr } from 'destr'
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/apps/ecommerce/db'
-import { paginateArray } from '@api-utils/paginateArray'
-
-export const handlerAppsEcommerce = [
-
-  // 👉 Products
-  // Get Product List
-  http.get('/api/apps/ecommerce/products', ({ request }) => {
-    const url = new URL(request.url)
-
-    const q = url.searchParams.get('q')
-    const stock = url.searchParams.get('stock')
-    const category = url.searchParams.get('category')
-    const status = url.searchParams.get('status')
-    const sortBy = url.searchParams.get('sortBy')
-    const orderBy = url.searchParams.get('orderBy')
-    const itemsPerPage = url.searchParams.get('itemsPerPage')
-    const page = url.searchParams.get('page')
-
-    const searchQuery = is.string(q) ? q : undefined
-    const queryLower = (searchQuery ?? '').toString().toLowerCase()
-
-    const parsedStock = destr(stock)
-    const stockLocal = is.boolean(parsedStock) ? parsedStock : undefined
-
-    const parsedSortBy = destr(sortBy)
-    const sortByLocal = is.string(parsedSortBy) ? parsedSortBy : ''
-
-    const parsedOrderBy = destr(orderBy)
-    const orderByLocal = is.string(parsedOrderBy) ? parsedOrderBy : ''
-
-    const parsedItemsPerPage = destr(itemsPerPage)
-    const parsedPage = destr(page)
-
-    const itemsPerPageLocal = is.number(parsedItemsPerPage) ? parsedItemsPerPage : 10
-    const pageLocal = is.number(parsedPage) ? parsedPage : 1
-
-    // Filtering Products
-    let filteredProducts = db.products.filter(product => (
-      (product.productName.toLowerCase().includes(queryLower) || product.productBrand.toLowerCase().includes(queryLower))
-        && product.category === (category || product.category)
-        && (product.status === (status || product.status))
-        && (typeof stockLocal === 'undefined' ? true : (product.stock === stockLocal))
-    )).reverse()
-
-    // Sort
-    if (sortByLocal) {
-      if (sortByLocal === 'product') {
-        filteredProducts = filteredProducts.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.productName.toLowerCase() > b.productName.toLowerCase() ? 1 : -1
-          else if (orderByLocal === 'desc')
-            return a.productName.toLowerCase() < b.productName.toLowerCase() ? 1 : -1
-
-          return 0
-        })
-      }
-
-      if (sortByLocal === 'category') {
-        filteredProducts = filteredProducts.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.category > b.category ? 1 : -1
-          else if (orderByLocal === 'desc')
-            return a.category < b.category ? 1 : -1
-
-          return 0
-        })
-      }
-
-      if (sortByLocal === 'status') {
-        filteredProducts = filteredProducts.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.status > b.status ? 1 : -1
-          else if (orderByLocal === 'desc')
-            return a.status < b.status ? 1 : -1
-
-          return 0
-        })
-      }
-
-      if (sortByLocal === 'price') {
-        filteredProducts = filteredProducts.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return Number(a.price.slice(1)) > Number(b.price.slice(1)) ? 1 : -1
-          else if (orderByLocal === 'desc')
-            return Number(a.price.slice(1)) < Number(b.price.slice(1)) ? 1 : -1
-
-          return 0
-        })
-      }
-
-      if (sortByLocal === 'qty') {
-        filteredProducts = filteredProducts.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.qty > b.qty ? 1 : -1
-          else if (orderByLocal === 'desc')
-            return a.qty < b.qty ? 1 : -1
-
-          return 0
-        })
-      }
-
-      if (sortByLocal === 'sku') {
-        filteredProducts = filteredProducts.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.sku > b.sku ? 1 : -1
-          else if (orderByLocal === 'desc')
-            return a.sku < b.sku ? 1 : -1
-
-          return 0
-        })
-      }
-    }
-
-    return HttpResponse.json(
-      {
-        products: paginateArray(filteredProducts, itemsPerPageLocal, pageLocal), total: filteredProducts.length,
-      },
-      {
-        status: 200,
-      },
-    )
-  }),
-
-  // 👉 Delete Product
-  http.delete('/api/apps/ecommerce/products/:id', ({ params }) => {
-    const id = Number(params.id)
-
-    const productIndex = db.products.findIndex(e => e.id === id)
-
-    if (productIndex >= 0) {
-      db.products.splice(productIndex, 1)
-
-      // return res(
-      //   ctx.status(204),
-      // )
-
-      return new HttpResponse(null, {
-        status: 204,
-      })
-    }
-
-    return new HttpResponse(null, {
-      status: 404,
-    })
-  }),
-
-  // 👉 Orders
-  // Get single Customer
-  http.get(('/api/apps/ecommerce/orders/:id'), ({ params }) => {
-    const orderId = Number(params.id)
-
-    try {
-      const order = db.orderData.find(e => e.order === orderId)
-
-      if (order)
-        return HttpResponse.json(order, { status: 200 })
-      else
-        return HttpResponse.json('No invoice found with this id', { status: 404 })
-    }
-    catch (error) {
-      return new HttpResponse(null, {
-        status: 404,
-      })
-    }
-  }),
-
-  // Get Order List
-  http.get('/api/apps/ecommerce/orders', ({ request }) => {
-    const url = new URL(request.url)
-
-    const q = url.searchParams.get('q')
-    const sortBy = url.searchParams.get('sortBy')
-    const orderBy = url.searchParams.get('orderBy')
-    const itemsPerPage = url.searchParams.get('itemsPerPage')
-    const page = url.searchParams.get('page')
-
-    const searchQuery = is.string(q) ? q : undefined
-    const queryLower = (searchQuery ?? '').toString().toLowerCase()
-
-    const parsedSortBy = destr(sortBy)
-    const sortByLocal = is.string(parsedSortBy) ? parsedSortBy : ''
-
-    const parsedOrderBy = destr(orderBy)
-    const orderByLocal = is.string(parsedOrderBy) ? parsedOrderBy : ''
-
-    const parsedItemsPerPage = destr(itemsPerPage)
-    const parsedPage = destr(page)
-
-    const itemsPerPageLocal = is.number(parsedItemsPerPage) ? parsedItemsPerPage : 10
-    const pageLocal = is.number(parsedPage) ? parsedPage : 1
-
-    const filterOrders = db.orderData.filter(order => {
-      return (
-        order.customer.toLowerCase().includes(queryLower)
-            || order.email.toLowerCase().includes(queryLower)
-            || order.order.toString().includes(queryLower)
-      )
-    }).reverse()
-
-    if (sortByLocal) {
-      console.log(sortByLocal)
-      if (sortByLocal === 'order') {
-        filterOrders.sort((a, b) => {
-          if (orderByLocal === 'desc')
-            return b.order - a.order
-          else
-            return a.order - b.order
-        })
-      }
-      if (sortByLocal === 'customers') {
-        filterOrders.sort((a, b) => {
-          if (orderByLocal === 'desc')
-            return b.customer.localeCompare(a.customer)
-          else
-            return a.customer.localeCompare(b.customer)
-        })
-      }
-
-      if (sortByLocal === 'date') {
-        filterOrders.sort((a, b) => {
-          if (orderByLocal === 'desc')
-            return Number(new Date(b.date)) - Number(new Date(a.date))
-          else
-            return Number(new Date(a.date)) - Number(new Date(b.date))
-        })
-      }
-
-      if (sortByLocal === 'status') {
-        filterOrders.sort((a, b) => {
-          if (orderByLocal === 'desc')
-            return b.status.localeCompare(a.status)
-          else
-            return a.status.localeCompare(b.status)
-        })
-      }
-
-      if (sortByLocal === 'spent') {
-        filterOrders.sort((a, b) => {
-          if (orderByLocal === 'desc')
-            return Number(b.spent) - Number(a.spent)
-          else
-            return Number(a.spent) - Number(b.spent)
-        })
-      }
-    }
-
-    return HttpResponse.json(
-      {
-        orders: paginateArray(filterOrders, itemsPerPageLocal, pageLocal), total: filterOrders.length,
-      },
-      {
-        status: 200,
-      })
-  }),
-
-  // Delete Order
-  http.delete('/api/apps/ecommerce/orders/:id', ({ params }) => {
-    const id = Number(params.id)
-
-    const orderIndex = db.orderData.findIndex(e => e.id === id)
-
-    if (orderIndex >= 0)
-      db.orderData.splice(orderIndex, 1)
-
-    return new HttpResponse(null, {
-      status: 204,
-    })
-  }),
-
-  // 👉 Customers
-  // Get single Customer
-  http.get(('/api/apps/ecommerce/customers/:id'), ({ params }) => {
-    const customerId = Number(params.id)
-
-    try {
-      const customerIndex = db.customerData.findIndex(e => e.customerId === customerId)
-
-      const customer = db.customerData[customerIndex]
-
-      Object.assign(customer, {
-        status: 'Active',
-        contact: '+1 (234) 567 890',
-      })
-
-      if (customer)
-        return HttpResponse.json(customer, { status: 200 })
-    }
-    catch (error) {
-      return new HttpResponse(null, {
-        status: 404,
-      })
-    }
-  }),
-
-  // Get Customer List
-  http.get(('/api/apps/ecommerce/customers'), ({ request }) => {
-    const url = new URL(request.url)
-
-    const q = url.searchParams.get('q')
-    const sortBy = url.searchParams.get('sortBy')
-    const orderBy = url.searchParams.get('orderBy')
-    const itemsPerPage = url.searchParams.get('itemsPerPage')
-    const page = url.searchParams.get('page')
-
-    const parsedSortBy = destr(sortBy)
-    const sortByLocal = is.string(parsedSortBy) ? parsedSortBy : ''
-
-    const parsedOrderBy = destr(orderBy)
-    const orderByLocal = is.string(parsedOrderBy) ? parsedOrderBy : ''
-
-    const parsedItemsPerPage = destr(itemsPerPage)
-    const parsedPage = destr(page)
-
-    const itemsPerPageLocal = is.number(parsedItemsPerPage) ? parsedItemsPerPage : 10
-    const pageLocal = is.number(parsedPage) ? parsedPage : 1
-
-    const searchQuery = is.string(q) ? q : undefined
-    const queryLowered = (searchQuery ?? '').toString().toLowerCase()
-
-    const filteredCustomers = db.customerData.filter(customer => {
-      return (
-        customer.customer.toLowerCase().includes(queryLowered)
-              || customer.country.toLowerCase().includes(queryLowered)
-              || customer.email.toLowerCase().includes(queryLowered)
-      )
-    }).reverse()
-
-    // Sort Customers
-    if (sortByLocal) {
-      if (sortByLocal === 'customer') {
-        filteredCustomers.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.customer.localeCompare(b.customer)
-
-          return b.customer.localeCompare(a.customer)
-        })
-      }
-      if (sortByLocal === 'country') {
-        filteredCustomers.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.country.localeCompare(b.country)
-
-          return b.country.localeCompare(a.country)
-        })
-      }
-
-      if (sortByLocal === 'customerId') {
-        filteredCustomers.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.customerId - b.customerId
-
-          return b.customerId - a.customerId
-        })
-      }
-
-      if (sortByLocal === 'orders') {
-        filteredCustomers.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.order - b.order
-
-          return b.order - a.order
-        })
-      }
-    }
-
-    if (sortByLocal === 'totalSpent') {
-      filteredCustomers.sort((a, b) => {
-        if (orderByLocal === 'asc')
-          return a.totalSpent - b.totalSpent
-
-        return b.totalSpent - a.totalSpent
-      })
-    }
-
-    return HttpResponse.json(
-      {
-        customers: paginateArray(filteredCustomers, itemsPerPageLocal, pageLocal), total: filteredCustomers.length,
-      },
-      {
-        status: 200,
-      })
-  }),
-
-  // 👉 Manage Reviews.
-  // Get Reviews
-  http.get(('/api/apps/ecommerce/reviews'), ({ request }) => {
-    const url = new URL(request.url)
-
-    const q = url.searchParams.get('q')
-    const sortBy = url.searchParams.get('sortBy')
-    const orderBy = url.searchParams.get('orderBy')
-    const itemsPerPage = url.searchParams.get('itemsPerPage')
-    const status = url.searchParams.get('status')
-    const page = url.searchParams.get('page')
-
-    const parsedSortBy = destr(sortBy)
-    const sortByLocal = is.string(parsedSortBy) ? parsedSortBy : ''
-
-    const parsedOrderBy = destr(orderBy)
-    const orderByLocal = is.string(parsedOrderBy) ? parsedOrderBy : ''
-
-    const parsedItemsPerPage = destr(itemsPerPage)
-    const parsedPage = destr(page)
-
-    const itemsPerPageLocal = is.number(parsedItemsPerPage) ? parsedItemsPerPage : 10
-    const pageLocal = is.number(parsedPage) ? parsedPage : 1
-
-    const searchQuery = is.string(q) ? q : undefined
-    const queryLower = (searchQuery ?? '').toString().toLowerCase()
-
-    // Filtering Reviews
-
-    const filteredReviews = db.reviews.filter(review => {
-      const { product, reviewer, email } = review
-
-      return (
-        (product.toLowerCase().includes(queryLower) || reviewer.toLowerCase().includes(queryLower) || email.toLowerCase().includes(queryLower) || review.head.toLowerCase().includes(queryLower) || review.para.toLowerCase().includes(queryLower))
-        && (review.status === status || status === 'All')
-      )
-    })
-
-    // Sort
-    if (sortByLocal) {
-      if (sortByLocal === 'product') {
-        filteredReviews.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.product.toLowerCase() > b.product.toLowerCase() ? 1 : -1
-          else if (orderByLocal === 'desc')
-            return a.product.toLowerCase() < b.product.toLowerCase() ? 1 : -1
-
-          return 0
-        })
-      }
-
-      if (sortByLocal === 'reviewer') {
-        filteredReviews.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.reviewer.toLowerCase() > b.reviewer.toLowerCase() ? 1 : -1
-          else if (orderByLocal === 'desc')
-            return a.reviewer.toLowerCase() < b.reviewer.toLowerCase() ? 1 : -1
-
-          return 0
-        })
-      }
-
-      if (sortByLocal === 'date') {
-        filteredReviews.sort((a, b) => {
-          if (orderByLocal === 'desc')
-            return Number(new Date(b.date)) - Number(new Date(a.date))
-          else if (orderByLocal === 'asc')
-            return Number(new Date(a.date)) - Number(new Date(b.date))
-
-          return 0
-        })
-      }
-    }
-
-    if (sortByLocal === 'status') {
-      filteredReviews.sort((a, b) => {
-        if (orderByLocal === 'asc')
-          return a.status.toLowerCase() > b.status.toLowerCase() ? 1 : -1
-        else if (orderByLocal === 'desc')
-          return a.status.toLowerCase() < b.status.toLowerCase() ? 1 : -1
-        else
-          return 0
-      })
-    }
-
-    return HttpResponse.json(
-      {
-        reviews: paginateArray(filteredReviews, itemsPerPageLocal, pageLocal), total: filteredReviews.length,
-      },
-      {
-        status: 200,
-      },
-    )
-  }),
-
-  // Delete Review
-  http.delete(('/api/apps/ecommerce/reviews/:id'), ({ params }) => {
-    const id = Number(params.id)
-
-    const reviewIndex = db.reviews.findIndex(e => e.id === id)
-
-    if (reviewIndex !== -1) {
-      db.reviews.splice(reviewIndex, 1)
-
-      return new HttpResponse(null, {
-        status: 204,
-      })
-    }
-
-    return new HttpResponse(null, {
-      status: 404,
-    })
-  }),
-
-  // 👉 Referrals
-  // Get Referrals
-  http.get(('/api/apps/ecommerce/referrals'), ({ request }) => {
-    const url = new URL(request.url)
-
-    const sortBy = url.searchParams.get('sortBy')
-    const orderBy = url.searchParams.get('orderBy')
-    const itemsPerPage = url.searchParams.get('itemsPerPage')
-    const page = url.searchParams.get('page')
-
-    const parsedSortBy = destr(sortBy)
-    const sortByLocal = is.string(parsedSortBy) ? parsedSortBy : ''
-
-    const parsedOrderBy = destr(orderBy)
-    const orderByLocal = is.string(parsedOrderBy) ? parsedOrderBy : ''
-
-    const parsedItemsPerPage = destr(itemsPerPage)
-    const parsedPage = destr(page)
-
-    const itemsPerPageLocal = is.number(parsedItemsPerPage) ? parsedItemsPerPage : 10
-    const pageLocal = is.number(parsedPage) ? parsedPage : 1
-
-    const filteredReferrals = [...db.referrals]
-
-    if (sortByLocal) {
-      if (sortByLocal === 'users') {
-        filteredReferrals.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.user.localeCompare(b.user)
-          else
-            return b.user.localeCompare(a.user)
-        })
-      }
-
-      if (sortByLocal === 'referred-id') {
-        filteredReferrals.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.referredId - b.referredId
-          else if (orderByLocal === 'desc')
-            return b.referredId - a.referredId
-
-          return 0
-        })
-      }
-
-      if (sortByLocal === 'earning') {
-        filteredReferrals.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return Number(a.earning.slice(1)) - Number(b.earning.slice(1))
-          else if (orderByLocal === 'desc')
-            return Number(b.earning.slice(1)) - Number(a.earning.slice(1))
-
-          return 0
-        })
-      }
-
-      if (sortByLocal === 'value') {
-        filteredReferrals.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return Number(a.value.slice(1)) - Number(b.value.slice(1))
-          else if (orderByLocal === 'desc')
-            return Number(b.value.slice(1)) - Number(a.value.slice(1))
-
-          return 0
-        })
-      }
-
-      if (sortByLocal === 'status') {
-        filteredReferrals.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.status.toLowerCase() > b.status.toLowerCase() ? 1 : -1
-          else if (orderByLocal === 'desc')
-            return a.status.toLowerCase() < b.status.toLowerCase() ? 1 : -1
-
-          return 0
-        })
-      }
-    }
-
-    return HttpResponse.json(
-      {
-        referrals: paginateArray(filteredReferrals, itemsPerPageLocal, pageLocal),
-        total: filteredReferrals.length,
-      },
-      {
-        status: 200,
-      },
-    )
-  }),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/ecommerce/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/ecommerce/types.ts
deleted file mode 100644
index a9c92f7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/ecommerce/types.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-// Customer Types
-export interface Customer {
-  id: number
-  customer: string
-  customerId: number
-  email: string
-  country: string
-  countryCode: string
-  countryFlag?: string
-  order: number
-  totalSpent: number
-  avatar: string
-  status?: string
-  contact?: string
-}
-
-export interface Referrals {
-  id: number
-  user: string
-  email: string
-  avatar: string
-  referredId: number
-  status: string
-  value: string
-  earning: string
-}
-
-export interface Review {
-  id: number
-  product: string
-  companyName: string
-  productImage: string
-  reviewer: string
-  email: string
-  avatar: string
-  date: string
-  status: string
-  review: number
-  head: string
-  para: string
-}
-
-export interface ECommerceProduct {
-  id: number
-  productName: string
-  category: string
-  stock: boolean
-  sku: number
-  price: string
-  qty: number
-  status: string
-  image: string
-  productBrand: string
-}
-
-export interface Order {
-  id: number
-  order: number
-  customer: string
-  email: string
-  avatar: string
-  payment: number
-  status: string
-  spent: number
-  method: string
-  date: string
-  time: string
-  methodNumber: number
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/email/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/email/db.ts
deleted file mode 100644
index a229038..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/email/db.ts
+++ /dev/null
@@ -1,2161 +0,0 @@
-import type { Email } from '@db/apps/email/types'
-
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-
-import txt from '@images/icons/file/txt.png'
-import xls from '@images/icons/file/xls.png'
-
-interface DB {
-  emails: Email[]
-}
-
-export const db: DB = {
-  emails: [
-    {
-      id: 50,
-      to: [
-        {
-          email: 'johndoe@mail.com',
-          name: 'me',
-        },
-      ],
-      from: {
-        email: 'james25@gmail.com',
-        name: 'Katie Brandt',
-        avatar: avatar8,
-      },
-      subject: 'Bring smile discussion same boy include care.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Guy national course pay small per. Commercial research lose key fight marriage. Young series raise degree foot degree detail number.\nCrime gas real pass white. Television success east.</p><p>Into miss knowledge result. Seat carry tax beat line. Amount language paper machine fly.\nMusic several common former. More mouth year site move hold. Billion material born news western late.</p><p>World them term identify. Rule southern condition thought. Article successful traditional friend.\nPhone financial skill theory.\nChange Mr experience. Everyone help structure much family.\nVoice general group likely.</p>',
-      attachments: [
-        {
-          fileName: 'log.txt',
-          thumbnail: txt,
-          url: '',
-          size: '5mb',
-        },
-        {
-          fileName: 'performance.xls',
-          thumbnail: xls,
-          url: '',
-          size: '10mb',
-        },
-      ],
-      isStarred: true,
-      labels: ['private', 'company'],
-      time: '2021-07-14T12:42:22',
-      replies: [],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 49,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'jamesskinner@hotmail.com',
-        name: 'Joshua Cline',
-        avatar: avatar1,
-      },
-      subject: 'Magazine say side view.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Campaign even order for color. Remember card return position white argue prepare. Case fill follow then condition investment why.\nCold son pattern wife. Child name interest company thought every federal. He catch daughter design.</p><p>Affect customer a. Which difficult science.\nReality whether what animal. Call report author against season heart.\nCatch have always source response your even. Person mother whether since clearly. Cut staff work the nothing.</p><p>Cell cover along school. Method option not why laugh. Nation medical thousand world rule.\nEvening fish rich sense create. Civil family particularly day machine free read. Interesting capital owner international nor condition.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['personal'],
-      time: '2021-07-16T01:23:14',
-      replies: [
-        {
-          id: 74474,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'teresa54@gmail.com',
-            name: 'Brittany Young',
-            avatar: avatar2,
-          },
-          subject: 'The beat save none make sea large number.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>College before employee recognize. Teach central this interest service party section. Floor west break bit suggest ok everyone.\n Pm quality school out form. Want case town individual.</p><p>Hundred a modern career whose know find responsibility. East option trouble next. Sport goal after race pull political common board.</p><p>Beat support exactly material fact benefit six. Time represent stuff forget plant pass team. Begin lot war field simple.\nBuilding development wear trip marriage. Economy speech be election arrive color next.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['company', 'private', 'personal', 'important'],
-          time: '2021-07-21T18:43:19',
-          replies: [],
-          folder: 'inbox',
-          isRead: false,
-          isDeleted: false,
-        },
-        {
-          id: 766,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'angelajimenez@yahoo.com',
-            name: 'Emily Moore',
-            avatar: avatar8,
-          },
-          subject: 'Movement along college bad reality scientist.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Goal reveal past rule arrive project performance. Learn despite the way. Operation within suggest glass beautiful always really.\nLanguage although cut network conference economy long. Forward us point meet. Sing buy central quality science.</p><p>Real keep material wind drive life. Job election to determine table within expert art.\nOften ten ask city. Memory to run market.\nMove theory contain good fire. Area walk position site would.</p><p>Seem response base question tough consumer another. Sit hard deep child operation institution. Charge child picture different sense.\nMedia remain could go eight different west. Thousand fly box else.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['personal'],
-          time: '2021-07-07T22:12:32',
-          replies: [],
-          folder: 'spam',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 3718436,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'alexanderpatel@yahoo.com',
-            name: 'Andrew Cruz',
-            avatar: avatar7,
-          },
-          subject: 'Realize agree dark spring suddenly maintain level history.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Actually and them time itself newspaper stand. Billion Republican manager little hot store. Pull issue many close by large seven.\nIt writer will concern community rate through factor. Reduce south director budget shake return.</p><p>Score event since campaign single conference significant. Design fall teacher.\nWhich themselves along that themselves activity.\nUntil nothing cold toward politics product. Rock enter in what option.</p><p>Relate authority agency claim protect. Task not wait respond week hotel.\nAt catch matter try boy why white physical. Section protect try kind few. Skin two author style.\nWestern simple instead strategy mention item suffer. Remain agree account.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['company', 'private'],
-          time: '2021-07-18T19:27:18',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: true,
-        },
-      ],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: true,
-    },
-    {
-      id: 48,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'williamsstacey@yahoo.com',
-        name: 'Jonathan Walker',
-        avatar: avatar1,
-      },
-      subject: 'Then until task something before color impact now.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Head claim property experience arm remain structure. Worry do science look oil easy. His whose want.\nHuge protect foot save century somebody future. Skin building truth along sing such read speech.\nRaise argue everything send.</p><p>While attorney to power card. Agent card big nothing. Wall behavior investment stay relate stage their. Carry full rather product arrive center when.</p><p>Law chance mention sound maintain expect whose. Treatment simply if power decide bar. Theory building laugh hand manager condition true.\nFoot few eat store environment that involve man. Into report player writer yourself.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['company', 'private', 'important'],
-      time: '2021-07-22T09:59:40',
-      replies: [],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: true,
-    },
-    {
-      id: 47,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'lori82@gmail.com', name: 'Kevin Evans', avatar: avatar7 },
-      subject: 'Shoulder science point show human black answer anything.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Rate church step beat head class nor.\nLeg ten offer girl me teach. Quite could within. Bill civil situation to.\nDifference unit tax garden. Fine cause political center her. Design look free treat item ball.</p><p>Also night argue I explain time practice.\nCommercial example reveal window try door great material. Wear data loss. Visit prove either catch will.</p><p>Show young century between box. Statement go guess bad film.\nIdea voice by audience meet everyone next prove. Art leader minute build.</p>',
-      attachments: [],
-      isStarred: true,
-      labels: ['personal'],
-      time: '2021-07-09T15:02:15',
-      replies: [],
-      folder: 'draft',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 46,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'crussell@hotmail.com', name: 'Alexa Burnett', avatar: avatar4 },
-      subject: 'Want manager source car recognize character impact.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Mr attorney role meeting enter.\nMajor serve night often. Region current nation.\nHear each knowledge today. Church positive let anyone hospital member difficult color. Product difference such sea view senior.</p><p>Home require nor material current. State probably customer size soldier music site.\nSeveral east when miss partner language hotel ask. She hold turn. Century general study radio.</p><p>Old community prevent. Subject minute song sport.\nCover woman born decision agree center cold.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['personal'],
-      time: '2021-07-09T06:52:08',
-      replies: [],
-      folder: 'draft',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 45,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'kkim@yahoo.com', name: 'Dominique Paul', avatar: avatar4 },
-      subject: 'Level within enjoy baby.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Opportunity meet author table pressure leader. Owner never investment recent nearly before. Whom ask road.\nBody attorney clear program tonight current. Name watch school hard fly.</p><p>People crime window talk. Cell should third have sit would.\nOccur hit take.\nFact go system really entire common. Fast organization could themselves continue. End ahead rather.</p><p>Action quickly hundred movie choice. Nice yes lose two. Stay practice section onto some firm little Republican.\nLarge fast politics what. Common price speak sign particularly answer. You simply certain which direction.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['important', 'personal'],
-      time: '2021-07-15T14:59:01',
-      replies: [
-        {
-          id: 781,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'amyconner@hotmail.com',
-            name: 'Michael Martinez',
-            avatar: avatar3,
-          },
-          subject: 'Recent seek particularly seem southern charge.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Accept his citizen again anyone. Claim process watch.\nSeven court there. Local author line would real machine officer.\nPlant just benefit operation. Similar soldier wrong part hospital action drive.</p><p>Before throw enough goal different. Doctor remain Mrs political staff.\nSeem successful why check after best pass. Degree because prove church move center space often.</p><p>Might trade cell guess institution. Difference win again.\nCulture life car agency improve you. Thing also hold child apply south box appear. Education itself effort their.\nFast save pull deal his talk issue. Fall sport better step.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['important', 'personal'],
-          time: '2021-07-14T21:30:32',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 6933053,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'ivanguerrero@yahoo.com',
-            name: 'Ashley Fuller',
-            avatar: avatar4,
-          },
-          subject: 'Difference owner claim student site property would.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Hour town against move difference scene cause walk.\nAgreement bag accept society story generation.\nLike process floor lose.\nStop think work off once. Billion institution anyone stuff determine federal attention.</p><p>Notice ever same tonight away performance role increase. Continue best same candidate expect look. Feeling church whole case risk town boy language.\nManage may send rate among. Physical law risk final source. Matter star ago or at possible.</p><p>Hotel I energy piece drop. Learn southern by maintain often evening.\nLate rise husband top skin memory lot.\nTest compare strategy father. Everyone few actually this again minute become.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['private'],
-          time: '2021-07-11T10:46:10',
-          replies: [],
-          folder: 'draft',
-          isRead: false,
-          isDeleted: false,
-        },
-        {
-          id: 8,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: { email: 'lmoreno@yahoo.com', name: 'Ashley Lewis', avatar: avatar4 },
-          subject: 'Candidate available material away.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Ten spend paper. Trial certain those. Make middle campaign might.\nEffect well accept great wall.\nSeem your at small. So his serious high center political man.</p><p>Guess staff argue ready trade whole including. Science four skill best level interesting prevent. Mind he recent another point understand.\nAsk daughter specific hot without body challenge. Official threat pretty left bar check believe bit.</p><p>Trouble result receive political.\nAvailable knowledge increase. Dog computer ability prove paper. Scientist either color capital fall do.\nShoulder bar small. Those thank beyond sea piece.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['important', 'personal'],
-          time: '2021-07-02T03:06:42',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 784835803,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: { email: 'mortiz@gmail.com', name: 'Bradley Hobbs', avatar: avatar7 },
-          subject: 'Tend picture church team place show society.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Republican risk window. Different speak prove college from push main.\nRegion experience field wind get choose. Away drug professional memory. Nation still best fact forget election smile. Sure ready security office question.</p><p>Appear civil appear movie space.\nAmount rule meet wide exactly theory be. Pretty Republican material human that. Page war fear pay.\nAgree fall investment red nothing go also. Expect join against threat and.</p><p>Serve writer leader room.\nPurpose high west lose firm. Mouth between myself get upon avoid power low.\nSurface particular be main yeah. Huge parent morning continue research.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['personal', 'private', 'important'],
-          time: '2021-07-04T08:11:01',
-          replies: [],
-          folder: 'draft',
-          isRead: true,
-          isDeleted: false,
-        },
-      ],
-      folder: 'draft',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 44,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'ethan27@gmail.com', name: 'Daniel Sullivan', avatar: avatar7 },
-      subject: 'Choose security yes relationship recognize consumer democratic international.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Person whom reflect prove show.\nBreak exist which prepare. Collection she population understand result business ability site.\nFact figure recent population condition. What west grow food space former.</p><p>Individual catch management her skin bag specific. Order base project under. Minute watch continue relationship state continue this store.</p><p>Recent cut organization machine.\nEnter today growth five interest some. Million official middle space return. Second cold available seven behind protect owner.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['important', 'personal'],
-      time: '2021-07-12T02:53:08',
-      replies: [
-        {
-          id: 23853,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'hubbardsharon@hotmail.com',
-            name: 'Laura Dominguez',
-            avatar: avatar8,
-          },
-          subject: 'Daughter skill fact rise nice power.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Concern enter model team want admit detail far. West TV themselves short friend agreement service.\nAccording toward free upon draw family state. Account or action president piece.\nCause part fight second. Natural international mean.</p><p>Lay nearly center hear ten season officer water. Pattern loss window follow sure line.\nGlass analysis seat have. Ok budget among moment sing four.</p><p>Product now material play pick deal determine suffer. Most second region represent.\nRich reduce evidence home nothing yeah pressure. Rule play between fast wrong place.\nEvidence color anything because. Wall start manage style central charge beyond.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['company', 'important'],
-          time: '2021-07-12T20:13:42',
-          replies: [],
-          folder: 'spam',
-          isRead: false,
-          isDeleted: false,
-        },
-        {
-          id: 317,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'jameslopez@yahoo.com',
-            name: 'Christopher Farrell',
-            avatar: avatar3,
-          },
-          subject: 'Character fall follow.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Hope bar civil. Final design section those.\nBrother sit many receive vote read large. Reflect evening man realize detail. Party yeah factor never guy.\nSouthern movement everything. Play although movie effect space front.</p><p>Front first say interesting million force issue so. Enjoy least Democrat strong dark. Parent business bill surface arrive daughter.\nUntil home successful might capital. Nearly issue free customer. Carry matter executive country human shake.</p><p>Key do choose however.\nDiscuss each police modern. Apply method speech population participant.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['personal'],
-          time: '2021-07-22T15:28:46',
-          replies: [],
-          folder: 'draft',
-          isRead: true,
-          isDeleted: false,
-        },
-      ],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: true,
-    },
-    {
-      id: 43,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'rmartin@gmail.com', name: 'Nicole Allen', avatar: avatar4 },
-      subject: 'Ten store nature surface that seek black return.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Recognize section different ground million. Source court seek street.\nScience thank two capital shoulder herself certainly. Individual hair general manager why.</p><p>Live hear lawyer quickly player system. American spend ok beautiful. Shoulder drug itself wrong partner event.\nInclude account water success political. Newspaper quality really road. Short maintain raise appear.</p><p>Move cultural others protect season he future. Argue glass loss whether available size apply government.\nFood hand night particular. Change few key would thus.\nGreen talk to improve miss.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['important'],
-      time: '2021-07-27T07:21:36',
-      replies: [],
-      folder: 'spam',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 42,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'adkinsryan@yahoo.com', name: 'Karen Russell', avatar: avatar6 },
-      subject: 'Along represent responsibility security he leg.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Explain through thought forward daughter entire. Investment direction great writer thus blue provide.\nPersonal she community phone same. Remain religious meeting. Data personal meeting agreement style. Next time build.</p><p>Avoid board beautiful strong effect. We star fight quality stay sense soldier. Her social month. System professional social.\nYoung back including benefit position plan just. Line history sometimes check need remain make.</p><p>Radio should magazine yard ahead then. Student knowledge cover general use though.\nEnergy agree away team. Power whose music sort between man analysis. Boy election value.\nClearly law avoid dream. Would around role third seek world present.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['personal'],
-      time: '2021-07-02T20:02:30',
-      replies: [
-        {
-          id: 82117976,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'oblack@hotmail.com',
-            name: 'Michael Mccarthy',
-            avatar: avatar3,
-          },
-          subject: 'Around impact point interest method.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Blood power job common. Spring success arm article. Continue manager blue new enough business six difference.\nMe finish pick energy wear him home. If affect ready east. Light enter speech many off day answer.</p><p>Quality consider statement building suddenly poor. Indeed because image month charge pressure lawyer. Color lot subject leg.\nUs cold everybody clearly evening ago apply. Run between pull. Could amount policy think second take born draw.</p><p>Rest feel forget garden tough citizen him. Sign court point recent.\nClaim wide chair plant. Smile build everyone politics run.\nFactor trip personal.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['private', 'important', 'company'],
-          time: '2021-07-04T15:30:03',
-          replies: [],
-          folder: 'draft',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 3151,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'zjackson@hotmail.com',
-            name: 'Don Stewart',
-            avatar: avatar7,
-          },
-          subject: 'Nation campaign still never church politics business.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Leg simple region out compare include wide. Simply kid away person training how. Answer laugh build attention cell authority be.\nPolitical citizen soldier record score green consider. Catch result traditional debate subject finally security.</p><p>Model seek stand fish three. View might space.\nSection receive fire town prepare public camera order. Sometimes nice another realize level. Shake fill institution forward author matter same.</p><p>Too home after lay senior. Result agree strong finish should easy onto agreement. Size PM usually war recent raise tend use.\nWork section story six billion. Long would add film middle financial third. Citizen up debate room owner deal.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['private', 'company'],
-          time: '2021-07-08T17:55:49',
-          replies: [],
-          folder: 'spam',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 600,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: { email: 'mary98@yahoo.com', name: 'Dana Harvey', avatar: avatar2 },
-          subject: 'Both community term run maybe sort per.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Watch great himself all. Court such building kid from region. Reveal team poor lawyer theory listen.\nSon participant very better. Bed city dog sign.\nBall despite player whatever whatever opportunity. Training social kitchen blood fly.</p><p>May hit expert last. Attention opportunity shoulder. Agency federal just candidate study long.\nNotice first work full write recognize probably. Once writer common low last.</p><p>Hour about entire material. Various from subject military read safe seat. Truth third spend hair role home. Any herself analysis pay.\nGame get class ever enter once its. Job street student ok.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['important', 'private', 'personal', 'company'],
-          time: '2021-07-27T16:48:17',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: true,
-        },
-        {
-          id: 23080678,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'ppineda@yahoo.com',
-            name: 'Samantha Martin',
-            avatar: avatar4,
-          },
-          subject: 'Whether far ready success yes many window.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Cause have like. Unit nearly view feeling arrive player. Nor officer she production fly nice begin value.\nBehavior trade focus any. Or economy information class blue school structure everything. Production white although her total natural space.</p><p>Recognize section and tend. Understand box option agency event drive window. Child himself during statement financial under. Drug daughter attention magazine window go red.</p><p>Because drop measure I significant. Fall type us a staff wind court. Student discuss pattern way.\nPlan should book. Lead decide radio ok foreign behavior bit style.\nHundred no dream smile. Whose put indeed medical.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['personal', 'company'],
-          time: '2021-07-04T13:28:16',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: true,
-        },
-      ],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: true,
-    },
-    {
-      id: 41,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'julie16@yahoo.com', name: 'Tyler Hernandez', avatar: avatar3 },
-      subject: 'Environment success however window student.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>While million social ball surface in late.\nBudget though five so fund purpose.\nBall understand effect teach. Find charge rich child. Do require laugh everybody interesting.</p><p>Season south town performance whole political thought box. Management try just president. Finish fish strong teach enter ahead.\nBehind unit difference expert position two. Let before account baby cut should TV. Explain effort realize need.</p><p>Even item or environment save ten prepare activity. Nearly become current.\nBed nature indicate discussion least career perhaps. Head must sure. Why sea around buy. Audience politics sell strong career.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['important', 'private', 'company'],
-      time: '2021-07-06T01:09:02',
-      replies: [],
-      folder: 'sent',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 40,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'brownsandy@gmail.com', name: 'Michael Smith', avatar: avatar3 },
-      subject: 'Miss strategy want author test.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Hear college professor see agent believe easy. Front test big black shoulder although. Candidate skill every player pressure.\nMany six reason allow kitchen. Respond us bank idea treat sure stuff tonight.</p><p>Nothing stay medical strategy early position maybe buy. Turn board early. Particularly then care value should material.\nSong doctor phone offer. Lawyer fear say discussion result represent. Performance back when cover effort.</p><p>Determine huge with newspaper computer focus detail trouble. Move support strong certainly.\nPopulation administration thing fund push movie democratic community. Town next wonder.</p>',
-      attachments: [],
-      isStarred: true,
-      labels: ['private', 'important'],
-      time: '2021-07-05T16:18:51',
-      replies: [],
-      folder: 'draft',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 39,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'marissa73@hotmail.com', name: 'James Russell', avatar: avatar3 },
-      subject: 'Interview some and minute.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Result last clearly should bad. Need management account other player. Time pressure beautiful teacher provide. Mouth senior explain official would exactly.</p><p>Management attack fight some item. Once century agent method section what. What their defense you. Factor civil significant enough plan different.</p><p>Body amount know condition own gas near state. Strong as black place service.\nSignificant all game. Drive assume from wear option.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['company', 'private', 'important'],
-      time: '2021-07-19T05:03:32',
-      replies: [],
-      folder: 'inbox',
-      isRead: false,
-      isDeleted: false,
-    },
-    {
-      id: 38,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'brendajames@hotmail.com',
-        name: 'Richard Spencer',
-        avatar: avatar7,
-      },
-      subject: 'Town baby them account house save prevent.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Pattern sing wrong late north.\nDeal age risk yourself mission able car defense. Choice audience determine dream spend Congress. Mrs produce everyone who bed civil.</p><p>Forget top well little door at share. Money leg recently from make will radio.</p><p>Result plant rich tonight here discussion draw during. Population play serious their bill. Reduce industry right remember attorney them too.\nFirst once over yard. Standard so low.</p>',
-      attachments: [],
-      isStarred: true,
-      labels: ['company', 'important'],
-      time: '2021-07-16T20:40:12',
-      replies: [
-        {
-          id: 1245629,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'kellyjones@yahoo.com',
-            name: 'Mark Martinez',
-            avatar: avatar5,
-          },
-          subject: 'Movement risk cultural.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Both statement now painting decade guess commercial. Treatment movement over idea drop house expect. Heart sense agree live amount her.\nAuthority data Mr all day stock star. By shake seem shoulder not myself order. Out concern from reach.</p><p>Me worry field three name. Mr history when across around. Garden think rate central challenge guess structure.\nCall difficult relationship house around. Water public maintain. Our myself yet personal government condition.</p><p>Themselves final admit from staff conference no. Ask certain summer set purpose. Budget cost enter town most trip. Most your keep he the power.\nTrip news couple.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['personal'],
-          time: '2021-07-11T06:55:40',
-          replies: [],
-          folder: 'sent',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 1,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'sonyamccall@hotmail.com',
-            name: 'Lisa Richardson',
-            avatar: avatar4,
-          },
-          subject: 'Despite produce officer ground employee president.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Understand conference debate. Among call fear away. Represent camera show job range street.\nInterview continue ahead believe subject. Himself sit them bit with bring. Oil particular represent wish home.</p><p>Your action note rise can food change. Eat claim plant accept wear film available few. Human wind security protect camera line.\nNotice deal to about truth forget every. Dark me camera where different better. Dog involve serve indicate do share for.</p><p>Sort all want oil travel need.\nBag contain hold deal individual pick believe ago. Middle oil receive close fact read. Offer often painting identify sure.\nLearn show next. Learn consider view face. Only life study near.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['important', 'private', 'company'],
-          time: '2021-07-04T15:24:04',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: false,
-        },
-      ],
-      folder: 'spam',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 37,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'juliasosa@hotmail.com', name: 'Cheryl Wright', avatar: avatar6 },
-      subject: 'Movie admit final enjoy particular.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Poor bad find. Report TV over long region defense.\nTwo sister according alone. Natural great before prove north assume become focus. Including work environment water poor.</p><p>Score though true evening again analysis feeling wait. Certain discover carry chance ever. Rich staff test raise discover.\nBoard federal improve bad impact eat box word. Situation blue culture environment road city soon.</p><p>Decade subject another our million or. Be stock interview easy those population maybe. Help send society. Win many team find.\nManagement about guy. Cultural resource prevent natural age tree reduce. Effect carry man.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['important'],
-      time: '2021-07-28T11:05:28',
-      replies: [
-        {
-          id: 3558,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'dillon01@hotmail.com',
-            name: 'Brenda Navarro',
-            avatar: avatar8,
-          },
-          subject: 'Business key Democrat sing.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Meeting carry shake turn. Money because radio lawyer better. World trial view benefit result someone sort expert. American while public question.</p><p>Court ask various serious safe. Cup than hot child sort.\nSmile view issue high recently develop floor. Ten science including force message. Hear room author return risk military.</p><p>Unit vote popular collection strategy group. Newspaper region fly structure seem story art. Skill ever as money meet involve.\nAs environmental sister investment film represent. Until student occur include few science.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['important', 'personal'],
-          time: '2021-07-20T02:27:59',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: true,
-        },
-        {
-          id: 21238317,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'danielle69@yahoo.com',
-            name: 'Erica Miller',
-            avatar: avatar2,
-          },
-          subject: 'Way program finish type yes then area.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Project growth brother. Star capital bring.\nRange movement risk perhaps loss. Team raise card bag hit.\nParticularly last lead system within walk public perhaps. Tax travel suggest physical data company. Mrs fear establish away.</p><p>Treatment fight as foot Republican. Sister happy major I well less fish. Various goal face up. Age put head hotel style tree.\nSurface list evening this stay. Doctor stage would current. Wide audience after paper. Process yard end man future lead.</p><p>Moment push store necessary program. Have health seek. Name safe young career those agent.\nBe protect whatever skin. Read by talk we start. Might author final perform. Tv own follow wife either husband.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['company', 'private', 'important'],
-          time: '2021-07-06T20:33:50',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: true,
-        },
-      ],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 36,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'benjamin30@gmail.com', name: 'Pamela Mueller', avatar: avatar6 },
-      subject: 'Dinner start pretty.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Require might team under authority.\nCustomer value still number deal. Cell both type customer do. Congress opportunity subject.</p><p>Above threat security how. Worry too interesting especially government help instead.\nWide ability study oil training teach. Help lot tree recent admit lot business.\nCapital order himself fall rest room those.</p><p>Impact beat business hear pretty. Current professor nearly agency. Attorney education fish result move.\nFormer military bar middle PM back his. Play nature image matter pick. Standard job smile food.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['company', 'personal'],
-      time: '2021-07-03T05:40:50',
-      replies: [],
-      folder: 'spam',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 35,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'dana33@yahoo.com', name: 'Becky Coffey', avatar: avatar2 },
-      subject: 'Less forget everything only girl.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>His exactly require able. Team become friend chair between within. Employee program power science eight guy dark.</p><p>Crime his teacher imagine outside energy recent. Building week short brother many enter measure. Approach better them area deep.\nChild gas yard character. To management mother never own arm key. Trouble three speech cover feel listen.</p><p>Future north quite partner interesting. Interview investment clear industry Democrat investment. Even ahead identify.\nThese character threat next help include. Offer contain necessary something all. Reflect growth quickly part rate create question.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['important', 'company'],
-      time: '2021-07-08T06:53:31',
-      replies: [],
-      folder: 'spam',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 34,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'hollandjulie@yahoo.com',
-        name: 'Christopher Evans DDS',
-        avatar: avatar5,
-      },
-      subject: 'Financial series artist region.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Peace approach ask course central reality. Decision PM standard production brother report federal its. Wonder common group current often vote.</p><p>Professional sure fear blood much question. Operation ever authority water the woman. Hospital second rich let.\nOpportunity actually decision positive. During beautiful today decide know those. Chance list many create including become instead with.</p><p>Feel put treat. Mention arm name bank side.\nWhy area language reach well. Mother Mr worry order example.\nBegin part stay culture tend. Strategy administration yeah woman measure air. Than exist with indeed population talk.</p>',
-      attachments: [],
-      isStarred: true,
-      labels: ['personal', 'private'],
-      time: '2021-07-12T11:07:10',
-      replies: [
-        {
-          id: 689385,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'wilsonroy@gmail.com',
-            name: 'Chelsea Sims',
-            avatar: avatar4,
-          },
-          subject: 'Prove rest forward wear.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Just trip own remember change these part. Trip success network send not room half yet. Floor pay which expert service.\nWhile both throw sister.\nCertainly remember certain country both. How seat exist. Hundred wind in page.</p><p>Trouble them least control. Forget up scene training garden. Effect for risk remain sign.\nSouthern bill blue general usually end how admit. Whom view final pay population reason. Type fire million on section individual.</p><p>Business specific prepare machine. Area stage poor pull. Performance myself dark school.\nScientist service student nation who wide market. Know clearly they finish. And maintain not soon play right.\nSign similar support cell. Meet less share pass.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['personal', 'company', 'private'],
-          time: '2021-07-26T09:23:33',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: true,
-        },
-        {
-          id: 66371,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'dannynguyen@hotmail.com',
-            name: 'Matthew Schaefer',
-            avatar: avatar5,
-          },
-          subject: 'Staff can next along long true dark.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Hotel only mind create soon north life. Improve pass too important those per including. System four north.\nFamily politics floor huge bad. Light look start apply forward civil agree. Later place expect at build.</p><p>First now against include time experience those and. Their these reveal guy dark. Always option fall evidence once success.\nLive sing gun meet. Spring face political voice. Blood clear couple run left available.</p><p>Visit network so total wife. People artist experience citizen maybe water good.\nHis news wonder note. Consumer kitchen him sport type.\nCandidate fall where structure. Art hour term matter look program.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['personal', 'private'],
-          time: '2021-07-09T01:39:12',
-          replies: [],
-          folder: 'draft',
-          isRead: true,
-          isDeleted: false,
-        },
-      ],
-      folder: 'sent',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 33,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'hsmith@gmail.com', name: 'Wendy Marshall', avatar: avatar8 },
-      subject: 'Enjoy see man news decide build class make.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Because gun area better region role party. Most cultural control radio religious rule human.\nFinal cold positive country story gun.\nThey myself bed involve. Course president health might lot close. Level fine college deal.</p><p>Tree race ground customer. Window prove maybe television possible well soldier over. International run conference free white audience consider.\nInterview ball leg number blood support his turn. Care product a.</p><p>Something ahead painting then option recognize. Use force price then away.\nFind agent hospital physical his. Town money person case during body.\nFast have kitchen character a race walk. Stage bring we entire sort.</p>',
-      attachments: [],
-      isStarred: true,
-      labels: ['personal', 'company'],
-      time: '2021-07-10T22:42:15',
-      replies: [
-        {
-          id: 301809469,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'maryatkins@gmail.com',
-            name: 'Kimberly Cisneros',
-            avatar: avatar4,
-          },
-          subject: 'Family pretty interest decision.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Feeling production spend. Program look stand meet him. Ask away generation phone.\nMachine process window range serious process remain. Good charge in serious study seat. Heavy she concern door fire organization money fact.</p><p>Whether end investment pay. Happy information cup then. Edge fire suffer remain catch.\nDirector international determine might. Clearly fire something player. How that increase ready section. Visit become contain.</p><p>Decide find growth continue movie thank sort.\nPull where attention treat or. Since resource gas person trade organization crime. Growth southern lay lose president likely half.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['private'],
-          time: '2021-07-23T04:23:43',
-          replies: [],
-          folder: 'spam',
-          isRead: false,
-          isDeleted: false,
-        },
-        {
-          id: 930166,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: { email: 'nramirez@yahoo.com', name: 'Kenneth West', avatar: avatar1 },
-          subject: 'Factor TV wife career thing loss increase.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Every public quality also. Almost base imagine former decade pull also the. She stage so military admit.\nSouth better general base reason employee may. Control see way end material service. Everybody fear risk party weight.</p><p>Sea line production appear them through. Late gun something power little care. Interest since test total.\nProvide as condition none wind month thus. Fly sort south artist letter health night.\nWrong group affect even. Identify way interview politics.</p><p>Risk total natural follow music drop sense hospital. Space family cover effect. Live particularly letter generation toward concern reality friend.\nOrganization bar ask great most live seat week. Against western use present.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['private', 'company'],
-          time: '2021-07-14T00:55:32',
-          replies: [],
-          folder: 'sent',
-          isRead: false,
-          isDeleted: false,
-        },
-        {
-          id: 324,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'tina53@hotmail.com',
-            name: 'Douglas George',
-            avatar: avatar1,
-          },
-          subject: 'Recognize to study.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Perhaps pretty color walk different likely think. Southern occur soon chair leave discover heart. Rest product break member operation.</p><p>Agreement I include for.\nState anyone fight interview view west concern. Reach social reason how husband east.\nSometimes able especially simple size behavior. Talk beyond both big another often former.</p><p>Her money art involve building natural garden. Pay them respond step that. Old yourself table would agency. Pay recognize family individual.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['personal', 'company'],
-          time: '2021-07-28T01:47:02',
-          replies: [],
-          folder: 'spam',
-          isRead: true,
-          isDeleted: false,
-        },
-      ],
-      folder: 'spam',
-      isRead: false,
-      isDeleted: false,
-    },
-    {
-      id: 32,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'jeffreystevens@yahoo.com',
-        name: 'Christopher Adams',
-        avatar: avatar3,
-      },
-      subject: 'Finish actually parent condition business discussion later practice.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Design left million test bag character. Pm everybody ago. Table finish sell my pay quite. Often account cover home war.\nCourt sport difference film left guy natural understand. Across ok quite now camera rock.</p><p>Plan citizen star off often evidence remember. Describe professor economic professional represent catch. Employee stand person eye. Region address spend.</p><p>It policy beyond scene. Wide bed culture account eat. Color technology even.\nMight ready option guess. Once create ever worker paper perhaps. Show likely say produce capital court.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['personal', 'important', 'private', 'company'],
-      time: '2021-07-27T09:40:52',
-      replies: [],
-      folder: 'draft',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 31,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'maria99@hotmail.com', name: 'Theresa Schmitt', avatar: avatar8 },
-      subject: 'Life store technology least under black type.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Main each pay bar professional blood fill. The commercial amount thousand carry. Sound ball become court relationship so white.\nFight late exactly evidence evidence art but. Congress spend camera sea other. Theory protect plant wait.</p><p>Her necessary capital around nor issue herself. Late quickly someone own painting moment participant.\nRequire civil night take. Southern cold because option report share fine who.</p><p>List black mean everything read front Mrs. Look whatever street approach fear guess once. Paper somebody hear machine.\nTogether it price world professor country. National worker specific shake. Open security tell all sure none imagine say.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['company', 'private', 'personal'],
-      time: '2021-07-01T03:23:03',
-      replies: [],
-      folder: 'sent',
-      isRead: false,
-      isDeleted: false,
-    },
-    {
-      id: 30,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'kempsarah@gmail.com', name: 'Sherry Guzman', avatar: avatar2 },
-      subject: 'Officer population memory level foot public.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Summer general go happen owner last. Store live organization court think.\nDiscover second million today space activity conference. Generation young design factor interesting. Account always Mrs garden plant.</p><p>Sound discover piece people. Positive decade describe. Focus science free.\nSide mean however plan price me.\nBy later building result important down lay. Try growth structure nation above pull however those.</p><p>Wonder end value lead help quite trial. Recognize teacher establish explain. Try usually find over matter much.\nRaise son mouth.\nBase reach bit recognize focus. Stop best sea improve develop.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['private'],
-      time: '2021-07-20T16:43:48',
-      replies: [
-        {
-          id: 76,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'jessica23@gmail.com',
-            name: 'Lauren Smith',
-            avatar: avatar8,
-          },
-          subject: 'College community effect care.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Task age compare talk yard. Matter turn their price road.\nCulture four decide work chance cost include. Rock return statement. Major major several around method.\nUs would threat federal sense mean.\nCondition as why fast. Guy bit often professor.</p><p>Tell concern difference eye office trade fund fire. Lead report only star hot.\nFeel far factor current girl. Two hair fight a recent movie apply. Again series sometimes recent identify.</p><p>Perhaps agree note between house whom too. Down could important production tend figure special. West far bad impact cause great.\nRepresent green throughout never type trouble outside. Call adult would clearly. Turn stand federal.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['private', 'important', 'personal'],
-          time: '2021-07-20T17:21:18',
-          replies: [],
-          folder: 'draft',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 435260844,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'lkelley@yahoo.com',
-            name: 'Michael Torres',
-            avatar: avatar3,
-          },
-          subject: 'Build learn audience water article ball must.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Method election require important majority five. Seat listen story.\nCause middle act film. Available turn gun before whole especially kind simple.\nStage wrong hot find agree suddenly. Chance source clear share stay few.</p><p>Figure activity role official. Food live personal.\nPersonal no public computer prepare when. Fish available report network if attack among decide. Seem rule inside economic door.</p><p>Budget open send wrong property. Half spend stock less. Degree act general skin these any personal per.\nUntil never state chair already. Product sign best.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['important', 'company', 'private'],
-          time: '2021-07-10T07:00:15',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 7780,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'thomaspeterson@yahoo.com',
-            name: 'Dylan Logan',
-            avatar: avatar1,
-          },
-          subject: 'Artist food section media commercial hospital.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Tax above either world. Candidate accept final challenge which risk. Fact book example positive follow attention.\nCost building central contain natural. Adult least by.</p><p>Fast cause environment go explain necessary. Help citizen others beat sure child. Claim inside whether approach chance always central.\nSide ten bill look fine career. Attention real little power yourself bank.</p><p>Nothing American sister truth medical matter. Use door practice feel point fear. Argue else however involve fact.\nOwn recognize save. Federal brother loss mouth painting paper.\nDemocrat crime join quality. Off politics note soon.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['private'],
-          time: '2021-07-26T23:06:27',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: true,
-        },
-      ],
-      folder: 'spam',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 29,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'daniel37@hotmail.com', name: 'David Cruz', avatar: avatar5 },
-      subject: 'Clearly my usually billion ability response.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Face despite management international talk force detail. Partner score hit democratic fast life property. Age information wear grow rise hard price. Every area character first activity smile.</p><p>Station character American usually nice change young. Make perhaps happy trade since science. Fine think attack successful.\nCrime bit spring city. Lawyer light ball unit instead statement. Lose friend account buy oil ten tend.</p><p>Security identify there. Person factor item build never language.\nEnter stock military early. Wish identify level difference fire wall. Girl finish sense indicate bad.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['private', 'company'],
-      time: '2021-07-01T10:33:17',
-      replies: [],
-      folder: 'sent',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 28,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'areeves@gmail.com', name: 'Anthony Obrien', avatar: avatar5 },
-      subject: 'A type network effort blood do various.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Own measure phone view baby officer. Detail nor television. Wear decade official long.\nCan interview point poor increase pick quickly run. General need audience foot weight firm. Month ability public. Go class let rise spring heart.</p><p>Cover attention letter later many town stuff away. Week lawyer western street.\nUnit rate reality adult. Arrive staff book me many.\nHand perhaps well thank join serious great budget. Including road upon will. Per price mission break.</p><p>Experience late nothing get baby head should. Must technology service address blood.\nChance decide else mean consumer pretty everything. Hospital couple second fly security region brother.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['important', 'company'],
-      time: '2021-07-20T18:39:49',
-      replies: [],
-      folder: 'draft',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 27,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'bnunez@hotmail.com', name: 'Jason Gonzalez', avatar: avatar5 },
-      subject: 'Affect method provide break himself house.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Science design amount responsibility. Seem himself degree. Decade central manage. Rather four decide word.\nQuickly keep such popular different approach woman. Population body decade baby view significant can. Wish a build respond.</p><p>Site cut forget international lay he there. Tax early try authority.\nAbout term enjoy prevent affect. Even environmental kid skill.\nFirst plant number site bad interest board. Investment half so.</p><p>Method sea agent capital later just worker. Main guy cut build building. Condition similar best gun. Dinner new box major artist space in.\nRaise try science grow. House picture raise indeed light.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['private'],
-      time: '2021-07-23T07:42:38',
-      replies: [],
-      folder: 'spam',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 26,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'welchcrystal@gmail.com',
-        name: 'Christopher Sanchez',
-        avatar: avatar5,
-      },
-      subject: 'Trade science concern necessary theory option us.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Top foreign never recent baby girl base. Show charge senior difficult drug effect. Fear on standard doctor stop investment spring.</p><p>One long article market there into. Share nature member owner evening. Form tree real cultural.\nSecond be report teacher admit close.\nWhom skill teach. Blue song ahead weight rather walk line. Five talk require.</p><p>Rate onto nearly address rule side activity. Result ahead you hope woman worker evidence.\nCollection citizen we industry. Sister and that according organization leave. Day agency hope pick.\nEconomic him consider body four section single when.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['important'],
-      time: '2021-07-10T16:15:08',
-      replies: [],
-      folder: 'inbox',
-      isRead: false,
-      isDeleted: false,
-    },
-    {
-      id: 25,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'fullerkatelyn@hotmail.com', name: 'Ana Short', avatar: avatar4 },
-      subject: 'Follow tax officer soon our four relationship consumer.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Couple almost table everyone together contain. Plan fill trip. Perhaps explain college will machine mouth training popular.\nNice include wrong road alone. Could for adult perform.</p><p>Tax ahead ground general industry. Else style only Mr agent all.\nAlready walk edge might forward. Cold wind hard read. Street poor process major especially example defense.\nDecade capital question talk work box forget. Always hear Mr ago.</p><p>Apply camera white natural should another. Past event herself score. Own thus general despite pattern. Ability pressure network mouth sometimes represent.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['important'],
-      time: '2021-07-12T09:22:10',
-      replies: [
-        {
-          id: 4556357,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'woodjames@gmail.com',
-            name: 'Taylor Lopez',
-            avatar: avatar4,
-          },
-          subject: 'Appear imagine western.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Effect fall action chair candidate forward. Away character action start even focus claim address.\nJob once off according put off. Give answer near star cell expert. Use tax care month list.</p><p>Investment it check.\nPopulation oil mouth glass against. Stand all art leader agree.\nHerself only score image prevent bar table. Total treatment enjoy everything. Long later just cover or great meet.</p><p>Exist month watch wish remember simply low. Knowledge treatment maintain fine organization fall identify.\nIdea enough worry coach better stand general. Threat western language must person.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['important', 'company'],
-          time: '2021-07-08T11:19:22',
-          replies: [],
-          folder: 'draft',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 419,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'charlotte46@gmail.com',
-            name: 'Edwin Pena',
-            avatar: avatar3,
-          },
-          subject: 'Hundred happen national measure.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Try high body design blue. Deep improve ahead police.\nHuman behind police international. Around would nor position particular physical break. Pm for against clearly.</p><p>Who in rock then build. Analysis produce kind senior until where. Part east understand.\nChance billion culture might so five. Particularly create story maintain article give fall. Short improve whatever new available wear affect.</p><p>Financial great impact everyone until.\nThem might try range main. Activity decade stock first stock start explain. Write phone nice increase fish several.\nNewspaper exist himself dinner choice agree hear. Great receive today identify.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['company', 'personal'],
-          time: '2021-07-28T00:33:38',
-          replies: [],
-          folder: 'sent',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 5123,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'amandawagner@yahoo.com',
-            name: 'Laura Montes',
-            avatar: avatar2,
-          },
-          subject: 'Administration choice move against provide value none.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Goal throw including miss sometimes staff traditional. Material talk place point pay.\nShake popular part wind. While state light. Explain movement they.</p><p>Our herself indeed let use. Debate front within yes impact change big contain. Purpose outside nothing leg image never dark husband.\nPlant bring decision avoid ground act book. Up hold speech. Local indeed short.</p><p>Cold step herself style important. Week base tree game kid. Coach yet expect determine personal. Here happy peace have cause up.\nApply include recently reality common attention. Effort politics player though fly.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['personal', 'company'],
-          time: '2021-07-23T04:17:17',
-          replies: [],
-          folder: 'draft',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 60679807,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'clarkdwayne@hotmail.com',
-            name: 'Felicia Myers',
-            avatar: avatar2,
-          },
-          subject: 'Me during name.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Miss back sing simply. Tax surface shake page so. Any rule vote for.\nSport six former simple. Daughter business push reality information.\nResource just possible rich enter. Tax full box beat. Network edge cultural among no morning.</p><p>Since but appear place. Trouble particularly paper chair commercial. Offer everyone success trip. Treatment special support resource.\nGun analysis test recently ball. Reality organization family test TV I surface.</p><p>Appear system shake charge nice foot. There our wrong author investment coach. Feel leg economy require push performance out speech. Need hair however commercial.\nLike Congress system whether skin. Research little attention art.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['company', 'important'],
-          time: '2021-07-09T19:19:45',
-          replies: [],
-          folder: 'sent',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 31103,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'hobbsjeffrey@yahoo.com',
-            name: 'Erica Mann',
-            avatar: avatar6,
-          },
-          subject: 'Ability pretty student health current interesting even.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Image American daughter test animal. Somebody especially war loss name only just.\nStation such television also good away so water. Protect across television phone. Realize almost final half fight establish.</p><p>Program skill rest bed east here become law. How loss might purpose low time organization. Industry different enter share budget.\nFeel million how modern whole religious half finish. Hospital stage decision consider democratic.</p><p>Sort move scene behind. First office take together keep note break kind. Either laugh top agree prepare change.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['personal', 'important', 'company'],
-          time: '2021-07-21T11:41:54',
-          replies: [],
-          folder: 'spam',
-          isRead: false,
-          isDeleted: false,
-        },
-      ],
-      folder: 'draft',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 24,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'hmoran@gmail.com', name: 'Vincent Alexander', avatar: avatar1 },
-      subject: 'Over tough city well first should quite.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Sense speech economic compare chair. Suddenly model bank add. Let church door human ready share begin sense.\nPlay weight audience call necessary reach candidate rest. Collection lead voice position news listen police.</p><p>Describe safe almost hold. Rich because trip blue. Discussion born spend because anyone need.\nWonder skill state. Movie receive guess with. Turn pressure market term experience hotel collection.\nOff staff word once money.</p><p>Response north Mrs area writer election. Include early look similar nearly be. Rate happen green not.\nRun bed where state why sit house attorney. Which allow size learn. Describe mind where speak some son herself.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['company', 'important'],
-      time: '2021-07-12T13:33:33',
-      replies: [
-        {
-          id: 324726,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'victorjohnson@yahoo.com',
-            name: 'Tamara Vega',
-            avatar: avatar6,
-          },
-          subject: 'Democrat miss deal career maintain hotel.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Base enter whom respond throughout together. Nor generation various company bar. What consumer how.\nKid recently civil store. High hot assume gun.</p><p>Important win election center. Party less knowledge only magazine past condition yard. Sound doctor say between.\nResult process may have firm wide. Moment audience skill safe fast. Spring although member defense value job.</p><p>Nothing serve media tell network site benefit artist. Left scene strong. As community decide major.\nNearly indeed send begin read. Recent foot three letter wide spend have. Growth whether once home actually without central.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['important', 'personal'],
-          time: '2021-07-13T12:43:08',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: true,
-        },
-        {
-          id: 3,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'jeremywilliams@yahoo.com',
-            name: 'Jason Schultz',
-            avatar: avatar1,
-          },
-          subject: 'Piece effect usually everyone make.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Market easy before really individual window soldier garden. Better space avoid fund. Politics friend class something western model. Seem successful recently sometimes.\nServe shake try for you our. Involve organization last at inside.</p><p>Employee office list player. Pass cold charge.\nEye sometimes article pressure. Chair mission structure him owner. Fight leg common her forget across against.\nMusic national student. At part wide fund.\nReady health everybody.</p><p>Cover century him back card property success. Enter feeling light oil cell push research.\nNow drop everyone must side blood program. Factor fire dark their kind hit everyone person. How property million interesting both important.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['personal'],
-          time: '2021-07-13T19:56:30',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: true,
-        },
-        {
-          id: 4,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'jasonpalmer@hotmail.com',
-            name: 'Deborah Tran',
-            avatar: avatar2,
-          },
-          subject: 'Certain executive them health successful spring.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Commercial individual understand past history large strong.\nPositive summer three need evening. North between pay politics art hand ago cover.\nLevel happen start practice reach. Produce sport show condition. Individual grow education.</p><p>Return fear food enter friend. Great company opportunity nearly garden choose.\nLast capital cell true edge. Daughter cost west stage force tell.\nEvidence stop whether power. North hospital base accept. Message him likely trouble tax business part.</p><p>Just record kind drug four perhaps entire. Economic surface century individual behind understand.\nTax hair charge investment similar perhaps pay. Return room create table other foot happen approach.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['private', 'personal'],
-          time: '2021-07-14T18:37:56',
-          replies: [],
-          folder: 'sent',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 19865651,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: { email: 'danny06@gmail.com', name: 'Walter Moss', avatar: avatar3 },
-          subject: 'Go town spend determine we money experience partner.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Color onto chair very the account article different. Time however total without.\nHerself left knowledge never heart its product over. Citizen range state various same fall would day. Anyone against when grow evening.</p><p>Grow main front thing boy. Accept shake student consumer whom.\nAnyone return between apply.\nRead its prepare young. Week start for again focus doctor. Itself term until see somebody.</p><p>Trial direction idea green young. Success to light later.\nUse box sense indicate ask. Himself six five. Ready government than young represent difficult.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['private'],
-          time: '2021-07-08T13:58:13',
-          replies: [],
-          folder: 'spam',
-          isRead: true,
-          isDeleted: false,
-        },
-      ],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 23,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'paulbarrett@gmail.com', name: 'Robert Soto', avatar: avatar7 },
-      subject: 'Apply loss always difference husband course deal.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Realize American professor television give.\nNice meeting individual could major instead. Late development deep. Memory main how minute reduce want whether happy.</p><p>Capital fight water page artist seem own. Make join public break. Support water analysis cup forget together.\nAgain along listen defense ground mission once region. Last ground experience hot trade free camera.</p><p>Bill floor tonight good condition. Traditional must spring onto break. Left just everybody election. Treatment foreign control dark often.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['private', 'personal'],
-      time: '2021-07-06T23:12:45',
-      replies: [],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 22,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'danagriffin@gmail.com',
-        name: 'Alexander Alexander',
-        avatar: avatar7,
-      },
-      subject: 'Lead position story common choice pay sit line.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Hand style bill phone day new area. Central husband measure could. Democratic health begin draw politics wear interest.\nHim avoid knowledge music. Offer forward happy easy. Just yard one light weight teacher threat.</p><p>American it feel parent protect. Center building recent politics when hand bar under. Without hard relationship issue.\nContinue friend game concern. Agency discussion simply hotel now prevent.</p><p>Sense indeed glass accept interest. Carry window dog onto involve specific.\nRadio despite police scientist economic. Fire affect your term. Send to end avoid political ability.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['private', 'personal'],
-      time: '2021-07-03T07:04:27',
-      replies: [],
-      folder: 'draft',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 21,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'bakercarrie@yahoo.com', name: 'Dawn Hall', avatar: avatar2 },
-      subject: 'Magazine smile hear price.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Ball skin product option anyone. Away involve whatever score.\nCommon ever show all body bed already. Modern politics century sort. Half study write life certain.</p><p>Nothing little whose carry source force heavy employee. Price force leave small follow. Push enjoy down teacher among. Huge nature whose risk season east maybe peace.\nPolitics interview drop sell. Trip from simple matter event.</p><p>Brother simply structure some kitchen some expect. Family personal civil focus professional task specific cut.\nDemocrat continue cause television yourself whether. Find west particular ago stand car.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['important'],
-      time: '2021-07-06T12:47:33',
-      replies: [
-        {
-          id: 6333,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'james94@gmail.com',
-            name: 'Ronald Mitchell',
-            avatar: avatar1,
-          },
-          subject: 'Cost example hope modern especially language rock.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Mr go size financial role. Deal defense about space. Leader site water well side walk need.\nBall impact suddenly those rather have marriage first. May wear need may design.</p><p>Everyone artist run weight. State on executive travel.\nBrother instead nice while such half trial live. Policy truth animal make set them ask.\nPretty almost pick player after involve. Hot energy interview clearly however adult.</p><p>People during left particular rock design war young. Station require reflect. Later space head front within general. Program lose century stage.\nInstead very both. Owner bill tend Congress local.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['private'],
-          time: '2021-07-19T13:54:07',
-          replies: [],
-          folder: 'spam',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 3539,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'averyamy@hotmail.com',
-            name: 'Courtney Reynolds',
-            avatar: avatar6,
-          },
-          subject: 'President attack quickly religious.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Stop military interest. Picture his money go quickly. Possible second wide high.\nTime air somebody on development born charge. Marriage address pull. Laugh chair range standard open list consumer wide.</p><p>Dinner another but student upon out. Soldier current management hair management.\nLikely population measure Democrat serious result reflect. Property tax knowledge. Recognize top peace nature pattern.</p><p>Table teach knowledge. Economic section security she. Myself share oil decide necessary when smile difference.\nService open oil car. Be model record stuff position scene also. All professional plan as radio candidate movie.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['company'],
-          time: '2021-07-06T00:53:34',
-          replies: [],
-          folder: 'sent',
-          isRead: false,
-          isDeleted: false,
-        },
-        {
-          id: 132667,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'englishjohn@gmail.com',
-            name: 'Phillip Warner',
-            avatar: avatar1,
-          },
-          subject: 'Stand never treat commercial.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Like begin million option dream just. Side still six truth alone exist that.\nIncluding himself movement increase significant. Police trial instead success he chair speak. Medical writer oil.</p><p>Successful compare analysis yes successful. Before sit old process similar physical.\nMedical receive debate than. Hit assume baby result place total.\nMoney discussion tax democratic surface everybody thousand. Throw six far home.</p><p>While reality along loss only alone pick current. Ok month view computer. Available drug ask knowledge add choose must.\nScene you ago laugh else city. Receive provide goal husband throughout. Focus local middle civil ever oil.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['important'],
-          time: '2021-07-07T04:28:47',
-          replies: [],
-          folder: 'spam',
-          isRead: false,
-          isDeleted: false,
-        },
-        {
-          id: 815966603,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'davidmckenzie@yahoo.com',
-            name: 'Tony Garcia',
-            avatar: avatar3,
-          },
-          subject: 'However walk less use election.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Shake stop century indicate cut garden. Night learn should low material north economy.\nAnother soldier base whole accept. Natural two everyone television. Sure option key market method week. Mouth day look too western world.</p><p>Company first rise in. Image movement enjoy clearly work box. Process parent fear state these theory want. Close friend team put check.\nCourt practice since account way indeed. Between exactly five. Conference green fast see century notice.</p><p>South six discover college long anyone young. Her company fine hotel rise.\nIf raise long yeah direction painting. Rest tell entire machine than summer laugh list. Personal rise figure collection player yard.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['private', 'company', 'important'],
-          time: '2021-07-07T09:57:28',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: false,
-        },
-      ],
-      folder: 'draft',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 20,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'sandraarroyo@hotmail.com',
-        name: 'Natalie Lloyd',
-        avatar: avatar2,
-      },
-      subject: 'During teach truth group society enough that.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Price agreement more tell. Push special fine turn alone.\nVarious weight shake heavy age control side so. Determine fall family agreement pull guy easy. Sell will director experience where challenge Democrat.</p><p>Fly such evening all entire. Data cold hour.\nLocal strong article tend bag. Probably relate political sell. Service end environmental theory health. Ready think body necessary low result impact.</p><p>Agency trial address per strong bill able. Top lay chair bag positive rich partner. Interest address government argue project attention myself election.\nReach value pattern treat act result star. Staff list federal.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['company', 'important'],
-      time: '2021-07-11T17:48:11',
-      replies: [
-        {
-          id: 7,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'webersamuel@gmail.com',
-            name: 'Steven Jackson',
-            avatar: avatar1,
-          },
-          subject: 'Hotel account interview begin carry everybody its.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Get behavior better walk claim. Material popular civil detail.\nStop strong true first. Science scientist low story. These former near represent.</p><p>Fine value happy admit. Although its four could yet call. May beyond building bank push past perform.\nEnd civil audience son our my artist make. Security wish probably cold space reach life situation.</p><p>Station per choice live safe dog without. Above according break her woman organization market.\nCareer pass race mother manage for. Summer organization stage century fact individual particular.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['personal'],
-          time: '2021-07-18T23:08:26',
-          replies: [],
-          folder: 'sent',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 378459327,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'jobush@yahoo.com',
-            name: 'Mrs. Pamela Riggs MD',
-            avatar: avatar6,
-          },
-          subject: 'Industry difficult want without day partner road.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Never hospital price site without star. Agency nature resource perhaps send. Stand nice must.\nProve window individual final. Exactly collection boy picture try operation increase. About purpose American type include store determine.</p><p>Speak they reality consumer ball church.\nWorld sit price. More local clear. Camera kind food.\nShe often term somebody prove. Would low over someone law.\nInstitution any among face begin race term do. Teach language technology get animal good.</p><p>Play cell type process certain total stay. Court enough side choice again speech.\nBy alone young scientist walk individual a. Mind relate whatever fund vote contain. Reflect special hospital study may local.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['personal', 'private'],
-          time: '2021-07-18T03:59:12',
-          replies: [],
-          folder: 'sent',
-          isRead: true,
-          isDeleted: false,
-        },
-      ],
-      folder: 'spam',
-      isRead: false,
-      isDeleted: false,
-    },
-    {
-      id: 19,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'washingtonsamantha@hotmail.com',
-        name: 'Jessica Johnston',
-        avatar: avatar6,
-      },
-      subject: 'Exist general medical under entire radio.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Process book suddenly plan sense change science. Prepare air option response. Voice range human.\nYet staff back idea note his cold. Raise service about state final official.\nHair when expect ok sit food. Religious rule doctor all.</p><p>Need improve field set wrong born.\nConsider there situation also something. Glass finally must special. Region news water responsibility to my short. Deal hotel fill.</p><p>Successful apply reality think woman short. Hope various indeed onto third audience.\nWay score none. Raise budget tough dinner name. Similar something fall certain I different.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['private'],
-      time: '2021-07-24T18:10:41',
-      replies: [],
-      folder: 'spam',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 18,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'mcleanrobert@hotmail.com',
-        name: 'Matthew Lee',
-        avatar: avatar1,
-      },
-      subject: 'Travel free or write determine.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Edge memory where short stuff. Seven summer from sometimes body probably church.\nYeah might enough believe world person somebody. Compare summer road save magazine.</p><p>Light street wear home. Result baby my show current present. Attorney analysis rule democratic bed top.\nFace should pay side federal responsibility item. Test step safe his yourself.\nHold language interview other agency. Leg soon determine.</p><p>Make style already you physical.\nAir challenge fund dark. Myself another evening let big improve parent huge. Money fly investment practice.\nProvide feeling peace open decide course. Community attack her magazine white. Those let any beyond.</p>',
-      attachments: [],
-      isStarred: true,
-      labels: ['private', 'company', 'personal'],
-      time: '2021-07-24T00:15:10',
-      replies: [],
-      folder: 'draft',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 17,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'perkinselizabeth@gmail.com',
-        name: 'James Wilson',
-        avatar: avatar7,
-      },
-      subject: 'Always beautiful name push miss international.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Skin if open line speak wish. Ten size their happen trial. Will third prevent.\nPopular wall indeed memory cause generation under age. Less one pressure guy song.\nUpon theory item science speak mission. After read plan official good week yet show.</p><p>Shake trip when once break election red. Left individual store site prepare figure. Once indicate blue wear effect person catch.\nWind chance entire perhaps carry notice leg. Successful property education. Guy option include.</p><p>Author of exist no bag exactly. To impact since.\nArgue market strategy evidence start business movie. Million fire crime magazine mention.\nDeep figure full Mr. Take response four serve law. Forward late part.</p>',
-      attachments: [],
-      isStarred: true,
-      labels: ['important'],
-      time: '2021-07-07T22:14:25',
-      replies: [],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 16,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'garcialauren@hotmail.com',
-        name: 'Gregory Allen',
-        avatar: avatar3,
-      },
-      subject: 'Test look option movement position card cause.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Key rather religious director week inside campaign. Sport fast activity.\nCamera go sing development up pay. Product toward well.\nRepresent appear civil skill son city leg. Best road attorney religious. Issue collection who peace morning director.</p><p>Above know trip beyond smile science. Part sport behavior notice establish. Recent direction similar everything admit pretty.\nBehind a knowledge second sound. Body soldier begin word site.</p><p>Sense policy rule after no response itself. Have magazine draw should bit often food. Car start that trade person.\nLeft pattern PM identify before executive Mr. State two your meeting task different.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['personal', 'company', 'important'],
-      time: '2021-07-11T00:14:13',
-      replies: [
-        {
-          id: 744639799,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'howardjustin@gmail.com',
-            name: 'Rebecca Smith',
-            avatar: avatar6,
-          },
-          subject: 'Region stop vote tonight partner capital us.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Republican ten picture although partner green.\nWrite his than another hand only. Focus night table speak ahead couple. Baby me single another already unit hand.</p><p>On alone involve.\nMusic author event story east pressure thus. Game power administration.\nNext standard boy provide although city short society. Hospital company old view.</p><p>Interest see majority ability center hope. His decision use most four return college. Born technology affect like.\nAlong your military there note great day attack. Specific I throughout. Hand month family open.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['personal', 'important', 'private'],
-          time: '2021-07-05T08:12:17',
-          replies: [],
-          folder: 'sent',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 18,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: { email: 'dwelch@yahoo.com', name: 'Peter Davis', avatar: avatar1 },
-          subject: 'Second ground way child seem social resource appear.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Building believe manage analysis artist another enough similar.\nFood provide long view civil couple. Citizen too health west culture rule finish administration. Political ever eight message specific mission.\nServe determine city stand four present.</p><p>Moment compare red or institution begin more. Nothing law long might degree. Meet relationship work money human probably head.\nForward region their high with region their. Many side goal.</p><p>Customer thousand amount ask other might. Article energy wide relationship. Prevent save himself wrong action.\nShow entire play upon at shake. Unit heavy training window probably start share. Common by allow.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['personal'],
-          time: '2021-07-23T16:37:03',
-          replies: [],
-          folder: 'draft',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 712,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: { email: 'larrybrown@yahoo.com', name: 'Amy Peters', avatar: avatar4 },
-          subject: 'Interesting strategy south ok recognize shoulder lead.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Bring dark let list then kitchen audience. Agreement raise result decision choose without.\nIndicate yet radio consider perform western. Find follow far require wish than pattern. Meeting benefit through seven service.</p><p>Question response big son student stuff. There imagine hold pick friend. For join condition try.\nAnimal foot work public one brother hit.\nWithout free business new degree. Local administration it those animal.</p><p>Simply less tax. Stuff apply member deal rather sort. Best politics project say rest.\nCare expect program break concern development care. East seat window. Kind firm cover up share perhaps.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['personal'],
-          time: '2021-07-17T02:58:14',
-          replies: [],
-          folder: 'draft',
-          isRead: true,
-          isDeleted: false,
-        },
-      ],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 15,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'dreed@hotmail.com', name: 'Rhonda Hamilton', avatar: avatar4 },
-      subject: 'They new police guy trade carry bad.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Certain operation woman production especially second. To answer main good democratic move likely radio. Down rise human model land culture the.</p><p>Ten actually feeling call blue human. Less forward star another something he.\nUsually scene door enjoy heavy view management. Eye data conference. Attention traditional especially star else federal course. Speak position season stage head when.</p><p>Foot face beautiful little seven former you usually. Candidate hotel help.\nKitchen heavy she. Agent put move sister much. Hit some baby have fight.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['company', 'private', 'important', 'personal'],
-      time: '2021-07-18T12:06:21',
-      replies: [],
-      folder: 'spam',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 14,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'andersonkatrina@hotmail.com',
-        name: 'Richard Buckley',
-        avatar: avatar7,
-      },
-      subject: 'Hospital small technology defense affect car.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Finish race write suggest visit pay east. Might point heavy care.\nSociety who happen stock over toward account. Question shake city share marriage drug.\nEvery test total agency another like. Wall day word camera art.</p><p>As thus necessary degree always support fall. Leader town agree improve check career. Later service when artist customer blood.\nEasy daughter tend no raise. Throw glass various among nearly act if. Than area sort trial many marriage old decision.</p><p>Worker coach together raise civil term themselves. Television something ok thank.\nAlmost song task there budget quite process than. Sell which apply environmental.\nDrop mind computer increase born.\nAuthor with will time. Garden others agency wall.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['personal', 'company', 'private'],
-      time: '2021-07-09T06:36:05',
-      replies: [],
-      folder: 'sent',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 13,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'kimberlyrobinson@hotmail.com',
-        name: 'James Brady',
-        avatar: avatar3,
-      },
-      subject: 'There bar risk bring.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Thought prepare want hand character design most. Run result attack before.\nVoice return give right way along. He lose change season less cell moment use. Today benefit would somebody.</p><p>Million area million across near company heart. Happen official knowledge look. Turn class interesting.\nGive product fund would factor into hope. Everyone painting program forget including.</p><p>Begin force foreign degree detail oil such.\nFirm scene individual here point. Particular interview before people last shoulder. Appear until spend under along magazine.</p>',
-      attachments: [],
-      isStarred: true,
-      labels: ['personal'],
-      time: '2021-07-06T02:27:43',
-      replies: [],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: true,
-    },
-    {
-      id: 12,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'ugray@gmail.com', name: 'Jane Buckley', avatar: avatar2 },
-      subject: 'Picture everything throw happen nothing social.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Cell role hundred husband president figure. Make how real again.\nDevelopment image develop Republican. Military head drop. Relate wait able art.\nPolice response range establish back. Chance assume subject stock appear good research.</p><p>Thousand PM speech hear three yard should for.\nMachine crime too represent campaign book. According call each.\nPicture site create sister. Opportunity become who never bed number develop set. Major finish everyone meet vote letter across.</p><p>Reality send American. Democratic serious event oil lose. Tax position down front service improve election.\nThreat heavy over. Each leave several writer card politics. Question feel technology many thank.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['important'],
-      time: '2021-07-18T13:42:20',
-      replies: [],
-      folder: 'spam',
-      isRead: false,
-      isDeleted: false,
-    },
-    {
-      id: 11,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'morrisjaclyn@gmail.com',
-        name: 'Kathryn Smith',
-        avatar: avatar6,
-      },
-      subject: 'Green attorney government same course join in woman.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Employee society live back. Bar woman film education.\nImportant report avoid. Wait nor goal. As morning say clear.\nBody strong of alone camera fall. Civil program particular first garden. Social become voice law quality.</p><p>Mouth whole for positive. Certain tough especially nature claim box.\nFill space allow second second cut. Bank want why decide recognize space.</p><p>Outside ability second whose second. Point stand bank list defense understand seat.\nClear finish follow media sing type. Technology white practice miss price.\nDifference establish some nation western job meeting. Give article beautiful.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['private'],
-      time: '2021-07-08T14:51:49',
-      replies: [
-        {
-          id: 133615687,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'juan31@gmail.com',
-            name: 'Jennifer Robinson',
-            avatar: avatar8,
-          },
-          subject: 'Beautiful despite note couple pretty issue near.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Store use cultural human smile. Subject trip that laugh.\nWalk sense a operation about window small southern. Show road them movement.</p><p>Water behind do else just. Reach mean science yet among what.\nGreen modern design us know use others weight. Recently wonder soldier within plan.\nRoom test story see southern special nice. Drop take mind plant throw American my. A husband sit thing.</p><p>There performance fine coach way majority truth. House beyond candidate beyond debate painting alone. There significant poor something chance spring. Yeah worry white Democrat.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['private'],
-          time: '2021-07-13T14:02:08',
-          replies: [],
-          folder: 'sent',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 867,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'gflores@hotmail.com',
-            name: 'Cindy Hernandez',
-            avatar: avatar2,
-          },
-          subject: 'Watch vote decide compare start.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Choice race different. Yard case newspaper wide series growth identify.\nBeyond go rest read me. Though quite industry method animal organization leave quality.</p><p>Back music theory fund produce. Foreign hard board learn home add. Data political buy budget think.\nBook consumer future writer. Bag evidence thus school.\nDifficult my accept yard. Million loss officer person language to. Television room feeling.</p><p>Country myself current tough image school. Court activity catch low value. Hotel local through.\nFocus attorney computer evening you always. Guess require event picture director. Garden floor month husband mention.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['company', 'important', 'private'],
-          time: '2021-07-12T14:38:42',
-          replies: [],
-          folder: 'sent',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 7,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'judyvillarreal@hotmail.com',
-            name: 'Amy Chavez',
-            avatar: avatar8,
-          },
-          subject: 'Member around task woman as.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Police physical down generation condition throw foot relate. Table experience represent practice development.\nOrder option success thank miss. Tree knowledge light police service remain during. Entire respond join hit kind enjoy language.</p><p>Modern page social decide though small realize impact. Around special difficult level organization course her.\nMr tree three former this husband hold. Local expert especially should writer visit moment. Quite move travel less.</p><p>Nearly loss those democratic bring production. Ago economic method consider discuss.\nCapital approach red but reveal successful. Middle television treatment. Turn recent reflect interview.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['company', 'private'],
-          time: '2021-07-17T02:32:58',
-          replies: [],
-          folder: 'spam',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 59708653,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'mwalker@hotmail.com',
-            name: 'Marcus Campbell',
-            avatar: avatar3,
-          },
-          subject: 'Woman ability middle choose vote few ability.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Because structure put. Face business possible light box.\nSmile group six history financial. General try financial either discuss like million. Begin create fill series age.\nExist control popular begin deep. Sit another health live.</p><p>Politics side finally senior sit here activity protect. Heavy major control education. Bad involve want skill project feel.\nNone usually kid study eight. Civil consider effort. Marriage front their live eye significant far.</p><p>Scene keep major bank up prepare others. Change century brother media energy alone. Life range explain interest address.\nMedical account indicate hit start live support. Prove popular claim direction college.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['private'],
-          time: '2021-07-04T03:37:29',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: true,
-        },
-        {
-          id: 804622,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'lauramartin@hotmail.com',
-            name: 'Connie Osborne',
-            avatar: avatar8,
-          },
-          subject: 'Heavy ball debate style message main rate.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Feeling ability finish kitchen majority same moment. Decision money compare really education deal. Officer get be food ahead compare stay.\nDeep teacher state. Guy purpose too remain help enough.</p><p>Cut city father while green both information.\nLetter left fall body general. Very exactly common though policy star. Former health arm respond treatment.\nEnter industry will trouble day authority agree blood. Indeed air until but idea nor enter.</p><p>Site direction lay hotel these. Role focus affect focus before. Gas fill figure rise marriage like offer child.\nAgainst wall either. Mind one ready total. Fly food why part for again season.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['company', 'important', 'private'],
-          time: '2021-07-02T03:33:03',
-          replies: [],
-          folder: 'sent',
-          isRead: true,
-          isDeleted: false,
-        },
-      ],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 10,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'sean36@gmail.com', name: 'Ronald Buckley', avatar: avatar5 },
-      subject: 'Blue both light anyone trial nor approach tough.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Take anything season ok. Nor than war fine speak happen. Where business hold continue message state for.\nMorning southern allow. Mission color camera how Republican behind. Learn five break suffer.</p><p>Over born sure continue. Option show meet however.\nModel no mean us. Enough as space herself article bring others. Place them need drive cost decide.</p><p>Million friend remain product eye Congress. Education near amount middle.\nSay key past if shoulder rule. Others mean behind case interesting bag near option. Step why example mean thus. Fish forget turn never kind boy anyone.</p>',
-      attachments: [],
-      isStarred: true,
-      labels: ['personal', 'important'],
-      time: '2021-07-11T11:09:30',
-      replies: [],
-      folder: 'spam',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 9,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'wkline@yahoo.com', name: 'Jennifer Garcia', avatar: avatar6 },
-      subject: 'Simply idea project health prevent beyond both after.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Second again well doctor because election necessary point. Campaign about from western themselves particular loss popular. During garden star couple water simply area.</p><p>Worker leave know mission southern. Sea eye walk moment.\nCamera executive education wall marriage say. Man tend perform. Issue area great financial note other guess.</p><p>Likely market physical heavy quite we.\nRecent how room page sit fast Congress fight. Interview establish watch water.\nLoss family picture mind consumer about PM. Safe natural size. Character recognize painting movie.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['personal', 'company'],
-      time: '2021-07-17T20:25:41',
-      replies: [],
-      folder: 'inbox',
-      isRead: false,
-      isDeleted: false,
-    },
-    {
-      id: 8,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'tolson@gmail.com', name: 'Lindsey Melton', avatar: avatar2 },
-      subject: 'Amount collection marriage price.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Join list dog rate doctor surface share. Meeting beat particular sing apply space.\nClear down thought magazine meet.\nWould better sport wide personal matter. Analysis effort school officer such. Age blue future her start marriage.</p><p>Material year close beat rest happy. Interview material over thought. Win until morning certainly.\nDevelopment personal direction game present.</p><p>Accept wall price hair garden staff. Enough off rest. Beyond half small lay agency.\nOption in hand charge direction least message. Safe minute situation just floor. Guess month than already.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['company'],
-      time: '2021-07-25T05:19:46',
-      replies: [],
-      folder: 'inbox',
-      isRead: false,
-      isDeleted: false,
-    },
-    {
-      id: 7,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'jeffrey89@gmail.com', name: 'Amanda Pratt', avatar: avatar4 },
-      subject: 'Pull clear protect start exactly purpose scientist food.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>See beautiful necessary hold. Marriage TV cut look chance whom.\nHeavy girl like only special position hot throw.\nReligious someone value girl save avoid. Market soon against central baby. So follow paper run along bag.</p><p>Worry provide form. Walk receive adult.\nMind style campaign blood. Public sign allow history nature customer. Offer how answer join.\nDiscussion blue Congress half important beat without. Authority key personal forget quickly model quickly really.</p><p>Better know magazine. Attention discuss staff turn affect tough.\nSo later whose reveal follow. Almost someone end. Rate necessary dog strategy.\nHope administration born his. Upon foot vote ability medical. Poor behind stage opportunity.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['company'],
-      time: '2021-07-12T16:41:20',
-      replies: [],
-      folder: 'spam',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 6,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'gentryjeff@yahoo.com', name: 'Joseph Clark', avatar: avatar3 },
-      subject: 'Grow seat discover.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Become laugh and up onto. Sister raise pretty material picture. Own middle region open.\nProcess rock throw kind.\nQuestion them interest some international notice agreement. Control remember purpose.</p><p>Level consumer contain process rise system. Ten responsibility finally detail development else.\nRace well letter. Over receive it might.\nDifferent use send than he everyone. Drive answer develop bad past budget.</p><p>Increase prove theory million lose down quickly.\nMoment young just position information.\nName discover different majority use seek. Religious world discover never pressure ok develop. Name also all. Drug city program way.</p>',
-      attachments: [],
-      isStarred: true,
-      labels: ['personal', 'private'],
-      time: '2021-07-20T13:44:07',
-      replies: [],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: true,
-    },
-    {
-      id: 5,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'maciaspatricia@hotmail.com',
-        name: 'Alisha Hughes',
-        avatar: avatar4,
-      },
-      subject: 'Play hope gas military that.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>International hundred anything see ten but long. Collection edge difference turn other let price. Would ahead commercial may scene develop minute.\nOnly film avoid. Last dark party store. Collection another three movement network ready hit.</p><p>Report keep probably individual argue.\nKid activity style million. Late stage lawyer answer.\nReligious both opportunity wide. Once television amount necessary so line. Now simple shoulder ground.</p><p>Radio idea glass realize research floor. Why range brother baby own impact century. Believe service doctor once.\nKnowledge finally anything sea. Across certainly reality provide. Past center feeling financial.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['important'],
-      time: '2021-07-04T09:53:05',
-      replies: [],
-      folder: 'spam',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 4,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'rvalenzuela@hotmail.com',
-        name: 'Michelle Murphy',
-        avatar: avatar6,
-      },
-      subject: 'Anyone want yet forget effect.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Expert space school material success security interest. Realize size seem growth game evidence. Time itself fine travel.\nCup reason environmental analysis.</p><p>Chance election look. Pretty job they officer other.\nBrother challenge military dark. Decade behavior several few race ball along. Amount rich suddenly stand. Mention street local site.</p><p>Join thus employee determine degree lead player. Color room ever soon easy. Administration toward experience why.\nSea hard detail rule. Strong factor language enjoy find.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['company', 'important'],
-      time: '2021-07-17T15:51:47',
-      replies: [],
-      folder: 'spam',
-      isRead: false,
-      isDeleted: false,
-    },
-    {
-      id: 3,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'gbeltran@gmail.com', name: 'Charles Cooper', avatar: avatar1 },
-      subject: 'Fight account night short.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Get through stay. On difficult popular.\nFine turn mean artist. President explain turn professor fly prove cultural. Moment field front.\nSuccess almost various week. North message herself front eight. Final huge right happy.</p><p>Analysis rise son let. Age specific against visit.\nPerhaps series unit center total. Bed hour sense. Star morning history design late.\nOnce but fund share education. Majority face what year interest wish financial pretty.</p><p>Class treat enjoy stock seven natural establish indeed.\nHelp eat figure rich. Although bill discover build town.\nAsk continue claim here hand surface. Success foot action close treat.</p>',
-      attachments: [
-        {
-          fileName: 'log.txt',
-          thumbnail: txt,
-          url: '',
-          size: '5mb',
-        },
-        {
-          fileName: 'performance.xls',
-          thumbnail: xls,
-          url: '',
-          size: '10mb',
-        },
-      ],
-      isStarred: true,
-      labels: ['important', 'company'],
-      time: '2021-07-22T19:12:31',
-      replies: [
-        {
-          id: 756051771,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'rwhitehead@yahoo.com',
-            name: 'Bruce Johnson',
-            avatar: avatar3,
-          },
-          subject: 'Guy someone wind.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Century those system character. Enter mind she baby compare movie. Soldier reality guy end meeting go.\nPositive only our important. Month world century impact nothing such bar. Term their himself safe its deep.</p><p>Coach bank agent value glass race. Instead reason suffer bar role action finally town. Political market window of although least will.\nGuess thought chance term.</p><p>Pressure tonight beyond because wait early leader prove. Ground reality court event bar. Behind manage really so four vote.\nSecond series score thus.\nRealize move around baby interview clear.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['personal', 'private'],
-          time: '2021-07-22T16:03:07',
-          replies: [],
-          folder: 'spam',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 4255040,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'perezannette@gmail.com',
-            name: 'Kyle Christensen',
-            avatar: avatar7,
-          },
-          subject: 'Each close probably.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Late contain dream why ready go spring to. Against page medical wonder just fall card four. Unit live manager within feeling.\nSupport democratic lose list law. Baby address inside area or. Little individual remain sister area since thousand.</p><p>Culture effect similar clear population stuff himself quite. Trade story quality quite successful such.\nEven might his continue necessary thousand give. Record former tend determine true population reflect.</p><p>Dream when TV try loss central. Billion direction up run reduce that record. Ability then best draw.\nRich second yourself deep about foreign impact. Crime military appear shoulder bed. West job call home health woman lot.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['personal'],
-          time: '2021-07-15T20:54:36',
-          replies: [],
-          folder: 'draft',
-          isRead: false,
-          isDeleted: false,
-        },
-        {
-          id: 946586133,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'ramirezsarah@yahoo.com',
-            name: 'Tammy Lloyd',
-            avatar: avatar8,
-          },
-          subject: 'Security set letter once.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Hair kind piece main want evening career. Water artist source ago south design father. Mention movie number house yeah some government.\nScore rock idea seven establish of. Candidate oil fact about to spend about.</p><p>Not both energy key.\nMust face those idea address pull.\nLet look cover star place later. Personal student both window agency produce.\nRemember cause hour explain box worry. One upon might soon enter baby car consumer.</p><p>Character service your idea. Adult guess stay us. Law would improve.\nWithin official anyone Mr. Difference before record treatment perhaps audience culture. Along present experience because history challenge detail.</p>',
-          attachments: [],
-          isStarred: true,
-          labels: ['company', 'important'],
-          time: '2021-07-20T05:34:05',
-          replies: [],
-          folder: 'spam',
-          isRead: true,
-          isDeleted: false,
-        },
-        {
-          id: 182449812,
-          to: [{ email: 'johndoe@mail.com', name: 'me' }],
-          from: {
-            email: 'evansantonio@yahoo.com',
-            name: 'Shawn Flores',
-            avatar: avatar5,
-          },
-          subject: 'Card yeah need shake.',
-          cc: [],
-          bcc: [],
-          message:
-                        '<p>Fine wonder sister order rock conference lose should. Personal party drug sense way north. Hear stock political pick model.</p><p>Focus population expert sense past green. Call community property tough news instead bad. War explain former quite else explain next guy. Education like send method method.</p><p>Necessary detail teacher company discuss world activity. And me get star eat power. Read sound wish already culture seek because face. Attorney purpose green.</p>',
-          attachments: [],
-          isStarred: false,
-          labels: ['personal', 'private'],
-          time: '2021-07-22T14:31:03',
-          replies: [],
-          folder: 'inbox',
-          isRead: true,
-          isDeleted: true,
-        },
-      ],
-      folder: 'inbox',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 2,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: {
-        email: 'wilsonwilliam@yahoo.com',
-        name: 'Rachel Palmer',
-        avatar: avatar2,
-      },
-      subject: 'Account base lose detail.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Religious system evidence star meeting notice draw. Garden audience sometimes strong imagine vote free.\nLow Republican nice. Toward fund decade ever. Likely itself serve camera risk adult imagine.</p><p>Main nice environmental address defense. Toward movie inside every. Else event message continue.\nReturn rise attorney black role. Individual build tonight soldier return environment successful. Dinner learn rock mother wife all.</p><p>Yard but card her then. Foreign evening ability my president dog guess. Leave husband south.\nHealth leg represent yeah. Turn sell onto kid several. Morning degree few.\nStart dark measure big end role. Property attention walk eye exist.</p>',
-      attachments: [],
-      isStarred: false,
-      labels: ['important'],
-      time: '2021-07-10T01:13:20',
-      replies: [],
-      folder: 'draft',
-      isRead: true,
-      isDeleted: false,
-    },
-    {
-      id: 1,
-      to: [{ email: 'johndoe@mail.com', name: 'me' }],
-      from: { email: 'edavid@yahoo.com', name: 'Wendy Harris', avatar: avatar2 },
-      subject: 'Step face collection heart light cultural prepare.',
-      cc: [],
-      bcc: [],
-      message:
-                '<p>Suddenly man team would nor piece. Miss democratic receive.\nWindow measure drug success recent necessary group mission. Exist school under student rock trial treatment.\nRun season there social. Visit staff floor network improve home the.</p><p>Lay laugh sea sit food parent. Line move scientist floor establish like production. Decade PM exist moment.\nBeat under campaign say. Term gun local Congress democratic.</p><p>Chance poor attack far kitchen will. Appear thing also child whom manage hospital. Federal trouble fear between receive such involve here.\nSeek wife increase draw hair. Onto style minute democratic. Clearly music outside standard.</p>',
-      attachments: [],
-      isStarred: true,
-      labels: ['important', 'private'],
-      time: '2021-07-18T11:43:46',
-      replies: [],
-      folder: 'sent',
-      isRead: true,
-      isDeleted: false,
-    },
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/email/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/email/index.ts
deleted file mode 100644
index 938ff62..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/email/index.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { destr } from 'destr'
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/apps/email/db'
-import type { Email, EmailLabel } from '@db/apps/email/types'
-
-export const handlerAppsEmail = [
-  // 👉 Get Email List
-  http.get(('/api/apps/email'), ({ request }) => {
-    const url = new URL(request.url)
-
-    const q = url.searchParams.get('q') || ''
-    const filter = url.searchParams.get('filter') || 'inbox'
-    const label = url.searchParams.get('label') || ''
-
-    const queryLowered = q.toLowerCase()
-
-    function isInFolder(email: Email) {
-      if (filter === 'trashed')
-        return email.isDeleted
-      if (filter === 'starred')
-        return email.isStarred && !email.isDeleted
-
-      return email.folder === (filter || email.folder) && !email.isDeleted
-    }
-
-    const filteredData = db.emails.filter(
-      email =>
-        (email.from.name.toLowerCase().includes(queryLowered) || email.subject.toLowerCase().includes(queryLowered))
-            && isInFolder(email as Email)
-            && (label ? email.labels.includes(label as EmailLabel) : true),
-    )
-
-    // ------------------------------------------------
-    // Email Meta
-    // ------------------------------------------------
-    const emailsMeta = {
-      inbox: db.emails.filter(email => !email.isDeleted && !email.isRead && email.folder === 'inbox').length,
-      draft: db.emails.filter(email => !email.isDeleted && email.folder === 'draft').length,
-      spam: db.emails.filter(email => !email.isDeleted && !email.isRead && email.folder === 'spam').length,
-      star: db.emails.filter(email => !email.isDeleted && email.isStarred).length,
-    }
-
-    return HttpResponse.json({ emails: filteredData, emailsMeta }, { status: 200 })
-  }),
-
-  // 👉 Update Email Meta
-  http.post(('/api/apps/email'), async ({ request }) => {
-    const { ids, data, label } = await request.json() as { ids: Email['id'] | Email['id'][]; data: Partial<Email>; label: EmailLabel }
-
-    const labelLocal = destr(label)
-
-    if (!labelLocal) {
-      const emailIdsLocal = destr(ids) as unknown as Email['id'][]
-
-      function updateMailData(email: Email) {
-        Object.assign(email, data)
-      }
-
-      db.emails.forEach((email: Email) => {
-        if (emailIdsLocal.includes(email.id))
-          updateMailData(email)
-      })
-
-      return new HttpResponse(null, { status: 201 })
-    }
-    else {
-      function updateMailLabels(email: Email) {
-        const labelIndex = email.labels.indexOf(label)
-
-        if (labelIndex === -1)
-          email.labels.push(label)
-        else email.labels.splice(labelIndex, 1)
-      }
-
-      db.emails.forEach(email => {
-        if (Array.isArray(ids) ? ids.includes(email.id) : ids === email.id)
-          updateMailLabels(email)
-      })
-
-      return new HttpResponse(null, { status: 201 })
-    }
-  }),
-
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/email/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/email/types.ts
deleted file mode 100644
index f41227e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/email/types.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-export type EmailFolder = 'inbox' | 'sent' | 'draft' | 'spam'
-export type EmailFilter = EmailFolder | 'trashed' | 'starred'
-export type EmailLabel = 'personal' | 'company' | 'important' | 'private'
-
-export interface EmailTo {
-  email: string
-  name: string
-}
-
-export interface EmailFrom {
-  email: string
-  name: string
-  avatar: any
-}
-
-export interface EmailAttachment {
-  fileName: string
-  thumbnail: any
-  url: string
-  size: string
-}
-
-/*
-  - You can have draft mail in your inbox
-    - We can have flag isDraft for mail
-  - You can't move sent mail to inbox
-  - You can move sent mail to inbox
-
-  --- above are gmail notes
-
-  - We will provide inbox, spam & sent as folders
-    - You can't move any mail in sent folder. Sent mail can be deleted or retrieved back
-  - We will provide isDraft, isSpam, isTrash as flags
-  - draft is flag
-  - trash is flag
-  - spam email can be moved to inbox only
-  - We will provide isDeleted flag
-
-  === this is too confusing 😔
-
-  // this is final now 💯
-  folders => inbox, sent, draft, spam
-  flags: starred, trash
-*/
-
-export interface Email {
-  id: number
-  to: EmailTo[]
-  from: EmailFrom
-  subject: string
-  cc: string[]
-  bcc: string[]
-  message: string
-  attachments: EmailAttachment[]
-  time: string
-  replies: Email[]
-
-  labels: EmailLabel[]
-
-  folder: EmailFolder
-
-  // Flags 🚩
-  isRead: boolean
-  isStarred: boolean
-  isDeleted: boolean
-}
-
-export interface FetchEmailsPayload {
-  q?: string
-  filter?: EmailFilter
-  label?: EmailLabel
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/invoice/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/invoice/db.ts
deleted file mode 100644
index 64f728a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/invoice/db.ts
+++ /dev/null
@@ -1,915 +0,0 @@
-import type { Invoice } from '@db/apps/invoice/types'
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-
-const now = new Date()
-const currentMonth = now.toLocaleString('default', { month: '2-digit' })
-
-export const database: Invoice[] = [
-  {
-    id: 4987,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-13`,
-    client: {
-      address: '7777 Mendez Plains',
-      company: 'Hall-Robbins PLC',
-      companyEmail: 'don85@johnson.com',
-      country: 'USA',
-      contact: '(616) 865-4180',
-      name: 'Jordan Stevenson',
-    },
-    service: 'Software Development',
-    total: 3428,
-    avatar: '',
-    invoiceStatus: 'Paid',
-    balance: 724,
-    dueDate: `${now.getFullYear()}-${currentMonth}-23`,
-  },
-  {
-    id: 4988,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-17`,
-    client: {
-      address: '04033 Wesley Wall Apt. 961',
-      company: 'Mccann LLC and Sons',
-      companyEmail: 'brenda49@taylor.info',
-      country: 'Haiti',
-      contact: '(226) 204-8287',
-      name: 'Stephanie Burns',
-    },
-    service: 'UI/UX Design & Development',
-    total: 5219,
-    avatar: avatar1,
-    invoiceStatus: 'Downloaded',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-15`,
-  },
-  {
-    id: 4989,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-19`,
-    client: {
-      address: '5345 Robert Squares',
-      company: 'Leonard-Garcia and Sons',
-      companyEmail: 'smithtiffany@powers.com',
-      country: 'Denmark',
-      contact: '(955) 676-1076',
-      name: 'Tony Herrera',
-    },
-    service: 'Unlimited Extended License',
-    total: 3719,
-    invoiceStatus: 'Paid',
-    avatar: avatar2,
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-03`,
-  },
-  {
-    id: 4990,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-06`,
-    client: {
-      address: '19022 Clark Parks Suite 149',
-      company: 'Smith, Miller and Henry LLC',
-      companyEmail: 'mejiageorge@lee-perez.com',
-      country: 'Cambodia',
-      contact: '(832) 323-6914',
-      name: 'Kevin Patton',
-    },
-    service: 'Software Development',
-    total: 4749,
-    avatar: avatar3,
-    invoiceStatus: 'Sent',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-11`,
-  },
-  {
-    id: 4991,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-08`,
-    client: {
-      address: '8534 Saunders Hill Apt. 583',
-      company: 'Garcia-Cameron and Sons',
-      companyEmail: 'brandon07@pierce.com',
-      country: 'Martinique',
-      contact: '(970) 982-3353',
-      name: 'Mrs. Julie Donovan MD',
-    },
-    service: 'UI/UX Design & Development',
-    total: 4056,
-    avatar: avatar4,
-    invoiceStatus: 'Draft',
-    balance: 815,
-    dueDate: `${now.getFullYear()}-${currentMonth}-30`,
-  },
-  {
-    id: 4992,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-26`,
-    client: {
-      address: '661 Perez Run Apt. 778',
-      company: 'Burnett-Young PLC',
-      companyEmail: 'guerrerobrandy@beasley-harper.com',
-      country: 'Botswana',
-      contact: '(511) 938-9617',
-      name: 'Amanda Phillips',
-    },
-    service: 'UI/UX Design & Development',
-    total: 2771,
-    avatar: '',
-    invoiceStatus: 'Paid',
-    balance: 2771,
-    dueDate: `${now.getFullYear()}-${currentMonth}-24`,
-  },
-  {
-    id: 4993,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-17`,
-    client: {
-      address: '074 Long Union',
-      company: 'Wilson-Lee LLC',
-      companyEmail: 'williamshenry@moon-smith.com',
-      country: 'Montserrat',
-      contact: '(504) 859-2893',
-      name: 'Christina Collier',
-    },
-    service: 'UI/UX Design & Development',
-    total: 2713,
-    avatar: '',
-    invoiceStatus: 'Draft',
-    balance: 407,
-    dueDate: `${now.getFullYear()}-${currentMonth}-22`,
-  },
-  {
-    id: 4994,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-11`,
-    client: {
-      address: '5225 Ford Cape Apt. 840',
-      company: 'Schwartz, Henry and Rhodes Group',
-      companyEmail: 'margaretharvey@russell-murray.com',
-      country: 'Oman',
-      contact: '(758) 403-7718',
-      name: 'David Flores',
-    },
-    service: 'Template Customization',
-    total: 4309,
-    avatar: avatar5,
-    invoiceStatus: 'Paid',
-    balance: -205,
-    dueDate: `${now.getFullYear()}-${currentMonth}-13`,
-  },
-  {
-    id: 4995,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-16`,
-    client: {
-      address: '23717 James Club Suite 277',
-      company: 'Henderson-Holder PLC',
-      companyEmail: 'dianarodriguez@villegas.com',
-      country: 'Cambodia',
-      contact: '(292) 873-8254',
-      name: 'Valerie Perez',
-    },
-    service: 'Software Development',
-    total: 3367,
-    avatar: avatar6,
-    invoiceStatus: 'Downloaded',
-    balance: 3367,
-    dueDate: `${now.getFullYear()}-${currentMonth}-24`,
-  },
-  {
-    id: 4996,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-15`,
-    client: {
-      address: '4528 Myers Gateway',
-      company: 'Page-Wise PLC',
-      companyEmail: 'bwilson@norris-brock.com',
-      country: 'Guam',
-      contact: '(956) 803-2008',
-      name: 'Susan Dickerson',
-    },
-    service: 'Software Development',
-    total: 4776,
-    avatar: avatar7,
-    invoiceStatus: 'Downloaded',
-    balance: 305,
-    dueDate: `${now.getFullYear()}-${currentMonth}-02`,
-  },
-  {
-    id: 4997,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-27`,
-    client: {
-      address: '4234 Mills Club Suite 107',
-      company: 'Turner PLC Inc',
-      companyEmail: 'markcampbell@bell.info',
-      country: 'United States Virgin Islands',
-      contact: '(716) 962-8635',
-      name: 'Kelly Smith',
-    },
-    service: 'Unlimited Extended License',
-    total: 3789,
-    avatar: avatar8,
-    invoiceStatus: 'Partial Payment',
-    balance: 666,
-    dueDate: `${now.getFullYear()}-${currentMonth}-18`,
-  },
-  {
-    id: 4998,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-31`,
-    client: {
-      address: '476 Keith Meadow',
-      company: 'Levine-Dorsey PLC',
-      companyEmail: 'mary61@rosario.com',
-      country: 'Syrian Arab Republic',
-      contact: '(523) 449-0782',
-      name: 'Jamie Jones',
-    },
-    service: 'Unlimited Extended License',
-    total: 5200,
-    avatar: avatar2,
-    invoiceStatus: 'Partial Payment',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-17`,
-  },
-  {
-    id: 4999,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-14`,
-    client: {
-      address: '56381 Ashley Village Apt. 332',
-      company: 'Hall, Thompson and Ramirez LLC',
-      companyEmail: 'sean22@cook.com',
-      country: 'Ukraine',
-      contact: '(583) 470-8356',
-      name: 'Ruben Garcia',
-    },
-    service: 'Software Development',
-    total: 4558,
-    avatar: avatar1,
-    invoiceStatus: 'Paid',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-01`,
-  },
-  {
-    id: 5000,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-21`,
-    client: {
-      address: '6946 Gregory Plaza Apt. 310',
-      company: 'Lambert-Thomas Group',
-      companyEmail: 'mccoymatthew@lopez-jenkins.net',
-      country: 'Vanuatu',
-      contact: '(366) 906-6467',
-      name: 'Ryan Meyer',
-    },
-    service: 'Template Customization',
-    total: 3503,
-    avatar: avatar7,
-    invoiceStatus: 'Paid',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-22`,
-  },
-  {
-    id: 5001,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-30`,
-    client: {
-      address: '64351 Andrew Lights',
-      company: 'Gregory-Haynes PLC',
-      companyEmail: 'novakshannon@mccarty-murillo.com',
-      country: 'Romania',
-      contact: '(320) 616-3915',
-      name: 'Valerie Valdez',
-    },
-    service: 'Unlimited Extended License',
-    total: 5285,
-    avatar: avatar6,
-    invoiceStatus: 'Partial Payment',
-    balance: -202,
-    dueDate: `${now.getFullYear()}-${currentMonth}-02`,
-  },
-  {
-    id: 5002,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-21`,
-    client: {
-      address: '5702 Sarah Heights',
-      company: 'Wright-Schmidt LLC',
-      companyEmail: 'smithrachel@davis-rose.net',
-      country: 'Costa Rica',
-      contact: '(435) 899-1963',
-      name: 'Melissa Wheeler',
-    },
-    service: 'UI/UX Design & Development',
-    total: 3668,
-    avatar: avatar5,
-    invoiceStatus: 'Downloaded',
-    balance: 731,
-    dueDate: `${now.getFullYear()}-${currentMonth}-15`,
-  },
-  {
-    id: 5003,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-30`,
-    client: {
-      address: '668 Robert Flats',
-      company: 'Russell-Abbott Ltd',
-      companyEmail: 'scott96@mejia.net',
-      country: 'Congo',
-      contact: '(254) 399-4728',
-      name: 'Alan Jimenez',
-    },
-    service: 'Unlimited Extended License',
-    total: 4372,
-    avatar: '',
-    invoiceStatus: 'Sent',
-    balance: -344,
-    dueDate: `${now.getFullYear()}-${currentMonth}-17`,
-  },
-  {
-    id: 5004,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-27`,
-    client: {
-      address: '55642 Chang Extensions Suite 373',
-      company: 'Williams LLC Inc',
-      companyEmail: 'cramirez@ross-bass.biz',
-      country: 'Saint Pierre and Miquelon',
-      contact: '(648) 500-4338',
-      name: 'Jennifer Morris',
-    },
-    service: 'Template Customization',
-    total: 3198,
-    avatar: avatar4,
-    invoiceStatus: 'Partial Payment',
-    balance: -253,
-    dueDate: `${now.getFullYear()}-${currentMonth}-16`,
-  },
-  {
-    id: 5005,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-30`,
-    client: {
-      address: '56694 Eric Orchard',
-      company: 'Hudson, Bell and Phillips PLC',
-      companyEmail: 'arielberg@wolfe-smith.com',
-      country: 'Uruguay',
-      contact: '(896) 544-3796',
-      name: 'Timothy Stevenson',
-    },
-    service: 'Unlimited Extended License',
-    total: 5293,
-    avatar: '',
-    invoiceStatus: 'Past Due',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-01`,
-  },
-  {
-    id: 5006,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-10`,
-    client: {
-      address: '3727 Emma Island Suite 879',
-      company: 'Berry, Gonzalez and Heath Inc',
-      companyEmail: 'yrobinson@nichols.com',
-      country: 'Israel',
-      contact: '(236) 784-5142',
-      name: 'Erik Hayden',
-    },
-    service: 'Template Customization',
-    total: 5612,
-    avatar: avatar3,
-    invoiceStatus: 'Downloaded',
-    balance: 883,
-    dueDate: `${now.getFullYear()}-${currentMonth}-12`,
-  },
-  {
-    id: 5007,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-01`,
-    client: {
-      address: '953 Miller Common Suite 580',
-      company: 'Martinez, Fuller and Chavez and Sons',
-      companyEmail: 'tatejennifer@allen.net',
-      country: 'Cook Islands',
-      contact: '(436) 717-2419',
-      name: 'Katherine Kennedy',
-    },
-    service: 'Software Development',
-    total: 2230,
-    avatar: avatar2,
-    invoiceStatus: 'Sent',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-19`,
-  },
-  {
-    id: 5008,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-22`,
-    client: {
-      address: '808 Sullivan Street Apt. 135',
-      company: 'Wilson and Sons LLC',
-      companyEmail: 'gdurham@lee.com',
-      country: 'Nepal',
-      contact: '(489) 946-3041',
-      name: 'Monica Fuller',
-    },
-    service: 'Unlimited Extended License',
-    total: 2032,
-    avatar: avatar1,
-    invoiceStatus: 'Partial Payment',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-30`,
-  },
-  {
-    id: 5009,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-30`,
-    client: {
-      address: '25135 Christopher Creek',
-      company: 'Hawkins, Johnston and Mcguire PLC',
-      companyEmail: 'jenny96@lawrence-thompson.com',
-      country: 'Kiribati',
-      contact: '(274) 246-3725',
-      name: 'Stacey Carter',
-    },
-    service: 'UI/UX Design & Development',
-    total: 3128,
-    avatar: avatar8,
-    invoiceStatus: 'Paid',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-10`,
-  },
-  {
-    id: 5010,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-06`,
-    client: {
-      address: '81285 Rebecca Estates Suite 046',
-      company: 'Huynh-Mills and Sons',
-      companyEmail: 'jgutierrez@jackson.com',
-      country: 'Swaziland',
-      contact: '(258) 211-5970',
-      name: 'Chad Davis',
-    },
-    service: 'Software Development',
-    total: 2060,
-    avatar: avatar7,
-    invoiceStatus: 'Downloaded',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-08`,
-  },
-  {
-    id: 5011,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-01`,
-    client: {
-      address: '3102 Briggs Dale Suite 118',
-      company: 'Jones-Cooley and Sons',
-      companyEmail: 'hunter14@jones.com',
-      country: 'Congo',
-      contact: '(593) 965-4100',
-      name: 'Chris Reyes',
-    },
-    service: 'UI/UX Design & Development',
-    total: 4077,
-    avatar: '',
-    invoiceStatus: 'Draft',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-01`,
-  },
-  {
-    id: 5012,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-30`,
-    client: {
-      address: '811 Jill Skyway',
-      company: 'Jones PLC Ltd',
-      companyEmail: 'pricetodd@johnson-jenkins.com',
-      country: 'Brazil',
-      contact: '(585) 829-2603',
-      name: 'Laurie Summers',
-    },
-    service: 'Template Customization',
-    total: 2872,
-    avatar: avatar6,
-    invoiceStatus: 'Partial Payment',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-18`,
-  },
-  {
-    id: 5013,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-05`,
-    client: {
-      address: '2223 Brandon Inlet Suite 597',
-      company: 'Jordan, Gomez and Ross Group',
-      companyEmail: 'perrydavid@chapman-rogers.com',
-      country: 'Congo',
-      contact: '(527) 351-5517',
-      name: 'Lindsay Wilson',
-    },
-    service: 'Software Development',
-    total: 3740,
-    avatar: avatar4,
-    invoiceStatus: 'Draft',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-01`,
-  },
-  {
-    id: 5014,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-01`,
-    client: {
-      address: '08724 Barry Causeway',
-      company: 'Gonzalez, Moody and Glover LLC',
-      companyEmail: 'leahgriffin@carpenter.com',
-      country: 'Equatorial Guinea',
-      contact: '(628) 903-0132',
-      name: 'Jenna Castro',
-    },
-    service: 'Unlimited Extended License',
-    total: 3623,
-    avatar: '',
-    invoiceStatus: 'Downloaded',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-23`,
-  },
-  {
-    id: 5015,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-16`,
-    client: {
-      address: '073 Holt Ramp Apt. 755',
-      company: 'Ashley-Pacheco Ltd',
-      companyEmail: 'esparzadaniel@allen.com',
-      country: 'Seychelles',
-      contact: '(847) 396-9904',
-      name: 'Wendy Weber',
-    },
-    service: 'Software Development',
-    total: 2477,
-    avatar: avatar5,
-    invoiceStatus: 'Draft',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-01`,
-  },
-  {
-    id: 5016,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-24`,
-    client: {
-      address: '984 Sherry Trail Apt. 953',
-      company: 'Berry PLC Group',
-      companyEmail: 'todd34@owens-morgan.com',
-      country: 'Ireland',
-      contact: '(852) 249-4539',
-      name: 'April Yates',
-    },
-    service: 'Unlimited Extended License',
-    total: 3904,
-    avatar: '',
-    invoiceStatus: 'Paid',
-    balance: 951,
-    dueDate: `${now.getFullYear()}-${currentMonth}-30`,
-  },
-  {
-    id: 5017,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-24`,
-    client: {
-      address: '093 Jonathan Camp Suite 953',
-      company: 'Allen Group Ltd',
-      companyEmail: 'roydavid@bailey.com',
-      country: 'Netherlands',
-      contact: '(917) 984-2232',
-      name: 'Daniel Marshall PhD',
-    },
-    service: 'UI/UX Design & Development',
-    total: 3102,
-    avatar: avatar3,
-    invoiceStatus: 'Partial Payment',
-    balance: -153,
-    dueDate: `${now.getFullYear()}-${currentMonth}-25`,
-  },
-  {
-    id: 5018,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-29`,
-    client: {
-      address: '4735 Kristie Islands Apt. 259',
-      company: 'Chapman-Schneider LLC',
-      companyEmail: 'baldwinjoel@washington.com',
-      country: 'Cocos (Keeling) Islands',
-      contact: '(670) 409-3703',
-      name: 'Randy Rich',
-    },
-    service: 'UI/UX Design & Development',
-    total: 2483,
-    avatar: avatar2,
-    invoiceStatus: 'Draft',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-10`,
-  },
-  {
-    id: 5019,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-07`,
-    client: {
-      address: '92218 Andrew Radial',
-      company: 'Mcclure, Hernandez and Simon Ltd',
-      companyEmail: 'psmith@morris.info',
-      country: 'Macao',
-      contact: '(646) 263-0257',
-      name: 'Mrs. Jodi Chapman',
-    },
-    service: 'Unlimited Extended License',
-    total: 2825,
-    avatar: avatar1,
-    invoiceStatus: 'Partial Payment',
-    balance: -459,
-    dueDate: `${now.getFullYear()}-${currentMonth}-14`,
-  },
-  {
-    id: 5020,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-10`,
-    client: {
-      address: '2342 Michelle Valley',
-      company: 'Hamilton PLC and Sons',
-      companyEmail: 'lori06@morse.com',
-      country: 'Somalia',
-      contact: '(751) 213-4288',
-      name: 'Steven Myers',
-    },
-    service: 'Unlimited Extended License',
-    total: 2029,
-    avatar: avatar2,
-    invoiceStatus: 'Past Due',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-28`,
-  },
-  {
-    id: 5021,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-02`,
-    client: {
-      address: '16039 Brittany Terrace Apt. 128',
-      company: 'Silva-Reeves LLC',
-      companyEmail: 'zpearson@miller.com',
-      country: 'Slovakia (Slovak Republic)',
-      contact: '(655) 649-7872',
-      name: 'Charles Alexander',
-    },
-    service: 'Software Development',
-    total: 3208,
-    avatar: '',
-    invoiceStatus: 'Sent',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-06`,
-  },
-  {
-    id: 5022,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-02`,
-    client: {
-      address: '37856 Olsen Lakes Apt. 852',
-      company: 'Solis LLC Ltd',
-      companyEmail: 'strongpenny@young.net',
-      country: 'Brazil',
-      contact: '(402) 935-0735',
-      name: 'Elizabeth Jones',
-    },
-    service: 'Software Development',
-    total: 3077,
-    avatar: '',
-    invoiceStatus: 'Sent',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-09`,
-  },
-  {
-    id: 5023,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-23`,
-    client: {
-      address: '11489 Griffin Plaza Apt. 927',
-      company: 'Munoz-Peters and Sons',
-      companyEmail: 'carrietorres@acosta.com',
-      country: 'Argentina',
-      contact: '(915) 448-6271',
-      name: 'Heidi Walton',
-    },
-    service: 'Software Development',
-    total: 5578,
-    avatar: avatar4,
-    invoiceStatus: 'Draft',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-23`,
-  },
-  {
-    id: 5024,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-28`,
-    client: {
-      address: '276 Michael Gardens Apt. 004',
-      company: 'Shea, Velez and Garcia LLC',
-      companyEmail: 'zjohnson@nichols-powers.com',
-      country: 'Philippines',
-      contact: '(817) 700-2984',
-      name: 'Christopher Allen',
-    },
-    service: 'Software Development',
-    total: 2787,
-    avatar: avatar5,
-    invoiceStatus: 'Partial Payment',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-25`,
-  },
-  {
-    id: 5025,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-21`,
-    client: {
-      address: '633 Bell Well Apt. 057',
-      company: 'Adams, Simmons and Brown Group',
-      companyEmail: 'kayla09@thomas.com',
-      country: 'Martinique',
-      contact: '(266) 611-9482',
-      name: 'Joseph Oliver',
-    },
-    service: 'UI/UX Design & Development',
-    total: 5591,
-    avatar: '',
-    invoiceStatus: 'Downloaded',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-07`,
-  },
-  {
-    id: 5026,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-24`,
-    client: {
-      address: '1068 Lopez Fall',
-      company: 'Williams-Lawrence and Sons',
-      companyEmail: 'melvindavis@allen.info',
-      country: 'Mexico',
-      contact: '(739) 745-9728',
-      name: 'Megan Roberts',
-    },
-    service: 'Template Customization',
-    total: 2783,
-    avatar: avatar6,
-    invoiceStatus: 'Draft',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-22`,
-  },
-  {
-    id: 5027,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-13`,
-    client: {
-      address: '86691 Mackenzie Light Suite 568',
-      company: 'Deleon Inc LLC',
-      companyEmail: 'gjordan@fernandez-coleman.com',
-      country: 'Costa Rica',
-      contact: '(682) 804-6506',
-      name: 'Mary Garcia',
-    },
-    service: 'Template Customization',
-    total: 2719,
-    avatar: '',
-    invoiceStatus: 'Sent',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-04`,
-  },
-  {
-    id: 5028,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-18`,
-    client: {
-      address: '86580 Sarah Bridge',
-      company: 'Farmer, Johnson and Anderson Group',
-      companyEmail: 'robertscott@garcia.com',
-      country: 'Cameroon',
-      contact: '(775) 366-0411',
-      name: 'Crystal Mays',
-    },
-    service: 'Template Customization',
-    total: 3325,
-    avatar: '',
-    invoiceStatus: 'Paid',
-    balance: 361,
-    dueDate: `${now.getFullYear()}-${currentMonth}-02`,
-  },
-  {
-    id: 5029,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-29`,
-    client: {
-      address: '49709 Edwin Ports Apt. 353',
-      company: 'Sherman-Johnson PLC',
-      companyEmail: 'desiree61@kelly.com',
-      country: 'Macedonia',
-      contact: '(510) 536-6029',
-      name: 'Nicholas Tanner',
-    },
-    service: 'Template Customization',
-    total: 3851,
-    avatar: '',
-    invoiceStatus: 'Paid',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-25`,
-  },
-  {
-    id: 5030,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-07`,
-    client: {
-      address: '3856 Mathis Squares Apt. 584',
-      company: 'Byrd LLC PLC',
-      companyEmail: 'jeffrey25@martinez-hodge.com',
-      country: 'Congo',
-      contact: '(253) 230-4657',
-      name: 'Justin Richardson',
-    },
-    service: 'Template Customization',
-    total: 5565,
-    avatar: '',
-    invoiceStatus: 'Draft',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-06`,
-  },
-  {
-    id: 5031,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-21`,
-    client: {
-      address: '141 Adrian Ridge Suite 550',
-      company: 'Stone-Zimmerman Group',
-      companyEmail: 'john77@anderson.net',
-      country: 'Falkland Islands (Malvinas)',
-      contact: '(612) 546-3485',
-      name: 'Jennifer Summers',
-    },
-    service: 'Template Customization',
-    total: 3313,
-    avatar: avatar7,
-    invoiceStatus: 'Partial Payment',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-09`,
-  },
-  {
-    id: 5032,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-31`,
-    client: {
-      address: '01871 Kristy Square',
-      company: 'Yang, Hansen and Hart PLC',
-      companyEmail: 'ywagner@jones.com',
-      country: 'Germany',
-      contact: '(203) 601-8603',
-      name: 'Richard Payne',
-    },
-    service: 'Template Customization',
-    total: 5181,
-    avatar: '',
-    invoiceStatus: 'Past Due',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-29`,
-  },
-  {
-    id: 5033,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-12`,
-    client: {
-      address: '075 Smith Views',
-      company: 'Jenkins-Rosales Inc',
-      companyEmail: 'calvin07@joseph-edwards.org',
-      country: 'Colombia',
-      contact: '(895) 401-4255',
-      name: 'Lori Wells',
-    },
-    service: 'Template Customization',
-    total: 2869,
-    avatar: avatar4,
-    invoiceStatus: 'Partial Payment',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-22`,
-  },
-  {
-    id: 5034,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-10`,
-    client: {
-      address: '2577 Pearson Overpass Apt. 314',
-      company: 'Mason-Reed PLC',
-      companyEmail: 'eric47@george-castillo.com',
-      country: 'Paraguay',
-      contact: '(602) 336-9806',
-      name: 'Tammy Sanchez',
-    },
-    service: 'Unlimited Extended License',
-    total: 4836,
-    avatar: '',
-    invoiceStatus: 'Paid',
-    balance: 0,
-    dueDate: `${now.getFullYear()}-${currentMonth}-22`,
-  },
-  {
-    id: 5035,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-20`,
-    client: {
-      address: '1770 Sandra Mountains Suite 636',
-      company: 'Foster-Pham PLC',
-      companyEmail: 'jamesjoel@chapman.net',
-      country: 'Western Sahara',
-      contact: '(936) 550-1638',
-      name: 'Dana Carey',
-    },
-    service: 'UI/UX Design & Development',
-    total: 4263,
-    avatar: '',
-    invoiceStatus: 'Draft',
-    balance: 762,
-    dueDate: `${now.getFullYear()}-${currentMonth}-12`,
-  },
-  {
-    id: 5036,
-    issuedDate: `${now.getFullYear()}-${currentMonth}-19`,
-    client: {
-      address: '78083 Laura Pines',
-      company: 'Richardson and Sons LLC',
-      companyEmail: 'pwillis@cross.org',
-      country: 'Bhutan',
-      contact: '(687) 660-2473',
-      name: 'Andrew Burns',
-    },
-    service: 'Unlimited Extended License',
-    total: 3171,
-    avatar: avatar3,
-    invoiceStatus: 'Paid',
-    balance: -205,
-    dueDate: `${now.getFullYear()}-${currentMonth}-25`,
-  },
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/invoice/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/invoice/index.ts
deleted file mode 100644
index 24ba780..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/invoice/index.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-import is from '@sindresorhus/is'
-import { destr } from 'destr'
-import type { PathParams } from 'msw'
-import { HttpResponse, http } from 'msw'
-import { database } from '@db/apps/invoice/db'
-import { paginateArray } from '@api-utils/paginateArray'
-
-export const handlerAppsInvoice = [
-
-  // 👉 Client
-  // Get Clients
-  http.get(('/api/apps/invoice/clients'), () => {
-    const clients = database.map(invoice => invoice.client)
-
-    return HttpResponse.json(clients.splice(0, 5), { status: 200 })
-  }),
-
-  // 👉 Invoice
-  // Get Invoice List
-  http.get(('/api/apps/invoice'), ({ request }) => {
-    const url = new URL(request.url)
-    const q = url.searchParams.get('q')
-    const status = url.searchParams.get('status')
-    const selectedDateRange = url.searchParams.get('selectedDateRange')
-    const page = url.searchParams.get('page')
-    const itemsPerPage = url.searchParams.get('itemsPerPage')
-    const sortBy = url.searchParams.get('sortBy')
-    const orderBy = url.searchParams.get('orderBy')
-
-    const searchQuery = is.string(q) ? q : undefined
-    const queryLowered = (searchQuery ?? '').toString().toLowerCase()
-
-    const parsedSortBy = destr(sortBy)
-    const sortByLocal = is.string(parsedSortBy) ? parsedSortBy : ''
-
-    const parsedOrderBy = destr(orderBy)
-    const orderByLocal = is.string(parsedOrderBy) ? parsedOrderBy : ''
-
-    const parsedItemsPerPage = destr(itemsPerPage)
-    const parsedPage = destr(page)
-
-    const itemsPerPageLocal = is.number(parsedItemsPerPage) ? parsedItemsPerPage : 10
-    const pageLocal = is.number(parsedPage) ? parsedPage : 1
-
-    const parsedDateRange = destr(selectedDateRange) as unknown as { start?: string; end?: string }
-    const startDateLocal = parsedDateRange?.start
-    const endDateLocal = parsedDateRange?.end
-
-    // Filtering invoices
-    let filteredInvoices = database.filter(
-      invoice => (
-        (
-          invoice.client.name.toLowerCase().includes(queryLowered)
-                  || invoice.client.companyEmail.toLowerCase().includes(queryLowered) || invoice.id.toString().includes(queryLowered)
-        )
-              && invoice.invoiceStatus === (status || invoice.invoiceStatus)
-      ),
-
-    ).reverse()
-
-    // Sorting invoices
-    if (sortByLocal) {
-      if (sortByLocal === 'client') {
-        filteredInvoices = filteredInvoices.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.client.name.localeCompare(b.client.name)
-
-          return b.client.name.localeCompare(a.client.name)
-        })
-      }
-      else if (sortByLocal === 'total') {
-        filteredInvoices = filteredInvoices.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.total - b.total
-
-          return b.total - a.total
-        })
-      }
-      else if (sortByLocal === 'id') {
-        filteredInvoices = filteredInvoices.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.id - b.id
-
-          return b.id - a.id
-        })
-      }
-      else if (sortByLocal === 'date') {
-        filteredInvoices = filteredInvoices.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return new Date(a.issuedDate).getTime() - new Date(b.issuedDate).getTime()
-
-          return new Date(b.issuedDate).getTime() - new Date(a.issuedDate).getTime()
-        })
-      }
-      else if (sortByLocal === 'balance') {
-        filteredInvoices = filteredInvoices.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.balance - b.balance
-
-          return b.balance - a.balance
-        })
-      }
-    }
-
-    // filtering invoices by date
-    if (startDateLocal && endDateLocal) {
-      filteredInvoices = filteredInvoices.filter(invoiceObj => {
-        const start = new Date(startDateLocal).getTime()
-        const end = new Date(endDateLocal).getTime()
-        const issuedDate = new Date(invoiceObj.issuedDate).getTime()
-
-        return issuedDate >= start && issuedDate <= end
-      })
-    }
-
-    const totalInvoices = filteredInvoices.length
-
-    return HttpResponse.json(
-      {
-        invoices: paginateArray(filteredInvoices, itemsPerPageLocal, pageLocal),
-        totalInvoices,
-      },
-      {
-        status: 200,
-      },
-    )
-  }),
-
-  // Get Single Invoice
-  http.get<PathParams>(('/api/apps/invoice/:id'), ({ params }) => {
-    const invoiceId = params.id
-
-    const invoice = database.find(e => e.id === Number(invoiceId))
-
-    if (!invoice) {
-      return HttpResponse.json('No invoice found with this id',
-        { status: 404 },
-      )
-    }
-
-    const responseData = {
-      invoice,
-      paymentDetails: {
-        totalDue: '$12,110.55',
-        bankName: 'American Bank',
-        country: 'United States',
-        iban: 'ETD95476213874685',
-        swiftCode: 'BR91905',
-      },
-    }
-
-    return HttpResponse.json(responseData, { status: 200 })
-  }),
-
-  // Delete Invoice
-  http.delete(('/api/apps/invoice/:id'), ({ params }) => {
-    const invoiceId = params.id
-
-    const invoiceIndex = database.findIndex(e => e.id === Number(invoiceId))
-
-    if (invoiceIndex >= 0) {
-      database.splice(invoiceIndex, 1)
-
-      return new HttpResponse(null, {
-        status: 204,
-      })
-    }
-
-    return HttpResponse.json(
-      { error: 'Something went wrong' },
-      { status: 404 },
-    )
-  }),
-
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/invoice/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/invoice/types.ts
deleted file mode 100644
index 3d75e28..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/invoice/types.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-// 👉 Client
-export interface Client {
-  address: string
-  company: string
-  companyEmail: string
-  country: string
-  contact: string
-  name: string
-}
-
-// 👉 Invoice
-export interface Invoice {
-  id: number
-  issuedDate: string
-  client: Client
-  service: string
-  total: number
-  avatar: string
-  invoiceStatus: string
-  balance: number
-  dueDate: string
-}
-
-// Payment details
-export interface PaymentDetails {
-  totalDue: string
-  bankName: string
-  country: string
-  iban: string
-  swiftCode: string
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/kanban/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/kanban/db.ts
deleted file mode 100644
index ba9b187..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/kanban/db.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import type { KanbanData } from '@db/apps/kanban/types'
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import treePot from '@images/pages/tree-pot.png'
-
-export const database: KanbanData = {
-  boards: [
-    {
-      id: 1,
-      title: 'In Progress',
-      itemsIds: [1, 2],
-    },
-    {
-      id: 2,
-      title: 'In Review',
-      itemsIds: [3, 4],
-    },
-    {
-      id: 3,
-      title: 'Done',
-      itemsIds: [5, 6],
-    },
-  ],
-  items: [
-    {
-      id: 1,
-      title: 'Research FAQ page UX',
-      dueDate: '',
-      labels: ['UX'],
-      members: [{ img: avatar1, name: 'John Doe' }, { img: avatar2, name: 'Jane Smith' }, { img: avatar3, name: 'Robert Johnson' }],
-      comments: 'FAQ page design is ready and needs to be implemented.',
-      attachments: 2,
-      commentsCount: 1,
-      image: '',
-    },
-    {
-      id: 2,
-      title: 'Review JavaScript code',
-      dueDate: '',
-      labels: ['Code Review'],
-      members: [{ img: avatar1, name: 'John Doe' }, { img: avatar2, name: 'Jane Smith' }],
-      comments: 'JavaScript code needs to be reviewed and refactored.',
-      attachments: 2,
-      commentsCount: 4,
-      image: '',
-    },
-    {
-      id: 3,
-      title: 'Review completed Apps',
-      dueDate: '',
-      labels: ['Dashboard'],
-      members: [{ img: avatar1, name: 'John Doe' }, { img: avatar2, name: 'Jane Smith' }],
-      comments: 'Apps design is ready and needs to be implemented.',
-      image: '',
-      attachments: 5,
-      commentsCount: 10,
-    },
-    {
-      id: 4,
-      title: 'Find new images for pages',
-      dueDate: '',
-      labels: ['Image'],
-      members: [{ img: avatar1, name: 'John Doe' }, { img: avatar2, name: 'Jane Smith' }, { img: avatar3, name: 'Robert Johnson' }],
-      comments: 'New images need to be found for the new pages.',
-      image: treePot,
-      attachments: 5,
-      commentsCount: 4,
-    },
-    {
-      id: 5,
-      title: 'Forms & tables section',
-      dueDate: '',
-      labels: ['App'],
-      members: [{ img: avatar1, name: 'John Doe' }, { img: avatar2, name: 'Jane Smith' }],
-      comments: 'Forms and tables need to be updated.',
-      attachments: 7,
-      commentsCount: 2,
-      image: '',
-    },
-    {
-      id: 6,
-      title: 'Completed charts & maps',
-      dueDate: '',
-      labels: ['Charts & Maps'],
-      members: [{ img: avatar1, name: 'John Doe' }],
-      comments: 'Charts and maps need to be updated.',
-      attachments: 1,
-      commentsCount: 10,
-      image: '',
-    },
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/kanban/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/kanban/index.ts
deleted file mode 100644
index 1822f61..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/kanban/index.ts
+++ /dev/null
@@ -1,151 +0,0 @@
-import { HttpResponse, http } from 'msw'
-import { database } from '@db/apps/kanban/db'
-import type { AddNewKanbanItem, EditKanbanItem, KanbanBoard, KanbanState, RenameKanbanBoard } from '@db/apps/kanban/types'
-
-export const handlerAppsKanban = [
-
-  // 👉 get all kanban data
-  http.get('/api/apps/kanban', () => {
-    return HttpResponse.json(database, { status: 200 })
-  }),
-
-  // 👉 rename board
-  http.put('/api/apps/kanban/board/rename', async ({ request }) => {
-    const boardData = await request.json() as RenameKanbanBoard
-
-    database.boards = database.boards.map(board => {
-      if (board.id === boardData.boardId)
-        board.title = boardData.newName
-
-      return board
-    })
-
-    return new HttpResponse(null, { status: 201 })
-  }),
-
-  // 👉 delete board
-  http.delete('/api/apps/kanban/board/:id', async ({ params }) => {
-    const boardId = Number(params.id)
-
-    database.boards = database.boards.filter(board => board.id !== boardId)
-
-    return new HttpResponse(null, { status: 204 })
-  }),
-
-  // 👉 add new board
-  http.post('/api/apps/kanban/board/add', async ({ request }) => {
-    const boardName = await request.json() as { title: string }
-
-    const getNewBoardId = () => {
-      const newBoardId = database.boards.length + 1
-      if (!(database.boards.some(board => board.id === newBoardId)))
-        return newBoardId
-
-      else
-        return newBoardId + 1
-    }
-
-    if (database.boards.some(board => board.title === boardName.title)) {
-      return HttpResponse.error()
-    }
-    else {
-      database.boards.push({
-        id: getNewBoardId(),
-        title: boardName.title,
-        itemsIds: [],
-      })
-
-      return new HttpResponse(null, { status: 201 })
-    }
-  }),
-
-  // 👉 add new item
-  http.post('/api/apps/kanban/item/add', async ({ request }) => {
-    const newItem = await request.json() as AddNewKanbanItem
-
-    const itemId = database.items[database.items.length - 1].id + 1
-
-    if (newItem.itemTitle && newItem.boardName) {
-      // Add the new item to the items list
-      database.items.push({
-        id: itemId,
-        title: newItem.itemTitle,
-        attachments: 0,
-        comments: '',
-        commentsCount: 0,
-        dueDate: '',
-        labels: [],
-        members: [],
-      })
-
-      // find the index of board in the database
-      const boardId = database.boards.findIndex(board => board.id === newItem.boardId)
-
-      // Add the new item to the board
-      database.boards[boardId].itemsIds.push(itemId)
-    }
-    else {
-      return HttpResponse.error()
-    }
-
-    return new HttpResponse(null, { status: 201 })
-  }),
-
-  // 👉 update item
-  http.put('/api/apps/kanban/item/update', async ({ request }) => {
-    const itemData = await request.json() as EditKanbanItem
-
-    database.items.forEach(item => {
-      if (itemData.item && item.id === itemData.item.id) {
-        item.title = itemData.item.title
-        item.attachments = itemData.item.attachments
-        item.comments = itemData.item.comments
-        item.commentsCount = itemData.item.commentsCount
-        item.dueDate = itemData.item.dueDate
-        item.labels = itemData.item.labels
-        item.members = itemData.item.members
-      }
-    })
-
-    return new HttpResponse(null, { status: 201 })
-  }),
-
-  // 👉 delete item
-  http.delete('/api/apps/kanban/item/:id', async ({ params }) => {
-    const itemId = Number(params.id)
-
-    database.items = database.items.filter(item => item.id !== itemId)
-
-    database.boards.forEach(board => {
-      board.itemsIds = board.itemsIds.filter(id => id !== itemId)
-    })
-
-    return new HttpResponse(null, { status: 204 })
-  }),
-
-  // 👉 update item state
-  http.put('/api/apps/kanban/item/state-update', async ({ request }) => {
-    const stateData = await request.json() as KanbanState
-
-    database.boards.forEach(board => {
-      if (board.id === stateData.boardId)
-        board.itemsIds = stateData.ids
-    })
-
-    return new HttpResponse(null, { status: 201 })
-  }),
-
-  // 👉 update board state
-  http.put('/api/apps/kanban/board/state-update', async ({ request }) => {
-    const boardState = await request.json() as number[]
-
-    // sort board as per boardState
-    const sortedBoards: KanbanBoard[] = boardState.map(boardId => {
-      return database.boards.find(board => board.id === boardId) as KanbanBoard
-    })
-
-    database.boards = sortedBoards
-
-    return new HttpResponse(null, { status: 201 })
-  }),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/kanban/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/kanban/types.ts
deleted file mode 100644
index bf820d2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/kanban/types.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-// Kanban Data
-interface Member { name: string; img: string }
-
-export interface KanbanItem {
-  id: number
-  title: string
-  comments?: string
-  dueDate?: string
-  labels?: string[]
-  members?: Member[]
-  attachments?: number
-  commentsCount?: number
-  image?: string
-}
-export interface KanbanBoard {
-  id: number
-  title: string
-  itemsIds: number[]
-}
-
-export interface RenameKanbanBoard {
-  oldName: string
-  boardId: number
-  newName: string
-}
-
-export interface AddNewKanbanItem {
-  itemTitle: string
-  boardName: string
-  boardId: number
-}
-
-export interface EditKanbanItem {
-  item: KanbanItem | undefined
-  boardName: string
-  boardId: number
-}
-
-export interface KanbanData {
-  boards: KanbanBoard[]
-  items: KanbanItem[]
-}
-
-export interface KanbanState {
-  ids: number[]
-  boardId: number
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/logistics/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/logistics/db.ts
deleted file mode 100644
index 959e2ae..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/logistics/db.ts
+++ /dev/null
@@ -1,260 +0,0 @@
-import type { Vehicle } from '@db/apps/logistics/types'
-
-interface DB {
-  vehicles: Vehicle[]
-}
-
-export const db: DB = {
-  vehicles: [
-    {
-      id: 1,
-      location: 468031,
-      startCity: 'Cagnes-sur-Mer',
-      startCountry: 'France',
-      endCity: 'Catania',
-      endCountry: 'Italy',
-      warnings: 'No Warnings',
-      progress: 49,
-    },
-    {
-      id: 2,
-      location: 302781,
-      startCity: 'Köln',
-      startCountry: 'Germany',
-      endCity: 'Laspezia',
-      endCountry: 'Italy',
-      warnings: 'Ecu Not Responding',
-      progress: 24,
-    },
-    {
-      id: 3,
-      location: 715822,
-      startCity: 'Chambray-lès-Tours',
-      startCountry: 'France',
-      endCity: 'Hamm',
-      endCountry: 'Germany',
-      warnings: 'Oil Leakage',
-      progress: 7,
-    },
-    {
-      id: 4,
-      location: 451430,
-      startCity: 'Berlin',
-      startCountry: 'Germany',
-      endCity: 'Gelsenkirchen',
-      endCountry: 'Germany',
-      warnings: 'No Warnings',
-      progress: 95,
-    },
-    {
-      id: 5,
-      location: 921577,
-      startCity: 'Cergy-Pontoise',
-      startCountry: 'France',
-      endCity: 'Berlin',
-      endCountry: 'Germany',
-      warnings: 'No Warnings',
-      progress: 65,
-    },
-    {
-      id: 6,
-      location: 480957,
-      startCity: 'Villefranche-sur-Saône',
-      startCountry: 'France',
-      endCity: 'Halle',
-      endCountry: 'Germany',
-      warnings: 'Ecu Not Responding',
-      progress: 55,
-    },
-    {
-      id: 7,
-      location: 330178,
-      startCity: 'Mâcon',
-      startCountry: 'France',
-      endCity: 'Bochum',
-      endCountry: 'Germany',
-      warnings: 'Fuel Problems',
-      progress: 74,
-    },
-    {
-      id: 8,
-      location: 595525,
-      startCity: 'Fullerton',
-      startCountry: 'USA',
-      endCity: 'Lübeck',
-      endCountry: 'Germany',
-      warnings: 'No Warnings',
-      progress: 100,
-    },
-    {
-      id: 9,
-      location: 182964,
-      startCity: 'Saintes',
-      startCountry: 'France',
-      endCity: 'Roma',
-      endCountry: 'Italy',
-      warnings: 'Oil Leakage',
-      progress: 82,
-    },
-    {
-      id: 10,
-      location: 706085,
-      startCity: 'Fort Wayne',
-      startCountry: 'USA',
-      endCity: 'Mülheim an der Ruhr',
-      endCountry: 'Germany',
-      warnings: 'Oil Leakage',
-      progress: 49,
-    },
-    {
-      id: 11,
-      location: 523708,
-      startCity: 'Albany',
-      startCountry: 'USA',
-      endCity: 'Wuppertal',
-      endCountry: 'Germany',
-      warnings: 'Temperature not optimal',
-      progress: 66,
-    },
-    {
-      id: 12,
-      location: 676485,
-      startCity: 'Toledo',
-      startCountry: 'USA',
-      endCity: 'Magdeburg',
-      endCountry: 'Germany',
-      warnings: 'Temperature not optimal',
-      progress: 7,
-    },
-    {
-      id: 13,
-      location: 514437,
-      startCity: 'Houston',
-      startCountry: 'USA',
-      endCity: 'Wiesbaden',
-      endCountry: 'Germany',
-      warnings: 'Fuel Problems',
-      progress: 27,
-    },
-    {
-      id: 14,
-      location: 300198,
-      startCity: 'West Palm Beach',
-      startCountry: 'USA',
-      endCity: 'Dresden',
-      endCountry: 'Germany',
-      warnings: 'Temperature not optimal',
-      progress: 90,
-    },
-    {
-      id: 15,
-      location: 960090,
-      startCity: 'Fort Lauderdale',
-      startCountry: 'USA',
-      endCity: 'Kiel',
-      endCountry: 'Germany',
-      warnings: 'No Warnings',
-      progress: 81,
-    },
-    {
-      id: 16,
-      location: 878423,
-      startCity: 'Schaumburg',
-      startCountry: 'USA',
-      endCity: 'Berlin',
-      endCountry: 'Germany',
-      warnings: 'Fuel Problems',
-      progress: 21,
-    },
-    {
-      id: 17,
-      location: 318119,
-      startCity: 'Mundolsheim',
-      startCountry: 'France',
-      endCity: 'München',
-      endCountry: 'Germany',
-      warnings: 'No Warnings',
-      progress: 26,
-    },
-    {
-      id: 18,
-      location: 742500,
-      startCity: 'Fargo',
-      startCountry: 'USA',
-      endCity: 'Salerno',
-      endCountry: 'Italy',
-      warnings: 'Temperature not optimal',
-      progress: 80,
-    },
-    {
-      id: 19,
-      location: 469399,
-      startCity: 'München',
-      startCountry: 'Germany',
-      endCity: 'Ath',
-      endCountry: 'Belgium',
-      warnings: 'Ecu Not Responding',
-      progress: 50,
-    },
-    {
-      id: 20,
-      location: 411175,
-      startCity: 'Chicago',
-      startCountry: 'USA',
-      endCity: 'Neuss',
-      endCountry: 'Germany',
-      warnings: 'Oil Leakage',
-      progress: 44,
-    },
-    {
-      id: 21,
-      location: 753525,
-      startCity: 'Limoges',
-      startCountry: 'France',
-      endCity: 'Messina',
-      endCountry: 'Italy',
-      warnings: 'Temperature not optimal',
-      progress: 55,
-    },
-    {
-      id: 22,
-      location: 882341,
-      startCity: 'Cesson-Sévigné',
-      startCountry: 'France',
-      endCity: 'Napoli',
-      endCountry: 'Italy',
-      warnings: 'No Warnings',
-      progress: 48,
-    },
-    {
-      id: 23,
-      location: 408270,
-      startCity: 'Leipzig',
-      startCountry: 'Germany',
-      endCity: 'Tournai',
-      endCountry: 'Belgium',
-      warnings: 'Ecu Not Responding',
-      progress: 73,
-    },
-    {
-      id: 24,
-      location: 276904,
-      startCity: 'Aulnay-sous-Bois',
-      startCountry: 'France',
-      endCity: 'Torino',
-      endCountry: 'Italy',
-      warnings: 'Fuel Problems',
-      progress: 30,
-    },
-    {
-      id: 25,
-      location: 159145,
-      startCity: 'Paris 19',
-      startCountry: 'France',
-      endCity: 'Dresden',
-      endCountry: 'Germany',
-      warnings: 'No Warnings',
-      progress: 60,
-    },
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/logistics/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/logistics/index.ts
deleted file mode 100644
index f4dbc49..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/logistics/index.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import is from '@sindresorhus/is'
-import { destr } from 'destr'
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/apps/logistics/db'
-import { paginateArray } from '@api-utils/paginateArray'
-
-export const handlerAppLogistics = [
-  http.get(('/api/apps/logistics/vehicles'), ({ request }) => {
-    const url = new URL(request.url)
-    const sortBy = url.searchParams.get('sortBy')
-    const page = url.searchParams.get('page') ?? 1
-    const itemsPerPage = url.searchParams.get('itemsPerPage') ?? 10
-    const orderBy = url.searchParams.get('orderBy')
-
-    const parsedSortBy = destr(sortBy)
-    const sortByLocal = is.string(parsedSortBy) ? parsedSortBy : ''
-
-    const parsedOrderBy = destr(orderBy)
-    const orderByLocal = is.string(parsedOrderBy) ? parsedOrderBy : ''
-
-    const parsedItemsPerPage = destr(itemsPerPage)
-    const parsedPage = destr(page)
-
-    const itemsPerPageLocal = is.number(parsedItemsPerPage) ? parsedItemsPerPage : 10
-    const pageLocal = is.number(parsedPage) ? parsedPage : 1
-
-    // Sorting Vehicles
-    let vehicles = [...db.vehicles]
-
-    if (sortBy) {
-      if (sortByLocal === 'location') {
-        vehicles = vehicles.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.location - b.location
-
-          return b.location - a.location
-        })
-      }
-
-      if (sortByLocal === 'startRoute') {
-        vehicles = vehicles.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.startCity.localeCompare(b.startCity)
-
-          return b.startCity.localeCompare(a.startCity)
-        })
-      }
-
-      if (sortByLocal === 'endRoute') {
-        vehicles = vehicles.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.endCity.localeCompare(b.endCity)
-
-          return b.endCity.localeCompare(a.endCity)
-        })
-      }
-
-      if (sortByLocal === 'warnings') {
-        vehicles = vehicles.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.warnings.localeCompare(b.warnings)
-
-          return b.warnings.localeCompare(a.warnings)
-        })
-      }
-
-      if (sortByLocal === 'progress') {
-        vehicles = vehicles.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.progress - b.progress
-
-          return b.progress - a.progress
-        })
-      }
-    }
-
-    return HttpResponse.json(
-      {
-        vehicles: paginateArray(vehicles, itemsPerPageLocal, pageLocal),
-        totalVehicles: vehicles.length,
-      },
-      { status: 200 },
-    )
-  }),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/logistics/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/logistics/types.ts
deleted file mode 100644
index a4496c1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/logistics/types.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export interface Vehicle {
-  id: number
-  location: number
-  startCity: string
-  startCountry: string
-  endCity: string
-  endCountry: string
-  warnings: string
-  progress: number
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/permission/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/permission/db.ts
deleted file mode 100644
index 3b6148e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/permission/db.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import type { Permission } from '@db/apps/permission/types'
-
-interface DB {
-  permissions: Permission[]
-}
-
-export const db: DB = {
-  permissions: [
-    {
-      id: 1,
-      name: 'Management',
-      assignedTo: ['administrator'],
-      createdDate: '14 Apr 2021, 8:43 PM',
-    },
-    {
-      id: 2,
-      assignedTo: ['administrator'],
-      name: 'Manage Billing & Roles',
-      createdDate: '16 Sep 2021, 5:20 PM',
-    },
-    {
-      id: 3,
-      name: 'Add & Remove Users',
-      createdDate: '14 Oct 2021, 10:20 AM',
-      assignedTo: ['administrator', 'manager'],
-    },
-    {
-      id: 4,
-      name: 'Project Planning',
-      createdDate: '14 Oct 2021, 10:20 AM',
-      assignedTo: ['administrator', 'users', 'support'],
-    },
-    {
-      id: 5,
-      name: 'Manage Email Sequences',
-      createdDate: '23 Aug 2021, 2:00 PM',
-      assignedTo: ['administrator', 'users', 'support'],
-    },
-    {
-      id: 6,
-      name: 'Client Communication',
-      createdDate: '15 Apr 2021, 11:30 AM',
-      assignedTo: ['administrator', 'manager'],
-    },
-    {
-      id: 7,
-      name: 'Only View',
-      createdDate: '04 Dec 2021, 8:15 PM',
-      assignedTo: ['administrator', 'restricted-user'],
-    },
-    {
-      id: 8,
-      name: 'Financial Management',
-      createdDate: '25 Feb 2021, 10:30 AM',
-      assignedTo: ['administrator', 'manager'],
-    },
-    {
-      id: 9,
-      name: 'Manage Others\' Tasks',
-      createdDate: '04 Nov 2021, 11:45 AM',
-      assignedTo: ['administrator', 'support'],
-    },
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/permission/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/permission/index.ts
deleted file mode 100644
index f9724b3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/permission/index.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import is from '@sindresorhus/is'
-import { destr } from 'destr'
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/apps/permission/db'
-import { paginateArray } from '@api-utils/paginateArray'
-
-export const handlerAppsPermission = [
-  // 👉 Get Permission List
-  http.get(('/api/apps/permissions'), ({ request }) => {
-    const url = new URL(request.url)
-
-    const q = url.searchParams.get('q') || ''
-    const sortBy = url.searchParams.get('sortBy')
-    const page = url.searchParams.get('page') || 1
-    const itemsPerPage = url.searchParams.get('itemsPerPage') || 10
-    const orderBy = url.searchParams.get('orderBy')
-
-    const parsedSortBy = destr(sortBy)
-    const sortByLocal = is.string(parsedSortBy) ? parsedSortBy : ''
-
-    const parsedOrderBy = destr(orderBy)
-    const orderByLocal = is.string(parsedOrderBy) ? parsedOrderBy : ''
-
-    const parsedItemsPerPage = destr(itemsPerPage)
-    const parsedPage = destr(page)
-
-    const itemsPerPageLocal = is.number(parsedItemsPerPage) ? parsedItemsPerPage : 10
-    const pageLocal = is.number(parsedPage) ? parsedPage : 1
-
-    const searchQuery = is.string(q) ? q : undefined
-    const queryLower = (searchQuery ?? '').toString().toLowerCase()
-
-    let filteredPermissions = db.permissions.filter(
-      permissions =>
-        permissions.name.toLowerCase().includes(queryLower)
-        || permissions.createdDate.toLowerCase().includes(queryLower)
-        || permissions.assignedTo.some((i: string) => i.toLowerCase().startsWith(queryLower)),
-    )
-
-    // Sorting Permissions
-    if (sortByLocal && sortByLocal === 'name') {
-      filteredPermissions = filteredPermissions.sort((a, b) => {
-        if (orderByLocal === 'asc')
-          return a.name.localeCompare(b.name)
-
-        return b.name.localeCompare(a.name)
-      })
-    }
-
-    // return response with paginated data
-    return HttpResponse.json(
-      {
-        permissions: paginateArray(filteredPermissions, itemsPerPageLocal, pageLocal),
-        totalPermissions: filteredPermissions.length,
-      },
-      {
-        status: 200,
-      },
-    )
-  }),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/permission/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/permission/types.ts
deleted file mode 100644
index 90f5aee..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/permission/types.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface Permission {
-  id: number
-  name: string
-  createdDate: string
-  assignedTo: string[]
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/users/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/users/db.ts
deleted file mode 100644
index 8a5fb3e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/users/db.ts
+++ /dev/null
@@ -1,716 +0,0 @@
-import type { UserProperties } from './types'
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-
-interface DB {
-  users: UserProperties[]
-}
-
-export const db: DB = {
-  users: [
-    {
-      id: 1,
-      fullName: 'Galasasen Slixby',
-      company: 'Yotz PVT LTD',
-      role: 'editor',
-      username: 'gslixby0',
-      country: 'El Salvador',
-      contact: '(479) 232-9151',
-      email: 'gslixby0@abc.net.au',
-      currentPlan: 'enterprise',
-      status: 'inactive',
-      avatar: avatar1,
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 2,
-      fullName: 'Halsey Redmore',
-      company: 'Skinder PVT LTD',
-      role: 'author',
-      username: 'hredmore1',
-      country: 'Albania',
-      contact: '(472) 607-9137',
-      email: 'hredmore1@imgur.com',
-      currentPlan: 'team',
-      status: 'pending',
-      avatar: avatar2,
-      billing: 'Auto debit',
-    },
-    {
-      id: 3,
-      fullName: 'Marjory Sicely',
-      company: 'Oozz PVT LTD',
-      role: 'maintainer',
-      username: 'msicely2',
-      country: 'Russia',
-      contact: '(321) 264-4599',
-      email: 'msicely2@who.int',
-      currentPlan: 'enterprise',
-      status: 'active',
-      avatar: avatar3,
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 4,
-      fullName: 'Cyrill Risby',
-      company: 'Oozz PVT LTD',
-      role: 'maintainer',
-      username: 'crisby3',
-      country: 'China',
-      contact: '(923) 690-6806',
-      email: 'crisby3@wordpress.com',
-      currentPlan: 'team',
-      status: 'inactive',
-      avatar: '',
-      billing: 'Auto debit',
-    },
-    {
-      id: 5,
-      fullName: 'Maggy Hurran',
-      company: 'Aimbo PVT LTD',
-      role: 'subscriber',
-      username: 'mhurran4',
-      country: 'Pakistan',
-      contact: '(669) 914-1078',
-      email: 'mhurran4@yahoo.co.jp',
-      currentPlan: 'enterprise',
-      status: 'pending',
-      avatar: avatar5,
-      billing: 'Manual-Cash',
-    },
-    {
-      id: 6,
-      fullName: 'Silvain Halstead',
-      company: 'Jaxbean PVT LTD',
-      role: 'author',
-      username: 'shalstead5',
-      country: 'China',
-      contact: '(958) 973-3093',
-      email: 'shalstead5@shinystat.com',
-      currentPlan: 'company',
-      status: 'active',
-      avatar: '',
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 7,
-      fullName: 'Breena Gallemore',
-      company: 'Jazzy PVT LTD',
-      role: 'subscriber',
-      username: 'bgallemore6',
-      country: 'Canada',
-      contact: '(825) 977-8152',
-      email: 'bgallemore6@boston.com',
-      currentPlan: 'company',
-      status: 'pending',
-      avatar: avatar1,
-      billing: 'Manual-PayPal',
-    },
-    {
-      id: 8,
-      fullName: 'Kathryne Liger',
-      company: 'Pixoboo PVT LTD',
-      role: 'author',
-      username: 'kliger7',
-      country: 'France',
-      contact: '(187) 440-0934',
-      email: 'kliger7@vinaora.com',
-      currentPlan: 'enterprise',
-      status: 'pending',
-      avatar: '',
-      billing: 'Auto debit',
-    },
-    {
-      id: 9,
-      fullName: 'Franz Scotfurth',
-      company: 'Tekfly PVT LTD',
-      role: 'subscriber',
-      username: 'fscotfurth8',
-      country: 'China',
-      contact: '(978) 146-5443',
-      email: 'fscotfurth8@dailymotion.com',
-      currentPlan: 'team',
-      status: 'pending',
-      avatar: avatar1,
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 10,
-      fullName: 'Jillene Bellany',
-      company: 'Gigashots PVT LTD',
-      role: 'maintainer',
-      username: 'jbellany9',
-      country: 'Jamaica',
-      contact: '(589) 284-6732',
-      email: 'jbellany9@kickstarter.com',
-      currentPlan: 'company',
-      status: 'inactive',
-      avatar: avatar3,
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 11,
-      fullName: 'Jonah Wharlton',
-      company: 'Eare PVT LTD',
-      role: 'subscriber',
-      username: 'jwharltona',
-      country: 'United States',
-      contact: '(176) 532-6824',
-      email: 'jwharltona@oakley.com',
-      currentPlan: 'team',
-      status: 'inactive',
-      avatar: '',
-      billing: 'Manual-Cash',
-    },
-    {
-      id: 12,
-      fullName: 'Seth Hallam',
-      company: 'Yakitri PVT LTD',
-      role: 'subscriber',
-      username: 'shallamb',
-      country: 'Peru',
-      contact: '(234) 464-0600',
-      email: 'shallamb@hugedomains.com',
-      currentPlan: 'team',
-      status: 'pending',
-      avatar: avatar3,
-      billing: 'Manual-PayPal',
-    },
-    {
-      id: 13,
-      fullName: 'Yoko Pottie',
-      company: 'Leenti PVT LTD',
-      role: 'subscriber',
-      username: 'ypottiec',
-      country: 'Philippines',
-      contact: '(907) 284-5083',
-      email: 'ypottiec@privacy.gov.au',
-      currentPlan: 'basic',
-      status: 'inactive',
-      avatar: avatar6,
-      billing: 'Manual-PayPal',
-    },
-    {
-      id: 14,
-      fullName: 'Maximilianus Krause',
-      company: 'Digitube PVT LTD',
-      role: 'author',
-      username: 'mkraused',
-      country: 'Democratic Republic of the Congo',
-      contact: '(167) 135-7392',
-      email: 'mkraused@stanford.edu',
-      currentPlan: 'team',
-      status: 'active',
-      avatar: '',
-      billing: 'Manual-PayPal',
-    },
-    {
-      id: 15,
-      fullName: 'Zsazsa McCleverty',
-      company: 'Kaymbo PVT LTD',
-      role: 'maintainer',
-      username: 'zmcclevertye',
-      country: 'France',
-      contact: '(317) 409-6565',
-      email: 'zmcclevertye@soundcloud.com',
-      currentPlan: 'enterprise',
-      status: 'active',
-      avatar: avatar3,
-      billing: 'Manual-PayPal',
-    },
-    {
-      id: 16,
-      fullName: 'Bentlee Emblin',
-      company: 'Yambee PVT LTD',
-      role: 'author',
-      username: 'bemblinf',
-      country: 'Spain',
-      contact: '(590) 606-1056',
-      email: 'bemblinf@wired.com',
-      currentPlan: 'company',
-      status: 'active',
-      avatar: avatar4,
-      billing: 'Manual-PayPal',
-    },
-    {
-      id: 17,
-      fullName: 'Brockie Myles',
-      company: 'Wikivu PVT LTD',
-      role: 'maintainer',
-      username: 'bmylesg',
-      country: 'Poland',
-      contact: '(553) 225-9905',
-      email: 'bmylesg@amazon.com',
-      currentPlan: 'basic',
-      status: 'active',
-      avatar: avatar1,
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 18,
-      fullName: 'Bertha Biner',
-      company: 'Twinte PVT LTD',
-      role: 'editor',
-      username: 'bbinerh',
-      country: 'Yemen',
-      contact: '(901) 916-9287',
-      email: 'bbinerh@mozilla.com',
-      currentPlan: 'team',
-      status: 'active',
-      avatar: avatar3,
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 19,
-      fullName: 'Travus Bruntjen',
-      company: 'Cogidoo PVT LTD',
-      role: 'admin',
-      username: 'tbruntjeni',
-      country: 'France',
-      contact: '(524) 586-6057',
-      email: 'tbruntjeni@sitemeter.com',
-      currentPlan: 'enterprise',
-      status: 'active',
-      avatar: '',
-      billing: 'Manual-Cash',
-    },
-    {
-      id: 20,
-      fullName: 'Wesley Burland',
-      company: 'Bubblemix PVT LTD',
-      role: 'editor',
-      username: 'wburlandj',
-      country: 'Honduras',
-      contact: '(569) 683-1292',
-      email: 'wburlandj@uiuc.edu',
-      currentPlan: 'team',
-      status: 'inactive',
-      avatar: avatar5,
-      billing: 'Manual-Cash',
-    },
-    {
-      id: 21,
-      fullName: 'Selina Kyle',
-      company: 'Wayne Enterprises',
-      role: 'admin',
-      username: 'catwomen1940',
-      country: 'USA',
-      contact: '(829) 537-0057',
-      email: 'irena.dubrovna@wayne.com',
-      currentPlan: 'team',
-      status: 'active',
-      avatar: avatar1,
-      billing: 'Manual-Cash',
-    },
-    {
-      id: 22,
-      fullName: 'Jameson Lyster',
-      company: 'Quaxo PVT LTD',
-      role: 'editor',
-      username: 'jlysterl',
-      country: 'Ukraine',
-      contact: '(593) 624-0222',
-      email: 'jlysterl@guardian.co.uk',
-      currentPlan: 'company',
-      status: 'inactive',
-      avatar: avatar6,
-      billing: 'Manual-Cash',
-    },
-    {
-      id: 23,
-      fullName: 'Kare Skitterel',
-      company: 'Ainyx PVT LTD',
-      role: 'maintainer',
-      username: 'kskitterelm',
-      country: 'Poland',
-      contact: '(254) 845-4107',
-      email: 'kskitterelm@ainyx.com',
-      currentPlan: 'basic',
-      status: 'pending',
-      avatar: avatar2,
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 24,
-      fullName: 'Cleavland Hatherleigh',
-      company: 'Flipopia PVT LTD',
-      role: 'admin',
-      username: 'chatherleighn',
-      country: 'Brazil',
-      contact: '(700) 783-7498',
-      email: 'chatherleighn@washington.edu',
-      currentPlan: 'team',
-      status: 'pending',
-      avatar: '',
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 25,
-      fullName: 'Adeline Micco',
-      company: 'Topicware PVT LTD',
-      role: 'admin',
-      username: 'amiccoo',
-      country: 'France',
-      contact: '(227) 598-1841',
-      email: 'amiccoo@whitehouse.gov',
-      currentPlan: 'enterprise',
-      status: 'pending',
-      avatar: '',
-      billing: 'Auto Debit',
-    },
-    {
-      id: 26,
-      fullName: 'Hugh Hasson',
-      company: 'Skinix PVT LTD',
-      role: 'admin',
-      username: 'hhassonp',
-      country: 'China',
-      contact: '(582) 516-1324',
-      email: 'hhassonp@bizjournals.com',
-      currentPlan: 'basic',
-      status: 'inactive',
-      avatar: avatar6,
-      billing: 'Auto Debit',
-    },
-    {
-      id: 27,
-      fullName: 'Germain Jacombs',
-      company: 'Youopia PVT LTD',
-      role: 'editor',
-      username: 'gjacombsq',
-      country: 'Zambia',
-      contact: '(137) 467-5393',
-      email: 'gjacombsq@jigsy.com',
-      currentPlan: 'enterprise',
-      status: 'active',
-      avatar: '',
-      billing: 'Auto Debit',
-    },
-    {
-      id: 28,
-      fullName: 'Bree Kilday',
-      company: 'Jetpulse PVT LTD',
-      role: 'maintainer',
-      username: 'bkildayr',
-      country: 'Portugal',
-      contact: '(412) 476-0854',
-      email: 'bkildayr@mashable.com',
-      currentPlan: 'team',
-      status: 'active',
-      avatar: '',
-      billing: 'Auto Debit',
-    },
-    {
-      id: 29,
-      fullName: 'Candice Pinyon',
-      company: 'Kare PVT LTD',
-      role: 'maintainer',
-      username: 'cpinyons',
-      country: 'Sweden',
-      contact: '(170) 683-1520',
-      email: 'cpinyons@behance.net',
-      currentPlan: 'team',
-      status: 'active',
-      avatar: avatar1,
-      billing: 'Manual-Cash',
-    },
-    {
-      id: 30,
-      fullName: 'Isabel Mallindine',
-      company: 'Voomm PVT LTD',
-      role: 'subscriber',
-      username: 'imallindinet',
-      country: 'Slovenia',
-      contact: '(332) 803-1983',
-      email: 'imallindinet@shinystat.com',
-      currentPlan: 'team',
-      status: 'pending',
-      avatar: avatar5,
-      billing: 'Manual-Cash',
-    },
-    {
-      id: 31,
-      fullName: 'Gwendolyn Meineken',
-      company: 'Oyondu PVT LTD',
-      role: 'admin',
-      username: 'gmeinekenu',
-      country: 'Moldova',
-      contact: '(551) 379-7460',
-      email: 'gmeinekenu@hc360.com',
-      currentPlan: 'basic',
-      status: 'pending',
-      avatar: avatar2,
-      billing: 'Manual-Cash',
-    },
-    {
-      id: 32,
-      fullName: 'Rafaellle Snowball',
-      company: 'Fivespan PVT LTD',
-      role: 'editor',
-      username: 'rsnowballv',
-      country: 'Philippines',
-      contact: '(974) 829-0911',
-      email: 'rsnowballv@indiegogo.com',
-      currentPlan: 'basic',
-      status: 'pending',
-      avatar: avatar6,
-      billing: 'Manual-Cash',
-    },
-    {
-      id: 33,
-      fullName: 'Rochette Emer',
-      company: 'Thoughtworks PVT LTD',
-      role: 'admin',
-      username: 'remerw',
-      country: 'North Korea',
-      contact: '(841) 889-3339',
-      email: 'remerw@blogtalkradio.com',
-      currentPlan: 'basic',
-      status: 'active',
-      avatar: '',
-      billing: 'Manual-Cash',
-    },
-    {
-      id: 34,
-      fullName: 'Ophelie Fibbens',
-      company: 'Jaxbean PVT LTD',
-      role: 'subscriber',
-      username: 'ofibbensx',
-      country: 'Indonesia',
-      contact: '(764) 885-7351',
-      email: 'ofibbensx@booking.com',
-      currentPlan: 'company',
-      status: 'active',
-      avatar: avatar3,
-      billing: 'Manual-Cash',
-    },
-    {
-      id: 35,
-      fullName: 'Stephen MacGilfoyle',
-      company: 'Browseblab PVT LTD',
-      role: 'maintainer',
-      username: 'smacgilfoyley',
-      country: 'Japan',
-      contact: '(350) 589-8520',
-      email: 'smacgilfoyley@bigcartel.com',
-      currentPlan: 'company',
-      status: 'pending',
-      avatar: avatar2,
-      billing: 'Manual-Cash',
-    },
-    {
-      id: 36,
-      fullName: 'Bradan Rosebotham',
-      company: 'Agivu PVT LTD',
-      role: 'subscriber',
-      username: 'brosebothamz',
-      country: 'Belarus',
-      contact: '(882) 933-2180',
-      email: 'brosebothamz@tripadvisor.com',
-      currentPlan: 'team',
-      status: 'inactive',
-      avatar: '',
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 37,
-      fullName: 'Skip Hebblethwaite',
-      company: 'Katz PVT LTD',
-      role: 'admin',
-      username: 'shebblethwaite10',
-      country: 'Canada',
-      contact: '(610) 343-1024',
-      email: 'shebblethwaite10@arizona.edu',
-      currentPlan: 'company',
-      status: 'inactive',
-      avatar: avatar1,
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 38,
-      fullName: 'Moritz Piccard',
-      company: 'Twitternation PVT LTD',
-      role: 'maintainer',
-      username: 'mpiccard11',
-      country: 'Croatia',
-      contact: '(365) 277-2986',
-      email: 'mpiccard11@vimeo.com',
-      currentPlan: 'enterprise',
-      status: 'inactive',
-      avatar: avatar2,
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 39,
-      fullName: 'Tyne Widmore',
-      company: 'Yombu PVT LTD',
-      role: 'subscriber',
-      username: 'twidmore12',
-      country: 'Finland',
-      contact: '(531) 731-0928',
-      email: 'twidmore12@bravesites.com',
-      currentPlan: 'team',
-      status: 'pending',
-      avatar: '',
-      billing: 'Auto Debit',
-    },
-    {
-      id: 40,
-      fullName: 'Florenza Desporte',
-      company: 'Kamba PVT LTD',
-      role: 'author',
-      username: 'fdesporte13',
-      country: 'Ukraine',
-      contact: '(312) 104-2638',
-      email: 'fdesporte13@omniture.com',
-      currentPlan: 'company',
-      status: 'active',
-      avatar: avatar1,
-      billing: 'Auto Debit',
-    },
-    {
-      id: 41,
-      fullName: 'Edwina Baldetti',
-      company: 'Dazzlesphere PVT LTD',
-      role: 'maintainer',
-      username: 'ebaldetti14',
-      country: 'Haiti',
-      contact: '(315) 329-3578',
-      email: 'ebaldetti14@theguardian.com',
-      currentPlan: 'team',
-      status: 'pending',
-      avatar: avatar5,
-      billing: 'Auto Debit',
-    },
-    {
-      id: 42,
-      fullName: 'Benedetto Rossiter',
-      company: 'Mybuzz PVT LTD',
-      role: 'editor',
-      username: 'brossiter15',
-      country: 'Indonesia',
-      contact: '(323) 175-6741',
-      email: 'brossiter15@craigslist.org',
-      currentPlan: 'team',
-      status: 'inactive',
-      avatar: avatar1,
-      billing: 'Auto Debit',
-    },
-    {
-      id: 43,
-      fullName: 'Micaela McNirlan',
-      company: 'Tambee PVT LTD',
-      role: 'admin',
-      username: 'mmcnirlan16',
-      country: 'Indonesia',
-      contact: '(242) 952-0916',
-      email: 'mmcnirlan16@hc360.com',
-      currentPlan: 'basic',
-      status: 'inactive',
-      avatar: avatar2,
-      billing: 'Auto Debit',
-    },
-    {
-      id: 44,
-      fullName: 'Vladamir Koschek',
-      company: 'Centimia PVT LTD',
-      role: 'author',
-      username: 'vkoschek17',
-      country: 'Guatemala',
-      contact: '(531) 758-8335',
-      email: 'vkoschek17@abc.net.au',
-      currentPlan: 'team',
-      status: 'active',
-      avatar: avatar1,
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 45,
-      fullName: 'Corrie Perot',
-      company: 'Flipopia PVT LTD',
-      role: 'subscriber',
-      username: 'cperot18',
-      country: 'China',
-      contact: '(659) 385-6808',
-      email: 'cperot18@goo.ne.jp',
-      currentPlan: 'team',
-      status: 'pending',
-      avatar: avatar5,
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 46,
-      fullName: 'Saunder Offner',
-      company: 'Skalith PVT LTD',
-      role: 'maintainer',
-      username: 'soffner19',
-      country: 'Poland',
-      contact: '(200) 586-2264',
-      email: 'soffner19@mac.com',
-      currentPlan: 'enterprise',
-      status: 'pending',
-      avatar: avatar4,
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 47,
-      fullName: 'Karena Courtliff',
-      company: 'Feedfire PVT LTD',
-      role: 'admin',
-      username: 'kcourtliff1a',
-      country: 'China',
-      contact: '(478) 199-0020',
-      email: 'kcourtliff1a@bbc.co.uk',
-      currentPlan: 'basic',
-      status: 'active',
-      avatar: avatar6,
-      billing: 'Manual-Credit Card',
-    },
-    {
-      id: 48,
-      fullName: 'Onfre Wind',
-      company: 'Thoughtmix PVT LTD',
-      role: 'admin',
-      username: 'owind1b',
-      country: 'Ukraine',
-      contact: '(344) 262-7270',
-      email: 'owind1b@yandex.ru',
-      currentPlan: 'basic',
-      status: 'pending',
-      avatar: avatar3,
-      billing: 'Manual-PayPal',
-    },
-    {
-      id: 49,
-      fullName: 'Paulie Durber',
-      company: 'Babbleblab PVT LTD',
-      role: 'subscriber',
-      username: 'pdurber1c',
-      country: 'Sweden',
-      contact: '(694) 676-1275',
-      email: 'pdurber1c@gov.uk',
-      currentPlan: 'team',
-      status: 'inactive',
-      avatar: avatar2,
-      billing: 'Manual-PayPal',
-    },
-    {
-      id: 50,
-      fullName: 'Beverlie Krabbe',
-      company: 'Kaymbo PVT LTD',
-      role: 'editor',
-      username: 'bkrabbe1d',
-      country: 'China',
-      contact: '(397) 294-5153',
-      email: 'bkrabbe1d@home.pl',
-      currentPlan: 'company',
-      status: 'active',
-      avatar: avatar1,
-      billing: 'Manual-Cash',
-    },
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/users/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/users/index.ts
deleted file mode 100644
index 35b1827..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/users/index.ts
+++ /dev/null
@@ -1,166 +0,0 @@
-import is from '@sindresorhus/is'
-import { destr } from 'destr'
-import type { PathParams } from 'msw'
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/apps/users/db'
-import { paginateArray } from '@api-utils/paginateArray'
-
-export const handlerAppsUsers = [
-  // Get Users Details
-  http.get(('/api/apps/users'), ({ request }) => {
-    const url = new URL(request.url)
-
-    const q = url.searchParams.get('q')
-    const role = url.searchParams.get('role')
-    const plan = url.searchParams.get('plan')
-    const status = url.searchParams.get('status')
-    const sortBy = url.searchParams.get('sortBy')
-    const itemsPerPage = url.searchParams.get('itemsPerPage')
-    const page = url.searchParams.get('page')
-    const orderBy = url.searchParams.get('orderBy')
-
-    const searchQuery = is.string(q) ? q : undefined
-    const queryLower = (searchQuery ?? '').toString().toLowerCase()
-
-    const parsedSortBy = destr(sortBy)
-    const sortByLocal = is.string(parsedSortBy) ? parsedSortBy : ''
-
-    const parsedOrderBy = destr(orderBy)
-    const orderByLocal = is.string(parsedOrderBy) ? parsedOrderBy : ''
-
-    const parsedItemsPerPage = destr(itemsPerPage)
-    const parsedPage = destr(page)
-
-    const itemsPerPageLocal = is.number(parsedItemsPerPage) ? parsedItemsPerPage : 10
-    const pageLocal = is.number(parsedPage) ? parsedPage : 1
-
-    // filter users
-    let filteredUsers = db.users.filter(user => ((user.fullName.toLowerCase().includes(queryLower) || user.email.toLowerCase().includes(queryLower)) && user.role === (role || user.role) && user.currentPlan === (plan || user.currentPlan) && user.status === (status || user.status))).reverse()
-
-    // sort users
-    if (sortByLocal) {
-      console.log(sortByLocal)
-      if (sortByLocal === 'user') {
-        filteredUsers = filteredUsers.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.fullName.localeCompare(b.fullName)
-          else
-            return b.fullName.localeCompare(a.fullName)
-        })
-      }
-      if (sortByLocal === 'email') {
-        filteredUsers = filteredUsers.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.email.localeCompare(b.email)
-          else
-            return b.email.localeCompare(a.email)
-        })
-      }
-      if (sortByLocal === 'role') {
-        filteredUsers = filteredUsers.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.role.localeCompare(b.role)
-          else
-            return b.role.localeCompare(a.role)
-        })
-      }
-      if (sortByLocal === 'plan') {
-        filteredUsers = filteredUsers.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.currentPlan.localeCompare(b.currentPlan)
-          else
-            return b.currentPlan.localeCompare(a.currentPlan)
-        })
-      }
-      if (sortByLocal === 'status') {
-        filteredUsers = filteredUsers.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.status.localeCompare(b.status)
-          else
-            return b.status.localeCompare(a.status)
-        })
-      }
-      if (sortByLocal === 'billing') {
-        filteredUsers = filteredUsers.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.billing.localeCompare(b.billing)
-          else
-            return b.billing.localeCompare(a.billing)
-        })
-      }
-    }
-
-    const totalUsers = filteredUsers.length
-
-    // total pages
-    const totalPages = Math.ceil(totalUsers / itemsPerPageLocal)
-
-    return HttpResponse.json(
-      {
-        users: paginateArray(filteredUsers, itemsPerPageLocal, pageLocal),
-        totalPages,
-        totalUsers,
-        page: pageLocal > Math.ceil(totalUsers / itemsPerPageLocal) ? 1 : page,
-      },
-      { status: 200 },
-    )
-  }),
-
-  // Get Single User Detail
-  http.get<PathParams>(('/api/apps/users/:id'), ({ params }) => {
-    const userId = Number(params.id)
-
-    const user = db.users.find(e => e.id === userId)
-
-    if (!user) {
-      return HttpResponse.json({ message: 'User not found' }, { status: 404 })
-    }
-    else {
-      return HttpResponse.json(
-        {
-          ...user,
-          ...{
-            taskDone: 1230,
-            projectDone: 568,
-            taxId: 'Tax-8894',
-            language: 'English',
-          },
-        },
-        { status: 200 },
-      )
-    }
-  }),
-
-  // Delete User
-  http.delete(('/api/apps/users/:id'), ({ params }) => {
-    const userId = Number(params.id)
-
-    const userIndex = db.users.findIndex(e => e.id === userId)
-
-    if (userIndex === -1) {
-      return HttpResponse.json('User not found', { status: 404 })
-    }
-    else {
-      db.users.splice(userIndex, 1)
-
-      return new HttpResponse(null, {
-        status: 204,
-      })
-    }
-  }),
-
-  // 👉 Add user
-  http.post(('/api/apps/users'), async ({ request }) => {
-    const user = await request.json() as any
-
-    db.users.push({
-      ...user,
-      id: db.users.length + 1,
-    })
-
-    return HttpResponse.json(
-      { body: user },
-      { status: 201 },
-    )
-  }),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/users/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/users/types.ts
deleted file mode 100644
index 255ebd4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/apps/users/types.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-export interface UserProperties {
-  id: number
-  fullName: string
-  company: string
-  role: string
-  username?: string
-  country: string
-  contact: string
-  email: string
-  currentPlan: string
-  status: string
-  avatar: string
-  billing: string
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/auth/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/auth/db.ts
deleted file mode 100644
index 9197663..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/auth/db.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import type { User } from '@db/auth/types'
-
-interface DB {
-  userTokens: string[]
-  users: User[]
-}
-export const db: DB = {
-  // TODO: Use jsonwebtoken pkg
-  // ℹ️ Created from https://jwt.io/ using HS256 algorithm
-  // ℹ️ We didn't created it programmatically because jsonwebtoken package have issues with esm support. View Issues: https://github.com/auth0/node-jsonwebtoken/issues/655
-  userTokens: [
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MX0.fhc3wykrAnRpcKApKhXiahxaOe8PSHatad31NuIZ0Zg',
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6Mn0.cat2xMrZLn0FwicdGtZNzL7ifDTAKWB0k1RurSWjdnw',
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6M30.PGOfMaZA_T9W05vMj5FYXG5d47soSPJD1WuxeUfw4L4',
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6NH0.d_9aq2tpeA9-qpqO0X4AmW6gU2UpWkXwc04UJYFWiZE',
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6NX0.ocO77FbjOSU1-JQ_BilEZq2G_M8bCiB10KYqtfkv1ss',
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6Nn0.YgQILRqZy8oefhTZgJJfiEzLmhxQT_Bd2510OvrrwB8',
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6N30.KH9RmOWIYv_HONxajg7xBIJXHEUvSdcBygFtS2if8Jk',
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6OH0.shrp-oMHkVAkiMkv_aIvSx3k6Jk-X7TrH5UeufChz_g',
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6OX0.9JD1MR3ZkwHzhl4mOHH6lGG8hOVNZqDNH6UkFzjCqSE',
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MTB9.txWLuN4QT5PqTtgHmlOiNerIu5Do51PpYOiZutkyXYg',
-  ],
-
-  users: [
-    {
-      id: 1,
-      fullName: 'John Doe',
-      username: 'johndoe',
-      password: 'admin',
-
-      avatar: `${import.meta.env.BASE_URL.replace(/build\/$/g, '') ?? '/'}images/avatars/avatar-1.png`,
-      email: 'admin@demo.com',
-      role: 'admin',
-      abilityRules: [
-        {
-          action: 'manage',
-          subject: 'all',
-        },
-      ],
-    },
-    {
-      id: 2,
-      fullName: 'Jane Doe',
-      username: 'janedoe',
-      password: 'client',
-
-      avatar: `${import.meta.env.BASE_URL.replace(/build\/$/g, '') ?? '/'}images/avatars/avatar-2.png`,
-      email: 'client@demo.com',
-      role: 'client',
-      abilityRules: [
-        {
-          action: 'read',
-          subject: 'AclDemo',
-        },
-      ],
-    },
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/auth/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/auth/index.ts
deleted file mode 100644
index c03b825..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/auth/index.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import type { PathParams } from 'msw'
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/auth/db'
-import type { UserOut } from '@db/auth/types'
-
-// Handlers for auth
-export const handlerAuth = [
-
-  http.post<PathParams>(('/api/auth/login'), async ({ request }) => {
-    const { email, password } = await request.json() as { email: string; password: string }
-
-    let errors: Record<string, string[]> = {
-      email: ['Something went wrong'],
-    }
-
-    const user = db.users.find(u => u.email === email && u.password === password)
-
-    if (user) {
-      try {
-        const accessToken = db.userTokens[user.id]
-
-        // We are duplicating user here
-        const userData = { ...user }
-
-        const userOutData = Object.fromEntries(
-          Object.entries(userData)
-            .filter(
-              ([key, _]) => !(key === 'password' || key === 'abilityRules'),
-            ),
-        ) as UserOut['userData']
-
-        const response: UserOut = {
-          userAbilityRules: userData.abilityRules,
-          accessToken,
-          userData: userOutData,
-        }
-
-        return HttpResponse.json(response,
-          { status: 201 })
-      }
-      catch (e: unknown) {
-        errors = { email: [e as string] }
-      }
-    }
-    else {
-      errors = { email: ['Invalid email or password'] }
-    }
-
-    return HttpResponse.json({ errors }, { status: 400 })
-  }),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/auth/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/auth/types.ts
deleted file mode 100644
index 262cf4a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/auth/types.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-export type Actions = 'create' | 'read' | 'update' | 'delete' | 'manage'
-
-export type Subjects = 'Auth' | 'Admin' | 'AclDemo' | 'all'
-
-export interface UserAbilityRule {
-  action: Actions
-  subject: Subjects
-}
-
-export interface User {
-  id: number
-  fullName?: string
-  username: string
-  password: string
-  avatar?: string
-  email: string
-  role: string
-  abilityRules: UserAbilityRule[]
-}
-
-export interface UserOut {
-  userAbilityRules: User['abilityRules']
-  accessToken: string
-  userData: Omit<User, 'abilities' | 'password'>
-}
-
-export interface LoginResponse {
-  accessToken: string
-  userData: User
-  userAbilityRules: User['abilityRules']
-}
-
-export interface RegisterResponse {
-  accessToken: string
-  userData: User
-  userAbilityRules: User['abilityRules']
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/dashboard/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/dashboard/db.ts
deleted file mode 100644
index 3111ffb..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/dashboard/db.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import type { ProjectAnalytics } from '@db/dashboard/type'
-
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-import figma from '@images/icons/project-icons/figma.png'
-import html5 from '@images/icons/project-icons/html5.png'
-import python from '@images/icons/project-icons/python.png'
-import react from '@images/icons/project-icons/react.png'
-import sketch from '@images/icons/project-icons/sketch.png'
-import vue from '@images/icons/project-icons/vue.png'
-import xamarin from '@images/icons/project-icons/xamarin.png'
-
-interface DB {
-  analytics: ProjectAnalytics[]
-}
-
-export const db: DB = {
-  analytics: [
-    {
-      logo: react,
-      name: 'BGC eCommerce App',
-      project: 'React Project',
-      leader: 'Eileen',
-      progress: 78,
-      hours: '18:42',
-      team: [avatar1, avatar8, avatar6],
-      extraMembers: 3,
-    },
-    {
-      logo: figma,
-      name: 'Falcon Logo Design',
-      project: 'Figma Project',
-      leader: 'Owen',
-      progress: 25,
-      hours: '20:42',
-      team: [avatar5, avatar2],
-    },
-    {
-      logo: vue,
-      name: 'Dashboard Design',
-      project: 'Vuejs Project',
-      leader: 'Keith',
-      progress: 62,
-      hours: '120:87',
-      team: [avatar8, avatar2, avatar1],
-    },
-    {
-      logo: xamarin,
-      name: 'Foodista mobile app',
-      project: 'Xamarin Project',
-      leader: 'Merline',
-      progress: 8,
-      hours: '120:87',
-      team: [avatar3, avatar4, avatar7],
-      extraMembers: 8,
-    },
-    {
-      logo: python,
-      name: 'Dojo Email App',
-      project: 'Python Project',
-      leader: 'Harmonia',
-      progress: 51,
-      hours: '230:10',
-      team: [avatar4, avatar3, avatar1],
-      extraMembers: 5,
-    },
-    {
-      logo: sketch,
-      name: 'Blockchain Website',
-      project: 'Sketch Project',
-      leader: 'Allyson',
-      progress: 92,
-      hours: '342:41',
-      team: [avatar1, avatar8],
-    },
-    {
-      logo: html5,
-      name: 'Hoffman Website',
-      project: 'HTML Project',
-      leader: 'Georgie',
-      progress: 80,
-      hours: '12:45',
-      team: [avatar1, avatar8, avatar6],
-    },
-
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/dashboard/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/dashboard/index.ts
deleted file mode 100644
index 8afc1bf..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/dashboard/index.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import is from '@sindresorhus/is'
-import { destr } from 'destr'
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/dashboard/db'
-import { paginateArray } from '@api-utils/paginateArray'
-
-export const handlerDashboard = [
-  http.get('/api/dashboard/analytics/projects', ({ request }) => {
-    const url = new URL(request.url)
-
-    const q = url.searchParams.get('q')
-    const sortBy = url.searchParams.get('sortBy')
-    const itemsPerPage = url.searchParams.get('itemsPerPage')
-    const page = url.searchParams.get('page')
-    const orderBy = url.searchParams.get('orderBy')
-
-    const searchQuery = is.string(q) ? q : undefined
-    const queryLower = (searchQuery ?? '').toString().toLowerCase()
-
-    const parsedSortBy = destr(sortBy)
-    const sortByLocal = is.string(parsedSortBy) ? parsedSortBy : ''
-
-    const parsedOrderBy = destr(orderBy)
-    const orderByLocal = is.string(parsedOrderBy) ? parsedOrderBy : ''
-
-    const parsedItemsPerPage = destr(itemsPerPage)
-    const parsedPage = destr(page)
-
-    const itemsPerPageLocal = is.number(parsedItemsPerPage) ? parsedItemsPerPage : 10
-    const pageLocal = is.number(parsedPage) ? parsedPage : 1
-
-    let filteredProjects = db.analytics.filter(project => ((project.name.toLowerCase().includes(queryLower) || project.leader.toLowerCase().includes(queryLower)) || project.project.toLowerCase().includes(queryLower))).reverse()
-
-    if (sortByLocal) {
-      console.log(sortByLocal)
-      if (sortByLocal === 'project') {
-        filteredProjects = filteredProjects.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.name.localeCompare(b.name)
-          else
-            return b.name.localeCompare(a.name)
-        })
-      }
-
-      if (sortByLocal === 'leader') {
-        filteredProjects = filteredProjects.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.leader.localeCompare(b.leader)
-          else
-            return b.leader.localeCompare(a.leader)
-        })
-      }
-
-      if (sortByLocal === 'progress') {
-        filteredProjects = filteredProjects.sort((a, b) => {
-          if (orderByLocal === 'asc')
-            return a.progress - b.progress
-          else
-            return b.progress - a.progress
-        })
-      }
-    }
-
-    const totalProjects = filteredProjects.length
-    const totalPages = Math.ceil(totalProjects / itemsPerPageLocal)
-
-    return HttpResponse.json(
-      {
-        projects: paginateArray(filteredProjects, itemsPerPageLocal, pageLocal),
-        totalPages,
-        totalProjects,
-        page: pageLocal > Math.ceil(totalProjects / itemsPerPageLocal) ? 1 : page,
-      },
-      { status: 200 },
-    )
-  }),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/dashboard/type.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/dashboard/type.ts
deleted file mode 100644
index 03d32af..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/dashboard/type.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export interface ProjectAnalytics {
-  logo: string
-  name: string
-  date?: string
-  leader: string
-  team: string[]
-  status?: number
-  project: string
-  progress: number
-  hours: string
-  extraMembers?: number
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/datatable/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/datatable/db.ts
deleted file mode 100644
index 9f680ec..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/datatable/db.ts
+++ /dev/null
@@ -1,1364 +0,0 @@
-import type { SalesDetails } from '@db/pages/datatable/types'
-
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-import product10 from '@images/eCommerce/10.png'
-import product11 from '@images/eCommerce/11.png'
-import product13 from '@images/eCommerce/13.png'
-import product14 from '@images/eCommerce/14.png'
-import product15 from '@images/eCommerce/15.png'
-import product16 from '@images/eCommerce/16.png'
-import product17 from '@images/eCommerce/17.png'
-import product18 from '@images/eCommerce/18.png'
-import product19 from '@images/eCommerce/19.png'
-import product20 from '@images/eCommerce/20.png'
-import product23 from '@images/eCommerce/23.png'
-import product24 from '@images/eCommerce/24.png'
-import product25 from '@images/eCommerce/25.png'
-import product26 from '@images/eCommerce/26.png'
-import product3 from '@images/eCommerce/3.png'
-import product4 from '@images/eCommerce/4.png'
-import product5 from '@images/eCommerce/5.png'
-import product6 from '@images/eCommerce/6.png'
-import product7 from '@images/eCommerce/7.png'
-import product8 from '@images/eCommerce/8.png'
-import product9 from '@images/eCommerce/9.png'
-
-interface DB {
-  salesDetails: SalesDetails[]
-}
-
-export const db: DB = {
-  salesDetails: [
-    {
-      product: {
-        id: 19,
-        name: 'OnePlus 7 Pro ',
-        slug: 'one-plus-7-pro-19',
-        brand: 'Philips',
-        category: 'Smart Phone',
-        price: 14.99,
-        image: product9,
-        hasFreeShipping: false,
-        rating: 4,
-        description:
-                    'The OnePlus 7 Pro features a brand new design, with a glass back and front and curved sides. The phone feels\n    very premium but\u2019s it\u2019s also very heavy. The Nebula Blue variant looks slick but it\u2019s quite slippery, which\n    makes single-handed use a real challenge. It has a massive 6.67-inch \u2018Fluid AMOLED\u2019 display with a QHD+\n    resolution, 90Hz refresh rate and support for HDR 10+ content. The display produces vivid colours, deep blacks\n    and has good viewing angles.',
-      },
-      date: '30 Apr 2020',
-      buyer: {
-        name: 'Ana Smith',
-        avatar: avatar3,
-      },
-      payment: {
-        total: 984,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 984,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 21,
-        name: 'Google - Google Home',
-        slug: 'google-google-home-white-slate-fabric-21',
-        brand: 'Google',
-        category: 'Google Home',
-        price: 129.29,
-        image: product7,
-        hasFreeShipping: true,
-        rating: 4,
-        description:
-                    'Simplify your everyday life with the Google Home, a voice-activated speaker powered by the Google Assistant. Use\n    voice commands to enjoy music, get answers from Google and manage everyday tasks. Google Home is compatible with\n    Android and iOS operating systems, and can control compatible smart devices such as Chromecast or Nest.',
-      },
-      date: '11 Jul 2020',
-      buyer: {
-        name: 'Lindsay Green',
-        avatar: avatar8,
-      },
-      payment: {
-        total: 1101,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 1101,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 17,
-        name: 'Nike Air Max',
-        slug: '72-9301-speaker-wire-harness-adapter-for-most-plymouth-dodge-and-mitsubishi-vehicles-multi-17',
-        description:
-                    'With a bold application of colorblocking inspired by modern art styles, the Nike Air Max 270 React sneaker is constructed with layers of lightweight material to achieve its artful look and comfortable feel.',
-        brand: 'Nike',
-        category: 'Shoes',
-        price: 81.99,
-        image: product11,
-        hasFreeShipping: true,
-        rating: 5,
-      },
-      date: '06 Jan 2021',
-      buyer: {
-        name: 'Ethan Lee',
-        avatar: avatar1,
-      },
-      payment: {
-        total: 726,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 126,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 2,
-        name: 'Bose Frames Tenor',
-        slug: 'bose-frames-tenor-rectangular-polarized-bluetooth-audio-sunglasses-2',
-        description:
-                    'Redesigned for luxury \u2014 Thoughtfully refined and strikingly elegant, the latest Bose sunglasses blend enhanced features and designs for an elevated way to listen',
-        brand: 'Bose',
-        category: 'Glass',
-        price: 249,
-        image: product26,
-        hasFreeShipping: false,
-        rating: 4,
-      },
-      date: '21 Aug 2020',
-      buyer: {
-        name: 'Scott Miller',
-        avatar: avatar7,
-      },
-      payment: {
-        total: 646,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 345,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 25,
-        name: 'Apple iMac 27-inch',
-        slug: 'apple-i-mac-27-inch-25',
-        brand: 'Apple',
-        category: 'iMac',
-        price: 999.99,
-        image: product3,
-        hasFreeShipping: true,
-        rating: 4,
-        description:
-                    'The all-in-one for all. If you can dream it, you can do it on iMac. It\u2019s beautifully & incredibly intuitive and\n    packed with tools that let you take any idea to the next level. And the new 27-inch model elevates the\n    experience in way, with faster processors and graphics, expanded memory and storage, enhanced audio and video\n    capabilities, and an even more stunning Retina 5K display. It\u2019s the desktop that does it all \u2014 better and faster\n    than ever.',
-      },
-      date: '21 Aug 2020',
-      buyer: {
-        name: 'Brandon Brooks',
-        avatar: avatar5,
-      },
-      payment: {
-        total: 1005,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 21,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 12,
-        name: 'Adidas Mens Tech Response Shoes',
-        slug: 'adidas-mens-tech-response-shoes-12',
-        description:
-                    'Comfort + performance.  Designed with materials that are durable, lightweight and extremely comfortable. Core performance delivers the perfect mix of fit, style and all-around performance.',
-        brand: 'Adidas',
-        category: 'Shoes',
-        price: 54.59,
-        image: product16,
-        hasFreeShipping: false,
-        rating: 5,
-      },
-      date: '10 Mar 2021',
-      buyer: {
-        name: 'Henry Mann',
-        avatar: avatar6,
-      },
-      payment: {
-        total: 1114,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 814,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 25,
-        name: 'Apple iMac 27-inch',
-        slug: 'apple-i-mac-27-inch-25',
-        brand: 'Apple',
-        category: 'iMac',
-        price: 999.99,
-        image: product3,
-        hasFreeShipping: true,
-        rating: 4,
-        description:
-                    'The all-in-one for all. If you can dream it, you can do it on iMac. It\u2019s beautifully & incredibly intuitive and\n    packed with tools that let you take any idea to the next level. And the new 27-inch model elevates the\n    experience in way, with faster processors and graphics, expanded memory and storage, enhanced audio and video\n    capabilities, and an even more stunning Retina 5K display. It\u2019s the desktop that does it all \u2014 better and faster\n    than ever.',
-      },
-      date: '21 Aug 2020',
-      buyer: {
-        name: 'Brandon Brooks',
-        avatar: avatar5,
-      },
-      payment: {
-        total: 1005,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 21,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 24,
-        name: 'OneOdio A71 Wired Headphones',
-        slug: 'one-odio-a71-wired-headphones-24',
-        brand: 'OneOdio',
-        category: 'Headphone',
-        price: 49.99,
-        image: product4,
-        hasFreeShipping: true,
-        rating: 3,
-        description:
-                    'Omnidirectional detachable boom mic upgrades the headphones into a professional headset for gaming, business,\n    podcasting and taking calls on the go. Better pick up your voice. Control most electric devices through voice\n    activation, or schedule a ride with Uber and order a pizza. OneOdio A71 Wired Headphones voice-controlled device\n    turns any home into a smart device on a smartphone or tablet.',
-      },
-      date: '12 Nov 2020',
-      buyer: {
-        name: 'Grant Wright',
-        avatar: avatar2,
-      },
-      payment: {
-        total: 207,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 207,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 20,
-        name: 'Sony 4K Ultra HD LED TV ',
-        slug: 'sony-4-k-ultra-hd-led-tv-20',
-        brand: 'Apple',
-        category: 'Smart TV',
-        price: 7999.99,
-        image: product8,
-        hasFreeShipping: false,
-        rating: 5,
-        description:
-                    'Sony 4K Ultra HD LED TV has 4K HDR Support. The TV provides clear visuals and provides distinct sound quality\n    and an immersive experience. This TV has Yes HDMI ports & Yes USB ports. Connectivity options included are HDMI.\n    You can connect various gadgets such as your laptop using the HDMI port. The TV comes with a 1 Year warranty.',
-      },
-      date: '19 Apr 2021',
-      buyer: {
-        name: 'Amanda Sanchez',
-        avatar: avatar2,
-      },
-      payment: {
-        total: 1119,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 1119,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 23,
-        name: 'Apple - MacBook Air\u00AE',
-        slug: 'apple-mac-book-air-latest-model-13-3-display-silver-23',
-        brand: 'Apple',
-        category: 'Mac',
-        price: 999.99,
-        image: product5,
-        hasFreeShipping: false,
-        rating: 4,
-        description:
-                    'MacBook Air is a thin, lightweight laptop from Apple. MacBook Air features up to 8GB of memory, a\n    fifth-generation Intel Core processor, Thunderbolt 2, great built-in apps, and all-day battery life.1 Its thin,\n    light, and durable enough to take everywhere you go-and powerful enough to do everything once you get there,\n better.',
-      },
-      date: '25 Dec 2020',
-      buyer: {
-        name: 'Kathy Estrada',
-        avatar: avatar2,
-      },
-      payment: {
-        total: 1221,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 1025,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 25,
-        name: 'Apple iMac 27-inch',
-        slug: 'apple-i-mac-27-inch-25',
-        brand: 'Apple',
-        category: 'iMac',
-        price: 999.99,
-        image: product3,
-        hasFreeShipping: true,
-        rating: 4,
-        description:
-                    'The all-in-one for all. If you can dream it, you can do it on iMac. It\u2019s beautifully & incredibly intuitive and\n    packed with tools that let you take any idea to the next level. And the new 27-inch model elevates the\n    experience in way, with faster processors and graphics, expanded memory and storage, enhanced audio and video\n capabilities, and an even more stunning Retina 5K display. It\u2019s the desktop that does it all \u2014 better and faster\n than ever.',
-      },
-      date: '19 May 2020',
-      buyer: {
-        name: 'William Lopez',
-        avatar: avatar2,
-      },
-      payment: {
-        total: 973,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 374,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 8,
-        name: 'PlayStation 4 Console',
-        slug: 'play-station-4-console-8',
-        description:
-                    'All the greatest, games, TV, music and more. Connect with your friends to broadcast and celebrate your epic moments at the press of the Share button to Twitch, YouTube, Facebook and Twitter.',
-        brand: 'Sony',
-        category: 'Gaming',
-        price: 339.95,
-        image: product20,
-        hasFreeShipping: false,
-        rating: 4,
-      },
-      date: '27 Mar 2021',
-      buyer: {
-        name: 'Colleen Taylor',
-        avatar: avatar2,
-      },
-      payment: {
-        total: 1235,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 1235,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 5,
-        name: 'Toshiba Canvio External Hard Drive',
-        slug: 'toshiba-canvio-advance-2-tb-portable-external-hard-drive-5',
-        description: 'Up to 3TB of storage capacity to store your growing files and content',
-        brand: 'Toshiba',
-        category: 'Storage Device',
-        price: 69.99,
-        image: product23,
-        hasFreeShipping: true,
-        rating: 2,
-      },
-      date: '21 Jun 2020',
-      buyer: {
-        name: 'Melanie Olson',
-        avatar: avatar6,
-      },
-      payment: {
-        total: 780,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 780,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 19,
-        name: 'OnePlus 7 Pro ',
-        slug: 'one-plus-7-pro-19',
-        brand: 'Philips',
-        category: 'Smart Phone',
-        price: 14.99,
-        image: product9,
-        hasFreeShipping: false,
-        rating: 4,
-        description:
-                    'The OnePlus 7 Pro features a brand new design, with a glass back and front and curved sides. The phone feels\n    very premium but\u2019s it\u2019s also very heavy. The Nebula Blue variant looks slick but it\u2019s quite slippery, which\n    makes single-handed use a real challenge. It has a massive 6.67-inch \u2018Fluid AMOLED\u2019 display with a QHD+\n    resolution, 90Hz refresh rate and support for HDR 10+ content. The display produces vivid colours, deep blacks\n    and has good viewing angles.',
-      },
-      date: '28 Jan 2021',
-      buyer: {
-        name: 'Cynthia Cannon',
-        avatar: avatar7,
-      },
-      payment: {
-        total: 1073,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 871,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 23,
-        name: 'Apple - MacBook Air\u00AE',
-        slug: 'apple-mac-book-air-latest-model-13-3-display-silver-23',
-        brand: 'Apple',
-        category: 'Mac',
-        price: 999.99,
-        image: product5,
-        hasFreeShipping: false,
-        rating: 4,
-        description:
-                    'MacBook Air is a thin, lightweight laptop from Apple. MacBook Air features up to 8GB of memory, a\n    fifth-generation Intel Core processor, Thunderbolt 2, great built-in apps, and all-day battery life.1 Its thin,\n    light, and durable enough to take everywhere you go-and powerful enough to do everything once you get there,\n better.',
-      },
-      date: '20 Aug 2020',
-      buyer: {
-        name: 'David Archer',
-        avatar: avatar5,
-      },
-      payment: {
-        total: 224,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 224,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 9,
-        name: 'Giotto 32oz Leakproof BPA Free Drinking Water',
-        slug: 'giotto-32oz-leakproof-bpa-free-drinking-water-9',
-        description:
-                    'With unique inspirational quote and time markers on it,this water bottle is great for measuring your daily intake of water,reminding you stay hydrated and drink enough water throughout the day.A must have for any fitness goals including weight loss,appetite control and overall health.',
-        brand: '3M',
-        category: 'Home',
-        price: 16.99,
-        image: product19,
-        hasFreeShipping: true,
-        rating: 4,
-      },
-      date: '29 Dec 2020',
-      buyer: {
-        name: 'Michael Cervantes',
-        avatar: avatar8,
-      },
-      payment: {
-        total: 960,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 866,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 13,
-        name: 'Laptop Bag',
-        slug: 'laptop-bag-13',
-        description:
-                    'TSA FRIENDLY- A separate DIGI SMART compartment can hold 15.6 inch Laptop as well as 15 inch, 14 inch MacBook, 12.9 inch iPad, and tech accessories like charger for quick TSA checkpoint when traveling',
-        brand: 'TAS',
-        category: 'Bag',
-        price: 29.99,
-        image: product15,
-        hasFreeShipping: true,
-        rating: 5,
-      },
-      date: '15 Aug 2020',
-      buyer: {
-        name: 'Nathaniel Marshall',
-        avatar: avatar6,
-      },
-      payment: {
-        total: 1423,
-        receivedPaymentStatus: 'Unpaid',
-        paidAmount: 0,
-        status: 'Cancelled',
-      },
-    },
-    {
-      product: {
-        id: 5,
-        name: 'Toshiba Canvio External Hard Drive',
-        slug: 'toshiba-canvio-advance-2-tb-portable-external-hard-drive-5',
-        description: 'Up to 3TB of storage capacity to store your growing files and content',
-        brand: 'Toshiba',
-        category: 'Storage Device',
-        price: 69.99,
-        image: product23,
-        hasFreeShipping: true,
-        rating: 2,
-      },
-      date: '03 Jan 2021',
-      buyer: {
-        name: 'Tiffany Ross',
-        avatar: avatar4,
-      },
-      payment: {
-        total: 663,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 285,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 14,
-        name: 'Wireless Charger 5W Max',
-        slug: 'wireless-charger-5-w-max-14',
-        description:
-                    'Charge with case: transmits charging power directly through protective cases. Rubber/plastic/TPU cases under 5 mm thickness . Do not use any magnetic and metal attachments or cards, or it will prevent charging.',
-        brand: '3M',
-        category: 'Electronics',
-        price: 10.83,
-        image: product14,
-        hasFreeShipping: true,
-        rating: 3,
-      },
-      date: '20 Dec 2020',
-      buyer: {
-        name: 'Philip Walters',
-        avatar: null,
-      },
-      payment: {
-        total: 1112,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 426,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 15,
-        name: 'Vankyo leisure 3 mini projector',
-        slug: '3-m-filtrete-vacuum-belt-for-select-hoover-t-series-upright-vacuums-15',
-        description:
-                    'SUPERIOR VIEWING EXPERIENCE: Supporting 1920x1080 resolution, VANKYO Leisure 3 projector is powered by MStar Advanced Color Engine, which is ideal for home entertainment. 2020 upgraded LED lighting provides a superior viewing experience for you.',
-        brand: 'Vankyo Store',
-        category: 'Projector',
-        price: 99.99,
-        image: product13,
-        hasFreeShipping: true,
-        rating: 2,
-      },
-      date: '02 Jul 2020',
-      buyer: {
-        name: 'Pamela Smith',
-        avatar: null,
-      },
-      payment: {
-        total: 462,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 383,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 12,
-        name: 'Adidas Mens Tech Response Shoes',
-        slug: 'adidas-mens-tech-response-shoes-12',
-        description:
-                    'Comfort + performance.  Designed with materials that are durable, lightweight and extremely comfortable. Core performance delivers the perfect mix of fit, style and all-around performance.',
-        brand: 'Adidas',
-        category: 'Shoes',
-        price: 54.59,
-        image: product16,
-        hasFreeShipping: false,
-        rating: 5,
-      },
-      date: '24 Jul 2020',
-      buyer: {
-        name: 'Kara Gonzalez',
-        avatar: avatar3,
-      },
-      payment: {
-        total: 1325,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 792,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 18,
-        name: 'Logitech K380 Wireless Keyboard',
-        slug: 'acer-11-6-chromebook-intel-celeron-2-gb-memory-16-gb-e-mmc-flash-memory-moonstone-white-18',
-        description:
-                    'Logitech K380 Bluetooth Wireless Keyboard gives you the comfort and convenience of desktop typing on your smartphone, and tablet. It is a wireless keyboard that connects to all Bluetooth wireless devices that support external keyboards. Take this compact, lightweight, Bluetooth keyboard anywhere in your home. Type wherever you like, on any compatible computer, phone or tablet.',
-        brand: 'Logitech',
-        category: 'Keyboard',
-        price: 81.99,
-        image: product10,
-        hasFreeShipping: false,
-        rating: 4,
-      },
-      date: '07 Jan 2021',
-      buyer: {
-        name: 'Katherine Tate',
-        avatar: avatar8,
-      },
-      payment: {
-        total: 582,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 234,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 3,
-        name: 'Willful Smart Watch for Men Women 2020,',
-        slug: 'willful-smart-watch-for-men-women-2020-3',
-        description:
-                    'Are you looking for a smart watch, which can not only easily keep tracking of your steps, calories, heart rate and sleep quality, but also keep you informed of incoming calls.',
-        brand: 'Willful',
-        category: 'Smart Watch',
-        price: 29.99,
-        image: product25,
-        hasFreeShipping: true,
-        rating: 5,
-      },
-      date: '29 Aug 2020',
-      buyer: {
-        name: 'Ashley Douglas DDS',
-        avatar: avatar3,
-      },
-      payment: {
-        total: 1092,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 1092,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 22,
-        name: 'Switch Pro Controller',
-        slug: 'switch-pro-controller-22',
-        brand: 'Sharp',
-        category: 'Gaming',
-        price: 429.99,
-        image: product6,
-        hasFreeShipping: false,
-        rating: 3,
-        description:
-                    'The Nintendo Switch Pro Controller is one of the priciest \'baseline\' controllers in the current console\n generation, but it\'s also sturdy, feels good to play with, has an excellent direction pad, and features\n    impressive motion sensors and vibration systems. On top of all of that, it uses Bluetooth, so you don\'t need an\n    adapter to use it with your PC.',
-      },
-      date: '09 Jan 2021',
-      buyer: {
-        name: 'Eric Gregory',
-        avatar: avatar3,
-      },
-      payment: {
-        total: 939,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 939,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 4,
-        name: 'Ronyes Unisex College Bag Bookbags for Women',
-        slug: 'ronyes-unisex-college-bag-bookbags-for-women-4',
-        description:
-                    'Made of high quality water-resistant material; padded and adjustable shoulder straps; external USB with built-in charging cable offers a convenient charging',
-        brand: 'Ronyes',
-        category: 'Bag',
-        price: 23.99,
-        image: product24,
-        hasFreeShipping: true,
-        rating: 2,
-      },
-      date: '06 May 2020',
-      buyer: {
-        name: 'Taylor Hernandez',
-        avatar: avatar3,
-      },
-      payment: {
-        total: 1129,
-        receivedPaymentStatus: 'Unpaid',
-        paidAmount: 0,
-        status: 'Cancelled',
-      },
-    },
-    {
-      product: {
-        id: 10,
-        name: 'Oculus Quest All-in-one VR',
-        slug: 'oculus-quest-all-in-one-vr-10',
-        description:
-                    'All-in-one VR: No PC. No wires. No limits. Oculus quest is an all-in-one gaming system built for virtual reality. Now you can play almost anywhere with just a VR headset and controllers. Oculus touch controllers: arm yourself with the award-winning Oculus touch controllers. Your slashes, throws and grab appear in VR with intuitive, realistic Precision, transporting your hands and gestures right into the game',
-        brand: 'Oculus',
-        category: 'VR',
-        price: 645,
-        image: product18,
-        hasFreeShipping: false,
-        rating: 1,
-      },
-      date: '29 Dec 2020',
-      buyer: {
-        name: 'Justin Patterson',
-        avatar: avatar3,
-      },
-      payment: {
-        total: 252,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 252,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 11,
-        name: 'Handbags for Women Large Designer bag',
-        slug: 'handbags-for-women-large-designer-bag-11',
-        description:
-                    'Classic Hobo Purse: Top zipper closure, with 2 side zipper pockets design and elegant tassels decoration, fashionable and practical handbags for women, perfect for shopping, dating, travel and business',
-        brand: 'Hobo',
-        category: 'Bag',
-        price: 39.99,
-        image: product17,
-        hasFreeShipping: true,
-        rating: 3,
-      },
-      date: '19 Dec 2020',
-      buyer: {
-        name: 'Judy Cummings',
-        avatar: avatar3,
-      },
-      payment: {
-        total: 1369,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 1369,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 18,
-        name: 'Logitech K380 Wireless Keyboard',
-        slug: 'acer-11-6-chromebook-intel-celeron-2-gb-memory-16-gb-e-mmc-flash-memory-moonstone-white-18',
-        description:
-                    'Logitech K380 Bluetooth Wireless Keyboard gives you the comfort and convenience of desktop typing on your smartphone, and tablet. It is a wireless keyboard that connects to all Bluetooth wireless devices that support external keyboards. Take this compact, lightweight, Bluetooth keyboard anywhere in your home. Type wherever you like, on any compatible computer, phone or tablet.',
-        brand: 'Logitech',
-        category: 'Keyboard',
-        price: 81.99,
-        image: product10,
-        hasFreeShipping: false,
-        rating: 4,
-      },
-      date: '02 Jan 2021',
-      buyer: {
-        name: 'Linda Buchanan',
-        avatar: avatar7,
-      },
-      payment: {
-        total: 351,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 351,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 21,
-        name: 'Google - Google Home',
-        slug: 'google-google-home-white-slate-fabric-21',
-        brand: 'Google',
-        category: 'Google Home',
-        price: 129.29,
-        image: product7,
-        hasFreeShipping: true,
-        rating: 4,
-        description:
-                    'Simplify your everyday life with the Google Home, a voice-activated speaker powered by the Google Assistant. Use\n    voice commands to enjoy music, get answers from Google and manage everyday tasks. Google Home is compatible with\n    Android and iOS operating systems, and can control compatible smart devices such as Chromecast or Nest.',
-      },
-      date: '25 Feb 2021',
-      buyer: {
-        name: 'Brian Perez',
-        avatar: avatar8,
-      },
-      payment: {
-        total: 506,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 497,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 3,
-        name: 'Willful Smart Watch for Men Women 2020,',
-        slug: 'willful-smart-watch-for-men-women-2020-3',
-        description:
-                    'Are you looking for a smart watch, which can not only easily keep tracking of your steps, calories, heart rate and sleep quality, but also keep you informed of incoming calls.',
-        brand: 'Willful',
-        category: 'Smart Watch',
-        price: 29.99,
-        image: product25,
-        hasFreeShipping: true,
-        rating: 5,
-      },
-      date: '13 Sep 2020',
-      buyer: {
-        name: 'Amy White',
-        avatar: null,
-      },
-      payment: {
-        total: 195,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 195,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 18,
-        name: 'Logitech K380 Wireless Keyboard',
-        slug: 'acer-11-6-chromebook-intel-celeron-2-gb-memory-16-gb-e-mmc-flash-memory-moonstone-white-18',
-        description:
-                    'Logitech K380 Bluetooth Wireless Keyboard gives you the comfort and convenience of desktop typing on your smartphone, and tablet. It is a wireless keyboard that connects to all Bluetooth wireless devices that support external keyboards. Take this compact, lightweight, Bluetooth keyboard anywhere in your home. Type wherever you like, on any compatible computer, phone or tablet.',
-        brand: 'Logitech',
-        category: 'Keyboard',
-        price: 81.99,
-        image: product10,
-        hasFreeShipping: false,
-        rating: 4,
-      },
-      date: '30 Sep 2020',
-      buyer: {
-        name: 'Katherine Clark',
-        avatar: avatar1,
-      },
-      payment: {
-        total: 1246,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 475,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 14,
-        name: 'Wireless Charger 5W Max',
-        slug: 'wireless-charger-5-w-max-14',
-        description:
-                    'Charge with case: transmits charging power directly through protective cases. Rubber/plastic/TPU cases under 5 mm thickness . Do not use any magnetic and metal attachments or cards, or it will prevent charging.',
-        brand: '3M',
-        category: 'Electronics',
-        price: 10.83,
-        image: product14,
-        hasFreeShipping: true,
-        rating: 3,
-      },
-      date: '26 Mar 2021',
-      buyer: {
-        name: 'Jose Murphy',
-        avatar: avatar5,
-      },
-      payment: {
-        total: 383,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 383,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 2,
-        name: 'Bose Frames Tenor',
-        slug: 'bose-frames-tenor-rectangular-polarized-bluetooth-audio-sunglasses-2',
-        description:
-                    'Redesigned for luxury \u2014 Thoughtfully refined and strikingly elegant, the latest Bose sunglasses blend enhanced features and designs for an elevated way to listen',
-        brand: 'Bose',
-        category: 'Glass',
-        price: 249,
-        image: product26,
-        hasFreeShipping: false,
-        rating: 4,
-      },
-      date: '01 Dec 2020',
-      buyer: {
-        name: 'Jeffrey Rose',
-        avatar: avatar5,
-      },
-      payment: {
-        total: 902,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 902,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 24,
-        name: 'OneOdio A71 Wired Headphones',
-        slug: 'one-odio-a71-wired-headphones-24',
-        brand: 'OneOdio',
-        category: 'Headphone',
-        price: 49.99,
-        image: product4,
-        hasFreeShipping: true,
-        rating: 3,
-        description:
-                    'Omnidirectional detachable boom mic upgrades the headphones into a professional headset for gaming, business,\n    podcasting and taking calls on the go. Better pick up your voice. Control most electric devices through voice\n    activation, or schedule a ride with Uber and order a pizza. OneOdio A71 Wired Headphones voice-controlled device\n    turns any home into a smart device on a smartphone or tablet.',
-      },
-      date: '15 Sep 2020',
-      buyer: {
-        name: 'Amber Hunt',
-        avatar: avatar7,
-      },
-      payment: {
-        total: 379,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 174,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 2,
-        name: 'Bose Frames Tenor',
-        slug: 'bose-frames-tenor-rectangular-polarized-bluetooth-audio-sunglasses-2',
-        description:
-                    'Redesigned for luxury \u2014 Thoughtfully refined and strikingly elegant, the latest Bose sunglasses blend enhanced features and designs for an elevated way to listen',
-        brand: 'Bose',
-        category: 'Glass',
-        price: 249,
-        image: product26,
-        hasFreeShipping: false,
-        rating: 4,
-      },
-      date: '08 Apr 2021',
-      buyer: {
-        name: 'Christopher Haas',
-        avatar: avatar2,
-      },
-      payment: {
-        total: 7,
-        receivedPaymentStatus: 'Unpaid',
-        paidAmount: 0,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 2,
-        name: 'Bose Frames Tenor',
-        slug: 'bose-frames-tenor-rectangular-polarized-bluetooth-audio-sunglasses-2',
-        description:
-                    'Redesigned for luxury \u2014 Thoughtfully refined and strikingly elegant, the latest Bose sunglasses blend enhanced features and designs for an elevated way to listen',
-        brand: 'Bose',
-        category: 'Glass',
-        price: 249,
-        image: product26,
-        hasFreeShipping: false,
-        rating: 4,
-      },
-      date: '21 Oct 2020',
-      buyer: {
-        name: 'Stephen Mccormick',
-        avatar: avatar6,
-      },
-      payment: {
-        total: 186,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 81,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 19,
-        name: 'OnePlus 7 Pro ',
-        slug: 'one-plus-7-pro-19',
-        brand: 'Philips',
-        category: 'Smart Phone',
-        price: 14.99,
-        image: product9,
-        hasFreeShipping: false,
-        rating: 4,
-        description:
-                    'The OnePlus 7 Pro features a brand new design, with a glass back and front and curved sides. The phone feels\n    very premium but\u2019s it\u2019s also very heavy. The Nebula Blue variant looks slick but it\u2019s quite slippery, which\n    makes single-handed use a real challenge. It has a massive 6.67-inch \u2018Fluid AMOLED\u2019 display with a QHD+\n    resolution, 90Hz refresh rate and support for HDR 10+ content. The display produces vivid colours, deep blacks\n    and has good viewing angles.',
-      },
-      date: '21 Oct 2020',
-      buyer: {
-        name: 'Matthew Reyes',
-        avatar: avatar3,
-      },
-      payment: {
-        total: 198,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 198,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 4,
-        name: 'Ronyes Unisex College Bag Bookbags for Women',
-        slug: 'ronyes-unisex-college-bag-bookbags-for-women-4',
-        description:
-                    'Made of high quality water-resistant material; padded and adjustable shoulder straps; external USB with built-in charging cable offers a convenient charging',
-        brand: 'Ronyes',
-        category: 'Bag',
-        price: 23.99,
-        image: product24,
-        hasFreeShipping: true,
-        rating: 2,
-      },
-      date: '16 May 2020',
-      buyer: {
-        name: 'Ricardo Morgan',
-        avatar: avatar5,
-      },
-      payment: {
-        total: 519,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 447,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 20,
-        name: 'Sony 4K Ultra HD LED TV ',
-        slug: 'sony-4-k-ultra-hd-led-tv-20',
-        brand: 'Apple',
-        category: 'Smart TV',
-        price: 7999.99,
-        image: product8,
-        hasFreeShipping: false,
-        rating: 5,
-        description:
-                    'Sony 4K Ultra HD LED TV has 4K HDR Support. The TV provides clear visuals and provides distinct sound quality\n    and an immersive experience. This TV has Yes HDMI ports & Yes USB ports. Connectivity options included are HDMI.\n    You can connect various gadgets such as your laptop using the HDMI port. The TV comes with a 1 Year warranty.',
-      },
-      date: '01 Jul 2020',
-      buyer: {
-        name: 'William Castillo',
-        avatar: avatar4,
-      },
-      payment: {
-        total: 10,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 6,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 11,
-        name: 'Handbags for Women Large Designer bag',
-        slug: 'handbags-for-women-large-designer-bag-11',
-        description:
-                    'Classic Hobo Purse: Top zipper closure, with 2 side zipper pockets design and elegant tassels decoration, fashionable and practical handbags for women, perfect for shopping, dating, travel and business',
-        brand: 'Hobo',
-        category: 'Bag',
-        price: 39.99,
-        image: product17,
-        hasFreeShipping: true,
-        rating: 3,
-      },
-      date: '04 Jul 2020',
-      buyer: {
-        name: 'James Coleman',
-        avatar: avatar8,
-      },
-      payment: {
-        total: 897,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 677,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 18,
-        name: 'Logitech K380 Wireless Keyboard',
-        slug: 'acer-11-6-chromebook-intel-celeron-2-gb-memory-16-gb-e-mmc-flash-memory-moonstone-white-18',
-        description:
-                    'Logitech K380 Bluetooth Wireless Keyboard gives you the comfort and convenience of desktop typing on your smartphone, and tablet. It is a wireless keyboard that connects to all Bluetooth wireless devices that support external keyboards. Take this compact, lightweight, Bluetooth keyboard anywhere in your home. Type wherever you like, on any compatible computer, phone or tablet.',
-        brand: 'Logitech',
-        category: 'Keyboard',
-        price: 81.99,
-        image: product10,
-        hasFreeShipping: false,
-        rating: 4,
-      },
-      date: '19 Feb 2021',
-      buyer: {
-        name: 'Michael Summers',
-        avatar: avatar3,
-      },
-      payment: {
-        total: 653,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 653,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 3,
-        name: 'Willful Smart Watch for Men Women 2020,',
-        slug: 'willful-smart-watch-for-men-women-2020-3',
-        description:
-                    'Are you looking for a smart watch, which can not only easily keep tracking of your steps, calories, heart rate and sleep quality, but also keep you informed of incoming calls.',
-        brand: 'Willful',
-        category: 'Smart Watch',
-        price: 29.99,
-        image: product25,
-        hasFreeShipping: true,
-        rating: 5,
-      },
-      date: '03 Mar 2021',
-      buyer: {
-        name: 'Jeremiah Espinoza',
-        avatar: avatar2,
-      },
-      payment: {
-        total: 913,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 468,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 2,
-        name: 'Bose Frames Tenor',
-        slug: 'bose-frames-tenor-rectangular-polarized-bluetooth-audio-sunglasses-2',
-        description:
-                    'Redesigned for luxury \u2014 Thoughtfully refined and strikingly elegant, the latest Bose sunglasses blend enhanced features and designs for an elevated way to listen',
-        brand: 'Bose',
-        category: 'Glass',
-        price: 249,
-        image: product26,
-        hasFreeShipping: false,
-        rating: 4,
-      },
-      date: '03 Mar 2021',
-      buyer: {
-        name: 'Tyler Brooks',
-        avatar: null,
-      },
-      payment: {
-        total: 1123,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 1123,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 17,
-        name: 'Nike Air Max',
-        slug: '72-9301-speaker-wire-harness-adapter-for-most-plymouth-dodge-and-mitsubishi-vehicles-multi-17',
-        description:
-                    'With a bold application of colorblocking inspired by modern art styles, the Nike Air Max 270 React sneaker is constructed with layers of lightweight material to achieve its artful look and comfortable feel.',
-        brand: 'Nike',
-        category: 'Shoes',
-        price: 81.99,
-        image: product11,
-        hasFreeShipping: true,
-        rating: 5,
-      },
-      date: '29 Dec 2020',
-      buyer: {
-        name: 'Juan Wilson',
-        avatar: avatar3,
-      },
-      payment: {
-        total: 779,
-        receivedPaymentStatus: 'Fully Paid',
-        paidAmount: 779,
-        status: 'Completed',
-      },
-    },
-    {
-      product: {
-        id: 15,
-        name: 'Vankyo leisure 3 mini projector',
-        slug: '3-m-filtrete-vacuum-belt-for-select-hoover-t-series-upright-vacuums-15',
-        description:
-                    'SUPERIOR VIEWING EXPERIENCE: Supporting 1920x1080 resolution, VANKYO Leisure 3 projector is powered by MStar Advanced Color Engine, which is ideal for home entertainment. 2020 upgraded LED lighting provides a superior viewing experience for you.',
-        brand: 'Vankyo Store',
-        category: 'Projector',
-        price: 99.99,
-        image: product13,
-        hasFreeShipping: true,
-        rating: 2,
-      },
-      date: '03 Dec 2020',
-      buyer: {
-        name: 'Marvin Duran',
-        avatar: null,
-      },
-      payment: {
-        total: 594,
-        receivedPaymentStatus: 'Unpaid',
-        paidAmount: 0,
-        status: 'Cancelled',
-      },
-    },
-    {
-      product: {
-        id: 22,
-        name: 'Switch Pro Controller',
-        slug: 'switch-pro-controller-22',
-        brand: 'Sharp',
-        category: 'Gaming',
-        price: 429.99,
-        image: product6,
-        hasFreeShipping: false,
-        rating: 3,
-        description:
-                    'The Nintendo Switch Pro Controller is one of the priciest \'baseline\' controllers in the current console\n    generation, but it\'s also sturdy, feels good to play with, has an excellent direction pad, and features\n impressive motion sensors and vibration systems. On top of all of that, it uses Bluetooth, so you don\'t need an\n    adapter to use it with your PC.',
-      },
-      date: '28 May 2020',
-      buyer: {
-        name: 'Jessica Glass',
-        avatar: avatar5,
-      },
-      payment: {
-        total: 1065,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 844,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 18,
-        name: 'Logitech K380 Wireless Keyboard',
-        slug: 'acer-11-6-chromebook-intel-celeron-2-gb-memory-16-gb-e-mmc-flash-memory-moonstone-white-18',
-        description:
-                    'Logitech K380 Bluetooth Wireless Keyboard gives you the comfort and convenience of desktop typing on your smartphone, and tablet. It is a wireless keyboard that connects to all Bluetooth wireless devices that support external keyboards. Take this compact, lightweight, Bluetooth keyboard anywhere in your home. Type wherever you like, on any compatible computer, phone or tablet.',
-        brand: 'Logitech',
-        category: 'Keyboard',
-        price: 81.99,
-        image: product10,
-        hasFreeShipping: false,
-        rating: 4,
-      },
-      date: '17 May 2020',
-      buyer: {
-        name: 'Gary Herman',
-        avatar: avatar8,
-      },
-      payment: {
-        total: 432,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 64,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 19,
-        name: 'OnePlus 7 Pro ',
-        slug: 'one-plus-7-pro-19',
-        brand: 'Philips',
-        category: 'Smart Phone',
-        price: 14.99,
-        image: product9,
-        hasFreeShipping: false,
-        rating: 4,
-        description:
-                    'The OnePlus 7 Pro features a brand new design, with a glass back and front and curved sides. The phone feels\n    very premium but\u2019s it\u2019s also very heavy. The Nebula Blue variant looks slick but it\u2019s quite slippery, which\n    makes single-handed use a real challenge. It has a massive 6.67-inch \u2018Fluid AMOLED\u2019 display with a QHD+\n    resolution, 90Hz refresh rate and support for HDR 10+ content. The display produces vivid colours, deep blacks\n    and has good viewing angles.',
-      },
-      date: '25 Mar 2021',
-      buyer: {
-        name: 'Adam Williams',
-        avatar: avatar2,
-      },
-      payment: {
-        total: 1402,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 434,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 20,
-        name: 'Sony 4K Ultra HD LED TV ',
-        slug: 'sony-4-k-ultra-hd-led-tv-20',
-        brand: 'Apple',
-        category: 'Smart TV',
-        price: 7999.99,
-        image: product8,
-        hasFreeShipping: false,
-        rating: 5,
-        description:
-                    'Sony 4K Ultra HD LED TV has 4K HDR Support. The TV provides clear visuals and provides distinct sound quality\n    and an immersive experience. This TV has Yes HDMI ports & Yes USB ports. Connectivity options included are HDMI.\n    You can connect various gadgets such as your laptop using the HDMI port. The TV comes with a 1 Year warranty.',
-      },
-      date: '13 Apr 2021',
-      buyer: {
-        name: 'Bobby Brown',
-        avatar: null,
-      },
-      payment: {
-        total: 100,
-        receivedPaymentStatus: 'Partially Paid',
-        paidAmount: 65,
-        status: 'Confirmed',
-      },
-    },
-    {
-      product: {
-        id: 14,
-        name: 'Wireless Charger 5W Max',
-        slug: 'wireless-charger-5-w-max-14',
-        description:
-                    'Charge with case: transmits charging power directly through protective cases. Rubber/plastic/TPU cases under 5 mm thickness . Do not use any magnetic and metal attachments or cards, or it will prevent charging.',
-        brand: '3M',
-        category: 'Electronics',
-        price: 10.83,
-        image: product14,
-        hasFreeShipping: true,
-        rating: 3,
-      },
-      date: '07 Aug 2020',
-      buyer: {
-        name: 'Sharon Moss',
-        avatar: avatar8,
-      },
-      payment: {
-        total: 823,
-        receivedPaymentStatus: 'Unpaid',
-        paidAmount: 0,
-        status: 'Cancelled',
-      },
-    },
-    {
-      product: {
-        id: 15,
-        name: 'Vankyo leisure 3 mini projector',
-        slug: '3-m-filtrete-vacuum-belt-for-select-hoover-t-series-upright-vacuums-15',
-        description:
-                    'SUPERIOR VIEWING EXPERIENCE: Supporting 1920x1080 resolution, VANKYO Leisure 3 projector is powered by MStar Advanced Color Engine, which is ideal for home entertainment. 2020 upgraded LED lighting provides a superior viewing experience for you.',
-        brand: 'Vankyo Store',
-        category: 'Projector',
-        price: 99.99,
-        image: product13,
-        hasFreeShipping: true,
-        rating: 2,
-      },
-      date: '23 Feb 2021',
-      buyer: {
-        name: 'Scott Buchanan',
-        avatar: avatar5,
-      },
-      payment: {
-        total: 183,
-        receivedPaymentStatus: 'Unpaid',
-        paidAmount: 0,
-        status: 'Cancelled',
-      },
-    },
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/datatable/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/datatable/index.ts
deleted file mode 100644
index 480c72e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/datatable/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/pages/datatable/db'
-
-// Handler for pages/datatable
-export const handlerPagesDatatable = [
-  http.get(('/api/pages/datatable'), () => {
-    return HttpResponse.json(db.salesDetails,
-      { status: 200 })
-  }),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/datatable/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/datatable/types.ts
deleted file mode 100644
index ef9aa45..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/datatable/types.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-export interface SalesDetails {
-  product: Product
-  buyer: Buyer
-  date: string
-  payment: Payment
-}
-
-export interface Product {
-  id: number
-  name: string
-  slug: string
-  brand: string
-  category: string
-  price: number
-  image: string
-  hasFreeShipping: boolean
-  rating: number
-  description: string
-}
-
-export interface Buyer {
-  name: string
-  avatar: string | null
-}
-
-export interface Payment {
-  total: number
-  receivedPaymentStatus: string
-  paidAmount: number
-  status: string
-}
-
-export interface Data {
-  responsiveId: string
-  id: number
-  avatar: string
-  fullName: string
-  post: string
-  email: string
-  city: string
-  startDate: string
-  salary: number
-  age: string | number
-  experience: string
-  status: number
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/faq/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/faq/db.ts
deleted file mode 100644
index 268dedf..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/faq/db.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import type { FaqCategory } from '@db/pages/faq/types'
-
-interface DB {
-  faqs: FaqCategory[]
-}
-
-export const db: DB = {
-  faqs: [
-    {
-      faqTitle: 'Payment',
-      faqIcon: 'tabler-credit-card',
-      faqSubtitle: 'Get help with payment',
-      faqs: [
-        {
-          question: 'When is payment taken for my order?',
-          answer: 'Payment is taken during the checkout process when you pay for your order. The order number that appears on the confirmation screen indicates payment has been successfully processed.',
-        },
-        {
-          question: 'How do I pay for my order?',
-          answer: 'We accept Visa®, MasterCard®, American Express®, and PayPal®. Our servers encrypt all information submitted to them, so you can be confident that your credit card information will be kept safe and secure.',
-        },
-        {
-          question: 'What should I do if I\'m having trouble placing an order?',
-          answer: 'For any technical difficulties you are experiencing with our website, please contact us at our support portal, or you can call us toll-free at 1-000-000-000, or email us at order@companymail.com',
-        },
-        {
-          question: 'Which license do I need for an end product that is only accessible to paying users?',
-          answer: 'If you have paying users or you are developing any SaaS products then you need an Extended License. For each products, you need a license. You can get free lifetime updates as well.',
-        },
-        {
-          question: 'Does my subscription automatically renew?',
-          answer: 'No, This is not subscription based item.Pastry pudding cookie toffee bonbon jujubes jujubes powder topping. Jelly beans gummi bears sweet roll bonbon muffin liquorice. Wafer lollipop sesame snaps.',
-        },
-      ],
-    },
-    {
-      faqTitle: 'Delivery',
-      faqIcon: 'tabler-briefcase',
-      faqSubtitle: 'Get help with delivery',
-      faqs: [
-        {
-          question: 'How would you ship my order?',
-          answer: 'For large products, we deliver your product via a third party logistics company offering you the “room of choice” scheduled delivery service. For small products, we offer free parcel delivery.',
-        },
-        {
-          question: 'What is the delivery cost of my order?',
-          answer: 'The cost of scheduled delivery is $69 or $99 per order, depending on the destination postal code. The parcel delivery is free.',
-        },
-        {
-          question: 'What to do if my product arrives damaged?',
-          answer: 'We will promptly replace any product that is damaged in transit. Just contact our support team, to notify us of the situation within 48 hours of product arrival.',
-        },
-      ],
-    },
-    {
-      faqTitle: 'Cancellation',
-      faqIcon: 'tabler-refresh',
-      faqSubtitle: 'Get help with cancellation & return',
-      faqs: [
-        {
-          question: 'Can I cancel my order?',
-          answer: 'Scheduled delivery orders can be cancelled 72 hours prior to your selected delivery date for full refund. Parcel delivery orders cannot be cancelled, however a free return label can be provided upon request.',
-        },
-        {
-          question: 'Can I return my product?',
-          answer: 'You can return your product within 15 days of delivery, by contacting our support team, All merchandise returned must be in the original packaging with all original items.',
-        },
-        {
-          question: 'Where can I view status of return?',
-          answer: 'Locate the item from Your Orders. Select Return/Refund status',
-        },
-      ],
-    },
-    {
-      faqTitle: 'My Orders',
-      faqIcon: 'tabler-box',
-      faqSubtitle: 'Order details',
-      faqs: [
-        {
-          question: 'Has my order been successful?',
-          answer: `All successful order transactions will receive an order confirmation email once the order has been processed. If you have not received your order confirmation email within 24 hours, check your junk email or spam folder.
-              Alternatively, log in to your account to check your order summary. If you do not have a account, you can contact our Customer Care Team on 1-000-000-000.
-              `,
-        },
-        {
-          question: 'My Promotion Code is not working, what can I do?',
-          answer: 'If you are having issues with a promotion code, please contact us at 1 000 000 000 for assistance.',
-        },
-        {
-          question: 'How do I track my Orders?',
-          answer: 'If you have an account just sign into your account from here and select “My Orders”. If you have a a guest account track your order from here using the order number and the email address.',
-        },
-      ],
-    },
-    {
-      faqTitle: 'Product & Services',
-      faqIcon: 'tabler-settings',
-      faqSubtitle: 'Get help with product & services',
-      faqs: [
-        {
-          question: 'Will I be notified once my order has shipped?',
-          answer: 'Yes, We will send you an email once your order has been shipped. This email will contain tracking and order information.',
-        },
-        {
-          question: 'Where can I find warranty information?',
-          answer: 'We are committed to quality products. For information on warranty period and warranty services, visit our Warranty section here.',
-        },
-        {
-          question: 'How can I purchase additional warranty coverage?',
-          answer: 'For the peace of your mind, we offer extended warranty plans that add additional year(s) of protection to the standard manufacturer\'s warranty provided by us. To purchase or find out more about the extended warranty program, visit Extended Warranty section here.',
-        },
-      ],
-    },
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/faq/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/faq/index.ts
deleted file mode 100644
index a632efa..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/faq/index.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import is from '@sindresorhus/is'
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/pages/faq/db'
-import type { FaqCategory } from '@db/pages/faq/types'
-
-// Handler for pages/faq
-export const handlerPagesFaq = [
-  http.get(('/api/pages/faq'), ({ request }) => {
-    const url = new URL(request.url)
-
-    const q = url.searchParams.get('q') ?? ''
-
-    const searchQuery = is.string(q) ? q : undefined
-    const queryLowered = (searchQuery ?? '').toString().toLowerCase()
-
-    const filteredData: FaqCategory[] = []
-
-    Object.entries(db.faqs).forEach(([_, faqObj]) => {
-      const filteredQAndA = faqObj.faqs.filter(obj => {
-        return obj.question.toLowerCase().includes(queryLowered)
-      })
-
-      if (filteredQAndA.length)
-        filteredData.push({ ...faqObj, faqs: filteredQAndA })
-    })
-
-    return HttpResponse.json(filteredData,
-      { status: 200 })
-  }),
-
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/faq/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/faq/types.ts
deleted file mode 100644
index c61dacc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/faq/types.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export interface Faq {
-  question: string
-  answer: string
-}
-
-export interface FaqCategory {
-  faqTitle: string
-  faqIcon: string
-  faqSubtitle: string
-  faqs: Faq[]
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/help-center/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/help-center/db.ts
deleted file mode 100644
index 78310b5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/help-center/db.ts
+++ /dev/null
@@ -1,153 +0,0 @@
-import type { HelpCenterAllCategoryArticles, HelpCenterArticle, HelpCenterArticlesOverview } from '@db/pages/help-center/types'
-import checkoutImg from '@images/front-pages/misc/checkout-image.png'
-import productImg from '@images/front-pages/misc/product-image.png'
-
-// Images
-
-interface DB {
-  allArticles: HelpCenterAllCategoryArticles[]
-  keepLearning: HelpCenterArticlesOverview[]
-  popularArticles: HelpCenterArticlesOverview[]
-  articleData: HelpCenterArticle
-}
-
-export const db: DB = {
-  popularArticles: [
-    {
-      slug: 'getting-started',
-      title: 'Getting Started',
-      img: '../images/svg/rocket.svg',
-      subtitle: 'Whether you\'re new or you\'re a power user, this article will',
-    },
-    {
-      slug: 'first-steps',
-      title: 'First Steps',
-      img: '../images/svg/gift.svg',
-      subtitle: 'Are you a new customer wondering how to get started?',
-    },
-    {
-      slug: 'external-content',
-      title: 'Add External Content',
-      img: '../images/svg/keyboard.svg',
-      subtitle: 'Article will show you how to expand functionality of App',
-    },
-  ],
-  allArticles: [
-    {
-      title: 'Buying',
-      icon: 'tabler-shopping-cart',
-      articles: [
-        { title: 'What are Favourites?' },
-        { title: 'How do I purchase an item?' },
-        { title: 'How do i add or change my details?' },
-        { title: 'How do refunds work?' },
-        { title: 'Can I Get A Refund?' },
-        { title: 'I\'m trying to find a specific item' },
-      ],
-    },
-    {
-      title: 'Item Support',
-      icon: 'tabler-help',
-      articles: [
-        { title: 'What is Item Support?' },
-        { title: 'How to contact an author?' },
-        { title: 'Where Is My Purchase Code?' },
-        { title: 'Extend or renew Item Support' },
-        { title: 'Item Support FAQ' },
-        { title: 'Why has my item been removed?' },
-      ],
-    },
-    {
-      title: 'Licenses',
-      icon: 'tabler-currency-dollar',
-      articles: [
-        { title: 'Can I use the same license for the...' },
-        { title: 'How to contact an author?' },
-        { title: 'I\'m making a test site - it\'s not for ...' },
-        { title: 'which license do I need?' },
-        { title: 'I want to make multiple end prod ...' },
-        { title: 'For logo what license do I need?' },
-      ],
-    },
-    {
-      title: 'Template Kits',
-      icon: 'tabler-color-swatch',
-      articles: [
-        { title: 'Template Kits' },
-        { title: 'Elementor Template Kits: PHP Zip ...' },
-        { title: 'Template Kits - Imported template ...' },
-        { title: 'Troubleshooting Import Problems' },
-        { title: 'How to use the WordPress Plugin ...' },
-        { title: 'How to use the Template Kit Import ...' },
-      ],
-    },
-    {
-      title: 'Account & Password',
-      icon: 'tabler-lock-open',
-      articles: [
-        { title: 'Signing in with a social account' },
-        { title: 'Locked Out of Account' },
-        { title: 'I\'m not receiving the verification email' },
-        { title: 'Forgotten Username Or Password' },
-        { title: 'New password not accepted' },
-        { title: 'What is Sign In Verification?' },
-      ],
-    },
-    {
-      title: 'Account Settings',
-      icon: 'tabler-user',
-      articles: [
-        { title: 'How do I change my password?' },
-        { title: 'How do I change my username?' },
-        { title: 'How do I close my account?' },
-        { title: 'How do I change my email address?' },
-        { title: 'How can I regain access to my a ...' },
-        { title: 'Are RSS feeds available on Market?' },
-      ],
-    },
-
-  ],
-  keepLearning: [
-    {
-      slug: 'blogging',
-      title: 'Blogging',
-      img: '../images/svg/laptop.svg',
-      subtitle: 'Expert tips & tools to improve your website or online store using blog.',
-    },
-    {
-      slug: 'inspiration-center',
-      title: 'Inspiration Center',
-      img: '../images/svg/lightbulb.svg',
-      subtitle: 'inspiration from experts to help you start and grow your big ideas.',
-    },
-    {
-      slug: 'community',
-      title: 'Community',
-      img: '../images/svg/discord.svg',
-      subtitle: 'A group of people living in the same place or having a particular.',
-    },
-  ],
-  articleData: {
-    title: 'How to add product in cart?',
-    lastUpdated: '1 month ago  -  Updated',
-    productContent: `
-            <p>
-              If you're after only one item, simply choose the 'Buy Now' option on the item page. This will take you directly to Checkout.
-            </p>
-            <p>
-              If you want several items, use the 'Add to Cart' button and then choose 'Keep Browsing' to continue shopping or 'Checkout' to finalize your purchase.
-            </p>
-        `,
-    checkoutContent: 'You can go back to your cart at any time by clicking on the shopping cart icon at the top right side of the page.',
-    articleList: [
-      'Template Kits',
-      'Elementor Template Kits: PHP Zip Extends',
-      'Envato Elements Template Kits',
-      'Envato Elements Template Kits',
-      'How to use the template in WordPress',
-      'How to use the Template Kit Import',
-    ],
-    checkoutImg,
-    productImg,
-  },
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/help-center/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/help-center/index.ts
deleted file mode 100644
index e756a18..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/help-center/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/pages/help-center/db'
-
-// Handler for pages/help-center
-export const handlerPagesHelpCenter = [
-  http.get(('/api/pages/help-center'), () => {
-    return HttpResponse.json(
-      { allArticles: db.allArticles, popularArticles: db.popularArticles, keepLearning: db.keepLearning },
-      { status: 200 },
-    )
-  }),
-
-  http.get(('/api/pages/help-center/article'), () => {
-    return HttpResponse.json(db.articleData,
-      { status: 200 })
-  },
-  ),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/help-center/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/help-center/types.ts
deleted file mode 100644
index c5eb64e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/help-center/types.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-// 👉 Help center
-export interface HelpCenterSubcategoryArticles {
-  slug: string
-  title: string
-  content: string
-}
-export interface HelpCenterAllCategoryArticles {
-  title: string
-  icon: string
-  articles: { title: string }[]
-}
-export interface HelpCenterSubcategories {
-  icon: string
-  slug: string
-  title: string
-  articles: HelpCenterSubcategoryArticles[]
-}
-export interface HelpCenterCategories {
-  icon: string
-  slug: string
-  title: string
-  avatarColor: string
-  subCategories: HelpCenterSubcategories[]
-}
-export interface HelpCenterArticlesOverview {
-  img: string
-  slug: string
-  title: string
-  subtitle: string
-}
-
-export interface HelpCenterArticle {
-  title: string
-  lastUpdated: string
-  productContent: string
-  productImg: string
-  checkoutContent: string
-  checkoutImg: string
-  articleList: string[]
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/profile/db.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/profile/db.ts
deleted file mode 100644
index ffa3f1e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/profile/db.ts
+++ /dev/null
@@ -1,695 +0,0 @@
-import type {
-  ConnectionsTab,
-  ProfileHeader,
-  ProfileTab, ProjectTableRow, ProjectsTab, TeamsTab,
-} from '@db/pages/profile/types'
-
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-import eventLabel from '@images/icons/project-icons/event.png'
-import figmaLabel from '@images/icons/project-icons/figma.png'
-import htmlLabel from '@images/icons/project-icons/html5.png'
-import reactLabel from '@images/icons/project-icons/react.png'
-import socialLabel from '@images/icons/project-icons/social.png'
-import supportLabel from '@images/icons/project-icons/support.png'
-import twitterLabel from '@images/icons/project-icons/twitter.png'
-import vueLabel from '@images/icons/project-icons/vue.png'
-import xdLabel from '@images/icons/project-icons/xd.png'
-import UserProfileHeaderBg from '@images/pages/user-profile-header-bg.png'
-
-interface DataType {
-  profileHeader: ProfileHeader
-  profile: ProfileTab
-  teams: TeamsTab[]
-  projects: ProjectsTab[]
-  connections: ConnectionsTab[]
-}
-
-interface DB {
-  data: DataType
-  projectTable: ProjectTableRow[]
-}
-
-export const db: DB = {
-  data: {
-    profileHeader: {
-      fullName: 'John Doe',
-      location: 'Vatican City',
-      joiningDate: 'Joined April 2021',
-      designation: 'UX Designer',
-      profileImg: avatar1,
-      coverImg: UserProfileHeaderBg,
-    },
-    profile: {
-      about: [
-        { property: 'Full Name', value: 'John Doe', icon: 'tabler-user' },
-        { property: 'Status', value: 'active', icon: 'tabler-check' },
-        { property: 'Role', value: 'Developer', icon: 'tabler-crown' },
-        { property: 'Country', value: 'USA', icon: 'tabler-flag' },
-        { property: 'Language', value: 'English', icon: 'tabler-language' },
-      ],
-      contacts: [
-        { property: 'Contact', value: '(123) 456-7890', icon: 'tabler-phone-call' },
-        { property: 'Skype', value: 'john.doe', icon: 'tabler-messages' },
-        { property: 'Email', value: 'john.doe@example.com', icon: 'tabler-mail' },
-      ],
-      teams: [
-        { property: 'Backend Developer', value: '(126 Members)', icon: 'tabler-brand-github', color: 'secondary' },
-        { property: 'VueJS Developer', value: '(98 Members)', icon: 'tabler-brand-vue', color: 'success' },
-      ],
-      overview: [
-        { property: 'Task Compiled', value: '13.5k', icon: 'tabler-check' },
-        { property: 'Connections', value: '897', icon: 'tabler-users' },
-        { property: 'Projects Compiled', value: '146', icon: 'tabler-layout-grid' },
-      ],
-      connections: [
-        {
-          isFriend: false,
-          connections: '45',
-          name: 'Cecilia Payne',
-          avatar: avatar2,
-        },
-        {
-          isFriend: true,
-          connections: '1.32k',
-          name: 'Curtis Fletcher',
-          avatar: avatar3,
-        },
-        {
-          isFriend: true,
-          connections: '125',
-          name: 'Alice Stone',
-          avatar: avatar4,
-        },
-        {
-          isFriend: false,
-          connections: '456',
-          name: 'Darrell Barnes',
-          avatar: avatar5,
-        },
-        {
-          isFriend: false,
-          connections: '1.2k',
-          name: 'Eugenia Moore',
-          avatar: avatar8,
-        },
-      ],
-      teamsTech: [
-        {
-          members: 72,
-          ChipColor: 'error',
-          chipText: 'Developer',
-          title: 'React Developers',
-          avatar: reactLabel,
-        },
-        {
-          members: 122,
-          chipText: 'Support',
-          ChipColor: 'primary',
-          title: 'Support Team',
-          avatar: supportLabel,
-        },
-        {
-          members: 7,
-          ChipColor: 'info',
-          chipText: 'Designer',
-          title: 'UI Designer',
-          avatar: figmaLabel,
-        },
-        {
-          members: 289,
-          ChipColor: 'error',
-          chipText: 'Developer',
-          title: 'Vue.js Developers',
-          avatar: vueLabel,
-        },
-        {
-          members: 24,
-          chipText: 'Marketing',
-          ChipColor: 'secondary',
-          title: 'Digital Marketing',
-          avatar: twitterLabel,
-        },
-      ],
-    },
-    teams: [
-      {
-        extraMembers: 25,
-        title: 'React Developers',
-        avatar: reactLabel,
-        avatarGroup: [
-          { avatar: avatar1, name: 'Vinnie Mostowy' },
-          { avatar: avatar2, name: 'Allen Rieske' },
-          { avatar: avatar3, name: 'Julee Rossignol' },
-          { avatar: avatar4, name: 'George Burrill' },
-        ],
-        description:
-                  'We don\'t make assumptions about the rest of your technology stack, so you can develop new features in React.',
-        chips: [
-          {
-            title: 'React',
-            color: 'primary',
-          },
-          {
-            title: 'MUI',
-            color: 'info',
-          },
-        ],
-      },
-      {
-        extraMembers: 15,
-        title: 'Vue.js Dev Team',
-        avatar: vueLabel,
-        avatarGroup: [
-          { avatar: avatar5, name: 'Kaith D\'souza' },
-          { avatar: avatar6, name: 'John Doe' },
-          { avatar: avatar7, name: 'Alan Walker' },
-          { avatar: avatar8, name: 'Calvin Middleton' },
-        ],
-        description:
-                  'The development of Vue and its ecosystem is guided by an international team, some of whom have chosen to be featured below.',
-        chips: [
-          {
-            title: 'Vuejs',
-            color: 'success',
-          },
-          {
-            color: 'error',
-            title: 'Developer',
-          },
-        ],
-      },
-      {
-        extraMembers: 55,
-        title: 'Creative Designers',
-        avatar: xdLabel,
-        avatarGroup: [
-          { avatar: avatar1, name: 'Jimmy Ressula' },
-          { avatar: avatar2, name: 'Kristi Lawker' },
-          { avatar: avatar3, name: 'Danny Paul' },
-          { avatar: avatar4, name: 'Alicia Littleton' },
-        ],
-        description:
-                  'A design or product team is more than just the people on it. A team includes the people, the roles they play, and the collaboration they foster.',
-        chips: [
-          {
-            title: 'Sketch',
-            color: 'warning',
-          },
-          {
-            title: 'XD',
-            color: 'error',
-          },
-        ],
-      },
-      {
-        extraMembers: 35,
-        title: 'Support Team',
-        avatar: supportLabel,
-        avatarGroup: [
-          { avatar: avatar5, name: 'Andrew Tye' },
-          { avatar: avatar6, name: 'Rishi Swaat' },
-          { avatar: avatar7, name: 'Rossie Kim' },
-          { avatar: avatar8, name: 'Mary Hunter' },
-        ],
-        description:
-                  'Support your team. Your customer support team is fielding the good, the bad, and the ugly day in and day out.',
-        chips: [
-          {
-            color: 'info',
-            title: 'Zendesk',
-          },
-        ],
-      },
-      {
-        extraMembers: 19,
-        title: 'Digital Marketing',
-        avatar: socialLabel,
-        avatarGroup: [
-          { avatar: avatar1, name: 'Kim Merchent' },
-          { avatar: avatar2, name: 'Sam D\'souza' },
-          { avatar: avatar3, name: 'Nurvi Karlos' },
-          { avatar: avatar4, name: 'Margorie Whitmire' },
-        ],
-        description:
-                  'Digital marketing refers to advertising delivered through digital channels such as search engines, websites, and mobile apps.',
-        chips: [
-          {
-            color: 'primary',
-            title: 'Twitter',
-          },
-          {
-            title: 'Email',
-            color: 'success',
-          },
-        ],
-      },
-      {
-        title: 'Event',
-        extraMembers: 55,
-        avatar: eventLabel,
-        avatarGroup: [
-          { avatar: avatar5, name: 'Vinnie Mostowy' },
-          { avatar: avatar6, name: 'Allen Rieske' },
-          { avatar: avatar7, name: 'Julee Rossignol' },
-          { avatar: avatar8, name: 'Daniel Long' },
-        ],
-        description:
-                  'Event is defined as a particular contest which is part of a program of contests. An example of an event is the long jump competition.',
-        chips: [
-          {
-            title: 'Hubilo',
-            color: 'success',
-          },
-        ],
-      },
-      {
-        extraMembers: 45,
-        title: 'Figma Resources',
-        avatar: figmaLabel,
-        avatarGroup: [
-          { avatar: avatar1, name: 'Andrew Mostowy' },
-          { avatar: avatar2, name: 'Micky Ressula' },
-          { avatar: avatar3, name: 'Michel Pal' },
-          { avatar: avatar4, name: 'Herman Lockard' },
-        ],
-        description:
-                  'Explore, install, use, and remix thousands of plugins and files published to the Figma Community by designers and developers.',
-        chips: [
-          {
-            title: 'UI/UX',
-            color: 'success',
-          },
-          {
-            title: 'Figma',
-            color: 'secondary',
-          },
-        ],
-      },
-      {
-        extraMembers: 3,
-        title: 'Native Mobile App',
-        avatar: reactLabel,
-        avatarGroup: [
-          { avatar: avatar1, name: 'Andrew Mostowy' },
-          { avatar: avatar2, name: 'Micky Ressula' },
-          { avatar: avatar3, name: 'Michel Pal' },
-          { avatar: avatar4, name: 'Herman Lockard' },
-        ],
-        description:
-                  'React Native lets you create user friendly native apps and doesn\'t compromise your users\' experiences. With its robust framework.',
-        chips: [
-          {
-            title: 'React',
-            color: 'primary',
-          },
-        ],
-      },
-      {
-        extraMembers: 50,
-        title: 'Only Beginners',
-        avatar: htmlLabel,
-        avatarGroup: [
-          { avatar: avatar5, name: 'Kim Karlos' },
-          { avatar: avatar6, name: 'Katy Turner' },
-          { avatar: avatar7, name: 'Peter Adward' },
-          { avatar: avatar8, name: 'Leona Miller' },
-        ],
-        description:
-                  'Learn the basics of how websites work, front-end vs back-end, and using a code editor. Learn basic HTML, CSS, and…',
-        chips: [
-          {
-            title: 'CSS',
-            color: 'info',
-          },
-          {
-            title: 'HTML',
-            color: 'warning',
-          },
-        ],
-      },
-    ],
-    projects: [
-      {
-        daysLeft: 28,
-        comments: 15,
-        totalTask: 344,
-        hours: '380/244',
-        tasks: '290/344',
-        budget: '$18.2k',
-        completedTask: 328,
-        deadline: '28/2/22',
-        chipColor: 'success',
-        startDate: '14/2/21',
-        budgetSpent: '$24.8k',
-        members: '280 members',
-        title: 'Social Banners',
-        client: 'Christian Jimenez',
-        avatar: socialLabel,
-        description: 'We are Consulting, Software Development and Web Development Services.',
-        avatarGroup: [
-          { avatar: avatar1, name: 'Vinnie Mostowy' },
-          { avatar: avatar2, name: 'Allen Rieske' },
-          { avatar: avatar3, name: 'Julee Rossignol' },
-        ],
-      },
-      {
-        daysLeft: 15,
-        comments: 236,
-        totalTask: 90,
-        tasks: '12/90',
-        hours: '98/135',
-        budget: '$1.8k',
-        completedTask: 38,
-        deadline: '21/6/22',
-        budgetSpent: '$2.4k',
-        chipColor: 'warning',
-        startDate: '18/8/21',
-        members: '1.1k members',
-        title: 'Admin Template',
-        client: 'Jeffrey Phillips',
-        avatar: reactLabel,
-        avatarGroup: [
-          { avatar: avatar4, name: 'Kaith D\'souza' },
-          { avatar: avatar5, name: 'John Doe' },
-          { avatar: avatar6, name: 'Alan Walker' },
-        ],
-        description: 'Time is our most valuable asset, that\'s why we want to help you save it by creating…',
-      },
-      {
-        daysLeft: 45,
-        comments: 98,
-        budget: '$420',
-        totalTask: 140,
-        tasks: '22/140',
-        hours: '880/421',
-        completedTask: 95,
-        chipColor: 'error',
-        budgetSpent: '$980',
-        deadline: '8/10/21',
-        title: 'App Design',
-        startDate: '24/7/21',
-        members: '458 members',
-        client: 'Ricky McDonald',
-        avatar: vueLabel,
-        description: 'App design combines the user interface (UI) and user experience (UX).',
-        avatarGroup: [
-          { avatar: avatar7, name: 'Jimmy Ressula' },
-          { avatar: avatar8, name: 'Kristi Lawker' },
-          { avatar: avatar1, name: 'Danny Paul' },
-        ],
-      },
-      {
-        comments: 120,
-        daysLeft: 126,
-        totalTask: 420,
-        budget: '2.43k',
-        tasks: '237/420',
-        hours: '1.2k/820',
-        completedTask: 302,
-        deadline: '12/9/22',
-        budgetSpent: '$8.5k',
-        chipColor: 'warning',
-        startDate: '10/2/19',
-        members: '137 members',
-        client: 'Hulda Wright',
-        title: 'Create Website',
-        avatar: htmlLabel,
-        description: 'Your domain name should reflect your products or services so that your...',
-        avatarGroup: [
-          { avatar: avatar2, name: 'Andrew Tye' },
-          { avatar: avatar3, name: 'Rishi Swaat' },
-          { avatar: avatar4, name: 'Rossie Kim' },
-        ],
-      },
-      {
-        daysLeft: 5,
-        comments: 20,
-        totalTask: 285,
-        tasks: '29/285',
-        budget: '28.4k',
-        hours: '142/420',
-        chipColor: 'error',
-        completedTask: 100,
-        deadline: '25/12/21',
-        startDate: '12/12/20',
-        members: '82 members',
-        budgetSpent: '$52.7k',
-        client: 'Jerry Greene',
-        title: 'Figma Dashboard',
-        avatar: figmaLabel,
-        description: 'Use this template to organize your design project. Some of the key features are…',
-        avatarGroup: [
-          { avatar: avatar5, name: 'Kim Merchent' },
-          { avatar: avatar6, name: 'Sam D\'souza' },
-          { avatar: avatar7, name: 'Nurvi Karlos' },
-        ],
-      },
-      {
-        daysLeft: 4,
-        comments: 16,
-        budget: '$655',
-        totalTask: 290,
-        tasks: '29/290',
-        hours: '580/445',
-        completedTask: 290,
-        budgetSpent: '$1.3k',
-        chipColor: 'success',
-        deadline: '02/11/21',
-        startDate: '17/8/21',
-        title: 'Logo Design',
-        members: '16 members',
-        client: 'Olive Strickland',
-        avatar: xdLabel,
-        description: 'Premium logo designs created by top logo designers. Create the branding of business.',
-        avatarGroup: [
-          { avatar: avatar8, name: 'Kim Karlos' },
-          { avatar: avatar1, name: 'Katy Turner' },
-          { avatar: avatar2, name: 'Peter Adward' },
-        ],
-      },
-    ],
-    connections: [
-      {
-        tasks: '834',
-        projects: '18',
-        isConnected: true,
-        connections: '129',
-        name: 'Mark Gilbert',
-        designation: 'UI Designer',
-        avatar: avatar1,
-        chips: [
-          {
-            title: 'Figma',
-            color: 'secondary',
-          },
-          {
-            title: 'Sketch',
-            color: 'warning',
-          },
-        ],
-      },
-      {
-        tasks: '2.31k',
-        projects: '112',
-        isConnected: false,
-        connections: '1.28k',
-        name: 'Eugenia Parsons',
-        designation: 'Developer',
-        avatar: avatar2,
-        chips: [
-          {
-            color: 'error',
-            title: 'Angular',
-          },
-          {
-            color: 'info',
-            title: 'React',
-          },
-        ],
-      },
-      {
-        tasks: '1.25k',
-        projects: '32',
-        isConnected: false,
-        connections: '890',
-        name: 'Francis Byrd',
-        designation: 'Developer',
-        avatar: avatar3,
-        chips: [
-          {
-            title: 'HTML',
-            color: 'primary',
-          },
-          {
-            color: 'info',
-            title: 'React',
-          },
-        ],
-      },
-      {
-        tasks: '12.4k',
-        projects: '86',
-        isConnected: false,
-        connections: '890',
-        name: 'Leon Lucas',
-        designation: 'UI/UX Designer',
-        avatar: avatar4,
-        chips: [
-          {
-            title: 'Figma',
-            color: 'secondary',
-          },
-          {
-            title: 'Sketch',
-            color: 'warning',
-          },
-          {
-            color: 'primary',
-            title: 'Photoshop',
-          },
-        ],
-      },
-      {
-        tasks: '23.8k',
-        projects: '244',
-        isConnected: true,
-        connections: '2.14k',
-        name: 'Jayden Rogers',
-        designation: 'Full Stack Developer',
-        avatar: avatar5,
-        chips: [
-          {
-            color: 'info',
-            title: 'React',
-          },
-          {
-            title: 'HTML',
-            color: 'warning',
-          },
-          {
-            color: 'success',
-            title: 'Node.js',
-          },
-        ],
-      },
-      {
-        tasks: '1.28k',
-        projects: '32',
-        isConnected: false,
-        designation: 'SEO',
-        connections: '1.27k',
-        name: 'Jeanette Powell',
-        avatar: avatar6,
-        chips: [
-          {
-            title: 'Analysis',
-            color: 'secondary',
-          },
-          {
-            color: 'success',
-            title: 'Writing',
-          },
-        ],
-      },
-    ],
-  },
-  projectTable: [
-    {
-      id: 1,
-      status: 38,
-      leader: 'Eileen',
-      name: 'Website SEO',
-      date: '10 may 2021',
-      avatarColor: 'success',
-      avatarGroup: [avatar1, avatar2, avatar3, avatar4],
-    },
-    {
-      id: 2,
-      status: 45,
-      leader: 'Owen',
-      date: '03 Jan 2021',
-      name: 'Social Banners',
-      avatar: socialLabel,
-      avatarGroup: [avatar5, avatar6],
-    },
-    {
-      id: 3,
-      status: 92,
-      leader: 'Keith',
-      date: '12 Aug 2021',
-      name: 'Logo Designs',
-      avatar: '/images/icons/project-icons/sketch-label.png',
-      avatarGroup: [avatar7, avatar8, avatar1, avatar2],
-    },
-    {
-      id: 4,
-      status: 56,
-      leader: 'Merline',
-      date: '19 Apr 2021',
-      name: 'IOS App Design',
-      avatar: '/images/icons/project-icons/sketch-label.png',
-      avatarGroup: [avatar3, avatar4, avatar5, avatar6],
-    },
-    {
-      id: 5,
-      status: 25,
-      leader: 'Harmonia',
-      date: '08 Apr 2021',
-      name: 'Figma Dashboards',
-      avatar: figmaLabel,
-      avatarGroup: [avatar7, avatar8, avatar1],
-    },
-    {
-      id: 6,
-      status: 36,
-      leader: 'Allyson',
-      date: '29 Sept 2021',
-      name: 'Crypto Admin',
-      avatar: htmlLabel,
-      avatarGroup: [avatar2, avatar3, avatar4, avatar5],
-    },
-    {
-      id: 7,
-      status: 72,
-      leader: 'Georgie',
-      date: '20 Mar 2021',
-      name: 'Create Website',
-      avatar: reactLabel,
-      avatarGroup: [avatar6, avatar7, avatar8, avatar1],
-    },
-    {
-      id: 8,
-      status: 89,
-      leader: 'Fred',
-      date: '09 Feb 2021',
-      name: 'App Design',
-      avatar: xdLabel,
-      avatarGroup: [avatar2, avatar3, avatar4, avatar5],
-    },
-    {
-      id: 9,
-      status: 77,
-      leader: 'Richardo',
-      date: '17 June 2021',
-      name: 'Angular APIs',
-      avatar: figmaLabel,
-      avatarGroup: [avatar6, avatar7, avatar8, avatar1],
-    },
-    {
-      id: 10,
-      status: 100,
-      leader: 'Genevra',
-      date: '06 Oct 2021',
-      name: 'Admin Template',
-      avatar: vueLabel,
-      avatarGroup: [avatar2, avatar3, avatar4, avatar5],
-    },
-  ],
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/profile/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/profile/index.ts
deleted file mode 100644
index ec02d81..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/profile/index.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { HttpResponse, http } from 'msw'
-import { db } from '@db/pages/profile/db'
-
-// Handler for pages/profile
-export const handlerPagesProfile = [
-  // GET /pages/profile
-  http.get(('/api/pages/profile'), ({ request }) => {
-    const url = new URL(request.url)
-
-    const tab = url.searchParams.get('tab') || ''
-
-    return HttpResponse.json(db.data[tab as keyof typeof db.data],
-      { status: 200 })
-  }),
-
-  // GET /pages/profile/header
-  http.get(('/api/pages/profile/header'), () => {
-    return HttpResponse.json(db.data.profileHeader,
-      { status: 200 })
-  }),
-]
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/profile/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/profile/types.ts
deleted file mode 100644
index f581111..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/handlers/pages/profile/types.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-export interface ProfileChip {
-  title: string
-  color: string
-}
-
-export interface ProfileTabCommon {
-  icon: string
-  value: string
-  property: string
-}
-export type ProfileTeams = ProfileTabCommon & { color: string }
-
-export interface ProfileConnections {
-  name: string
-  avatar: string
-  isFriend: boolean
-  connections: string
-}
-
-export interface ProfileAvatarGroup {
-  name: string
-  avatar: string
-}
-
-export interface ProfileTeamsTech {
-  title: string
-  avatar: string
-  members: number
-  chipText: string
-  ChipColor: string
-}
-
-export interface ConnectionsTab {
-  name: string
-  tasks: string
-  avatar: string
-  projects: string
-  connections: string
-  designation: string
-  isConnected: boolean
-  chips: ProfileChip[]
-}
-
-export interface ProfileTab {
-  teams: ProfileTeams[]
-  about: ProfileTabCommon[]
-  contacts: ProfileTabCommon[]
-  overview: ProfileTabCommon[]
-  teamsTech: ProfileTeamsTech[]
-  connections: ProfileConnections[]
-}
-
-export interface ProfileHeader {
-  fullName: string
-  coverImg: string
-  location: string
-  profileImg: string
-  joiningDate: string
-  designation: string
-  designationIcon?: string
-}
-
-export interface ProjectTableRow {
-  id: number
-  date: string
-  name: string
-  leader: string
-  status: number
-  avatar?: string
-  avatarGroup: string[]
-  avatarColor?: string
-}
-
-export interface ProjectsTab {
-  hours: string
-  tasks: string
-  title: string
-  budget: string
-  client: string
-  avatar: string
-  members: string
-  daysLeft: number
-  comments: number
-  deadline: string
-  startDate: string
-  totalTask: number
-  budgetSpent: string
-  description: string
-  chipColor: string
-  completedTask: number
-  avatarColor?: string
-  avatarGroup: ProfileAvatarGroup[]
-}
-
-export interface TeamsTab {
-  title: string
-  avatar: string
-  description: string
-  extraMembers: number
-  chips: ProfileChip[]
-  avatarGroup: ProfileAvatarGroup[]
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/index.ts
deleted file mode 100644
index e505e67..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/index.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { setupWorker } from 'msw/browser'
-
-// Handlers
-import { handlerAppBarSearch } from '@db/app-bar-search/index'
-import { handlerAppsAcademy } from '@db/apps/academy/index'
-import { handlerAppsCalendar } from '@db/apps/calendar/index'
-import { handlerAppsChat } from '@db/apps/chat/index'
-import { handlerAppsEcommerce } from '@db/apps/ecommerce/index'
-import { handlerAppsEmail } from '@db/apps/email/index'
-import { handlerAppsInvoice } from '@db/apps/invoice/index'
-import { handlerAppsKanban } from '@db/apps/kanban/index'
-import { handlerAppLogistics } from '@db/apps/logistics/index'
-import { handlerAppsPermission } from '@db/apps/permission/index'
-import { handlerAppsUsers } from '@db/apps/users/index'
-import { handlerAuth } from '@db/auth/index'
-import { handlerDashboard } from '@db/dashboard/index'
-import { handlerPagesDatatable } from '@db/pages/datatable/index'
-import { handlerPagesFaq } from '@db/pages/faq/index'
-import { handlerPagesHelpCenter } from '@db/pages/help-center/index'
-import { handlerPagesProfile } from '@db/pages/profile/index'
-
-const worker = setupWorker(
-  ...handlerAppsEcommerce,
-  ...handlerAppsAcademy,
-  ...handlerAppsInvoice,
-  ...handlerAppsUsers,
-  ...handlerAppsEmail,
-  ...handlerAppsCalendar,
-  ...handlerAppsChat,
-  ...handlerAppsPermission,
-  ...handlerPagesHelpCenter,
-  ...handlerPagesProfile,
-  ...handlerPagesFaq,
-  ...handlerPagesDatatable,
-  ...handlerAppBarSearch,
-  ...handlerAppLogistics,
-  ...handlerAuth,
-  ...handlerAppsKanban,
-  ...handlerDashboard,
-)
-
-export default function () {
-  const workerUrl = `${import.meta.env.BASE_URL.replace(/build\/$/g, '') ?? '/'}mockServiceWorker.js`
-
-  worker.start({
-    serviceWorker: {
-      url: workerUrl,
-    },
-    onUnhandledRequest: 'bypass',
-  })
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/utils/genId.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/utils/genId.ts
deleted file mode 100644
index 7a76fe0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/utils/genId.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export const genId = <T extends { id: number | string }>(array: T[]) => {
-  const { length } = array
-
-  let lastIndex = 0
-
-  if (length)
-    lastIndex = Number(array[length - 1]?.id) + 1
-
-  return lastIndex || (length + 1)
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/utils/paginateArray.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/utils/paginateArray.ts
deleted file mode 100644
index 12dc234..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/fake-api/utils/paginateArray.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const paginateArray = (array: unknown[], perPage: number, page: number) => array.slice((page - 1) * perPage, page * perPage)
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/index.ts
deleted file mode 100644
index 2288155..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/index.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import type { App } from 'vue'
-import { createI18n } from 'vue-i18n'
-import { cookieRef } from '@layouts/stores/config'
-import { themeConfig } from '@themeConfig'
-
-const messages = Object.fromEntries(
-  Object.entries(
-    import.meta.glob<{ default: any }>('./locales/*.json', { eager: true }))
-    .map(([key, value]) => [key.slice(10, -5), value.default]),
-)
-
-let _i18n: any = null
-
-export const getI18n = () => {
-  if (_i18n === null) {
-    _i18n = createI18n({
-      legacy: false,
-      locale: cookieRef('language', themeConfig.app.i18n.defaultLocale).value,
-      fallbackLocale: 'en',
-      messages,
-    })
-  }
-
-  return _i18n
-}
-
-export default function (app: App) {
-  app.use(getI18n())
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/locales/ar.json b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/locales/ar.json
deleted file mode 100644
index 1035fb7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/locales/ar.json
+++ /dev/null
@@ -1,237 +0,0 @@
-{
-  "UI Elements": "عناصر واجهة المستخدم",
-  "Forms & Tables": "النماذج والجداول",
-  "Pages": "الصفحات",
-  "Charts & Maps": "الرسوم البيانية والخرائط",
-  "Others": "آحرون",
-  "Typography": "الطباعة",
-  "Cards": "البطاقات",
-  "Basic": "أساسي",
-  "Advance": "يتقدم",
-  "Widgets": "الحاجيات",
-  "Actions": "أجراءات",
-  "Components": "عناصر",
-  "Alert": "انذار",
-  "Close Alert": "أغلق التنبيه",
-  "Avatar": "الصورة الرمزية",
-  "Badge": "شارة",
-  "Button": "زر",
-  "Calendar": "تقويم",
-  "Kanban": "مجلس كانبان",
-  "Image": "صورة",
-  "Pagination": "ترقيم الصفحات",
-  "Progress Circular": "تقدم التعميم",
-  "Progress Linear": "تقدم خطي",
-  "Autocomplete": "الإكمال التلقائي",
-  "Tooltip": "تلميح",
-  "Slider": "المنزلق",
-  "Date Time Picker": "منتقي التاريخ والوقت",
-  "Select": "يختار",
-  "Switch": "يُحوّل",
-  "Checkbox": "خانة اختيار",
-  "Radio": "مذياع",
-  "Textarea": "تيكستاريا",
-  "Rating": "تقييم",
-  "File Input": "إدخال الملف",
-  "Otp Input": "إدخال أوتب",
-  "Form Layout": "تخطيط النموذج",
-  "Form Validation": "التحقق من صحة النموذج",
-  "Charts": "الرسوم البيانية",
-  "Apex Chart": "مخطط أبيكس",
-  "Chartjs": "تشارتجس",
-  "Account Settings": "إعدادت الحساب",
-  "User Profile": "ملف تعريفي للمستخدم",
-  "FAQ": "التعليمات",
-  "Dialog Examples": "أمثلة على الحوار",
-  "Pricing": "التسعير",
-  "List": "قائمة",
-  "Edit": "يحرر",
-  "Nav Levels": "مستويات التنقل",
-  "Level 2.1": "المستوى 2.1",
-  "Level 2.2": "مستوى 2.2",
-  "Level 3.1": "المستوى 3.1",
-  "Level 3.2": "المستوى 3.2",
-  "Raise Support": "رفع الدعم",
-  "Documentation": "توثيق",
-  "Dashboards": "لوحات القيادة",
-  "Apps & Pages": "التطبيقات والصفحات",
-  "Email": "البريد الإلكتروني",
-  "Chat": "دردشة",
-  "Invoice": "فاتورة",
-  "Preview": "معاينة",
-  "Add": "يضيف",
-  "User": "المستعمل",
-  "View": "رأي",
-  "Login v1": "تسجيل الدخول v1",
-  "Login v2": "تسجيل الدخول v2",
-  "Login": "تسجيل الدخول",
-  "Register v1": "تسجيل v1",
-  "Register v2": "تسجيل v2",
-  "Register": "تسجيل",
-  "Forget Password v1": "نسيت كلمة المرور v1",
-  "Forget Password v2": "نسيت كلمة المرور v2",
-  "Forgot Password v1": "نسيت كلمة المرور v1",
-  "Forgot Password v2": "نسيت كلمة المرور v2",
-  "Forgot Password": "نسيت كلمة المرور",
-  "Reset Password v1": "إعادة تعيين كلمة المرور v1",
-  "Reset Password v2": "إعادة تعيين كلمة المرور v2",
-  "Reset Password": "إعادة تعيين كلمة المرور",
-  "Miscellaneous": "متفرقات",
-  "Coming Soon": "قريبا",
-  "Not Authorized": "غير مخول",
-  "Under Maintenance": "تحت الصيانة",
-  "Error": "خطأ",
-  "Statistics": "إحصائيات",
-  "Analytics": "تحليلات",
-  "Access Control": "صلاحية التحكم صلاحية الدخول",
-  "User Interface": "واجهة المستخدم",
-  "CRM": "سي آر إم",
-  "Icons": "أيقونات",
-  "Chip": "رقاقة",
-  "Dialog": "حوار",
-  "Expansion Panel": "لوحة التوسع",
-  "Combobox": "صندوق التحرير",
-  "Textfield": "مجال التحرير مكان كتابة النص",
-  "Range Slider": "نطاق المنزلق",
-  "Menu": "قائمة الطعام",
-  "Snackbar": "مطعم الوجبات الخفيفة",
-  "Tabs": "نوافذ التبويب",
-  "Form Elements": "عناصر النموذج",
-  "Form Layouts": "تخطيطات النموذج",
-  "Authentication": "المصادقة",
-  "Page Not Found - 404": "الصفحة غير موجودة - 404",
-  "Not Authorized - 401": "غير مصرح - 401",
-  "Server Error - 500": "خطأ في الخادم - 500",
-  "2": "2",
-  "Forms": "نماذج",
-  "Timeline": "الجدول الزمني",
-  "Disabled Menu": "قائمة المعوقين",
-  "Help Center": "مركز المساعدة",
-  "Verify Email": "التحقق من البريد الإلكتروني",
-  "Verify Email v1": "تحقق من البريد الإلكتروني v1",
-  "Verify Email v2": "تحقق من البريد الإلكتروني v2",
-  "Two Steps": "خطوتين",
-  "Two Steps v1": "خطوتين v1.0",
-  "Two Steps v2": "خطوتين v2.0",
-  "Custom Input": "إدخال مخصص",
-  "Extensions": "ملحقات",
-  "Tour": "رحلة",
-  "Register Multi-Steps": "تسجيل خطوات متعددة",
-  "Wizard Examples": "أمثلة المعالج",
-  "Checkout": "الدفع",
-  "Create Deal": "إنشاء صفقة",
-  "Property Listing": "قائمة الممتلكات ",
-  "Roles & Permissions": "الأدوار والأذونات",
-  "Roles": "الأدوار",
-  "Permissions": "الأذونات",
-  "Simple Table": "جدول بسيط",
-  "Tables": "الجداول",
-  "DataTable": "جدول البيانات",
-  "Data Table": "جدول البيانات",
-  "Apps": "التطبيقات",
-  "Misc": "متفرقات",
-  "Wizard Pages": "صفحات المعالج",
-  "eCommerce": "التجارة الإلكترونية",
-  "Form Wizard": "معالج النموذج",
-  "Numbered": "مرقم",
-  "ecommerce": "التجارة الإلكترونية",
-  "Ecommerce": "التجارة الإلكترونية",
-  "Product": "المنتج",
-  "Category": "الفئة",
-  "Order": "طلب",
-  "Details": "تفاصيل",
-  "Customer": "الزبون",
-  "Manage Review": "إدارة المراجعة",
-  "Referrals": "الإحالات",
-  "Settings": "الإعدادات",
-  "Course Details": "تفاصيل الدورة التدريبية",
-  "My Course": "دورتي",
-  "Overview": "نظرة عامة",
-  "Academy": "أكاديمية",
-  "Logistics": "الخدمات اللوجستية",
-  "Dashboard": "لوحة القيادة",
-  "Fleet": "الأسطول",
-  "Editors": "المحررين",
-  "Front Pages": "الصفحات الأمامية",
-  "Landing": "المقصودة",
-  "checkout": "الدفع",
-  "Payment": "دفع",
-  "Swiper": "المنزلق",
-  "Shortcut": "اختصار",
-  "Appointments": "المواعيد",
-  "Invoice App": "تطبيق الفاتورة",
-  "Manage Accounts": "إدارة الحسابات",
-  "Users": "المستخدمون",
-  "Manage Users": "إدارة المستخدمين",
-  "Role Management": "إدارة الأدوار",
-  "Permission": "إذن",
-  "Dashboard Analytics": "تحليلات لوحة القيادة",
-  "3": "3",
-  "5": "5",
-  "10": "10",
-  "20": "20",
-  "25": "25",
-  "50": "50",
-  "100": "100",
-  "$vuetify": {
-    "badge": "شارة",
-    "noDataText": "لا تتوافر بيانات",
-    "close": "قريب",
-    "open": "افتح",
-    "loading": "جار التحميل",
-    "carousel": {
-      "ariaLabel": {
-        "delimiter": "تحديد"
-      }
-    },
-    "colorPicker": {
-      "ariaLabel": {
-        "hueSlider": "شريط تدرج اللون",
-        "eyedropper": "قطارة",
-        "hexInput": "إدخال هيكس"
-      }
-    },
-    "dataFooter": {
-      "itemsPerPageText": "مواد لكل صفحة:",
-      "itemsPerPageAll": "الجميع",
-      "pageText": "{0} - {1} من {2}",
-      "firstPage": "الصفحة الأولى",
-      "prevPage": "الصفحة السابقة",
-      "nextPage": "الصفحة التالية",
-      "lastPage": "آخر صفحة"
-    },
-    "pagination": {
-      "ariaLabel": {
-        "root": "جذر",
-        "previous": "السابق",
-        "first": "أولاً",
-        "last": "آخر",
-        "next": "التالي",
-        "currentPage": "الصفحه الحاليه",
-        "page": "صفحة"
-      }
-    },
-    "input": {
-      "clear": "صافي",
-      "appendAction": "إلحاق الإجراء",
-      "prependAction": "قبل العمل",
-      "otp": "أوتب"
-    },
-    "fileInput": {
-      "counterSize": "حجم العداد"
-    },
-    "rating": {
-      "ariaLabel": {
-        "item": "العنصر"
-      }
-    },
-    "video": {
-      "seek": "يطلب",
-      "play": "يلعب",
-      "pause": "يوقف",
-      "showVolume": "إظهار الحجم",
-      "enterFullscreen": "أدخل ملء الشاشة",
-      "volume": "مقدار"
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/locales/en.json b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/locales/en.json
deleted file mode 100644
index 561c0fd..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/locales/en.json
+++ /dev/null
@@ -1,237 +0,0 @@
-{
-  "UI Elements": "UI Elements",
-  "Forms & Tables": "Forms & Tables",
-  "Pages": "Pages",
-  "Charts & Maps": "Charts & Maps",
-  "Others": "Others",
-  "Typography": "Typography",
-  "Cards": "Cards",
-  "Basic": "Basic",
-  "Advance": "Advance",
-  "Widgets": "Widgets",
-  "Components": "Components",
-  "Alert": "Alert",
-  "Close Alert": "Close Alert",
-  "Avatar": "Avatar",
-  "Badge": "Badge",
-  "Button": "Button",
-  "Calendar": "Calendar",
-  "Kanban": "Kanban",
-  "Image": "Image",
-  "Pagination": "Pagination",
-  "Progress Circular": "Progress Circular",
-  "Progress Linear": "Progress Linear",
-  "Autocomplete": "Autocomplete",
-  "Tooltip": "Tooltip",
-  "Slider": "Slider",
-  "Date Time Picker": "Date Time Picker",
-  "Select": "Select",
-  "Switch": "Switch",
-  "Checkbox": "Checkbox",
-  "Radio": "Radio",
-  "Textarea": "Textarea",
-  "Rating": "Rating",
-  "File Input": "File Input",
-  "Otp Input": "Otp Input",
-  "Form Layout": "Form Layout",
-  "Form Validation": "Form Validation",
-  "Charts": "Charts",
-  "Apex Chart": "Apex Chart",
-  "Chartjs": "Chartjs",
-  "Account Settings": "Account Settings",
-  "User Profile": "User Profile",
-  "FAQ": "FAQ",
-  "Dialog Examples": "Dialog Examples",
-  "Pricing": "Pricing",
-  "List": "List",
-  "Edit": "Edit",
-  "Nav Levels": "Nav Levels",
-  "Level 2.1": "Level 2.1",
-  "Level 2.2": "Level 2.2",
-  "Level 3.1": "Level 3.1",
-  "Level 3.2": "Level 3.2",
-  "Raise Support": "Raise Support",
-  "Documentation": "Documentation",
-  "Dashboards": "Dashboards",
-  "Analytics": "Analytics",
-  "Apps & Pages": "Apps & Pages",
-  "Email": "Email",
-  "Chat": "Chat",
-  "Invoice": "Invoice",
-  "Preview": "Preview",
-  "Add": "Add",
-  "User": "User",
-  "View": "View",
-  "Login v1": "Login v1",
-  "Login v2": "Login v2",
-  "Login": "Login",
-  "Register v1": "Register v1",
-  "Register v2": "Register v2",
-  "Register": "Register",
-  "Forget Password v1": "Forget Password v1",
-  "Forget Password v2": "Forget Password v2",
-  "Forgot Password v1": "Forgot Password v1",
-  "Forgot Password v2": "Forgot Password v2",
-  "Forgot Password": "Forgot Password",
-  "Reset Password v1": "Reset Password v1",
-  "Reset Password v2": "Reset Password v2",
-  "Reset Password": "Reset Password",
-  "Miscellaneous": "Miscellaneous",
-  "Coming Soon": "Coming Soon",
-  "Not Authorized": "Not Authorized",
-  "Under Maintenance": "Under Maintenance",
-  "Error": "Error",
-  "Statistics": "Statistics",
-  "Actions": "Actions",
-  "Access Control": "Access Control",
-  "User Interface": "User Interface",
-  "CRM": "CRM",
-  "eCommerce": "eCommerce",
-  "Icons": "Icons",
-  "Chip": "Chip",
-  "Dialog": "Dialog",
-  "Expansion Panel": "Expansion Panel",
-  "Combobox": "Combobox",
-  "Textfield": "Textfield",
-  "Range Slider": "Range Slider",
-  "Menu": "Menu",
-  "Snackbar": "Snackbar",
-  "Tabs": "Tabs",
-  "Form Elements": "Form Elements",
-  "Form Layouts": "Form Layouts",
-  "Authentication": "Authentication",
-  "Page Not Found - 404": "Page Not Found - 404",
-  "Not Authorized - 401": "Not Authorized - 401",
-  "Server Error - 500": "Server Error - 500",
-  "2": "2",
-  "Forms": "Forms",
-  "Timeline": "Timeline",
-  "Disabled Menu": "Disabled Menu",
-  "Help Center": "Help Center",
-  "Verify Email": "Verify Email",
-  "Verify Email v1": "Verify Email v1",
-  "Verify Email v2": "Verify Email v2",
-  "Two Steps": "Two Steps",
-  "Two Steps v1": "Two Steps v1",
-  "Two Steps v2": "Two Steps v2",
-  "Custom Input": "Custom Input",
-  "Extensions": "Extensions",
-  "Tour": "Tour",
-  "Register Multi-Steps": "Register Multi-Steps",
-  "Wizard Examples": "Wizard Examples",
-  "Checkout": "Checkout",
-  "Create Deal": "Create Deal",
-  "Property Listing": "Property Listing",
-  "Roles & Permissions": "Roles & Permissions",
-  "Roles": "Roles",
-  "Simple Table": "Simple Table",
-  "Tables": "Tables",
-  "Data Table": "Data Table",
-  "Permissions": "Permissions",
-  "Apps": "Apps",
-  "Misc": "Misc",
-  "Wizard Pages": "Wizard Pages",
-  "Form Wizard": "Form Wizard",
-  "Numbered": "Numbered",
-  "3": "3",
-  "ecommerce": "ecommerce",
-  "Ecommerce": "Ecommerce",
-  "Editors": "Editors",
-  "Front Pages": "Front Pages",
-  "Landing": "Landing",
-  "checkout": "checkout",
-  "Payment": "Payment",
-  "Swiper": "Swiper",
-  "Product": "Product",
-  "Category": "Category",
-  "Order": "Order",
-  "Details": "Details",
-  "Customer": "Customer",
-  "Manage Review": "Manage Review",
-  "Referrals": "Referrals",
-  "Settings": "Settings",
-  "Overview": "Overview",
-  "My Course": "My Course",
-  "Course Details": "Course Details",
-  "Academy": "Academy",
-  "Logistics": "Logistics",
-  "Dashboard": "Dashboard",
-  "Fleet": "Fleet",
-  "Shortcut": "Shortcut",
-  "Appointments": "Appointments",
-  "Invoice App": "Invoice App",
-  "Manage Accounts": "Manage Accounts",
-  "Users": "Users",
-  "Manage Users": "Manage Users",
-  "Role Management": "Role Management",
-  "Permission": "Permission",
-  "Dashboard Analytics": "Dashboard Analytics",
-  "5": "5",
-  "10": "10",
-  "20": "20",
-  "25": "25",
-  "50": "50",
-  "100": "100",
-  "$vuetify": {
-    "badge": "Badge",
-    "noDataText": "No data available",
-    "close": "Close",
-    "open": "open",
-    "loading": "loading",
-    "carousel": {
-      "ariaLabel": {
-        "delimiter": "delimiter"
-      }
-    },
-    "colorPicker": {
-      "ariaLabel": {
-        "hueSlider": "Hue Slider",
-        "eyedropper": "Eye Dropper",
-        "hexInput": "Hex Input"
-      }
-    },
-    "dataFooter": {
-      "itemsPerPageText": "Items per page:",
-      "itemsPerPageAll": "All",
-      "pageText": "{0}-{1} of {2}",
-      "firstPage": "First Page",
-      "prevPage": "Previous Page",
-      "nextPage": "Next Page",
-      "lastPage": "Last Page"
-    },
-    "pagination": {
-      "ariaLabel": {
-        "root": "root",
-        "previous": "previous",
-        "first": "first",
-        "last": "last",
-        "next": "next",
-        "currentPage": "currentPage",
-        "page": "page"
-      }
-    },
-    "input": {
-      "clear": "clear",
-      "appendAction": "appendAction",
-      "prependAction": "prependAction",
-      "counterSize": "counterSize",
-      "otp": "otp"
-    },
-    "fileInput": {
-      "counterSize": "counterSize"
-    },
-    "rating": {
-      "ariaLabel": {
-        "item": "item"
-      }
-    },
-    "video": {
-      "seek": "Seek",
-      "play": "Play",
-      "pause": "Pause",
-      "showVolume": "Show Volume",
-      "enterFullscreen": "Enter Fullscreen",
-      "volume": "Volume"
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/locales/fr.json b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/locales/fr.json
deleted file mode 100644
index c829fce..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/locales/fr.json
+++ /dev/null
@@ -1,238 +0,0 @@
-{
-  "UI Elements": "ÉLÉMENTS DE L'UI",
-  "Forms & Tables": "Formulaires et tableaux",
-  "Pages": "Des pages",
-  "Charts & Maps": "Graphiques et cartes",
-  "Others": "Autres",
-  "Typography": "Typographie",
-  "Cards": "Cartes",
-  "Basic": "De base",
-  "Advance": "Avance",
-  "Widgets": "Widget",
-  "Card Action": "Action de la carte",
-  "Components": "Composants",
-  "Alert": "Alerte",
-  "Close Alert": "Fermer l'alerte",
-  "Avatar": "Avatar",
-  "Badge": "Badge",
-  "Button": "Bouton",
-  "Calendar": "Calendrier",
-  "Kanban": "Tableau Kanban",
-  "Image": "Image",
-  "Pagination": "Pagination",
-  "Progress Circular": "Progrès circulaire",
-  "Progress Linear": "Progrès Linéaire",
-  "Autocomplete": "Saisie automatique",
-  "Tooltip": "Info-bulle",
-  "Slider": "Glissière",
-  "Date Time Picker": "Sélecteur de date et d'heure",
-  "Select": "Sélectionner",
-  "Switch": "Commutateur",
-  "Checkbox": "Case à cocher",
-  "Radio": "Radio",
-  "Textarea": "Textarea",
-  "Rating": "Évaluation",
-  "File Input": "Entrée de fichier",
-  "Otp Input": "Entrée Otp",
-  "Form Layout": "Disposition du formulaire",
-  "Form Validation": "Validation de formulaire",
-  "Charts": "Graphiques",
-  "Apex Chart": "Graphique Apex",
-  "Chartjs": "Chartjs",
-  "Account Settings": "Paramètres du compte",
-  "User Profile": "Profil de l'utilisateur",
-  "FAQ": "FAQ",
-  "Dialog Examples": "Exemples de dialogue",
-  "Pricing": "Tarification",
-  "List": "liste",
-  "Edit": "Éditer",
-  "Nav Levels": "Niveaux de navigation",
-  "Level 2.1": "Niveau 2.1",
-  "Level 2.2": "Niveau 2.2",
-  "Level 3.1": "Niveau 3.1",
-  "Level 3.2": "Niveau 3.2",
-  "Raise Support": "Augmenter le soutien",
-  "Documentation": "Documentation",
-  "Dashboards": "Tableaux de bord",
-  "Analytics": "Analytique",
-  "Apps & Pages": "Applications et pages",
-  "Email": "Email",
-  "Chat": "Bavarder",
-  "Invoice": "Facture d'achat",
-  "Preview": "Aperçu",
-  "Add": "Ajouter",
-  "User": "Utilisateur",
-  "View": "Vue",
-  "Login v1": "Connexion v1",
-  "Login v2": "Connexion v2",
-  "Login": "Connexion",
-  "Register v1": "S'inscrire v1",
-  "Register v2": "S'inscrire v2",
-  "Register": "S'inscrire",
-  "Forget Password v1": "Oubliez le mot de passe v1",
-  "Forget Password v2": "Oubliez le mot de passe v2",
-  "Forgot Password v1": "Oubliez le mot de passe v1",
-  "Forgot Password v2": "Oubliez le mot de passe v2",
-  "Forgot Password": "Oubliez le mot de passe",
-  "Reset Password v1": "Réinitialiser le mot de passe v1",
-  "Reset Password v2": "Réinitialiser le mot de passe v2",
-  "Reset Password": "Réinitialiser le mot de passe",
-  "Miscellaneous": "Divers",
-  "Coming Soon": "Bientôt disponible",
-  "Not Authorized": "Pas autorisé",
-  "Under Maintenance": "En maintenance",
-  "Error": "Erreur",
-  "Statistics": "Statistiques",
-  "Card Actions": "Actions de la carte",
-  "Actions": "Actions",
-  "Access Control": "Contrôle d'accès",
-  "User Interface": "Interface utilisateur",
-  "CRM": "CRM",
-  "eCommerce": "commerce électronique",
-  "Icons": "Icône",
-  "Chip": "Ébrécher",
-  "Dialog": "Dialogue",
-  "Expansion Panel": "Panneau d'extension",
-  "Combobox": "Boîte combo",
-  "Textfield": "Champ de texte",
-  "Range Slider": "Curseur Gamme",
-  "Menu": "Menu",
-  "Snackbar": "Casse-croûte",
-  "Tabs": "Onglets",
-  "Form Elements": "Éléments de formulaire",
-  "Form Layouts": "Dispositions de formulaire",
-  "Authentication": "Authentification",
-  "Page Not Found - 404": "Page introuvable - 404",
-  "Not Authorized - 401": "Non autorisé - 401",
-  "Server Error - 500": "Erreur de serveur - 500",
-  "2": "2",
-  "Forms": "Formes",
-  "Timeline": "Chronologie",
-  "Disabled Menu": "Menu désactivé",
-  "Help Center": "Centre d'aide",
-  "Verify Email": "Vérifier les courriels",
-  "Verify Email v1": "Vérifier l'e-mail v1",
-  "Verify Email v2": "Vérifier l'e-mail v2",
-  "Two Steps": "Deux étapes",
-  "Two Steps v1": "Deux étapes v1",
-  "Two Steps v2": "Deux étapes v2",
-  "Custom Input": "Entrée personnalisée",
-  "Extensions": "Rallonges",
-  "Tour": "Tour",
-  "Register Multi-Steps": "Enregistrer plusieurs étapes",
-  "Wizard Examples": "Exemples de guide",
-  "Checkout": "Check-out",
-  "Create Deal": "Créer une offre",
-  "Property Listing": "Liste des propriétés",
-  "Roles & Permissions": "Rôles et autorisations",
-  "Roles": "Rôles",
-  "Permissions": "Autorisations",
-  "Simple Table": "Table simple",
-  "Tables": "Tables",
-  "Data Table": "Table de données",
-  "Apps": "Applications",
-  "Misc": "Divers",
-  "Wizard Pages": "Pages de l'assistant",
-  "Form Wizard": "Assistant de formulaire",
-  "Numbered": "Numéroté",
-  "3": "3",
-  "ecommerce": "commerce électronique",
-  "Ecommerce": "Commerce électronique",
-  "Product": "Produit",
-  "Category": "Catégorie",
-  "Order": "Ordre",
-  "Details": "Détails",
-  "Customer": "Client",
-  "Manage Review": "Gérer la revue",
-  "Referrals": "Références",
-  "Settings": "Paramètres",
-  "Course Details": "Détails du cours",
-  "My Course": "Mon cours",
-  "Overview": "Aperçu",
-  "Academy": "Académie",
-  "Logistics": "Logistique",
-  "Dashboard": "Tableau de bord",
-  "Fleet": "Flotte",
-  "Editors": "Éditeurs",
-  "Front Pages": "Pages frontales",
-  "Landing": "d'atterrissage",
-  "checkout": "Check-out",
-  "Payment": "Paiement",
-  "Swiper": "Swiper",
-  "Shortcut": "Raccourci",
-  "Appointments": "Rendez-vous",
-  "Invoice App": "Application de facturation",
-  "Manage Accounts": "Gérer les comptes",
-  "Users": "Utilisateurs",
-  "Manage Users": "Gérer les utilisateurs",
-  "Role Management": "Gestion des rôles",
-  "Permission": "Autorisation",
-  "Dashboard Analytics": "Analyse du tableau de bord",
-  "5": "5",
-  "10": "10",
-  "20": "20",
-  "25": "25",
-  "50": "50",
-  "100": "100",
-  "$vuetify": {
-    "badge": "Badge",
-    "loading": "Chargement",
-    "noDataText": "Pas de données disponibles",
-    "close": "Fermer",
-    "open": "Ouvert",
-    "carousel": {
-      "ariaLabel": {
-        "delimiter": "délimiteur"
-      }
-    },
-    "colorPicker": {
-      "ariaLabel": {
-        "hueSlider": "curseur de teinte",
-        "eyedropper": "compte-gouttes",
-        "hexInput": "entrée hexadécimale"
-      }
-    },
-    "dataFooter": {
-      "itemsPerPageText": "Objets par page:",
-      "itemsPerPageAll": "Tout",
-      "pageText": "{0}-{1} of {2}",
-      "firstPage": "Première page",
-      "prevPage": "Page précédente",
-      "nextPage": "Page suivante",
-      "lastPage": "Dernière page"
-    },
-    "pagination": {
-      "ariaLabel": {
-        "root": "racine",
-        "previous": "précédente",
-        "first": "d'abord",
-        "last": "dernière",
-        "next": "suivante",
-        "currentPage": "page actuelle",
-        "page": "page"
-      }
-    },
-    "input": {
-      "clear": "dégager",
-      "appendAction": "ajouter une action",
-      "prependAction": "préfixer l'action",
-      "otp": "otp"
-    },
-    "fileInput": {
-      "counterSize": "Taille du compteur"
-    },
-    "rating": {
-      "ariaLabel": {
-        "item": "Objet"
-      }
-    },
-    "video": {
-      "seek": "Rechercher",
-      "play": "Jouer",
-      "pause": "Pause",
-      "showVolume": "Afficher le volume",
-      "enterFullscreen": "Entrer en plein écran",
-      "volume": "Volume"
-    }
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/vue-i18n.d.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/vue-i18n.d.ts
deleted file mode 100644
index e3863c8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/i18n/vue-i18n.d.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * global type definitions
- * using the typescript interface, you can define the i18n resources that is type-safed!
- */
-
-/**
- * you need to import the some interfaces
- */
-import en from '@/plugins/i18n/locales/en.json';
-import 'vue-i18n';
-
-type LocaleMessage = typeof en
-
-declare module 'vue-i18n' { 
-  export interface DefineLocaleMessage extends LocaleMessage {
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/iconify/build-icons.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/iconify/build-icons.ts
deleted file mode 100644
index 6fee0d2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/iconify/build-icons.ts
+++ /dev/null
@@ -1,303 +0,0 @@
-/**
- * This is an advanced example for creating icon bundles for Iconify SVG Framework.
- *
- * It creates a bundle from:
- * - All SVG files in a directory.
- * - Custom JSON files.
- * - Iconify icon sets.
- * - SVG framework.
- *
- * This example uses Iconify Tools to import and clean up icons.
- * For Iconify Tools documentation visit https://docs.iconify.design/tools/tools2/
- */
-import { promises as fs } from 'node:fs'
-import { createRequire } from 'node:module'
-import { dirname, join } from 'node:path'
-
-// Installation: npm install --save-dev @iconify/tools @iconify/utils @iconify/json @iconify/iconify
-import { cleanupSVG, importDirectory, isEmptyColor, parseColors, runSVGO } from '@iconify/tools'
-import type { IconifyJSON } from '@iconify/types'
-import { getIcons, getIconsCSS, stringToIcon } from '@iconify/utils'
-
-// Create require function for ES modules
-const require = createRequire(import.meta.url)
-
-/**
- * Script configuration
- */
-interface BundleScriptCustomSVGConfig {
-
-  // Path to SVG files
-  dir: string
-
-  // True if icons should be treated as monotone: colors replaced with currentColor
-  monotone: boolean
-
-  // Icon set prefix
-  prefix: string
-}
-
-interface BundleScriptCustomJSONConfig {
-
-  // Path to JSON file
-  filename: string
-
-  // List of icons to import. If missing, all icons will be imported
-  icons?: string[]
-}
-
-interface BundleScriptConfig {
-
-  // Custom SVG to import and bundle
-  svg?: BundleScriptCustomSVGConfig[]
-
-  // Icons to bundled from @iconify/json packages
-  icons?: string[]
-
-  // List of JSON files to bundled
-  // Entry can be a string, pointing to filename or a BundleScriptCustomJSONConfig object (see type above)
-  // If entry is a string or object without 'icons' property, an entire JSON file will be bundled
-  json?: (string | BundleScriptCustomJSONConfig)[]
-}
-
-const sources: BundleScriptConfig = {
-
-  svg: [
-    // {
-    //   dir: 'resources/images/iconify-svg',
-    //   monotone: true,
-    //   prefix: 'custom',
-    // },
-
-    // {
-    //   dir: 'emojis',
-    //   monotone: false,
-    //   prefix: 'emoji',
-    // },
-  ],
-
-  icons: [
-    // 'mdi:home',
-    // 'mdi:account',
-    // 'mdi:login',
-    // 'mdi:logout',
-    // 'octicon:book-24',
-    // 'octicon:code-square-24',
-  ],
-
-  json: [
-    // Custom JSON file
-    // 'json/gg.json',
-
-    // Iconify JSON file (@iconify/json is a package name, /json/ is directory where files are, then filename)
-    require.resolve('@iconify-json/tabler/icons.json'),
-    {
-      filename: require.resolve('@iconify-json/mdi/icons.json'),
-      icons: [
-        'close-circle',
-        'language-javascript',
-        'language-typescript',
-      ],
-    },
-    {
-      filename: require.resolve('@iconify-json/fa/icons.json'),
-      icons: [
-        'circle',
-      ],
-    },
-
-    // Custom file with only few icons
-    // {
-    //   filename: require.resolve('@iconify-json/line-md/icons.json'),
-    //   icons: [
-    //     'home-twotone-alt',
-    //     'github',
-    //     'document-list',
-    //     'document-code',
-    //     'image-twotone',
-    //   ],
-    // },
-  ],
-}
-
-// File to save bundle to
-const target = join(__dirname, 'icons.css')
-
-/**
- * Do stuff!
- */
-
-;(async function () {
-  // Create directory for output if missing
-  const dir = dirname(target)
-  try {
-    await fs.mkdir(dir, {
-      recursive: true,
-    })
-  }
-  catch (err) {
-    //
-  }
-
-  const allIcons: IconifyJSON[] = []
-
-  /**
-   * Convert sources.icons to sources.json
-   */
-  if (sources.icons) {
-    const sourcesJSON = sources.json ? sources.json : (sources.json = [])
-
-    // Sort icons by prefix
-    const organizedList = organizeIconsList(sources.icons)
-
-    for (const prefix in organizedList) {
-      const filename = require.resolve(`@iconify/json/json/${prefix}.json`)
-
-      sourcesJSON.push({
-        filename,
-        icons: organizedList[prefix],
-      })
-    }
-  }
-
-  /**
-   * Bundle JSON files and collect icons
-   */
-  if (sources.json) {
-    for (let i = 0; i < sources.json.length; i++) {
-      const item = sources.json[i]
-
-      // Load icon set
-      const filename = typeof item === 'string' ? item : item.filename
-      const content = JSON.parse(await fs.readFile(filename, 'utf8')) as IconifyJSON
-
-      for (const key in content) {
-        if (key === 'prefix' && content.prefix === 'tabler') {
-          for (const k in content.icons)
-            content.icons[k].body = content.icons[k].body.replace(/stroke-width="2"/g, 'stroke-width="1.5"')
-        }
-      }
-
-      // Filter icons
-      if (typeof item !== 'string' && item.icons?.length) {
-        const filteredContent = getIcons(content, item.icons)
-
-        if (!filteredContent)
-          throw new Error(`Cannot find required icons in ${filename}`)
-
-        // Collect filtered icons
-        allIcons.push(filteredContent)
-      }
-      else {
-        // Collect all icons from the JSON file
-        allIcons.push(content)
-      }
-    }
-  }
-
-  /**
-   * Bundle custom SVG icons and collect icons
-   */
-  if (sources.svg) {
-    for (let i = 0; i < sources.svg.length; i++) {
-      const source = sources.svg[i]
-
-      // Import icons
-      const iconSet = await importDirectory(source.dir, {
-        prefix: source.prefix,
-      })
-
-      // Validate, clean up, fix palette, etc.
-      await iconSet.forEach(async (name, type) => {
-        if (type !== 'icon')
-          return
-
-        // Get SVG instance for parsing
-        const svg = iconSet.toSVG(name)
-
-        if (!svg) {
-          // Invalid icon
-          iconSet.remove(name)
-
-          return
-        }
-
-        // Clean up and optimise icons
-        try {
-          // Clean up icon code
-          await cleanupSVG(svg)
-
-          if (source.monotone) {
-            // Replace color with currentColor, add if missing
-            // If icon is not monotone, remove this code
-            await parseColors(svg, {
-              defaultColor: 'currentColor',
-              callback: (attr, colorStr, color) => {
-                return !color || isEmptyColor(color) ? colorStr : 'currentColor'
-              },
-            })
-          }
-
-          // Optimise
-          await runSVGO(svg)
-        }
-        catch (err) {
-          // Invalid icon
-          console.error(`Error parsing ${name} from ${source.dir}:`, err)
-          iconSet.remove(name)
-
-          return
-        }
-
-        // Update icon from SVG instance
-        iconSet.fromSVG(name, svg)
-      })
-
-      // Collect the SVG icon
-      allIcons.push(iconSet.export())
-    }
-  }
-
-  // Generate CSS from collected icons
-  const cssContent = allIcons
-    .map(iconSet => getIconsCSS(
-      iconSet,
-      Object.keys(iconSet.icons),
-      {
-        iconSelector: '.{prefix}-{name}',
-        mode: 'mask',
-      },
-    ))
-    .join('\n')
-
-  // Save the CSS to a file
-  await fs.writeFile(target, cssContent, 'utf8')
-
-  console.log(`Saved CSS to ${target}!`)
-})().catch(err => {
-  console.error(err)
-})
-
-/**
- * Sort icon names by prefix
- */
-function organizeIconsList(icons: string[]): Record<string, string[]> {
-  const sorted: Record<string, string[]> = Object.create(null)
-
-  icons.forEach(icon => {
-    const item = stringToIcon(icon)
-
-    if (!item)
-      return
-
-    const prefix = item.prefix
-    const prefixList = sorted[prefix] ? sorted[prefix] : (sorted[prefix] = [])
-
-    const name = item.name
-
-    if (!prefixList.includes(name))
-      prefixList.push(name)
-  })
-
-  return sorted
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/iconify/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/iconify/index.ts
deleted file mode 100644
index d512ed0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/iconify/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import './icons.css'
-
-export default function () {
-  // This plugin just requires icons import
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/iconify/package.json b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/iconify/package.json
deleted file mode 100644
index ce04ec5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/iconify/package.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "type": "commonjs"
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/layouts.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/layouts.ts
deleted file mode 100644
index da67a78..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/layouts.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { App } from 'vue'
-
-import type { PartialDeep } from 'type-fest'
-import { createLayouts } from '@layouts'
-
-import { layoutConfig } from '@themeConfig'
-
-// Styles
-import '@layouts/styles/index.scss'
-
-export default function (app: App) {
-  // ℹ️ We generate layout config from our themeConfig so you don't have to write config twice
-  app.use(createLayouts(layoutConfig as PartialDeep<typeof layoutConfig, NonNullable<unknown>>))
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/vuetify/defaults.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/vuetify/defaults.ts
deleted file mode 100644
index 0699d69..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/vuetify/defaults.ts
+++ /dev/null
@@ -1,196 +0,0 @@
-export default {
-  IconBtn: {
-    icon: true,
-    color: 'default',
-    variant: 'text',
-  },
-  VAlert: {
-    density: 'comfortable',
-    VBtn: {
-      color: undefined,
-    },
-  },
-  VAvatar: {
-    // ℹ️ Remove after next release
-    variant: 'flat',
-  },
-  VBadge: {
-    // set v-badge default color to primary
-    color: 'primary',
-  },
-  VBtn: {
-    // set v-btn default color to primary
-    color: 'primary',
-  },
-  VChip: {
-    label: true,
-  },
-  VDataTable: {
-    VPagination: {
-      showFirstLastPage: true,
-      firstIcon: 'tabler-chevrons-left',
-      lastIcon: 'tabler-chevrons-right',
-    },
-  },
-  VDataTableServer: {
-    VPagination: {
-      showFirstLastPage: true,
-      firstIcon: 'tabler-chevrons-left',
-      lastIcon: 'tabler-chevrons-right',
-    },
-  },
-  VExpansionPanel: {
-    expandIcon: 'tabler-chevron-right',
-    collapseIcon: 'tabler-chevron-right',
-  },
-  VExpansionPanelTitle: {
-    expandIcon: 'tabler-chevron-right',
-    collapseIcon: 'tabler-chevron-right',
-  },
-  VList: {
-    color: 'primary',
-    density: 'compact',
-    VCheckboxBtn: {
-      density: 'compact',
-    },
-    VListItem: {
-      ripple: false,
-      VAvatar: {
-        size: 40,
-      },
-    },
-  },
-  VMenu: {
-    offset: '2px',
-  },
-  VPagination: {
-    density: 'comfortable',
-    variant: 'tonal',
-  },
-  VTabs: {
-    // set v-tabs default color to primary
-    color: 'primary',
-    density: 'comfortable',
-    VSlideGroup: {
-      showArrows: true,
-    },
-  },
-  VTooltip: {
-    // set v-tooltip default location to top
-    location: 'top',
-  },
-  VCheckboxBtn: {
-    color: 'primary',
-  },
-  VCheckbox: {
-    // set v-checkbox default color to primary
-    color: 'primary',
-    density: 'comfortable',
-    hideDetails: 'auto',
-  },
-  VRadioGroup: {
-    color: 'primary',
-    density: 'comfortable',
-    hideDetails: 'auto',
-  },
-  VRadio: {
-    density: 'comfortable',
-    hideDetails: 'auto',
-  },
-  VSelect: {
-    variant: 'outlined',
-    color: 'primary',
-    density: 'comfortable',
-    hideDetails: 'auto',
-    VChip: {
-      label: true,
-    },
-  },
-  VRangeSlider: {
-    // set v-range-slider default color to primary
-    color: 'primary',
-    trackSize: 6,
-    thumbSize: 22,
-    density: 'comfortable',
-    thumbLabel: true,
-    hideDetails: 'auto',
-  },
-  VRating: {
-    // set v-rating default color to primary
-    color: 'warning',
-  },
-  VProgressLinear: {
-    height: 6,
-    roundedBar: true,
-    rounded: true,
-    bgColor: 'rgba(var(--v-track-bg))',
-  },
-  VSlider: {
-    // set v-range-slider default color to primary
-    color: 'primary',
-    thumbLabel: true,
-    hideDetails: 'auto',
-    thumbSize: 22,
-    trackSize: 6,
-    elevation: 4,
-  },
-  VTextField: {
-    variant: 'outlined',
-    density: 'comfortable',
-    color: 'primary',
-    hideDetails: 'auto',
-  },
-  VAutocomplete: {
-    variant: 'outlined',
-    color: 'primary',
-    density: 'comfortable',
-    hideDetails: 'auto',
-    menuProps: {
-      contentClass: 'app-autocomplete__content v-autocomplete__content',
-    },
-    VChip: {
-      label: true,
-    },
-  },
-  VCombobox: {
-    variant: 'outlined',
-    density: 'comfortable',
-    color: 'primary',
-    hideDetails: 'auto',
-    VChip: {
-      label: true,
-    },
-  },
-  VFileInput: {
-    variant: 'outlined',
-    density: 'comfortable',
-    color: 'primary',
-    hideDetails: 'auto',
-  },
-  VTextarea: {
-    variant: 'outlined',
-    density: 'comfortable',
-    color: 'primary',
-    hideDetails: 'auto',
-  },
-  VSnackbar: {
-    VBtn: {
-      density: 'comfortable',
-    },
-  },
-  VSwitch: {
-    // set v-switch default color to primary
-    inset: true,
-    color: 'primary',
-    hideDetails: 'auto',
-    ripple: false,
-  },
-  VNavigationDrawer: {
-    touchless: true,
-  },
-  VVideo: {
-    VSlider: {
-      thumbLabel: false,
-    },
-  },
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/vuetify/icons.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/vuetify/icons.ts
deleted file mode 100644
index 86f028a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/vuetify/icons.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import type { IconAliases, IconProps } from 'vuetify'
-
-import checkboxChecked from '@images/svg/checkbox-checked.svg'
-import checkboxIndeterminate from '@images/svg/checkbox-indeterminate.svg'
-import checkboxUnchecked from '@images/svg/checkbox-unchecked.svg'
-import radioChecked from '@images/svg/radio-checked.svg'
-import radioUnchecked from '@images/svg/radio-unchecked.svg'
-
-const customIcons: Record<string, unknown> = {
-  'mdi-checkbox-blank-outline': checkboxUnchecked,
-  'mdi-checkbox-marked': checkboxChecked,
-  'mdi-minus-box': checkboxIndeterminate,
-  'mdi-radiobox-marked': radioChecked,
-  'mdi-radiobox-blank': radioUnchecked,
-}
-
-const aliases: Partial<IconAliases> = {
-  calendar: 'tabler-calendar',
-  collapse: 'tabler-chevron-up',
-  complete: 'tabler-check',
-  cancel: 'tabler-x',
-  close: 'tabler-x',
-  delete: 'tabler-circle-x-filled',
-  clear: 'tabler-circle-x',
-  success: 'tabler-circle-check',
-  info: 'tabler-info-circle',
-  warning: 'tabler-alert-triangle',
-  error: 'tabler-alert-circle',
-  prev: 'tabler-chevron-left',
-  ratingEmpty: 'tabler-star',
-  ratingFull: 'tabler-star-filled',
-  ratingHalf: 'tabler-star-half-filled',
-  next: 'tabler-chevron-right',
-  delimiter: 'tabler-circle',
-  sort: 'tabler-arrow-up',
-  expand: 'tabler-chevron-down',
-  menu: 'tabler-menu-2',
-  subgroup: 'tabler-caret-down',
-  dropdown: 'tabler-chevron-down',
-  edit: 'tabler-pencil',
-  loading: 'tabler-refresh',
-  first: 'tabler-player-skip-back',
-  last: 'tabler-player-skip-forward',
-  unfold: 'tabler-arrows-move-vertical',
-  file: 'tabler-paperclip',
-  plus: 'tabler-plus',
-  minus: 'tabler-minus',
-  sortAsc: 'tabler-arrow-up',
-  sortDesc: 'tabler-arrow-down',
-  play: 'tabler-player-play',
-  pause: 'tabler-player-pause',
-  fullscreen: 'tabler-maximize',
-  fullscreenExit: 'tabler-minimize',
-  volumeHigh: 'tabler-volume',
-  volumeMedium: 'tabler-volume-2',
-  volumeLow: 'tabler-volume-2',
-  volumeOff: 'tabler-volume-off',
-  tableGroupExpand: 'tabler-chevron-right',
-  tableGroupCollapse: 'tabler-chevron-down',
-}
-
-export const iconify = {
-  component: (props: IconProps) => {
-    // Load custom SVG directly instead of going through icon component
-    if (typeof props.icon === 'string') {
-      const iconComponent = customIcons[props.icon]
-
-      if (iconComponent)
-        return h(iconComponent)
-    }
-
-    return h(
-      props.tag,
-      {
-        ...props,
-
-        // As we are using class based icons
-        class: [props.icon],
-
-        // Remove used props from DOM rendering
-        tag: undefined,
-        icon: undefined,
-      },
-    )
-  },
-}
-
-export const icons = {
-  defaultSet: 'iconify',
-  aliases,
-  sets: {
-    iconify,
-  },
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/vuetify/index.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/vuetify/index.ts
deleted file mode 100644
index 5ddfe2c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/vuetify/index.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { deepMerge } from '@antfu/utils'
-import type { App } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { createVuetify } from 'vuetify'
-import { VBtn } from 'vuetify/components/VBtn'
-import { VVideo } from 'vuetify/labs/VVideo'
-import { createVueI18nAdapter } from 'vuetify/locale/adapters/vue-i18n'
-import defaults from './defaults'
-import { icons } from './icons'
-import { staticPrimaryColor, staticPrimaryDarkenColor, themes } from './theme'
-import { themeConfig } from '@themeConfig'
-import { getI18n } from '@/plugins/i18n/index'
-
-// Styles
-import { cookieRef } from '@/@layouts/stores/config'
-import '@core-scss/template/libs/vuetify/index.scss'
-import 'vuetify/styles'
-
-export default function (app: App) {
-  const cookieThemeValues = {
-    defaultTheme: resolveVuetifyTheme(themeConfig.app.theme),
-    themes: {
-      light: {
-        colors: {
-          'primary': cookieRef('lightThemePrimaryColor', staticPrimaryColor).value,
-          'primary-darken-1': cookieRef('lightThemePrimaryDarkenColor', staticPrimaryDarkenColor).value,
-        },
-      },
-      dark: {
-        colors: {
-          'primary': cookieRef('darkThemePrimaryColor', staticPrimaryColor).value,
-          'primary-darken-1': cookieRef('darkThemePrimaryDarkenColor', staticPrimaryDarkenColor).value,
-        },
-      },
-    },
-  }
-
-  const optionTheme = deepMerge({ themes }, cookieThemeValues)
-
-  const vuetify = createVuetify({
-    aliases: {
-      IconBtn: VBtn,
-    },
-    components: {
-      VVideo,
-    },
-    defaults,
-    icons,
-    theme: optionTheme,
-    locale: {
-      adapter: createVueI18nAdapter({ i18n: getI18n(), useI18n }),
-    },
-  })
-
-  app.use(vuetify)
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/vuetify/theme.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/vuetify/theme.ts
deleted file mode 100644
index ab7837f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/vuetify/theme.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-import type { ThemeDefinition } from 'vuetify'
-
-export const staticPrimaryColor = '#7367F0'
-export const staticPrimaryDarkenColor = '#675DD8'
-
-export const themes: Record<string, ThemeDefinition> = {
-  light: {
-    dark: false,
-    colors: {
-      'primary': staticPrimaryColor,
-      'on-primary': '#fff',
-      'primary-darken-1': '#675DD8',
-      'secondary': '#808390',
-      'on-secondary': '#fff',
-      'secondary-darken-1': '#737682',
-      'success': '#28C76F',
-      'on-success': '#fff',
-      'success-darken-1': '#24B364',
-      'info': '#00BAD1',
-      'on-info': '#fff',
-      'info-darken-1': '#00A7BC',
-      'warning': '#FF9F43',
-      'on-warning': '#fff',
-      'warning-darken-1': '#E68F3C',
-      'error': '#FF4C51',
-      'on-error': '#fff',
-      'error-darken-1': '#E64449',
-      'background': '#F8F7FA',
-      'on-background': '#2F2B3D',
-      'surface': '#fff',
-      'on-surface': '#2F2B3D',
-      'grey-50': '#FAFAFA',
-      'grey-100': '#F5F5F5',
-      'grey-200': '#EEEEEE',
-      'grey-300': '#E0E0E0',
-      'grey-400': '#BDBDBD',
-      'grey-500': '#9E9E9E',
-      'grey-600': '#757575',
-      'grey-700': '#616161',
-      'grey-800': '#424242',
-      'grey-900': '#212121',
-      'grey-light': '#FAFAFA',
-      'perfect-scrollbar-thumb': '#DBDADE',
-      'skin-bordered-background': '#fff',
-      'skin-bordered-surface': '#fff',
-      'expansion-panel-text-custom-bg': '#fafafa',
-    },
-
-    variables: {
-      'code-color': '#d400ff',
-      'overlay-scrim-background': '#2F2B3D',
-      'tooltip-background': '#2F2B3D',
-      'overlay-scrim-opacity': 0.5,
-      'hover-opacity': 0.06,
-      'focus-opacity': 0.1,
-      'selected-opacity': 0.08,
-      'activated-opacity': 0.16,
-      'pressed-opacity': 0.14,
-      'dragged-opacity': 0.1,
-      'disabled-opacity': 0.4,
-      'border-color': '#2F2B3D',
-      'border-opacity': 0.12,
-      'table-header-color': '#EAEAEC',
-      'high-emphasis-opacity': 0.9,
-      'medium-emphasis-opacity': 0.7,
-      'switch-opacity': 0.2,
-      'switch-disabled-track-opacity': 0.3,
-      'switch-disabled-thumb-opacity': 0.4,
-      'switch-checked-disabled-opacity': 0.3,
-      'track-bg': '#F1F0F2',
-
-      // Shadows
-      'shadow-key-umbra-color': '#2F2B3D',
-      'shadow-xs-opacity': 0.10,
-      'shadow-sm-opacity': 0.12,
-      'shadow-md-opacity': 0.14,
-      'shadow-lg-opacity': 0.16,
-      'shadow-xl-opacity': 0.18,
-    },
-  },
-  dark: {
-    dark: true,
-    colors: {
-      'primary': staticPrimaryColor,
-      'on-primary': '#fff',
-      'primary-darken-1': '#675DD8',
-      'secondary': '#808390',
-      'on-secondary': '#fff',
-      'secondary-darken-1': '#737682',
-      'success': '#28C76F',
-      'on-success': '#fff',
-      'success-darken-1': '#24B364',
-      'info': '#00BAD1',
-      'on-info': '#fff',
-      'info-darken-1': '#00A7BC',
-      'warning': '#FF9F43',
-      'on-warning': '#fff',
-      'warning-darken-1': '#E68F3C',
-      'error': '#FF4C51',
-      'on-error': '#fff',
-      'error-darken-1': '#E64449',
-      'background': '#25293C',
-      'on-background': '#E1DEF5',
-      'surface': '#2F3349',
-      'on-surface': '#E1DEF5',
-      'grey-50': '#26293A',
-      'grey-100': '#2F3349',
-      'grey-200': '#26293A',
-      'grey-300': '#4A5072',
-      'grey-400': '#5E6692',
-      'grey-500': '#7983BB',
-      'grey-600': '#AAB3DE',
-      'grey-700': '#B6BEE3',
-      'grey-800': '#CFD3EC',
-      'grey-900': '#E7E9F6',
-      'grey-light': '#353A52',
-      'perfect-scrollbar-thumb': '#4A5072',
-      'skin-bordered-background': '#2F3349',
-      'skin-bordered-surface': '#2F3349',
-    },
-    variables: {
-      'code-color': '#d400ff',
-      'overlay-scrim-background': '#171925',
-      'tooltip-background': '#F7F4FF',
-      'overlay-scrim-opacity': 0.6,
-      'hover-opacity': 0.06,
-      'focus-opacity': 0.1,
-      'selected-opacity': 0.08,
-      'activated-opacity': 0.16,
-      'pressed-opacity': 0.14,
-      'dragged-opacity': 0.1,
-      'disabled-opacity': 0.4,
-      'border-color': '#E1DEF5',
-      'border-opacity': 0.12,
-      'table-header-color': '#535876',
-      'high-emphasis-opacity': 0.9,
-      'medium-emphasis-opacity': 0.7,
-      'switch-opacity': 0.4,
-      'switch-disabled-track-opacity': 0.4,
-      'switch-disabled-thumb-opacity': 0.8,
-      'switch-checked-disabled-opacity': 0.3,
-      'track-bg': '#3A3F57',
-
-      // Shadows
-      'shadow-key-umbra-color': '#131120',
-      'shadow-xs-opacity': 0.16,
-      'shadow-sm-opacity': 0.18,
-      'shadow-md-opacity': 0.2,
-      'shadow-lg-opacity': 0.22,
-      'shadow-xl-opacity': 0.24,
-    },
-  },
-}
-
-export default themes
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/webfontloader.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/webfontloader.ts
deleted file mode 100644
index 08bdc22..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/plugins/webfontloader.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * plugins/webfontloader.js
- *
- * webfontloader documentation: https://github.com/typekit/webfontloader
- */
-
-export async function loadFonts() {
-  const webFontLoader = await import(/* webpackChunkName: "webfontloader" */'webfontloader')
-
-  webFontLoader.load({
-    google: {
-      families: ['Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'],
-    },
-  })
-}
-
-export default function () {
-  loadFonts()
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/utils/api.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/utils/api.ts
deleted file mode 100644
index 2d61c18..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/utils/api.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ofetch } from 'ofetch'
-
-export const $api = ofetch.create({
-  baseURL: import.meta.env.VITE_API_BASE_URL || '/api',
-  async onRequest({ options }) {
-    const accessToken = useCookie('accessToken').value
-    if (accessToken)
-      options.headers.append('Authorization', `Bearer ${accessToken}`)
-  },
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/utils/constants.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/utils/constants.ts
deleted file mode 100644
index 92ef006..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/utils/constants.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const COOKIE_MAX_AGE_1_YEAR = 365 * 24 * 60 * 60
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/utils/paginationMeta.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/utils/paginationMeta.ts
deleted file mode 100644
index d26c2ec..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/utils/paginationMeta.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export const paginationMeta = <T extends { page: number; itemsPerPage: number }>(options: T, total: number) => {
-  const start = (options.page - 1) * options.itemsPerPage + 1
-  const end = Math.min(options.page * options.itemsPerPage, total)
-
-  return `Showing ${total === 0 ? 0 : start} to ${end} of ${total} entries`
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyAssignmentProgress.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyAssignmentProgress.vue
deleted file mode 100644
index a571884..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyAssignmentProgress.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<script setup lang="ts">
-const assignmentData = [
-  { title: 'User Experience Design', tasks: 120, progress: 72, color: 'primary' },
-  { title: 'Basic fundamentals', tasks: 32, progress: 48, color: 'success' },
-  { title: 'React Native components', tasks: 182, progress: 15, color: 'error' },
-  { title: 'Basic of music theory', tasks: 56, progress: 24, color: 'info' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Assignment progress">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="assignment in assignmentData"
-          :key="assignment.title"
-        >
-          <template #prepend>
-            <VProgressCircular
-              v-model="assignment.progress"
-              :size="54"
-              class="me-4"
-              :color="assignment.color"
-            >
-              <span class="text-body-1 text-high-emphasis font-weight-medium">
-                {{ assignment.progress }}%
-              </span>
-            </VProgressCircular>
-          </template>
-          <VListItemTitle class="font-weight-medium mb-2 me-2">
-            {{ assignment.title }}
-          </VListItemTitle>
-
-          <VListItemSubtitle class="me-2">
-            {{ assignment.tasks }} Tasks
-          </VListItemSubtitle>
-          <template #append>
-            <VBtn
-              icon
-              variant="tonal"
-              color="secondary"
-              rounded
-              size="30"
-            >
-              <VIcon
-                icon="tabler-chevron-right"
-                size="20"
-                class="flip-in-rtl"
-              />
-            </VBtn>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 2rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyCardPopularInstructors.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyCardPopularInstructors.vue
deleted file mode 100644
index 9f82af3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyCardPopularInstructors.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Popular Instructors">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-    <VDivider />
-    <div class="d-flex justify-space-between py-4 px-6">
-      <div class="text-body-1 text-uppercase">
-        instructors
-      </div>
-      <div class="text-body-1 text-uppercase">
-        Courses
-      </div>
-    </div>
-    <VDivider />
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="instructor in [
-            { name: 'Jordan Stevenson', profession: 'Business Intelligence', totalCourses: 33, avatar: avatar1 },
-            { name: 'Bentlee Emblin', profession: 'Digital Marketing', totalCourses: 52, avatar: avatar2 },
-            { name: 'Benedetto Rossiter', profession: 'UI/UX Design', totalCourses: 12, avatar: avatar3 },
-            { name: 'Beverlie Krabbe', profession: 'Vue', totalCourses: 8, avatar: avatar4 },
-          ]"
-          :key="instructor.name"
-        >
-          <template #prepend>
-            <VAvatar
-              size="34"
-              :image="instructor.avatar"
-            />
-          </template>
-          <VListItemTitle class="font-weight-medium">
-            {{ instructor.name }}
-          </VListItemTitle>
-          <VListItemSubtitle>
-            {{ instructor.profession }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <h6 class="text-h6">
-              {{ instructor.totalCourses }}
-            </h6>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss">
-.card-list {
-  --v-card-list-gap: 1rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyCardTopCourses.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyCardTopCourses.vue
deleted file mode 100644
index b736ade..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyCardTopCourses.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<script setup lang="ts">
-const coursesData = [
-  { title: 'Videography Basic Design Course', views: '1.2k', icon: 'tabler-brand-zoom', color: 'primary' },
-  { title: 'Basic Front-end Development Course', views: '834', icon: 'tabler-code', color: 'info' },
-  { title: 'Basic Fundamentals of Photography', views: '3.7k', icon: 'tabler-camera', color: 'success' },
-  { title: 'Advance Dribble Base Visual Design', views: '2.5k', icon: 'tabler-brand-dribbble', color: 'warning' },
-  { title: 'Your First Singing Lesson', views: '948', icon: 'tabler-microphone-2', color: 'error' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Top Courses">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="(course, index) in coursesData"
-          :key="index"
-        >
-          <template #prepend>
-            <VAvatar
-              rounded
-              variant="tonal"
-              :color="course.color"
-            >
-              <VIcon
-                :icon="course.icon"
-                size="24"
-              />
-            </VAvatar>
-          </template>
-
-          <VListItemTitle class="me-4">
-            <div class="d-flex flex-column">
-              <h6 class="text-h6 text-truncate">
-                {{ course.title }}
-              </h6>
-              <div>
-                <VChip
-                  variant="tonal"
-                  color="secondary"
-                  label
-                  size="small"
-                >
-                  {{ course.views }} Views
-                </VChip>
-              </div>
-            </div>
-          </VListItemTitle>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyCourseTable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyCourseTable.vue
deleted file mode 100644
index 6ad50a6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyCourseTable.vue
+++ /dev/null
@@ -1,182 +0,0 @@
-<script setup lang="ts">
-import type { Course } from '@db/apps/academy/types'
-
-const searchQuery = ref('')
-
-// Data table options
-const itemsPerPage = ref(5)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-
-// Update data table options
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-const headers = [
-  { title: 'Course Name', key: 'courseName' },
-  { title: 'Time', key: 'time', sortable: false },
-  { title: 'Progress', key: 'progress' },
-  { title: 'Status', key: 'status', sortable: false },
-]
-
-// Fetch course Data
-const { data: courseData } = await useApi<any>(createUrl('/apps/academy/courses', {
-  query: {
-    q: searchQuery,
-    itemsPerPage,
-    page,
-    sortBy,
-    orderBy,
-  },
-}))
-
-const courses = computed((): Course[] => courseData.value.courses)
-const totalCourse = computed(() => courseData.value.total)
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <div class="d-flex flex-wrap justify-space-between align-center gap-4">
-        <h5 class="text-h5 font-weight-medium">
-          Courses you are taking
-        </h5>
-        <div>
-          <AppTextField
-            v-model="searchQuery"
-            placeholder="Search Course"
-            style="max-inline-size: 300px;min-inline-size: 300px;"
-          />
-        </div>
-      </div>
-    </VCardText>
-
-    <VDivider />
-    <VDataTableServer
-      v-model:items-per-page="itemsPerPage"
-      v-model:page="page"
-      :items-per-page-options="[
-        { value: 5, title: '5' },
-        { value: 10, title: '10' },
-        { value: 20, title: '20' },
-        { value: -1, title: '$vuetify.dataFooter.itemsPerPageAll' },
-      ]"
-      :headers="headers"
-      :items="courses"
-      :items-length="totalCourse"
-      show-select
-      class="text-no-wrap"
-      @update:options="updateOptions"
-    >
-      <!-- Course Name -->
-      <template #item.courseName="{ item }">
-        <div class="d-flex align-center gap-x-4 py-2">
-          <VAvatar
-            variant="tonal"
-            size="40"
-            rounded
-            :color="item.color"
-          >
-            <VIcon
-              :icon="item.logo"
-              size="28"
-            />
-          </VAvatar>
-
-          <div>
-            <div class="text-base font-weight-medium mb-1">
-              <RouterLink
-                :to="{ name: 'apps-academy-course-details' }"
-                class="text-link d-inline-block"
-              >
-                {{ item.courseTitle }}
-              </RouterLink>
-            </div>
-            <div class="d-flex align-center">
-              <VAvatar
-                size="22"
-                :image="item.image"
-              />
-              <div class="text-body-2 text-high-emphasis ms-2">
-                {{ item.user }}
-              </div>
-            </div>
-          </div>
-        </div>
-      </template>
-
-      <template #item.time="{ item }">
-        <h6 class="text-h6">
-          {{ item.time }}
-        </h6>
-      </template>
-
-      <!-- Progress -->
-      <template #item.progress="{ item }">
-        <div
-          class="d-flex align-center gap-x-4"
-          style="inline-size: 15.625rem;"
-        >
-          <div class="text-no-wrap font-weight-medium text-high-emphasis">
-            {{ Math.floor((item.completedTasks / item.totalTasks) * 100) }}%
-          </div>
-          <div class="w-100">
-            <VProgressLinear
-              color="primary"
-              height="8"
-              :model-value="Math.floor((item.completedTasks / item.totalTasks) * 100)"
-              rounded
-            />
-          </div>
-          <div class="text-body-2">
-            {{ item.completedTasks }}/{{ item.totalTasks }}
-          </div>
-        </div>
-      </template>
-
-      <!-- Status -->
-      <template #item.status="{ item }">
-        <div class="d-flex gap-x-5">
-          <div class="d-flex gap-x-2 align-center">
-            <VIcon
-              icon="tabler-users"
-              color="primary"
-              size="24"
-            />
-            <div class="text-body-1">
-              {{ item.userCount }}
-            </div>
-          </div>
-          <div class="d-flex gap-x-2 align-center">
-            <VIcon
-              icon="tabler-book"
-              color="info"
-              size="24"
-            />
-            <span class="text-body-1">{{ item.note }}</span>
-          </div>
-          <div class="d-flex gap-x-2 align-center">
-            <VIcon
-              icon="tabler-brand-zoom"
-              color="error"
-              size="24"
-            />
-            <span class="text-body-1">{{ item.view }}</span>
-          </div>
-        </div>
-      </template>
-
-      <!-- Pagination -->
-      <template #bottom>
-        <TablePagination
-          v-model:page="page"
-          :items-per-page="itemsPerPage"
-          :total-items="totalCourse"
-        />
-      </template>
-    </VDataTableServer>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyMyCourses.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyMyCourses.vue
deleted file mode 100644
index 0346a27..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyMyCourses.vue
+++ /dev/null
@@ -1,235 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  searchQuery: string
-}
-const props = defineProps<Props>()
-
-// Data table options
-const itemsPerPage = ref(6)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-
-const hideCompleted = ref(true)
-const label = ref('All Courses')
-
-const { data: coursesData } = await useApi<any>(createUrl('/apps/academy/courses', {
-  query: {
-    q: () => props.searchQuery,
-    hideCompleted,
-    label,
-    itemsPerPage,
-    page,
-    sortBy,
-    orderBy,
-  },
-}))
-
-const courses = computed(() => coursesData.value.courses)
-const totalCourse = computed(() => coursesData.value.total)
-
-watch([hideCompleted, label, () => props.searchQuery], () => {
-  page.value = 1
-})
-
-const resolveChipColor = (tags: string) => {
-  if (tags === 'Web')
-    return 'primary'
-  if (tags === 'Art')
-    return 'success'
-  if (tags === 'UI/UX')
-    return 'error'
-  if (tags === 'Psychology')
-    return 'warning'
-  if (tags === 'Design')
-    return 'info'
-}
-</script>
-
-<template>
-  <VCard class="mb-6">
-    <VCardText>
-      <!-- 👉 Header -->
-      <div class="d-flex justify-space-between align-center flex-wrap gap-4 mb-6">
-        <div>
-          <h5 class="text-h5">
-            My Courses
-          </h5>
-          <div class="text-body-1">
-            Total 6 course you have purchased
-          </div>
-        </div>
-
-        <div class="d-flex flex-wrap gap-x-6 gap-y-4 align-center">
-          <AppSelect
-            v-model="label"
-            :items="[
-              { title: 'Web', value: 'web' },
-              { title: 'Art', value: 'art' },
-              { title: 'UI/UX', value: 'ui/ux' },
-              { title: 'Psychology', value: 'psychology' },
-              { title: 'Design', value: 'design' },
-              { title: 'All Courses', value: 'All Courses' },
-            ]"
-            style="min-inline-size: 260px;"
-          />
-          <VSwitch
-            v-model="hideCompleted"
-            label="Hide Completed"
-          />
-        </div>
-      </div>
-
-      <!-- 👉 Course List -->
-      <div
-        v-if="courses.length"
-        class="mb-6"
-      >
-        <VRow>
-          <template
-            v-for="course in courses"
-            :key="course.id"
-          >
-            <VCol
-              cols="12"
-              md="4"
-              sm="6"
-            >
-              <VCard
-                flat
-                border
-              >
-                <div class="px-2 pt-2">
-                  <VImg
-                    :src="course.tutorImg"
-                    class="cursor-pointer"
-                    @click="() => $router.push({ name: 'apps-academy-course-details' })"
-                  />
-                </div>
-                <VCardText>
-                  <div class="d-flex justify-space-between align-center mb-4">
-                    <VChip
-                      variant="tonal"
-                      :color="resolveChipColor(course.tags)"
-                      size="small"
-                    >
-                      {{ course.tags }}
-                    </VChip>
-                    <div class="d-flex">
-                      <h6 class="text-h6 text-medium-emphasis align-center me-1">
-                        {{ course.rating }}
-                      </h6>
-                      <VIcon
-                        icon="tabler-star-filled"
-                        color="warning"
-                        size="24"
-                        class="me-2"
-                      />
-                      <div class="text-body-1">
-                        ({{ course.ratingCount }})
-                      </div>
-                    </div>
-                  </div>
-                  <h5 class="text-h5 mb-1">
-                    <RouterLink
-                      :to="{ name: 'apps-academy-course-details' }"
-                      class="course-title"
-                    >
-                      {{ course.courseTitle }}
-                    </RouterLink>
-                  </h5>
-                  <p>
-                    {{ course.desc }}
-                  </p>
-                  <div
-                    v-if="course.completedTasks !== course.totalTasks"
-                    class="d-flex align-center mb-1"
-                  >
-                    <VIcon
-                      icon="tabler-clock"
-                      size="20"
-                      class="me-1"
-                    />
-                    <span class="text-body-1 my-auto"> {{ course.time }}</span>
-                  </div>
-                  <div
-                    v-else
-                    class="mb-1"
-                  >
-                    <VIcon
-                      icon="tabler-check"
-                      size="20"
-                      color="success"
-                      class="me-1"
-                    />
-                    <span class="text-success text-body-1">Completed</span>
-                  </div>
-                  <VProgressLinear
-                    :model-value="(course.completedTasks / course.totalTasks) * 100"
-                    rounded
-                    color="primary"
-                    height="8"
-                    class="mb-4"
-                  />
-                  <div class="d-flex flex-wrap gap-4">
-                    <VBtn
-                      variant="tonal"
-                      color="secondary"
-                      class="flex-grow-1"
-                      :to="{ name: 'apps-academy-course-details' }"
-                    >
-                      <template #prepend>
-                        <VIcon
-                          icon="tabler-rotate-clockwise-2"
-                          class="flip-in-rtl"
-                        />
-                      </template>
-                      Start Over
-                    </VBtn>
-                    <VBtn
-                      v-if="course.completedTasks !== course.totalTasks"
-                      variant="tonal"
-                      class="flex-grow-1"
-                      :to="{ name: 'apps-academy-course-details' }"
-                    >
-                      <template #append>
-                        <VIcon
-                          icon="tabler-chevron-right"
-                          class="flip-in-rtl"
-                        />
-                      </template>
-                      Continue
-                    </VBtn>
-                  </div>
-                </VCardText>
-              </VCard>
-            </VCol>
-          </template>
-        </VRow>
-      </div>
-
-      <div v-else>
-        <h4 class="text-h4 text-center mb-6">
-          No Course Found
-        </h4>
-      </div>
-
-      <VPagination
-        v-model="page"
-        active-color="primary"
-        first-icon="tabler-chevrons-left"
-        last-icon="tabler-chevrons-right"
-        show-first-last-page
-        :length="Math.ceil(totalCourse / itemsPerPage)"
-      />
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.course-title {
-  &:not(:hover) {
-    color: rgba(var(--v-theme-on-surface), var(--v-text-high-emphasis));
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyTopicYouAreInterested.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyTopicYouAreInterested.vue
deleted file mode 100644
index cfce0ec..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyTopicYouAreInterested.vue
+++ /dev/null
@@ -1,186 +0,0 @@
-<script setup lang="ts">
-const borderColor = 'rgba(var(--v-border-color), var(--v-border-opacity))'
-
-// Topics Charts config
-const topicsChartConfig = {
-  chart: {
-    height: 270,
-    type: 'bar',
-    toolbar: {
-      show: false,
-    },
-  },
-
-  plotOptions: {
-    bar: {
-      horizontal: true,
-      barHeight: '70%',
-      distributed: true,
-      borderRadius: 7,
-      borderRadiusApplication: 'end',
-    },
-  },
-
-  colors: [
-    'rgba(var(--v-theme-primary),1)', 'rgba(var(--v-theme-info),1)', 'rgba(var(--v-theme-success),1)', 'rgba(var(--v-theme-secondary),1)', 'rgba(var(--v-theme-error),1)', 'rgba(var(--v-theme-warning),1)',
-  ],
-
-  grid: {
-    borderColor,
-    strokeDashArray: 10,
-    xaxis: {
-      lines: {
-        show: true,
-      },
-    },
-    yaxis: {
-      lines: {
-        show: false,
-      },
-    },
-    padding: {
-      top: -35,
-      bottom: -12,
-    },
-  },
-
-  dataLabels: {
-    enabled: true,
-    style: {
-      colors: ['#fff'],
-      fontWeight: 200,
-      fontSize: '13px',
-
-    },
-    offsetX: 0,
-    dropShadow: {
-      enabled: false,
-    },
-    formatter(val: string, opt: any) {
-      return topicsChartConfig.labels[opt.dataPointIndex]
-    },
-  },
-  labels: ['UI Design', 'UX Design', 'Music', 'Animation', 'Vue', 'SEO'],
-
-  xaxis: {
-    categories: ['6', '5', '4', '3', '2', '1'],
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-    labels: {
-      style: {
-        colors: 'rgba(var(--v-theme-on-background), var(--v-disabled-opacity))',
-        fontSize: '13px',
-      },
-      formatter(val: string) {
-        return `${val}%`
-      },
-    },
-  },
-
-  yaxis: {
-    max: 35,
-    labels: {
-      style: {
-        colors: 'rgba(var(--v-theme-on-background), var(--v-disabled-opacity))',
-        fontSize: '13px',
-      },
-    },
-  },
-
-  tooltip: {
-    enabled: true,
-    style: {
-      fontSize: '12px',
-    },
-    onDatasetHover: {
-      highlightDataSeries: false,
-    },
-  },
-  legend: {
-    show: false,
-  },
-
-}
-
-const topicsChartSeries = [
-  {
-    data: [35, 20, 14, 12, 10, 9],
-  },
-]
-
-const topicsData = [
-  { title: 'UI Design', value: 35, color: 'primary' },
-  { title: 'UX Design', value: 20, color: 'info' },
-  { title: 'Music', value: 14, color: 'success' },
-  { title: 'Animation', value: 12, color: 'secondary' },
-  { title: 'Vue', value: 10, color: 'error' },
-  { title: 'SEO', value: 9, color: 'warning' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Topic you are interested in">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          cols="12"
-          md="6"
-          xl="8"
-          lg="7"
-        >
-          <div>
-            <VueApexCharts
-              type="bar"
-              height="260"
-              :options="topicsChartConfig"
-              :series="topicsChartSeries"
-            />
-          </div>
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="6"
-          lg="5"
-          xl="4"
-        >
-          <div class="topic-progress d-flex flex-wrap gap-x-6 gap-y-10 ms-auto">
-            <div
-              v-for="topic in topicsData"
-              :key="topic.title"
-              class="d-flex gap-x-2"
-            >
-              <VBadge
-                dot
-                inline
-                class="mt-1 custom-badge"
-                :color="topic.color"
-              />
-              <div>
-                <div
-                  class="text-body-1"
-                  style="min-inline-size: 90px;"
-                >
-                  {{ topic.title }}
-                </div>
-                <h5 class="text-h5">
-                  {{ topic.value }}%
-                </h5>
-              </div>
-            </div>
-          </div>
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyUpcomingWebinar.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyUpcomingWebinar.vue
deleted file mode 100644
index ecc121a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/AcademyUpcomingWebinar.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script setup lang="ts">
-import girlWithLaptop from '@images/illustrations/laptop-girl.png'
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <div class="d-flex justify-center  align-start pb-0 px-3 pt-3 mb-4 bg-light-primary rounded">
-        <VImg
-          :src="girlWithLaptop"
-          width="145"
-          height="140"
-        />
-      </div>
-      <div>
-        <h5 class="text-h5 mb-2">
-          Upcoming Webinar
-        </h5>
-        <div class="text-body-2">
-          Next Generation Frontend Architecture Using Layout Engine And Vue.
-        </div>
-        <div class="d-flex justify-space-between my-4 flex-wrap gap-4">
-          <div
-            v-for="{ icon, title, value } in [{ icon: 'tabler-calendar', title: '17 Nov 23', value: 'Date' }, { icon: 'tabler-clock', title: '32 Minutes', value: 'Duration' }]"
-            :key="title"
-            class="d-flex gap-x-3 align-center"
-          >
-            <VAvatar
-              color="primary"
-              variant="tonal"
-              rounded
-            >
-              <VIcon
-                :icon="icon"
-                size="28"
-              />
-            </VAvatar>
-            <div>
-              <h6 class="text-h6">
-                {{ title }}
-              </h6>
-              <div class="text-sm">
-                {{ value }}
-              </div>
-            </div>
-          </div>
-        </div>
-        <VBtn block>
-          Join the event
-        </VBtn>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/types.d.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/types.d.ts
deleted file mode 100644
index bddf5d9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/academy/types.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface CourseParams {
-  q: string,
-  options: object,
-  hideCompleted: boolean,
-  status: string,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/calendar/CalendarEventHandler.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/calendar/CalendarEventHandler.vue
deleted file mode 100644
index 39799a7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/calendar/CalendarEventHandler.vue
+++ /dev/null
@@ -1,316 +0,0 @@
-<!-- eslint-disable -->
-<script setup lang="ts">
-// @ts-nocheck
-import type { Options } from 'flatpickr/dist/types/options'
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import { VForm } from 'vuetify/components/VForm'
-
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import type { Event, NewEvent } from './types'
-import { useCalendarStore } from './useCalendarStore'
-
-const props = defineProps<Props>()
-
-const emit = defineEmits<{
-  (e: 'update:isDrawerOpen', val: boolean): void
-  (e: 'addEvent', val: NewEvent): void
-  (e: 'updateEvent', val: Event): void
-  (e: 'removeEvent', eventId: string): void
-}>()
-
-interface Props {
-  isDrawerOpen: boolean
-  event: (Event | NewEvent)
-}
-
-// 👉 store
-const store = useCalendarStore()
-const refForm = ref<VForm>()
-
-// 👉 Event
-const event = ref<Event>(JSON.parse(JSON.stringify(props.event)))
-
-const resetEvent = () => {
-  event.value = JSON.parse(JSON.stringify(props.event))
-  nextTick(() => {
-    refForm.value?.resetValidation()
-  })
-}
-
-watch(() => props.isDrawerOpen, resetEvent)
-
-const removeEvent = () => {
-  emit('removeEvent', String((event.value as Event).id))
-
-  // Close drawer
-  emit('update:isDrawerOpen', false)
-}
-
-const handleSubmit = () => {
-  refForm.value?.validate()
-    .then(({ valid }) => {
-      if (valid) {
-        // If id exist on id => Update event
-        if ('id' in event.value)
-          emit('updateEvent', event.value)
-
-        // Else => add new event
-        else emit('addEvent', event.value)
-
-        // Close drawer
-        emit('update:isDrawerOpen', false)
-      }
-    })
-}
-
-const guestsOptions = [
-  { avatar: avatar1, name: 'Jane Foster' },
-  { avatar: avatar3, name: 'Donna Frank' },
-  { avatar: avatar5, name: 'Gabrielle Robertson' },
-  { avatar: avatar7, name: 'Lori Spears' },
-  { avatar: avatar6, name: 'Sandy Vega' },
-  { avatar: avatar2, name: 'Cheryl May' },
-]
-
-// 👉 Form
-
-const onCancel = () => {
-  emit('update:isDrawerOpen', false)
-
-  nextTick(() => {
-    refForm.value?.reset()
-    resetEvent()
-    refForm.value?.resetValidation()
-  })
-}
-
-const startDateTimePickerConfig = computed(() => {
-  const config: Options = { enableTime: !event.value.allDay, dateFormat: `Y-m-d${event.value.allDay ? '' : ' H:i'}` }
-
-  if (event.value.end)
-    config.maxDate = event.value.end
-
-  return config
-})
-
-const endDateTimePickerConfig = computed(() => {
-  const config: Options = { enableTime: !event.value.allDay, dateFormat: `Y-m-d${event.value.allDay ? '' : ' H:i'}` }
-
-  if (event.value.start)
-    config.minDate = event.value.start
-
-  return config
-})
-
-const dialogModelValueUpdate = (val: boolean) => {
-  emit('update:isDrawerOpen', val)
-}
-</script>
-
-<template>
-  <VNavigationDrawer
-    data-allow-mismatch
-    temporary
-    location="end"
-    :model-value="props.isDrawerOpen"
-    width="370"
-    :border="0"
-    class="scrollable-content"
-    @update:model-value="dialogModelValueUpdate"
-  >
-    <!-- 👉 Header -->
-    <AppDrawerHeaderSection
-      :title="event.id ? 'Update Event' : 'Add Event'"
-      @cancel="$emit('update:isDrawerOpen', false)"
-    >
-      <template #beforeClose>
-        <IconBtn
-          v-show="event.id"
-          @click="removeEvent"
-        >
-          <VIcon
-            size="18"
-            icon="tabler-trash"
-          />
-        </IconBtn>
-      </template>
-    </AppDrawerHeaderSection>
-
-    <VDivider />
-
-    <PerfectScrollbar :options="{ wheelPropagation: false }">
-      <VCard flat>
-        <VCardText>
-          <!-- SECTION Form -->
-          <VForm
-            ref="refForm"
-            @submit.prevent="handleSubmit"
-          >
-            <VRow>
-              <!-- 👉 Title -->
-              <VCol cols="12">
-                <AppTextField
-                  id="event-title"
-                  v-model="event.title"
-                  label="Title"
-                  placeholder="Meeting with Jane"
-                  :rules="[requiredValidator]"
-                />
-              </VCol>
-
-              <!-- 👉 Calendar -->
-              <VCol cols="12">
-                <AppSelect
-                  id="event-label"
-                  v-model="event.extendedProps.calendar"
-                  label="Label"
-                  placeholder="Select Event Label"
-                  :rules="[requiredValidator]"
-                  :items="store.availableCalendars"
-                  :item-title="item => item.label"
-                  :item-value="item => item.label"
-                >
-                  <template #selection="{ item }">
-                    <div
-                      v-show="event.extendedProps.calendar"
-                      class="align-center"
-                      :class="event.extendedProps.calendar ? 'd-flex' : ''"
-                    >
-                      <VIcon
-                        :color="item.raw.color"
-                        icon="tabler-circle-filled"
-                        size="8"
-                        class="me-2"
-                      />
-                      <span>{{ item.raw.label }}</span>
-                    </div>
-                  </template>
-
-                  <template #item="{ item, props: itemProps }">
-                    <VListItem v-bind="itemProps">
-                      <template #prepend>
-                        <VIcon
-                          size="8"
-                          icon="tabler-circle-filled"
-                          :color="item.raw.color"
-                        />
-                      </template>
-                    </VListItem>
-                  </template>
-                </AppSelect>
-              </VCol>
-
-              <!-- 👉 Start date -->
-              <VCol cols="12">
-                <AppDateTimePicker
-                  id="event-start-date"
-                  :key="JSON.stringify(startDateTimePickerConfig)"
-                  v-model="event.start"
-                  :rules="[requiredValidator]"
-                  label="Start date"
-                  placeholder="Select Date"
-                  :config="startDateTimePickerConfig"
-                />
-              </VCol>
-
-              <!-- 👉 End date -->
-              <VCol cols="12">
-                <AppDateTimePicker
-                  id="event-end-date"
-                  :key="JSON.stringify(endDateTimePickerConfig)"
-                  v-model="event.end"
-                  :rules="[requiredValidator]"
-                  label="End date"
-                  placeholder="Select End Date"
-                  :config="endDateTimePickerConfig"
-                />
-              </VCol>
-
-              <!-- 👉 All day -->
-              <VCol cols="12">
-                <VSwitch
-                  id="event-all-day"
-
-                  v-model="event.allDay"
-                  label="All day"
-                />
-              </VCol>
-
-              <!-- 👉 Event URL -->
-              <VCol cols="12">
-                <AppTextField
-                  id="event-url"
-
-                  v-model="event.url"
-                  label="Event URL"
-                  placeholder="https://event.com/meeting"
-                  :rules="[urlValidator]"
-                  type="url"
-                />
-              </VCol>
-
-              <!-- 👉 Guests -->
-              <VCol cols="12">
-                <AppSelect
-                  id="event-guests"
-                  v-model="event.extendedProps.guests"
-                  label="Guests"
-                  placeholder="Select guests"
-                  :items="guestsOptions"
-                  :item-title="item => item.name"
-                  :item-value="item => item.name"
-                  chips
-                  multiple
-                  eager
-                />
-              </VCol>
-
-              <!-- 👉 Location -->
-              <VCol cols="12">
-                <AppTextField
-                  id="event-location"
-                  v-model="event.extendedProps.location"
-                  label="Location"
-                  placeholder="Meeting room"
-                />
-              </VCol>
-
-              <!-- 👉 Description -->
-              <VCol cols="12">
-                <AppTextarea
-                  id="event-description"
-                  v-model="event.extendedProps.description"
-                  label="Description"
-                  placeholder="Meeting description"
-                />
-              </VCol>
-
-              <!-- 👉 Form buttons -->
-              <VCol cols="12">
-                <VBtn
-                  type="submit"
-                  class="me-3"
-                >
-                  Submit
-                </VBtn>
-                <VBtn
-                  variant="outlined"
-                  color="secondary"
-                  @click="onCancel"
-                >
-                  Cancel
-                </VBtn>
-              </VCol>
-            </VRow>
-          </VForm>
-        <!-- !SECTION -->
-        </VCardText>
-      </VCard>
-    </PerfectScrollbar>
-  </VNavigationDrawer>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/calendar/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/calendar/types.ts
deleted file mode 100644
index 0c34936..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/calendar/types.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { Except } from 'type-fest'
-import type { CalendarEvent } from '@db/apps/calendar/types'
-
-export interface Event extends CalendarEvent {
-  extendedProps: {
-    calendar?: string
-    location: string
-    description: string
-    guests: string[]
-  }
-}
-
-export type NewEvent = Except<Event, 'id'>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/calendar/useCalendar.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/calendar/useCalendar.ts
deleted file mode 100644
index e821964..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/calendar/useCalendar.ts
+++ /dev/null
@@ -1,314 +0,0 @@
-import type { CalendarApi, CalendarOptions, EventApi, EventSourceFunc } from '@fullcalendar/core'
-import dayGridPlugin from '@fullcalendar/daygrid'
-import interactionPlugin from '@fullcalendar/interaction'
-import listPlugin from '@fullcalendar/list'
-import timeGridPlugin from '@fullcalendar/timegrid'
-import type { Event, NewEvent } from './types'
-import { useConfigStore } from '@core/stores/config'
-import { useCalendarStore } from '@/views/apps/calendar/useCalendarStore'
-
-export const blankEvent: Event | NewEvent = {
-  title: '',
-  start: '',
-  end: '',
-  allDay: false,
-  url: '',
-  extendedProps: {
-    /*
-      ℹ️ We have to use undefined here because if we have blank string as value then select placeholder will be active (moved to top).
-      Hence, we need to set it to undefined or null
-    */
-    calendar: undefined,
-    guests: [],
-    location: '',
-    description: '',
-  },
-}
-
-export const useCalendar = (event: Ref<Event | NewEvent>, isEventHandlerSidebarActive: Ref<boolean>, isLeftSidebarOpen: Ref<boolean>) => {
-  const configStore = useConfigStore()
-
-  // 👉 Store
-  const store = useCalendarStore()
-
-  // 👉 Calendar template ref
-  const refCalendar = ref()
-
-  // 👉 Calendar colors
-  const calendarsColor = {
-    Business: 'primary',
-    Holiday: 'success',
-    Personal: 'error',
-    Family: 'warning',
-    ETC: 'info',
-  }
-
-  // ℹ️ Extract event data from event API
-  const extractEventDataFromEventApi = (eventApi: EventApi) => {
-    // @ts-expect-error EventApi has extendProps type Dictionary (Record<string, any>) and we have fully typed extended props => Type conflict
-    const {
-      id,
-      title,
-      start,
-      end,
-      url,
-      extendedProps: { calendar, guests, location, description },
-      allDay,
-    }: Event = eventApi
-
-    return {
-      id,
-      title,
-      start,
-      end,
-      url,
-      extendedProps: {
-        calendar,
-        guests,
-        location,
-        description,
-      },
-      allDay,
-    }
-  }
-
-  // @ts-expect-error for nuxt workaround
-  if (typeof process !== 'undefined' && process.server)
-    store.fetchEvents()
-
-  // 👉 Fetch events
-  const fetchEvents: EventSourceFunc = (info, successCallback) => {
-  // If there's no info => Don't make useless API call
-    if (!info)
-      return
-
-    store.fetchEvents()
-      .then(r => {
-        successCallback(r.map((e: Event) => ({
-          ...e,
-
-          // Convert string representation of date to Date object
-          start: new Date(e.start),
-          end: new Date(e.end),
-        })))
-      })
-      .catch(e => {
-        console.error('Error occurred while fetching calendar events', e)
-      })
-  }
-
-  // 👉 Calendar API
-  const calendarApi = ref<null | CalendarApi>(null)
-
-  // 👉 Update event in calendar [UI]
-  const updateEventInCalendar = (updatedEventData: Event, propsToUpdate: (keyof Event)[], extendedPropsToUpdate: (keyof Event['extendedProps'])[]) => {
-    calendarApi.value = refCalendar.value.getApi()
-
-    const existingEvent = calendarApi.value?.getEventById(String(updatedEventData.id))
-
-    if (!existingEvent) {
-      console.warn('Can\'t found event in calendar to update')
-
-      return
-    }
-
-    // ---Set event properties except date related
-    // Docs: https://fullcalendar.io/docs/Event-setProp
-    // dateRelatedProps => ['start', 'end', 'allDay']
-    for (let index = 0; index < propsToUpdate.length; index++) {
-      const propName = propsToUpdate[index]
-
-      existingEvent.setProp(propName, updatedEventData[propName])
-    }
-
-    // --- Set date related props
-    // ? Docs: https://fullcalendar.io/docs/Event-setDates
-    existingEvent.setDates(updatedEventData.start, updatedEventData.end, { allDay: updatedEventData.allDay })
-
-    // --- Set event's extendedProps
-    // ? Docs: https://fullcalendar.io/docs/Event-setExtendedProp
-    for (let index = 0; index < extendedPropsToUpdate.length; index++) {
-      const propName = extendedPropsToUpdate[index]
-
-      existingEvent.setExtendedProp(propName, updatedEventData.extendedProps[propName])
-    }
-  }
-
-  // 👉 Remove event in calendar [UI]
-  const removeEventInCalendar = (eventId: string) => {
-    const _event = calendarApi.value?.getEventById(eventId)
-
-    if (_event)
-      _event.remove()
-  }
-
-  // 👉 refetch events
-  const refetchEvents = () => {
-    calendarApi.value?.refetchEvents()
-  }
-
-  watch(() => store.selectedCalendars, refetchEvents)
-
-  // 👉 Add event
-  const addEvent = (_event: NewEvent) => {
-    store.addEvent(_event)
-      .then(() => {
-        refetchEvents()
-      })
-  }
-
-  // 👉 Update event
-  const updateEvent = (_event: Event) => {
-    // ℹ️ Making API call using $api('', { method: ... })
-    store.updateEvent(_event)
-      .then(r => {
-        const propsToUpdate = ['id', 'title', 'url'] as (keyof Event)[]
-        const extendedPropsToUpdate = ['calendar', 'guests', 'location', 'description'] as (keyof Event['extendedProps'])[]
-
-        updateEventInCalendar(r, propsToUpdate, extendedPropsToUpdate)
-      })
-    refetchEvents()
-  }
-
-  // 👉 Remove event
-  const removeEvent = (eventId: string) => {
-    store.removeEvent(eventId).then(() => {
-      removeEventInCalendar(eventId)
-    })
-  }
-
-  // 👉 Calendar options
-  const calendarOptions = {
-    plugins: [dayGridPlugin, interactionPlugin, timeGridPlugin, listPlugin],
-    initialView: 'dayGridMonth',
-    headerToolbar: {
-      start: 'drawerToggler,prev,next title',
-      end: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth',
-    },
-    events: fetchEvents,
-
-    // ❗ We need this to be true because when its false and event is allDay event and end date is same as start data then Full calendar will set end to null
-    forceEventDuration: true,
-
-    /*
-    Enable dragging and resizing event
-    Docs: https://fullcalendar.io/docs/editable
-  */
-    editable: true,
-
-    /*
-    Enable resizing event from start
-    Docs: https://fullcalendar.io/docs/eventResizableFromStart
-  */
-    eventResizableFromStart: true,
-
-    /*
-    Automatically scroll the scroll-containers during event drag-and-drop and date selecting
-    Docs: https://fullcalendar.io/docs/dragScroll
-  */
-    dragScroll: true,
-
-    /*
-    Max number of events within a given day
-    Docs: https://fullcalendar.io/docs/dayMaxEvents
-  */
-    dayMaxEvents: 2,
-
-    /*
-    Determines if day names and week names are clickable
-    Docs: https://fullcalendar.io/docs/navLinks
-  */
-    navLinks: true,
-
-    eventClassNames({ event: calendarEvent }) {
-      const colorName = calendarsColor[calendarEvent._def.extendedProps.calendar as keyof typeof calendarsColor]
-
-      return [
-        // Background Color
-        `bg-light-${colorName} text-${colorName}`,
-      ]
-    },
-
-    eventClick({ event: clickedEvent, jsEvent }) {
-      // Prevent the default action
-      jsEvent.preventDefault()
-
-      if (clickedEvent.url) {
-        // Open the URL in a new tab
-        window.open(clickedEvent.url, '_blank')
-      }
-
-      // * Only grab required field otherwise it goes in infinity loop
-      // ! Always grab all fields rendered by form (even if it get `undefined`) otherwise due to Vue3/Composition API you might get: "object is not extensible"
-      event.value = extractEventDataFromEventApi(clickedEvent)
-
-      isEventHandlerSidebarActive.value = true
-    },
-
-    // customButtons
-    dateClick(info) {
-      event.value = { ...event.value, start: info.date }
-
-      isEventHandlerSidebarActive.value = true
-    },
-
-    /*
-      Handle event drop (Also include dragged event)
-      Docs: https://fullcalendar.io/docs/eventDrop
-      We can use `eventDragStop` but it doesn't return updated event so we have to use `eventDrop` which returns updated event
-    */
-    eventDrop({ event: droppedEvent }) {
-      updateEvent(extractEventDataFromEventApi(droppedEvent))
-    },
-
-    /*
-      Handle event resize
-      Docs: https://fullcalendar.io/docs/eventResize
-    */
-    eventResize({ event: resizedEvent }) {
-      if (resizedEvent.start && resizedEvent.end)
-        updateEvent(extractEventDataFromEventApi(resizedEvent))
-    },
-
-    customButtons: {
-      drawerToggler: {
-        text: 'calendarDrawerToggler',
-        click() {
-          isLeftSidebarOpen.value = true
-        },
-      },
-    },
-  } as CalendarOptions
-
-  // 👉 onMounted
-  onMounted(() => {
-    nextTick(() => {
-      if (refCalendar.value)
-        calendarApi.value = refCalendar.value.getApi()
-    })
-  })
-
-  // 👉 Jump to date on sidebar(inline) calendar change
-  const jumpToDate = (currentDate: string) => {
-    calendarApi.value?.gotoDate(new Date(currentDate))
-  }
-
-  watch(
-    () => configStore.isAppRTL,
-    val => {
-      calendarApi.value?.setOption('direction', val ? 'rtl' : 'ltr')
-    },
-    { immediate: true },
-  )
-
-  return {
-    refCalendar,
-    calendarOptions,
-    refetchEvents,
-    fetchEvents,
-    addEvent,
-    updateEvent,
-    removeEvent,
-    jumpToDate,
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/calendar/useCalendarStore.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/calendar/useCalendarStore.ts
deleted file mode 100644
index 85cad57..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/calendar/useCalendarStore.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import type { Event, NewEvent } from './types'
-
-export const useCalendarStore = defineStore('calendar', {
-  // arrow function recommended for full type inference
-  state: () => ({
-    availableCalendars: [
-      {
-        color: 'error',
-        label: 'Personal',
-      },
-      {
-        color: 'primary',
-        label: 'Business',
-      },
-      {
-        color: 'warning',
-        label: 'Family',
-      },
-      {
-        color: 'success',
-        label: 'Holiday',
-      },
-      {
-        color: 'info',
-        label: 'ETC',
-      },
-    ],
-    selectedCalendars: ['Personal', 'Business', 'Family', 'Holiday', 'ETC'],
-  }),
-  actions: {
-    async fetchEvents() {
-      const { data, error } = await useApi<any>(createUrl('/apps/calendar', {
-        query: {
-          calendars: this.selectedCalendars,
-        },
-      }))
-
-      if (error.value)
-        return error.value
-
-      return data.value
-    },
-    async addEvent(event: NewEvent) {
-      await $api('/apps/calendar', {
-        method: 'POST',
-        body: event,
-      })
-    },
-    async updateEvent(event: Event) {
-      return await $api(`/apps/calendar/${event.id}`, {
-        method: 'PUT',
-        body: event,
-      })
-    },
-    async removeEvent(eventId: string) {
-      return await $api(`/apps/calendar/${eventId}`, {
-        method: 'DELETE',
-      })
-    },
-
-  },
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatActiveChatUserProfileSidebarContent.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatActiveChatUserProfileSidebarContent.vue
deleted file mode 100644
index 30b11d9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatActiveChatUserProfileSidebarContent.vue
+++ /dev/null
@@ -1,182 +0,0 @@
-<script lang="ts" setup>
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import { useChat } from './useChat'
-import { useChatStore } from '@/views/apps/chat/useChatStore'
-
-defineEmits<{
-  (e: 'close'): void
-}>()
-
-const store = useChatStore()
-
-const { resolveAvatarBadgeVariant } = useChat()
-</script>
-
-<template>
-  <template v-if="store.activeChat">
-    <!-- Close Button -->
-    <div
-      class="pt-6 px-6"
-      :class="$vuetify.locale.isRtl ? 'text-left' : 'text-right'"
-    >
-      <IconBtn @click="$emit('close')">
-        <VIcon
-          icon="tabler-x"
-          class="text-medium-emphasis"
-        />
-      </IconBtn>
-    </div>
-
-    <!-- User Avatar + Name + Role -->
-    <div class="text-center px-6">
-      <VBadge
-        location="bottom right"
-        offset-x="7"
-        offset-y="4"
-        bordered
-        :color="resolveAvatarBadgeVariant(store.activeChat.contact.status)"
-        class="chat-user-profile-badge mb-5"
-      >
-        <VAvatar
-          size="84"
-          :variant="!store.activeChat.contact.avatar ? 'tonal' : undefined"
-          :color="!store.activeChat.contact.avatar ? resolveAvatarBadgeVariant(store.activeChat.contact.status) : undefined"
-        >
-          <VImg
-            v-if="store.activeChat.contact.avatar"
-            :src="store.activeChat.contact.avatar"
-          />
-          <span
-            v-else
-            class="text-3xl"
-          >{{ avatarText(store.activeChat.contact.fullName) }}</span>
-        </VAvatar>
-      </VBadge>
-      <h5 class="text-h5">
-        {{ store.activeChat.contact.fullName }}
-      </h5>
-      <p class="text-capitalize text-body-1 mb-0">
-        {{ store.activeChat.contact.role }}
-      </p>
-    </div>
-
-    <!-- User Data -->
-    <PerfectScrollbar
-      class="ps-chat-user-profile-sidebar-content text-medium-emphasis pb-6 px-6"
-      :options="{ wheelPropagation: false }"
-    >
-      <!-- About -->
-      <div class="my-6">
-        <div class="text-sm text-disabled">
-          ABOUT
-        </div>
-        <p class="mt-1 mb-6">
-          {{ store.activeChat.contact.about }}
-        </p>
-      </div>
-
-      <!-- Personal Information -->
-      <div class="mb-6">
-        <div class="text-sm text-disabled mb-1">
-          PERSONAL INFORMATION
-        </div>
-        <div class="d-flex align-center text-high-emphasis pa-2">
-          <VIcon
-            class="me-2"
-            icon="tabler-mail"
-            size="22"
-          />
-          <div class="text-base">
-            lucifer@email.com
-          </div>
-        </div>
-        <div class="d-flex align-center text-high-emphasis pa-2">
-          <VIcon
-            class="me-2"
-            icon="tabler-phone"
-            size="22"
-          />
-          <div class="text-base">
-            +1(123) 456 - 7890
-          </div>
-        </div>
-        <div class="d-flex align-center text-high-emphasis pa-2">
-          <VIcon
-            class="me-2"
-            icon="tabler-clock"
-            size="22"
-          />
-          <div class="text-base">
-            Mon - Fri 10AM - 8PM
-          </div>
-        </div>
-      </div>
-
-      <!-- Options -->
-      <div>
-        <div class="text-sm text-disabled mb-1">
-          OPTIONS
-        </div>
-        <div class="d-flex align-center text-high-emphasis pa-2">
-          <VIcon
-            class="me-2"
-            icon="tabler-badge"
-            size="22"
-          />
-          <div class="text-base">
-            Add Tag
-          </div>
-        </div>
-        <div class="d-flex align-center text-high-emphasis pa-2">
-          <VIcon
-            class="me-2"
-            icon="tabler-star"
-            size="22"
-          />
-          <div class="text-base">
-            Important Contact
-          </div>
-        </div>
-        <div class="d-flex align-center text-high-emphasis pa-2">
-          <VIcon
-            class="me-2"
-            icon="tabler-photo"
-            size="22"
-          />
-          <div class="text-base">
-            Shared Media
-          </div>
-        </div>
-        <div class="d-flex align-center text-high-emphasis pa-2">
-          <VIcon
-            class="me-2"
-            icon="tabler-trash"
-            size="22"
-          />
-          <div class="text-base">
-            Delete Contact
-          </div>
-        </div>
-        <div class="d-flex align-center text-high-emphasis pa-2">
-          <VIcon
-            icon="tabler-ban"
-            class="me-2"
-            size="22"
-          />
-          <div class="text-base">
-            Block Contact
-          </div>
-        </div>
-
-        <VBtn
-          block
-          color="error"
-          append-icon="tabler-trash"
-          class="mt-6"
-        >
-          Delete Contact
-        </VBtn>
-      </div>
-    </PerfectScrollbar>
-  </template>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatContact.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatContact.vue
deleted file mode 100644
index 11b1a64..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatContact.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<script lang="ts" setup>
-import { useChat } from '@/views/apps/chat/useChat'
-import { useChatStore } from '@/views/apps/chat/useChatStore'
-import type { ChatContact, ChatContactWithChat } from '@db/apps/chat/types'
-
-interface Props {
-  isChatContact?: boolean
-  user: ChatContact | ChatContactWithChat
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  isChatContact: false,
-})
-
-const store = useChatStore()
-const { resolveAvatarBadgeVariant } = useChat()
-
-const isChatContactActive = computed(() => {
-  const isActive = store.activeChat?.contact.id === props.user.id
-  if (!props.isChatContact)
-    return !store.activeChat?.chat && isActive
-
-  return isActive
-})
-</script>
-
-<template>
-  <li
-    :key="store.chatsContacts.length"
-    class="chat-contact cursor-pointer d-flex align-center"
-    :class="{ 'chat-contact-active': isChatContactActive }"
-  >
-    <VBadge
-      dot
-      location="bottom right"
-      offset-x="3"
-      offset-y="0"
-      :color="resolveAvatarBadgeVariant(props.user.status)"
-      bordered
-      :model-value="props.isChatContact"
-    >
-      <VAvatar
-        size="40"
-        :variant="!props.user.avatar ? 'tonal' : undefined"
-        :color="!props.user.avatar ? resolveAvatarBadgeVariant(props.user.status) : undefined"
-      >
-        <VImg
-          v-if="props.user.avatar"
-          :src="props.user.avatar"
-          alt="John Doe"
-        />
-        <span v-else>{{ avatarText(user.fullName) }}</span>
-      </VAvatar>
-    </VBadge>
-    <div class="flex-grow-1 ms-4 overflow-hidden">
-      <p class="text-base text-high-emphasis mb-0">
-        {{ props.user.fullName }}
-      </p>
-      <p class="mb-0 text-truncate text-body-2">
-        {{ props.isChatContact && 'chat' in props.user ? props.user.chat.lastMessage.message : props.user.about }}
-      </p>
-    </div>
-    <div
-      v-if="props.isChatContact && 'chat' in props.user"
-      class="d-flex flex-column align-self-start"
-    >
-      <div class="text-body-2 text-disabled whitespace-no-wrap">
-        {{ formatDateToMonthShort(props.user.chat.lastMessage.time) }}
-      </div>
-      <VBadge
-        v-if="props.user.chat.unseenMsgs"
-        color="error"
-        inline
-        :content="props.user.chat.unseenMsgs"
-        class="ms-auto"
-      />
-    </div>
-  </li>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/mixins" as templateMixins;
-@use "@styles/variables/vuetify.scss";
-@use "@core-scss/base/mixins";
-@use "vuetify/lib/styles/tools/states" as vuetifyStates;
-
-.chat-contact {
-  border-radius: vuetify.$border-radius-root;
-  padding-block: 8px;
-  padding-inline: 12px;
-
-  @include mixins.before-pseudo;
-  @include vuetifyStates.states($active: false);
-
-  &.chat-contact-active {
-    @include templateMixins.custom-elevation(var(--v-theme-primary), "sm");
-
-    background: rgb(var(--v-theme-primary));
-    color: #fff;
-
-    --v-theme-on-background: #fff;
-  }
-
-  .v-badge--bordered .v-badge__badge::after {
-    color: #fff;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatLeftSidebarContent.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatLeftSidebarContent.vue
deleted file mode 100644
index 4db51b6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatLeftSidebarContent.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-<script lang="ts" setup>
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import { useChat } from './useChat'
-import ChatContact from '@/views/apps/chat/ChatContact.vue'
-import { useChatStore } from '@/views/apps/chat/useChatStore'
-import type { ChatContact as TypeChatContact } from '@db/apps/chat/types'
-
-const props = defineProps<{
-  search: string
-  isDrawerOpen: boolean
-}>()
-
-const emit = defineEmits<{
-  (e: 'openChatOfContact', id: TypeChatContact['id']): void
-  (e: 'showUserProfile'): void
-  (e: 'close'): void
-  (e: 'update:search', value: string): void
-}>()
-
-const { resolveAvatarBadgeVariant } = useChat()
-const search = useVModel(props, 'search', emit)
-
-const store = useChatStore()
-</script>
-
-<template>
-  <!-- 👉 Chat list header -->
-  <div
-    v-if="store.profileUser"
-    class="chat-list-header"
-  >
-    <VBadge
-      dot
-      location="bottom right"
-      offset-x="3"
-      offset-y="3"
-      :color="resolveAvatarBadgeVariant(store.profileUser.status)"
-      bordered
-    >
-      <VAvatar
-        size="40"
-        class="cursor-pointer"
-        @click="$emit('showUserProfile')"
-      >
-        <VImg
-          :src="store.profileUser.avatar"
-          alt="John Doe"
-        />
-      </VAvatar>
-    </VBadge>
-
-    <AppTextField
-      id="search"
-      v-model="search"
-      placeholder="Search..."
-      prepend-inner-icon="tabler-search"
-      class="ms-4 me-1 chat-list-search"
-    />
-
-    <IconBtn
-      v-if="$vuetify.display.smAndDown"
-      @click="$emit('close')"
-    >
-      <VIcon
-        icon="tabler-x"
-        class="text-medium-emphasis"
-      />
-    </IconBtn>
-  </div>
-  <VDivider />
-
-  <PerfectScrollbar
-    tag="ul"
-    class="d-flex flex-column gap-y-1 chat-contacts-list px-3 py-2 list-none"
-    :options="{ wheelPropagation: false }"
-  >
-    <li class="list-none">
-      <h5 class="chat-contact-header text-primary text-h5">
-        Chats
-      </h5>
-    </li>
-
-    <ChatContact
-      v-for="contact in store.chatsContacts"
-      :key="`chat-${contact.id}`"
-      :user="contact"
-      is-chat-contact
-      @click="$emit('openChatOfContact', contact.id)"
-    />
-
-    <span
-      v-show="!store.chatsContacts.length"
-      class="no-chat-items-text text-disabled"
-    >No chats found</span>
-    <li class="list-none pt-2">
-      <h5 class="chat-contact-header text-primary text-h5">
-        Contacts
-      </h5>
-    </li>
-
-    <ChatContact
-      v-for="contact in store.contacts"
-      :key="`chat-${contact.id}`"
-      :user="contact"
-      @click="$emit('openChatOfContact', contact.id)"
-    />
-
-    <span
-      v-show="!store.contacts.length"
-      class="no-chat-items-text text-disabled"
-    >No contacts found</span>
-  </PerfectScrollbar>
-</template>
-
-<style lang="scss">
-.chat-contacts-list {
-  --chat-content-spacing-x: 16px;
-
-  padding-block-end: 0.75rem;
-
-  .chat-contact-header {
-    margin-block: 0.5rem 0.25rem;
-  }
-
-  .chat-contact-header,
-  .no-chat-items-text {
-    margin-inline: var(--chat-content-spacing-x);
-  }
-}
-
-.chat-list-search {
-  .v-field--focused {
-    box-shadow: none !important;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatLog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatLog.vue
deleted file mode 100644
index d1fc5ee..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatLog.vue
+++ /dev/null
@@ -1,149 +0,0 @@
-<script lang="ts" setup>
-import { useChatStore } from '@/views/apps/chat/useChatStore'
-import type { ChatOut } from '@db/apps/chat/types'
-
-const store = useChatStore()
-
-interface MessageGroup {
-  senderId: ChatOut['messages'][number]['senderId']
-  messages: Omit<ChatOut['messages'][number], 'senderId'>[]
-}
-
-const contact = computed(() => ({
-  id: store.activeChat?.contact.id,
-  avatar: store.activeChat?.contact.avatar,
-}))
-
-// Feedback icon
-const resolveFeedbackIcon = (feedback: ChatOut['messages'][number]['feedback']) => {
-  if (feedback.isSeen)
-    return { icon: 'tabler-checks', color: 'success' }
-  else if (feedback.isDelivered)
-    return { icon: 'tabler-checks', color: undefined }
-  else
-    return { icon: 'tabler-check', color: undefined }
-}
-
-const msgGroups = computed(() => {
-  let messages: ChatOut['messages'] = []
-
-  const _msgGroups: MessageGroup[] = []
-
-  if (store.activeChat!.chat) {
-    messages = store.activeChat!.chat.messages
-
-    let msgSenderId = messages[0].senderId
-
-    let msgGroup: MessageGroup = {
-      senderId: msgSenderId,
-      messages: [],
-    }
-
-    messages.forEach((msg, index) => {
-      if (msgSenderId === msg.senderId) {
-        msgGroup.messages.push({
-          message: msg.message,
-          time: msg.time,
-          feedback: msg.feedback,
-        })
-      }
-      else {
-        msgSenderId = msg.senderId
-        _msgGroups.push(msgGroup)
-        msgGroup = {
-          senderId: msg.senderId,
-          messages: [
-            {
-              message: msg.message,
-              time: msg.time,
-              feedback: msg.feedback,
-            },
-          ],
-        }
-      }
-
-      if (index === messages.length - 1)
-        _msgGroups.push(msgGroup)
-    })
-  }
-
-  return _msgGroups
-})
-</script>
-
-<template>
-  <div class="chat-log pa-6">
-    <div
-      v-for="(msgGrp, index) in msgGroups"
-      :key="msgGrp.senderId + String(index)"
-      class="chat-group d-flex align-start"
-      :class="[{
-        'flex-row-reverse': msgGrp.senderId !== contact.id,
-        'mb-6': msgGroups.length - 1 !== index,
-      }]"
-    >
-      <div
-        class="chat-avatar"
-        :class="msgGrp.senderId !== contact.id ? 'ms-4' : 'me-4'"
-      >
-        <VAvatar size="32">
-          <VImg :src="msgGrp.senderId === contact.id ? contact.avatar : store.profileUser?.avatar" />
-        </VAvatar>
-      </div>
-      <div
-        class="chat-body d-inline-flex flex-column"
-        :class="msgGrp.senderId !== contact.id ? 'align-end' : 'align-start'"
-      >
-        <div
-          v-for="(msgData, msgIndex) in msgGrp.messages"
-          :key="msgData.time"
-          class="chat-content py-2 px-4 elevation-2"
-          style="background-color: rgb(var(--v-theme-surface));"
-          :class="[
-            msgGrp.senderId === contact.id ? 'chat-left' : 'bg-primary text-white chat-right',
-            msgGrp.messages.length - 1 !== msgIndex ? 'mb-2' : 'mb-1',
-          ]"
-        >
-          <p class="mb-0 text-base">
-            {{ msgData.message }}
-          </p>
-        </div>
-        <div :class="{ 'text-right': msgGrp.senderId !== contact.id }">
-          <VIcon
-            v-if="msgGrp.senderId !== contact.id"
-            size="16"
-            :color="resolveFeedbackIcon(msgGrp.messages[msgGrp.messages.length - 1].feedback).color"
-          >
-            {{ resolveFeedbackIcon(msgGrp.messages[msgGrp.messages.length - 1].feedback).icon }}
-          </VIcon>
-          <span class="text-sm ms-2 text-disabled">{{ formatDate(msgGrp.messages[msgGrp.messages.length - 1].time, { hour: 'numeric', minute: 'numeric' }) }}</span>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang=scss>
-.chat-log {
-  .chat-body {
-    max-inline-size: calc(100% - 6.75rem);
-
-    .chat-content {
-      border-end-end-radius: 6px;
-      border-end-start-radius: 6px;
-
-      p {
-        overflow-wrap: anywhere;
-      }
-
-      &.chat-left {
-        border-start-end-radius: 6px;
-      }
-
-      &.chat-right {
-        border-start-start-radius: 6px;
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatUserProfileSidebarContent.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatUserProfileSidebarContent.vue
deleted file mode 100644
index 05abbcd..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/ChatUserProfileSidebarContent.vue
+++ /dev/null
@@ -1,199 +0,0 @@
-<script lang="ts" setup>
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import { useChat } from './useChat'
-import { useChatStore } from '@/views/apps/chat/useChatStore'
-
-defineEmits<{
-  (e: 'close'): void
-}>()
-
-// composables
-const store = useChatStore()
-const { resolveAvatarBadgeVariant } = useChat()
-
-const userStatusRadioOptions = [
-  { title: 'Online', value: 'online', color: 'success' },
-  { title: 'Away', value: 'away', color: 'warning' },
-  { title: 'Do not disturb', value: 'busy', color: 'error' },
-  { title: 'Offline', value: 'offline', color: 'secondary' },
-]
-
-const isAuthenticationEnabled = ref(true)
-const isNotificationEnabled = ref(false)
-</script>
-
-<template>
-  <template v-if="store.profileUser">
-    <!-- Close Button -->
-    <div class="pt-2 me-2 text-end">
-      <IconBtn @click="$emit('close')">
-        <VIcon
-          class="text-medium-emphasis"
-          color="disabled"
-          icon="tabler-x"
-        />
-      </IconBtn>
-    </div>
-
-    <!-- User Avatar + Name + Role -->
-    <div class="text-center px-6">
-      <VBadge
-        location="bottom right"
-        offset-x="7"
-        offset-y="4"
-        bordered
-        :color="resolveAvatarBadgeVariant(store.profileUser.status)"
-        class="chat-user-profile-badge mb-3"
-      >
-        <VAvatar
-          size="84"
-          :variant="!store.profileUser.avatar ? 'tonal' : undefined"
-          :color="!store.profileUser.avatar ? resolveAvatarBadgeVariant(store.profileUser.status) : undefined"
-        >
-          <VImg
-            v-if="store.profileUser.avatar"
-            :src="store.profileUser.avatar"
-          />
-          <span
-            v-else
-            class="text-3xl"
-          >{{ avatarText(store.profileUser.fullName) }}</span>
-        </VAvatar>
-      </VBadge>
-      <h5 class="text-h5">
-        {{ store.profileUser.fullName }}
-      </h5>
-      <p class="text-capitalize text-medium-emphasis mb-0">
-        {{ store.profileUser.role }}
-      </p>
-    </div>
-
-    <!-- User Data -->
-    <PerfectScrollbar
-      class="ps-chat-user-profile-sidebar-content pb-5 px-6"
-      :options="{ wheelPropagation: false }"
-    >
-      <!-- About -->
-      <div class="my-6 text-medium-emphasis">
-        <div
-          for="textarea-user-about"
-          class="text-base text-disabled"
-        >
-          ABOUT
-        </div>
-        <AppTextarea
-          id="textarea-user-about"
-          v-model="store.profileUser.about"
-          auto-grow
-          class="mt-1"
-          rows="3"
-        />
-      </div>
-
-      <!-- Status -->
-      <div class="mb-6">
-        <div class="text-base text-disabled">
-          STATUS
-        </div>
-        <VRadioGroup
-          v-model="store.profileUser.status"
-          class="mt-1"
-        >
-          <VRadio
-            v-for="(radioOption, index) in userStatusRadioOptions"
-            :id="`${index}`"
-            :key="radioOption.title"
-            :name="radioOption.title"
-            :label="radioOption.title"
-            :value="radioOption.value"
-            :color="radioOption.color"
-          />
-        </VRadioGroup>
-      </div>
-
-      <!-- Settings -->
-      <div class="text-medium-emphasis chat-settings-section">
-        <div class="text-base text-disabled">
-          SETTINGS
-        </div>
-
-        <div class="d-flex align-center pa-2">
-          <VIcon
-            class="me-2 text-high-emphasis"
-            icon="tabler-lock"
-            size="22"
-          />
-          <div class="text-high-emphasis d-flex align-center justify-space-between flex-grow-1">
-            <div class="text-body-1 text-high-emphasis">
-              Two-step Verification
-            </div>
-            <VSwitch
-              id="two-step-verification"
-              v-model="isAuthenticationEnabled"
-              density="compact"
-            />
-          </div>
-        </div>
-        <div class="d-flex align-center pa-2">
-          <VIcon
-            class="me-2 text-high-emphasis"
-            icon="tabler-bell"
-            size="22"
-          />
-          <div class="text-high-emphasis d-flex align-center justify-space-between flex-grow-1">
-            <div class="text-body-1 text-high-emphasis">
-              Notification
-            </div>
-            <VSwitch
-              id="chat-notification"
-              v-model="isNotificationEnabled"
-              density="compact"
-            />
-          </div>
-        </div>
-        <div class="d-flex align-center pa-2">
-          <VIcon
-            class="me-2 text-high-emphasis"
-            icon="tabler-user-plus"
-            size="22"
-          />
-          <div class="text-body-1 text-high-emphasis">
-            Invite Friends
-          </div>
-        </div>
-        <div class="d-flex align-center pa-2">
-          <VIcon
-            class="me-2 text-high-emphasis"
-            icon="tabler-trash"
-            size="22"
-          />
-          <div class="text-body-1 text-high-emphasis">
-            Delete Account
-          </div>
-        </div>
-      </div>
-
-      <!-- Logout Button -->
-      <VBtn
-        color="primary"
-        class="mt-12"
-        block
-        append-icon="tabler-logout"
-      >
-        Logout
-      </VBtn>
-    </PerfectScrollbar>
-  </template>
-</template>
-
-<style lang="scss">
-.chat-settings-section {
-  .v-switch {
-    .v-input__control {
-      .v-selection-control__wrapper {
-        block-size: 18px;
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/useChat.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/useChat.ts
deleted file mode 100644
index b5fbded..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/useChat.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { Chat, ChatContact, ChatStatus } from '@db/apps/chat/types'
-
-export type ActiveChat = {
-  chat?: Chat
-  contact: ChatContact
-} | null
-
-export const useChat = () => {
-  const resolveAvatarBadgeVariant = (status: ChatStatus) => {
-    if (status === 'online')
-      return 'success'
-    if (status === 'busy')
-      return 'error'
-    if (status === 'away')
-      return 'warning'
-
-    return 'secondary'
-  }
-
-  return {
-    resolveAvatarBadgeVariant,
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/useChatStore.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/useChatStore.ts
deleted file mode 100644
index 7bc754c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/chat/useChatStore.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import type { ActiveChat } from './useChat'
-import type { ChatContact, ChatContactWithChat, ChatMessage, ChatOut } from '@db/apps/chat/types'
-
-interface State {
-  chatsContacts: ChatContactWithChat[]
-  contacts: ChatContact[]
-  profileUser: ChatContact | undefined
-  activeChat: ActiveChat
-}
-
-export const useChatStore = defineStore('chat', {
-  // ℹ️ arrow function recommended for full type inference
-  state: (): State => ({
-    contacts: [],
-    chatsContacts: [],
-    profileUser: undefined,
-    activeChat: null,
-  }),
-  actions: {
-    async fetchChatsAndContacts(q: string) {
-      const { data, error } = await useApi<any>(createUrl('/apps/chat/chats-and-contacts', {
-        query: {
-          q,
-        },
-      }))
-
-      if (error.value) {
-        console.log(error.value)
-      }
-      else {
-        const { chatsContacts, contacts, profileUser } = data.value
-
-        this.chatsContacts = chatsContacts
-        this.contacts = contacts
-        this.profileUser = profileUser
-      }
-    },
-
-    async getChat(userId: ChatContact['id']) {
-      const res = await $api(`/apps/chat/chats/${userId}`)
-
-      this.activeChat = res
-    },
-
-    async sendMsg(message: ChatMessage['message']) {
-      const senderId = this.profileUser?.id
-
-      const response = await $api(`apps/chat/chats/${this.activeChat?.contact.id}`, {
-        method: 'POST',
-        body: { message, senderId },
-      })
-
-      const { msg, chat }: { msg: ChatMessage; chat: ChatOut } = response
-
-      // ? If it's not undefined => New chat is created (Contact is not in list of chats)
-      if (chat !== undefined) {
-        const activeChat = this.activeChat!
-
-        this.chatsContacts.push({
-          ...activeChat.contact,
-          chat: {
-            id: chat.id,
-            lastMessage: [],
-            unseenMsgs: 0,
-            messages: [msg],
-          },
-        })
-
-        if (this.activeChat) {
-          this.activeChat.chat = {
-            id: chat.id,
-            messages: [msg],
-            unseenMsgs: 0,
-            userId: this.activeChat?.contact.id,
-          }
-        }
-      }
-      else {
-        this.activeChat?.chat?.messages.push(msg)
-      }
-
-      // Set Last Message for active contact
-      const contact = this.chatsContacts.find(c => {
-        if (this.activeChat)
-          return c.id === this.activeChat.contact.id
-
-        return false
-      }) as ChatContactWithChat
-
-      contact.chat.lastMessage = msg
-    },
-  },
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/ECommerceAddCategoryDrawer.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/ECommerceAddCategoryDrawer.vue
deleted file mode 100644
index d335847..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/ECommerceAddCategoryDrawer.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<script setup lang="ts">
-import { Image } from '@tiptap/extension-image'
-import { Link } from '@tiptap/extension-link'
-import { Placeholder } from '@tiptap/extension-placeholder'
-import { Underline } from '@tiptap/extension-underline'
-import { StarterKit } from '@tiptap/starter-kit'
-import { EditorContent, useEditor } from '@tiptap/vue-3'
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-
-import { VForm } from 'vuetify/components/VForm'
-
-interface Props {
-  isDrawerOpen: boolean
-}
-
-interface Emit {
-  (e: 'update:isDrawerOpen', value: boolean): void
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-
-const handleDrawerModelValueUpdate = (val: boolean) => {
-  emit('update:isDrawerOpen', val)
-}
-
-const editor = useEditor({
-  content: '',
-  extensions: [
-    StarterKit,
-    Image,
-    Placeholder.configure({
-      placeholder: 'Enter a category description...',
-    }),
-    Underline,
-    Link.configure(
-      {
-        openOnClick: false,
-      },
-    ),
-  ],
-})
-
-const setLink = () => {
-  const previousUrl = editor.value?.getAttributes('link').href
-  // eslint-disable-next-line no-alert
-  const url = window.prompt('URL', previousUrl)
-
-  // cancelled
-  if (url === null)
-    return
-
-  // empty
-  if (url === '') {
-    editor.value?.chain().focus().extendMarkRange('link').unsetLink().run()
-
-    return
-  }
-
-  // update link
-  editor.value?.chain().focus().extendMarkRange('link').setLink({ href: url }).run()
-}
-
-const addImage = () => {
-  // eslint-disable-next-line no-alert
-  const url = window.prompt('URL')
-
-  if (url)
-    editor.value?.chain().focus().setImage({ src: url }).run()
-}
-
-const refVForm = ref<VForm>()
-const categoryTitle = ref()
-const categorySlug = ref()
-const categoryImg = ref()
-const parentCategory = ref()
-const parentStatus = ref()
-
-const resetForm = () => {
-  emit('update:isDrawerOpen', false)
-  refVForm.value?.reset()
-}
-</script>
-
-<template>
-  <VNavigationDrawer
-    :model-value="props.isDrawerOpen"
-    temporary
-    location="end"
-    width="370"
-    border="none"
-    class="category-navigation-drawer scrollable-content"
-    @update:model-value="handleDrawerModelValueUpdate"
-  >
-    <!-- 👉 Header -->
-    <AppDrawerHeaderSection
-      title="Add Category"
-      @cancel="$emit('update:isDrawerOpen', false)"
-    />
-
-    <VDivider />
-
-    <PerfectScrollbar :options="{ wheelPropagation: false }">
-      <VCard flat>
-        <VCardText>
-          <VForm
-            ref="refVForm"
-            @submit.prevent=""
-          >
-            <VRow>
-              <VCol cols="12">
-                <AppTextField
-                  v-model="categoryTitle"
-                  label="Title"
-                  :rules="[requiredValidator]"
-                  placeholder="Fashion"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextField
-                  v-model="categorySlug"
-                  label="Slug"
-                  :rules="[requiredValidator]"
-                  placeholder="Trends fashion"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VLabel>
-                  <span class="text-sm text-high-emphasis mb-1">Attachment</span>
-                </VLabel>
-                <VFileInput
-                  v-model="categoryImg"
-                  prepend-icon=""
-                  :rules="[requiredValidator]"
-                  clearable
-                >
-                  <template #append>
-                    <VBtn variant="tonal">
-                      Choose
-                    </VBtn>
-                  </template>
-                </VFileInput>
-              </VCol>
-
-              <VCol cols="12">
-                <AppSelect
-                  v-model="parentCategory"
-                  :rules="[requiredValidator]"
-                  label="Parent Category"
-                  placeholder="Select Parent Category"
-                  :items="['HouseHold', 'Management', 'Electronics', 'Office', 'Accessories']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <p class="text-body-2 text-high-emphasis mb-1">
-                  Description
-                </p>
-                <div class="border rounded px-3 py-1">
-                  <EditorContent :editor="editor" />
-                  <div
-                    v-if="editor"
-                    class="d-flex justify-end flex-wrap gap-x-2"
-                  >
-                    <VIcon
-                      icon="tabler-bold"
-                      :color="editor.isActive('bold') ? 'primary' : ''"
-                      size="20"
-                      @click="editor.chain().focus().toggleBold().run()"
-                    />
-
-                    <VIcon
-                      :color="editor.isActive('underline') ? 'primary' : ''"
-                      icon="tabler-underline"
-                      size="20"
-                      @click="editor.commands.toggleUnderline()"
-                    />
-
-                    <VIcon
-                      :color="editor.isActive('italic') ? 'primary' : ''"
-                      icon="tabler-italic"
-                      size="20"
-                      @click="editor.chain().focus().toggleItalic().run()"
-                    />
-
-                    <VIcon
-                      :color="editor.isActive('bulletList') ? 'primary' : ''"
-                      icon="tabler-list"
-                      size="20"
-                      @click="editor.chain().focus().toggleBulletList().run()"
-                    />
-
-                    <VIcon
-                      :color="editor.isActive('orderedList') ? 'primary' : ''"
-                      icon="tabler-list-numbers"
-                      size="20"
-                      @click="editor.chain().focus().toggleOrderedList().run()"
-                    />
-
-                    <VIcon
-                      icon="tabler-link"
-                      size="20"
-                      @click="setLink"
-                    />
-
-                    <VIcon
-                      icon="tabler-photo"
-                      size="20"
-                      @click="addImage"
-                    />
-                  </div>
-                </div>
-              </VCol>
-
-              <VCol cols="12">
-                <AppSelect
-                  v-model="parentStatus"
-                  :rules="[requiredValidator]"
-                  placeholder="Select Category Status"
-                  label="Select Category Status"
-                  :items="['Published', 'Inactive', 'Scheduled']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex justify-start">
-                  <VBtn
-                    type="submit"
-                    color="primary"
-                    class="me-4"
-                  >
-                    Add
-                  </VBtn>
-                  <VBtn
-                    color="error"
-                    variant="tonal"
-                    @click="resetForm"
-                  >
-                    Discard
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </PerfectScrollbar>
-  </VNavigationDrawer>
-</template>
-
-<style lang="scss">
-.category-navigation-drawer {
-  .ProseMirror {
-    min-block-size: 9vh !important;
-
-    p {
-      margin-block-end: 0;
-    }
-
-    p.is-editor-empty:first-child::before {
-      block-size: 0;
-      color: #adb5bd;
-      content: attr(data-placeholder);
-      float: inline-start;
-      pointer-events: none;
-    }
-
-    &-focused {
-      outline: none;
-    }
-
-    ul,
-    ol {
-      padding-inline: 1.125rem;
-    }
-  }
-
-  .is-active {
-    border-color: rgba(var(--v-theme-primary), var(--v-border-opacity)) !important;
-    background-color: rgba(var(--v-theme-primary), var(--v-activated-opacity));
-    color: rgb(var(--v-theme-primary));
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/ECommerceAddCustomerDrawer.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/ECommerceAddCustomerDrawer.vue
deleted file mode 100644
index 01a4603..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/ECommerceAddCustomerDrawer.vue
+++ /dev/null
@@ -1,215 +0,0 @@
-<script setup lang="ts">
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import { VForm } from 'vuetify/components/VForm'
-
-interface Props {
-  isDrawerOpen: boolean
-}
-
-interface Emit {
-  (e: 'update:isDrawerOpen', value: boolean): void
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-
-const handleDrawerModelValueUpdate = (val: boolean) => {
-  emit('update:isDrawerOpen', val)
-}
-
-const refVForm = ref<VForm>()
-const name = ref()
-const email = ref()
-const mobile = ref()
-const addressline1 = ref()
-const addressline2 = ref()
-const town = ref()
-const state = ref()
-const postCode = ref()
-const country = ref()
-const isBillingAddress = ref(false)
-
-const resetForm = () => {
-  refVForm.value?.reset()
-  emit('update:isDrawerOpen', false)
-}
-
-// 👉 drawer close
-const closeNavigationDrawer = () => {
-  emit('update:isDrawerOpen', false)
-
-  nextTick(() => {
-    refVForm.value?.reset()
-    refVForm.value?.resetValidation()
-  })
-}
-</script>
-
-<template>
-  <VNavigationDrawer
-    data-allow-mismatch
-    :model-value="props.isDrawerOpen"
-    temporary
-    location="end"
-    width="370"
-    border="none"
-    @update:model-value="handleDrawerModelValueUpdate"
-  >
-    <!-- 👉 Header -->
-    <AppDrawerHeaderSection
-      title="Add a Customer"
-      @cancel="closeNavigationDrawer"
-    />
-
-    <VDivider />
-
-    <VCard flat>
-      <PerfectScrollbar
-        :options="{ wheelPropagation: false }"
-        class="h-100"
-      >
-        <VCardText style="block-size: calc(100vh - 5rem);">
-          <VForm
-            ref="refVForm"
-            @submit.prevent=""
-          >
-            <VRow>
-              <VCol>
-                <h6 class="text-h6">
-                  Basic Information
-                </h6>
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextField
-                  v-model="name"
-                  label="Name*"
-                  :rules="[requiredValidator]"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextField
-                  v-model="email"
-                  label="Email*"
-                  :rules="[requiredValidator, emailValidator]"
-                  placeholder="johndoe@email.com"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextField
-                  v-model="mobile"
-                  label="Mobile*"
-                  :rules="[requiredValidator]"
-                  placeholder="+(123) 456-7890"
-                />
-              </VCol>
-
-              <VCol>
-                <div class="text-body-1 font-weight-medium text-high-emphasis">
-                  Shipping Information
-                </div>
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextField
-                  v-model="addressline1"
-                  label="Address Line 1*"
-                  :rules="[requiredValidator]"
-                  placeholder="45, Rocker Terrace"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextField
-                  v-model="addressline2"
-                  placeholder="Empire Heights,"
-                  :rules="[requiredValidator]"
-                  label="Address Line 2*"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextField
-                  v-model="town"
-                  label="Town*"
-                  :rules="[requiredValidator]"
-                  placeholder="New York"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextField
-                  v-model="state"
-                  placeholder="Texas"
-                  :rules="[requiredValidator]"
-                  label="State/Province*"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextField
-                  v-model="postCode"
-                  label="Post Code*"
-                  type="number"
-                  :rules="[requiredValidator]"
-                  placeholder="982347"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppSelect
-                  v-model="country"
-                  placeholder="United States"
-                  :rules="[requiredValidator]"
-                  label="Country"
-                  :items="['United States', 'United Kingdom', 'Canada']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex justify-space-between">
-                  <div class="d-flex flex-column gap-y-1">
-                    <h6 class="text-h6">
-                      Use as a billing address?
-                    </h6>
-                    <div class="text-body-2">
-                      Please check budget for more info
-                    </div>
-                  </div>
-                  <VSwitch v-model="isBillingAddress" />
-                </div>
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex gap-4 justify-start pb-10">
-                  <VBtn
-                    type="submit"
-                    color="primary"
-                  >
-                    Add
-                  </VBtn>
-                  <VBtn
-                    color="error"
-                    variant="tonal"
-                    @click="resetForm"
-                  >
-                    Discard
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </PerfectScrollbar>
-    </VCard>
-  </VNavigationDrawer>
-</template>
-
-<style lang="scss">
-.v-navigation-drawer__content {
-  overflow-y: hidden !important;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerBioPanel.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerBioPanel.vue
deleted file mode 100644
index 882efc0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerBioPanel.vue
+++ /dev/null
@@ -1,233 +0,0 @@
-<script setup lang="ts">
-import type { Customer } from '@db/apps/ecommerce/types'
-import rocketImg from '@images/eCommerce/rocket.png'
-
-const props = defineProps<Props>()
-const isUserInfoEditDialogVisible = ref(false)
-const isUpgradePlanDialogVisible = ref(false)
-interface Props {
-  customerData: Customer
-}
-
-const customerData = {
-  id: props.customerData.id,
-  fullName: props.customerData.customer,
-  firstName: props.customerData.customer.split(' ')[0],
-  lastName: props.customerData.customer.split(' ')[1],
-  company: '',
-  role: '',
-  username: props.customerData.customer,
-  country: props.customerData.country,
-  contact: props.customerData.contact,
-  email: props.customerData.email,
-  currentPlan: '',
-  status: props.customerData.status,
-  avatar: '',
-  taskDone: null,
-  projectDone: null,
-  taxId: 'Tax-8894',
-  language: 'English',
-}
-</script>
-
-<template>
-  <VRow>
-    <!-- SECTION Customer Details -->
-    <VCol cols="12">
-      <VCard v-if="props.customerData">
-        <VCardText class="text-center pt-12">
-          <!-- 👉 Avatar -->
-          <VAvatar
-            rounded
-            :size="120"
-            :color="!props.customerData.customer ? 'primary' : undefined"
-            :variant="!props.customerData.avatar ? 'tonal' : undefined"
-          >
-            <VImg
-              v-if="props.customerData.avatar"
-              :src="props.customerData.avatar"
-            />
-            <span
-              v-else
-              class="text-5xl font-weight-medium"
-            >
-              {{ avatarText(props.customerData.customer) }}
-            </span>
-          </VAvatar>
-
-          <!-- 👉 Customer fullName -->
-          <h5 class="text-h5 mt-4">
-            {{ props.customerData.customer }}
-          </h5>
-          <div class="text-body-1">
-            Customer ID #{{ props.customerData.customerId }}
-          </div>
-
-          <div class="d-flex justify-space-evenly gap-x-5 mt-6">
-            <div class="d-flex align-center">
-              <VAvatar
-                variant="tonal"
-                color="primary"
-                rounded
-                class="me-4"
-              >
-                <VIcon icon="tabler-shopping-cart" />
-              </VAvatar>
-              <div class="d-flex flex-column align-start">
-                <h5 class="text-h5">
-                  {{ props.customerData.order }}
-                </h5>
-                <div class="text-body-1">
-                  Order
-                </div>
-              </div>
-            </div>
-            <div class="d-flex align-center">
-              <VAvatar
-                variant="tonal"
-                color="primary"
-                rounded
-                class="me-3"
-              >
-                <VIcon icon="tabler-currency-dollar" />
-              </VAvatar>
-              <div class="d-flex flex-column align-start">
-                <h5 class="text-h5">
-                  ${{ props.customerData.totalSpent }}
-                </h5>
-                <div class="text-body-1">
-                  Spent
-                </div>
-              </div>
-            </div>
-          </div>
-        </VCardText>
-
-        <!-- 👉 Customer Details -->
-        <VCardText>
-          <h5 class="text-h5">
-            Details
-          </h5>
-
-          <VDivider class="my-4" />
-
-          <VList class="card-list mt-2">
-            <VListItem>
-              <h6 class="text-h6">
-                Username:
-                <span class="text-body-1 d-inline-block">
-                  {{ props.customerData.customer }}
-                </span>
-              </h6>
-            </VListItem>
-
-            <VListItem>
-              <h6 class="text-h6">
-                Billing Email:
-                <span class="text-body-1 d-inline-block">
-                  {{ props.customerData.email }}
-                </span>
-              </h6>
-            </VListItem>
-
-            <VListItem>
-              <div class="d-flex gap-x-2 align-center">
-                <h6 class="text-h6">
-                  Status:
-                </h6>
-                <VChip
-                  label
-                  color="success"
-                  size="small"
-                >
-                  {{ props.customerData.status }}
-                </VChip>
-              </div>
-            </VListItem>
-
-            <VListItem>
-              <h6 class="text-h6">
-                Contact:
-                <span class="text-body-1 d-inline-block">
-                  {{ props.customerData.contact }}
-                </span>
-              </h6>
-            </VListItem>
-
-            <VListItem>
-              <h6 class="text-h6">
-                Country:
-                <span class="text-body-1 d-inline-block">
-                  {{ props.customerData.country }}
-                </span>
-              </h6>
-            </VListItem>
-          </VList>
-        </VCardText>
-
-        <VCardText class="text-center">
-          <VBtn
-            block
-            @click="isUserInfoEditDialogVisible = !isUserInfoEditDialogVisible"
-          >
-            Edit Details
-          </VBtn>
-        </VCardText>
-      </VCard>
-    </VCol>
-    <!-- !SECTION -->
-
-    <!-- SECTION  Upgrade to Premium -->
-    <VCol cols="12">
-      <VCard
-        flat
-        class="current-plan"
-      >
-        <VCardText>
-          <div class="d-flex align-center">
-            <div>
-              <h5 class="text-h5 text-white mb-4">
-                Upgrade to premium
-              </h5>
-              <p class="mb-6 text-wrap">
-                Upgrade customer to premium membership to access pro features.
-              </p>
-            </div>
-            <div>
-              <VImg
-                :src="rocketImg"
-                height="108"
-                width="108"
-              />
-            </div>
-          </div>
-          <VBtn
-            color="#fff"
-            class="text-primary"
-            block
-            @click="isUpgradePlanDialogVisible = !isUpgradePlanDialogVisible"
-          >
-            Upgrade to Premium
-          </VBtn>
-        </VCardText>
-      </VCard>
-    </VCol>
-    <!-- !SECTION -->
-  </VRow>
-  <UserInfoEditDialog
-    v-model:is-dialog-visible="isUserInfoEditDialogVisible"
-    :user-data="customerData"
-  />
-  <UserUpgradePlanDialog v-model:is-dialog-visible="isUpgradePlanDialogVisible" />
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 0.5rem;
-}
-
-.current-plan {
-  background: linear-gradient(45deg, rgb(var(--v-theme-primary)) 0%, #9e95f5 100%);
-  color: #fff;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerOrderTable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerOrderTable.vue
deleted file mode 100644
index 9e4ca4e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerOrderTable.vue
+++ /dev/null
@@ -1,148 +0,0 @@
-<script setup lang="ts">
-import type { Order } from '@db/apps/ecommerce/types'
-
-const searchQuery = ref('')
-
-// Data table options
-const itemsPerPage = ref(10)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-const headers = [
-  { title: 'Order', key: 'order' },
-  { title: 'Date', key: 'date' },
-  { title: 'Status', key: 'status' },
-  { title: 'Spent', key: 'spent' },
-  { title: 'Actions', key: 'actions', sortable: false },
-]
-
-const resolveStatus = (status: string) => {
-  if (status === 'Delivered')
-    return { color: 'success' }
-  if (status === 'Out for Delivery')
-    return { color: 'primary' }
-  if (status === 'Ready to Pickup')
-    return { color: 'info' }
-  if (status === 'Dispatched')
-    return { color: 'warning' }
-}
-
-const { data: ordersData, execute: fetchOrders } = await useApi<any>(createUrl('/apps/ecommerce/orders',
-  {
-    query: {
-      q: searchQuery,
-      page,
-      itemsPerPage,
-      sortBy,
-      orderBy,
-    },
-  },
-))
-
-const orders = computed((): Order[] => ordersData.value?.orders || [])
-const totalOrder = computed(() => ordersData.value?.total || 0)
-
-const deleteOrder = async (id: number) => {
-  await $api(`/apps/ecommerce/orders/${id}`, {
-    method: 'DELETE',
-  })
-  fetchOrders()
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <div class="d-flex justify-space-between flex-wrap align-center gap-4">
-        <h5 class="text-h5">
-          Orders placed
-        </h5>
-        <div>
-          <AppTextField
-            v-model="searchQuery"
-            placeholder="Search Order"
-            style=" max-inline-size: 200px; min-inline-size: 200px;"
-          />
-        </div>
-      </div>
-    </VCardText>
-
-    <VDivider />
-    <VDataTableServer
-      v-model:items-per-page="itemsPerPage"
-      v-model:page="page"
-      :headers="headers"
-      :items="orders"
-      item-value="id"
-      :items-length="totalOrder"
-      class="text-no-wrap"
-      @update:options="updateOptions"
-    >
-      <!-- Order ID -->
-      <template #item.order="{ item }">
-        <RouterLink :to="{ name: 'apps-ecommerce-order-details-id', params: { id: item.order } }">
-          #{{ item.order }}
-        </RouterLink>
-      </template>
-
-      <!-- Date -->
-      <template #item.date="{ item }">
-        {{ new Date(item.date).toDateString() }}
-      </template>
-
-      <!-- Status -->
-      <template #item.status="{ item }">
-        <VChip
-          label
-          :color="resolveStatus(item.status)?.color"
-          size="small"
-        >
-          {{ item.status }}
-        </VChip>
-      </template>
-
-      <!-- Spent -->
-      <template #item.spent="{ item }">
-        ${{ item.spent }}
-      </template>
-
-      <!-- Actions -->
-      <template #item.actions="{ item }">
-        <IconBtn>
-          <VIcon icon="tabler-dots-vertical" />
-          <VMenu activator="parent">
-            <VList>
-              <VListItem
-                value="view"
-                :to="{ name: 'apps-ecommerce-order-details-id', params: { id: item.order } }"
-              >
-                View
-              </VListItem>
-              <VListItem
-                value="delete"
-                @click="deleteOrder(item.id)"
-              >
-                Delete
-              </VListItem>
-            </VList>
-          </VMenu>
-        </IconBtn>
-      </template>
-
-      <!-- pagination -->
-      <template #bottom>
-        <TablePagination
-          v-model:page="page"
-          :items-per-page="itemsPerPage"
-          :total-items="totalOrder"
-        />
-      </template>
-    </VDataTableServer>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerTabAddressAndBilling.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerTabAddressAndBilling.vue
deleted file mode 100644
index 28b6919..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerTabAddressAndBilling.vue
+++ /dev/null
@@ -1,409 +0,0 @@
-<script setup lang="ts">
-import usFlag from '@images/icons/countries/us.png'
-import americanExpress from '@images/icons/payments/img/american-express.png'
-import mastercard from '@images/icons/payments/img/mastercard.png'
-import visa from '@images/icons/payments/img/visa-light.png'
-
-interface CardDetails {
-  number: string | number
-  name: string
-  expiry: string
-  cvv: string
-  isPrimary: boolean
-  type: string
-}
-
-interface BillingAddress {
-  firstName: string
-  lastName: string
-  selectedCountry: string | null
-  addressLine1: string
-  addressLine2: string
-  landmark: string
-  contact: string
-  country: string | null
-  city: string
-  state: string
-  zipCode: number | null
-}
-
-const currentCardDetails: CardDetails = {
-  number: '1234567890123456',
-  name: 'John Doe',
-  expiry: '12/2028',
-  cvv: '123',
-  isPrimary: false,
-  type: '',
-}
-
-const editBillingData: BillingAddress = {
-  firstName: 'Gertrude',
-  lastName: 'Jennings',
-  selectedCountry: 'USA',
-  addressLine1: '100 Water Plant Avenue',
-  addressLine2: 'Building 1303 Wake Island',
-  landmark: 'Near Wake Island',
-  contact: '+1(609) 933-44-22',
-  country: 'USA',
-  state: 'Queensland',
-  zipCode: 403114,
-  city: 'Brisbane',
-}
-
-const show = ref([false, true, false])
-const paymentShow = ref([false, true, false])
-const isEditAddressDialogVisible = ref(false)
-const isCardAddDialogVisible = ref(false)
-const isNewEditAddressDialogVisible = ref(false)
-const isNewCardAddDialogVisible = ref(false)
-
-const addressData = [
-  {
-    title: 'Home',
-    subtitle: '23 Shatinon Mekalan',
-    owner: 'Violet Mendoza',
-    defaultAddress: true,
-    address: ` 23 Shatinon Mekalan,
-    <br>
-    Melbourne, VIC 3000,
-    <br>
-    LondonUK`,
-  },
-  {
-    title: 'Office',
-    subtitle: '45 Rocker Terrace',
-    owner: 'Violet Mendoza',
-    defaultAddress: false,
-    address: ` 45 Rocker Terrace,
-    <br>
-    Latheronwheel,
-    <br>
-    KW5 8NW, London,
-    <br>
-    UK`,
-  },
-  {
-    title: 'Family',
-    subtitle: '512 Water Plant',
-    owner: 'Violet Mendoza',
-    defaultAddress: false,
-    address: ` 512 Water Plant,
-    <br>
-    Melbourne, VIC 3000,
-    <br>
-    LondonUK`,
-  },
-]
-
-const paymentData = [
-  {
-    title: 'Mastercard',
-    subtitle: 'Expires Apr 2028',
-    isDefaultMethod: false,
-    image: mastercard,
-  },
-  {
-    title: 'American Express',
-    subtitle: 'Expires Apr 2028',
-    isDefaultMethod: false,
-    image: americanExpress,
-  },
-  {
-    title: 'Visa',
-    subtitle: '45 Roker Terrace',
-    isDefaultMethod: true,
-    image: visa,
-  },
-]
-</script>
-
-<template>
-  <!-- eslint-disable vue/no-v-html -->
-
-  <!-- 👉 Address Book -->
-  <VCard class="mb-6">
-    <VCardText>
-      <div class="d-flex justify-space-between mb-6 flex-wrap align-center gap-y-4 gap-x-6">
-        <h5 class="text-h5">
-          Address Book
-        </h5>
-        <VBtn
-          variant="tonal"
-          size="small"
-          @click="isNewEditAddressDialogVisible = !isNewEditAddressDialogVisible"
-        >
-          Add new Address
-        </VBtn>
-      </div>
-      <template
-        v-for="(address, index) in addressData"
-        :key="index"
-      >
-        <div>
-          <div class="d-flex justify-space-between py-3 gap-y-2 flex-wrap align-center">
-            <div class="d-flex align-center gap-x-4">
-              <VIcon
-                :icon="show[index] ? 'tabler-chevron-down' : 'tabler-chevron-right'"
-                class="flip-in-rtl text-high-emphasis"
-                size="24"
-                @click="show[index] = !show[index]"
-              />
-              <div>
-                <div class="d-flex align-center gap-x-2 mb-1">
-                  <h6 class="text-h6">
-                    {{ address.title }}
-                  </h6>
-                  <VChip
-                    v-if="address.defaultAddress"
-                    color="success"
-                    label
-                    size="small"
-                  >
-                    Default Address
-                  </VChip>
-                </div>
-                <div class="text-body-1">
-                  {{ address.subtitle }}
-                </div>
-              </div>
-            </div>
-            <div class="ms-5">
-              <IconBtn @click="isEditAddressDialogVisible = !isEditAddressDialogVisible">
-                <VIcon
-                  icon="tabler-edit"
-                  class="flip-in-rtl"
-                />
-              </IconBtn>
-              <IconBtn>
-                <VIcon
-                  icon="tabler-trash"
-                  class="flip-in-rtl"
-                />
-              </IconBtn>
-              <IconBtn>
-                <VIcon
-                  icon="tabler-dots-vertical"
-                  class="flip-in-rtl"
-                />
-              </IconBtn>
-            </div>
-          </div>
-
-          <VExpandTransition>
-            <div v-show="show[index]">
-              <div class="px-10 pb-3">
-                <h6 class="mb-1 text-h6">
-                  {{ address.owner }}
-                </h6>
-                <div
-                  class="text-body-1"
-                  v-html="address.address"
-                />
-              </div>
-            </div>
-          </VExpandTransition>
-
-          <VDivider v-if="index !== addressData.length - 1" />
-        </div>
-      </template>
-    </VCardText>
-  </VCard>
-
-  <!-- 👉 Payment Methods -->
-  <VCard>
-    <VCardText>
-      <div class="d-flex justify-space-between mb-6 flex-wrap align-center gap-y-4 gap-x-6">
-        <h5 class="text-h5">
-          Payment Methods
-        </h5>
-        <VBtn
-          variant="tonal"
-          size="small"
-          @click="isNewCardAddDialogVisible = !isNewCardAddDialogVisible"
-        >
-          Add Payment Methods
-        </VBtn>
-      </div>
-      <template
-        v-for="(payment, index) in paymentData"
-        :key="index"
-      >
-        <div>
-          <div class="d-flex justify-space-between py-3 gap-y-2 flex-wrap align-center">
-            <div class="d-flex align-center gap-x-4">
-              <VIcon
-                :icon="paymentShow[index] ? 'tabler-chevron-down' : 'tabler-chevron-right'"
-                size="24"
-                class="flip-in-rtl text-high-emphasis"
-                @click="paymentShow[index] = !paymentShow[index]"
-              />
-              <VImg
-                :src="payment.image"
-                height="30"
-                width="50"
-              />
-              <div>
-                <div class="d-flex gap-x-2 mb-1">
-                  <h6 class="text-h6">
-                    {{ payment.title }}
-                  </h6>
-                  <VChip
-                    v-if="payment.isDefaultMethod"
-                    color="success"
-                    label
-                    size="small"
-                  >
-                    Default Method
-                  </VChip>
-                </div>
-                <div class="text-body-1">
-                  {{ payment.subtitle }}
-                </div>
-              </div>
-            </div>
-            <div class="ms-5">
-              <IconBtn @click="isCardAddDialogVisible = !isCardAddDialogVisible">
-                <VIcon
-                  icon="tabler-edit"
-                  class="flip-in-rtl"
-                />
-              </IconBtn>
-              <IconBtn>
-                <VIcon
-                  icon="tabler-trash"
-                  class="flip-in-rtl"
-                />
-              </IconBtn>
-              <IconBtn>
-                <VIcon
-                  icon="tabler-dots-vertical"
-                  class="flip-in-rtl"
-                />
-              </IconBtn>
-            </div>
-          </div>
-          <VExpandTransition>
-            <div v-show="paymentShow[index]">
-              <div class="px-10 pb-3">
-                <VRow>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <VTable>
-                      <tr>
-                        <td>Name </td>
-                        <td class="font-weight-medium text-high-emphasis">
-                          Violet Mendoza
-                        </td>
-                      </tr>
-                      <tr>
-                        <td>Number </td>
-                        <td class="font-weight-medium text-high-emphasis">
-                          **** 4487
-                        </td>
-                      </tr>
-                      <tr>
-                        <td>Expires </td>
-                        <td class="font-weight-medium text-high-emphasis">
-                          08/2028
-                        </td>
-                      </tr>
-                      <tr>
-                        <td>Type </td>
-                        <td class="font-weight-medium text-high-emphasis">
-                          Master Card
-                        </td>
-                      </tr>
-                      <tr>
-                        <td>Issuer </td>
-                        <td class="font-weight-medium text-high-emphasis">
-                          VICBANK
-                        </td>
-                      </tr>
-                      <tr>
-                        <td>ID </td>
-                        <td class="font-weight-medium text-high-emphasis">
-                          DH73DJ8
-                        </td>
-                      </tr>
-                    </VTable>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <VTable>
-                      <tr>
-                        <td>Billing </td>
-                        <td class="font-weight-medium text-high-emphasis">
-                          United Kingdom
-                        </td>
-                      </tr>
-                      <tr>
-                        <td>Number</td>
-                        <td class="font-weight-medium text-high-emphasis">
-                          +7634 983 637
-                        </td>
-                      </tr>
-                      <tr>
-                        <td>Email</td>
-                        <td class="font-weight-medium text-high-emphasis">
-                          vafgot@vultukir.org
-                        </td>
-                      </tr>
-                      <tr>
-                        <td>Origin</td>
-                        <td class="d-flex">
-                          <div class="me-2 font-weight-medium text-high-emphasis">
-                            United States
-                          </div>
-                          <img
-                            :src="usFlag"
-                            height="20"
-                            width="20"
-                          >
-                        </td>
-                      </tr>
-                      <tr>
-                        <td>CVC Check</td>
-                        <td class="d-flex">
-                          <div class="me-2 font-weight-medium text-high-emphasis">
-                            Passed
-                          </div>
-                          <VAvatar
-                            variant="tonal"
-                            color="success"
-                            size="20"
-                            inline
-                          >
-                            <VIcon
-                              icon="tabler-check"
-                              color="success"
-                              size="12"
-                            />
-                          </VAvatar>
-                        </td>
-                      </tr>
-                    </VTable>
-                  </VCol>
-                </VRow>
-              </div>
-            </div>
-          </VExpandTransition>
-          <VDivider v-if="index !== paymentData.length - 1" />
-        </div>
-      </template>
-    </VCardText>
-  </VCard>
-  <AddEditAddressDialog
-    v-model:is-dialog-visible="isEditAddressDialogVisible"
-    :billing-address="editBillingData"
-  />
-  <AddEditAddressDialog v-model:is-dialog-visible="isNewEditAddressDialogVisible" />
-  <CardAddEditDialog
-    v-model:is-dialog-visible="isCardAddDialogVisible"
-    :card-details="currentCardDetails"
-  />
-  <CardAddEditDialog v-model:is-dialog-visible="isNewCardAddDialogVisible" />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerTabNotification.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerTabNotification.vue
deleted file mode 100644
index d3e0fe4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerTabNotification.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<script lang="ts" setup>
-const notifications = ref([
-  {
-    type: 'New for you',
-    email: true,
-    browser: true,
-    app: true,
-  },
-  {
-    type: 'Account activity',
-    email: true,
-    browser: true,
-    app: true,
-  },
-  {
-    type: 'A new browser used to sign in',
-    email: true,
-    browser: true,
-    app: false,
-  },
-  {
-    type: 'A new device is linked',
-    email: true,
-    browser: false,
-    app: false,
-  },
-])
-</script>
-
-<template>
-  <VCard class="user-tab-notification">
-    <VCardItem>
-      <VCardTitle class="mb-1">
-        Notifications
-      </VCardTitle>
-      <VCardSubtitle class="text-body-1 text-wrap">
-        You will receive notification for the below selected items.
-      </VCardSubtitle>
-    </VCardItem>
-    <VCardText class="px-0">
-      <VDivider />
-      <VTable class="text-no-wrap">
-        <thead>
-          <tr>
-            <th scope="col">
-              TYPE
-            </th>
-            <th scope="col">
-              EMAIL
-            </th>
-            <th scope="col">
-              BROWSER
-            </th>
-            <th scope="col">
-              APP
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr
-            v-for="(notification, index) in notifications"
-            :key="notification.type"
-            :class="index % 2 === 0 ? 'table-colored-raw' : ''"
-          >
-            <td class="text-high-emphasis">
-              {{ notification.type }}
-            </td>
-            <td>
-              <VCheckbox v-model="notification.email" />
-            </td>
-            <td>
-              <VCheckbox v-model="notification.browser" />
-            </td>
-            <td>
-              <VCheckbox v-model="notification.app" />
-            </td>
-          </tr>
-        </tbody>
-      </VTable>
-      <VDivider />
-    </VCardText>
-
-    <VCardText class="d-flex flex-wrap gap-4">
-      <VBtn>Save changes</VBtn>
-      <VBtn
-        color="secondary"
-        variant="tonal"
-      >
-        Discard
-      </VBtn>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerTabOverview.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerTabOverview.vue
deleted file mode 100644
index e5da863..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerTabOverview.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<script setup lang="ts">
-import CustomerOrderTable from './CustomerOrderTable.vue'
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard>
-        <VCardText class="d-flex gap-y-2 flex-column">
-          <VAvatar
-            variant="tonal"
-            color="primary"
-            icon="tabler-currency-dollar"
-            rounded
-          />
-          <h5 class="text-h5">
-            Account Balance
-          </h5>
-          <div>
-            <h5 class="text-h5 text-primary mb-1">
-              $7480
-              <span class="text-body-1 d-inline-block">Credit Left</span>
-            </h5>
-            <p class="mb-0">
-              Account balance for next purchase
-            </p>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard>
-        <VCardText class="d-flex gap-y-2 flex-column">
-          <VAvatar
-            variant="tonal"
-            color="success"
-            icon="tabler-gift"
-            rounded
-          />
-          <h5 class="text-h5">
-            Loyalty Program
-          </h5>
-          <div>
-            <VChip
-              color="success"
-              class="mb-2"
-              label
-              size="small"
-            >
-              Platinum member
-            </VChip>
-            <p class="mb-0">
-              3000 points to next tier
-            </p>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard>
-        <VCardText class="d-flex gap-y-2 flex-column">
-          <VAvatar
-            variant="tonal"
-            color="warning"
-            icon="tabler-star"
-            rounded
-          />
-          <h5 class="text-h5">
-            Wishlist
-          </h5>
-          <div>
-            <h5 class="text-h5 text-warning mb-1">
-              15
-              <span class="text-body-1 d-inline-block">Items in wishlist</span>
-            </h5>
-            <p class="mb-0">
-              Receive notification when items go on sale
-            </p>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VCard>
-        <VCardText class="d-flex gap-y-2 flex-column">
-          <VAvatar
-            variant="tonal"
-            color="info"
-            icon="tabler-discount"
-            rounded
-          />
-          <h5 class="text-h5">
-            Coupons
-          </h5>
-          <div>
-            <h5 class="text-h5 text-info mb-1">
-              21
-              <span class="text-body-1 d-inline-block">Coupons you win</span>
-            </h5>
-            <p class="mb-0">
-              Use coupon on next purchase
-            </p>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol>
-      <CustomerOrderTable />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerTabSecurity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerTabSecurity.vue
deleted file mode 100644
index 57a56ca..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/customer/view/CustomerTabSecurity.vue
+++ /dev/null
@@ -1,193 +0,0 @@
-<script setup lang="ts">
-const isNewPasswordVisible = ref(false)
-const isConfirmPasswordVisible = ref(false)
-const smsVerificationNumber = ref('+1(968) 819-2547')
-const isTwoFactorDialogOpen = ref(false)
-
-// Recent devices Headers
-const recentDeviceHeader = [
-  { title: 'BROWSER', key: 'browser' },
-  { title: 'DEVICE', key: 'device' },
-  { title: 'LOCATION', key: 'location' },
-  { title: 'RECENT ACTIVITY', key: 'activity' },
-]
-
-const recentDevices = [
-  {
-    browser: 'Chrome on Windows',
-    logo: 'tabler-brand-windows',
-    color: 'info',
-    device: 'HP Specter 360',
-    location: 'Switzerland',
-    activity: '10, July 2021 20:07',
-  },
-  {
-    browser: 'Chrome on iPhone',
-    logo: 'tabler-device-mobile',
-    color: 'error',
-    device: 'iPhone 12x',
-    location: 'Australia',
-    activity: '13, July 2021 10:10',
-  },
-  {
-    browser: 'Chrome on Android',
-    logo: 'tabler-brand-android',
-    color: 'success',
-    device: 'OnePlus 9 Pro',
-    location: 'Dubai',
-    activity: '4, July 2021 15:15',
-  },
-  {
-    browser: 'Chrome on macOS',
-    logo: 'tabler-brand-apple',
-    color: 'secondary',
-    device: 'Apple iMac',
-    location: 'India',
-    activity: '20, July 2021 21:01',
-  },
-  {
-    browser: 'Chrome on Windows',
-    logo: 'tabler-brand-windows',
-    color: 'info',
-    device: 'HP Specter 360',
-    location: 'Switzerland',
-    activity: '10, July 2021 20:07',
-  },
-  {
-    browser: 'Chrome on Android',
-    logo: 'tabler-brand-android',
-    color: 'success',
-    device: 'OnePlus 9 Pro',
-    location: 'Dubai',
-    activity: '4, July 2021 15:15',
-  },
-
-]
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <!-- 👉 Change password -->
-      <VCard title="Change Password">
-        <VCardText>
-          <VAlert
-            variant="tonal"
-            color="warning"
-            title="Ensure that these requirements are met"
-            text="Minimum 8 characters long, uppercase & symbol"
-            class="mb-4"
-            closable
-          />
-
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="New Password"
-                  placeholder="············"
-                  :type="isNewPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isNewPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isNewPasswordVisible = !isNewPasswordVisible"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :type="isConfirmPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isConfirmPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isConfirmPasswordVisible = !isConfirmPasswordVisible"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VBtn type="submit">
-                  Change Password
-                </VBtn>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Two step verification -->
-      <VCard
-        title="Two-steps verification"
-        subtitle="Keep your account secure with authentication step."
-      >
-        <VCardText>
-          <div class="text-h6 mb-1">
-            SMS
-          </div>
-          <AppTextField placeholder="+1(968) 819-2547">
-            <template #append>
-              <IconBtn>
-                <VIcon
-                  icon="tabler-edit"
-                  size="22"
-                />
-              </IconBtn>
-              <IconBtn>
-                <VIcon
-                  icon="tabler-user-plus"
-                  size="22"
-                />
-              </IconBtn>
-            </template>
-          </AppTextField>
-
-          <p class="mb-0 mt-4">
-            Two-factor authentication adds an additional layer of security to your account by requiring more than just a password to log in. <a
-              href="javascript:void(0)"
-              class="text-decoration-none"
-            >Learn more</a>.
-          </p>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Recent devices -->
-      <VCard title="Recent devices">
-        <VDivider />
-        <VDataTable
-          :items="recentDevices"
-          :headers="recentDeviceHeader"
-          hide-default-footer
-          class="text-no-wrap"
-        >
-          <template #item.browser="{ item }">
-            <div class="d-flex align-center gap-x-4">
-              <VIcon
-                :icon="item.logo"
-                :color="item.color"
-                size="22"
-              />
-              <div class="text-body-1 text-high-emphasis">
-                {{ item.browser }}
-              </div>
-            </div>
-          </template>
-          <!-- TODO Refactor this after vuetify provides proper solution for removing default footer -->
-          <template #bottom />
-        </VDataTable>
-      </VCard>
-    </VCol>
-  </VRow>
-
-  <!-- 👉 Enable One Time Password Dialog -->
-  <TwoFactorAuthDialog
-    v-model:is-dialog-visible="isTwoFactorDialogOpen"
-    :sms-code="smsVerificationNumber"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsCheckout.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsCheckout.vue
deleted file mode 100644
index 5e04676..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsCheckout.vue
+++ /dev/null
@@ -1,141 +0,0 @@
-<script setup lang="ts">
-const contactMethod = ref('Phone number')
-const fullName = ref('Only require last name')
-const companyName = ref('Don\'t include')
-const addressLine = ref('Optional')
-const shippingAddress = ref('Optional')
-</script>
-
-<template>
-  <VCard
-    title="Customer contact method"
-    subtitle="Select what contact method customers use to check out."
-    class="mb-6"
-  >
-    <VCardText>
-      <VRadioGroup
-        v-model="contactMethod"
-        class="mb-4"
-      >
-        <VRadio
-          label="Phone number"
-          value="Phone number"
-        />
-        <VRadio
-          label="Email"
-          value="Email"
-        />
-      </VRadioGroup>
-
-      <VAlert
-        type="info"
-        variant="tonal"
-      >
-        <VAlertTitle class="mb-0">
-          To send SMS updates, you need to install an SMS App.
-        </VAlertTitle>
-      </VAlert>
-    </VCardText>
-  </VCard>
-
-  <VCard
-    title="Customer information"
-    class="mb-6"
-  >
-    <VCardText class="customer-info-card">
-      <VRadioGroup
-        v-model="fullName"
-        label="Full name"
-        class="mb-4"
-      >
-        <VRadio
-          value="Only require last name"
-          label="Only require last name"
-        />
-        <VRadio
-          value="Require first and last name"
-          label="Require first and last name"
-        />
-      </VRadioGroup>
-
-      <VRadioGroup
-        v-model="companyName"
-        label="Company name"
-        class="mb-4"
-      >
-        <VRadio
-          value="Don't include"
-          label="Don't include"
-        />
-        <VRadio
-          value="Optional"
-          label="Optional"
-        />
-        <VRadio
-          value="Required"
-          label="Required"
-        />
-      </VRadioGroup>
-
-      <VRadioGroup
-        v-model="addressLine"
-        label="Address line 2 (apartment, unit, etc.)"
-        class="mb-4"
-      >
-        <VRadio
-          value="Don't include"
-          label="Don't include"
-        />
-        <VRadio
-          value="Optional"
-          label="Optional"
-        />
-        <VRadio
-          value="Required"
-          label="Required"
-        />
-      </VRadioGroup>
-
-      <VRadioGroup
-        v-model="shippingAddress"
-        label="Shipping address phone number"
-        class="mb-4"
-      >
-        <VRadio
-          value="Don't include"
-          label="Don't include"
-        />
-        <VRadio
-          value="Optional"
-          label="Optional"
-        />
-        <VRadio
-          value="Required"
-          label="Required"
-        />
-      </VRadioGroup>
-    </VCardText>
-  </VCard>
-
-  <div class="d-flex justify-end gap-x-4">
-    <VBtn
-      variant="tonal"
-      color="secondary"
-    >
-      Discard
-    </VBtn>
-    <VBtn>Save Changes</VBtn>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.customer-info-card {
-  .v-radio-group {
-    .v-input__control {
-      .v-label {
-        margin-inline-start: 0;
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsLocations.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsLocations.vue
deleted file mode 100644
index 5756744..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsLocations.vue
+++ /dev/null
@@ -1,119 +0,0 @@
-<script setup lang="ts">
-const isFullfilOnline = ref(true)
-</script>
-
-<template>
-  <div>
-    <VCard
-      title="Location Name"
-      class="mb-6"
-    >
-      <VCardText>
-        <AppTextField
-          label="Location Name"
-          placeholder="Empire Hub"
-        />
-        <div class="my-4">
-          <VCheckbox
-            v-model="isFullfilOnline"
-            label="Fulfil online orders from this location"
-          />
-        </div>
-        <VAlert
-          type="info"
-          variant="tonal"
-        >
-          <VAlertTitle class="mb-0">
-            This is your default location. To change whether you fulfill online orders from this location, select another default location first.
-          </VAlertTitle>
-        </VAlert>
-      </VCardText>
-    </VCard>
-
-    <VCard title="Address">
-      <VCardText>
-        <VRow>
-          <VCol cols="12">
-            <AppSelect
-              label="Country/religion"
-              placeholder="Select Country"
-              :items="['United States', 'UK', 'Canada']"
-              model-value="United States"
-            />
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="4"
-          >
-            <AppTextField
-              label="Address"
-              placeholder="123 , New Street"
-            />
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="4"
-          >
-            <AppTextField
-              label="Apartment, suite, etc."
-              placeholder="Empire Heights"
-            />
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="4"
-          >
-            <AppTextField
-              label="Phone"
-              placeholder="+1 (234) 456-7890"
-            />
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="4"
-          >
-            <AppTextField
-              label="City"
-              placeholder="New York"
-            />
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="4"
-          >
-            <AppTextField
-              label="State"
-              placeholder="NY"
-            />
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="4"
-          >
-            <AppTextField
-              label="PIN code"
-              type="number"
-              placeholder="123897"
-            />
-          </VCol>
-        </VRow>
-      </VCardText>
-    </VCard>
-
-    <div class="d-flex justify-end gap-x-4 mt-6">
-      <VBtn
-        variant="tonal"
-        color="secondary"
-      >
-        Discard
-      </VBtn>
-      <VBtn>Save Changes</VBtn>
-    </div>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsNotifications.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsNotifications.vue
deleted file mode 100644
index 56f8293..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsNotifications.vue
+++ /dev/null
@@ -1,204 +0,0 @@
-<script setup lang="ts">
-const customerNotifications = ref([
-  {
-    type: 'New customer sign up',
-    email: true,
-    app: true,
-  },
-  {
-    type: 'Customer account password reset',
-    email: true,
-    app: true,
-  },
-  {
-    type: 'Customer account invite',
-    email: false,
-    app: false,
-  },
-
-])
-
-const shippingNotifications = ref([
-  {
-    type: 'Picked up',
-    email: true,
-    app: true,
-  },
-  {
-    type: 'Shipping update ',
-    email: true,
-    app: false,
-  },
-  {
-    type: 'Delivered',
-    email: false,
-    app: true,
-  },
-
-])
-
-const ordersNotification = ref([
-  {
-    type: 'Order purchase',
-    email: true,
-    app: true,
-  },
-  {
-    type: 'Order cancelled',
-    email: true,
-    app: false,
-  },
-  {
-    type: 'Order refund request',
-    email: false,
-    app: true,
-  },
-  {
-    type: 'Order confirmation',
-    email: true,
-    app: false,
-  },
-  {
-    type: 'Payment error',
-    email: true,
-    app: false,
-  },
-
-])
-</script>
-
-<template>
-  <VCard class="mb-4">
-    <VCardText>
-      <h5 class="text-h5 mb-2">
-        Customer
-      </h5>
-      <VTable class="text-no-wrap mb-6 border rounded">
-        <thead>
-          <tr>
-            <th scope="col">
-              TYPE
-            </th>
-            <th scope="col">
-              EMAIL
-            </th>
-            <th scope="col">
-              APP
-            </th>
-          </tr>
-        </thead>
-
-        <tbody>
-          <tr
-            v-for="notification in customerNotifications"
-            :key="notification.type"
-          >
-            <td
-              width="400px"
-              class="text-high-emphasis"
-            >
-              {{ notification.type }}
-            </td>
-            <td>
-              <VCheckbox v-model="notification.email" />
-            </td>
-
-            <td>
-              <VCheckbox v-model="notification.app" />
-            </td>
-          </tr>
-        </tbody>
-      </VTable>
-
-      <h5 class="text-h5 mb-2">
-        Orders
-      </h5>
-      <VTable class="text-no-wrap mb-6 border rounded">
-        <thead>
-          <tr>
-            <th scope="col">
-              TYPE
-            </th>
-            <th scope="col">
-              EMAIL
-            </th>
-            <th scope="col">
-              APP
-            </th>
-          </tr>
-        </thead>
-
-        <tbody>
-          <tr
-            v-for="notification in ordersNotification"
-            :key="notification.type"
-          >
-            <td
-              width="400px"
-              class="text-high-emphasis"
-            >
-              {{ notification.type }}
-            </td>
-            <td>
-              <VCheckbox v-model="notification.email" />
-            </td>
-
-            <td>
-              <VCheckbox v-model="notification.app" />
-            </td>
-          </tr>
-        </tbody>
-      </VTable>
-
-      <h5 class="text-h5 mb-2">
-        Shipping
-      </h5>
-      <VTable class="text-no-wrap mb-6 border rounded">
-        <thead>
-          <tr>
-            <th scope="col">
-              TYPE
-            </th>
-            <th scope="col">
-              EMAIL
-            </th>
-            <th scope="col">
-              APP
-            </th>
-          </tr>
-        </thead>
-
-        <tbody>
-          <tr
-            v-for="notification in shippingNotifications"
-            :key="notification.type"
-          >
-            <td
-              width="400px"
-              class="text-high-emphasis"
-            >
-              {{ notification.type }}
-            </td>
-            <td>
-              <VCheckbox v-model="notification.email" />
-            </td>
-
-            <td>
-              <VCheckbox v-model="notification.app" />
-            </td>
-          </tr>
-        </tbody>
-      </VTable>
-    </VCardText>
-  </VCard>
-
-  <div class="d-flex justify-end gap-x-4">
-    <VBtn
-      variant="tonal"
-      color="secondary"
-    >
-      Discard
-    </VBtn>
-    <VBtn>Save Changes</VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsPayment.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsPayment.vue
deleted file mode 100644
index 9d6350c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsPayment.vue
+++ /dev/null
@@ -1,158 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import paypal from '@images/cards/paypal-primary.png'
-
-const isAddPaymentMethodsDialogVisible = ref(false)
-const isPaymentProvidersDialogVisible = ref(false)
-</script>
-
-<template>
-  <div>
-    <!-- 👉 Payment Providers  -->
-    <VCard
-      class="mb-6"
-      title="Payment providers"
-    >
-      <VCardText>
-        <div class="text-body-1 mb-5">
-          Providers that enable you to accept payment methods at a rate set by the third-party. An additional fee will apply to new orders once you select a plan.
-        </div>
-        <VBtn
-          variant="tonal"
-          @click="isPaymentProvidersDialogVisible = !isPaymentProvidersDialogVisible"
-        >
-          Choose a provider
-        </VBtn>
-      </VCardText>
-    </VCard>
-
-    <!-- 👉 Supported Payment Methods -->
-    <VCard
-      title="Supported payment methods"
-      subtitle="Payment methods that are available with one of Vuexy's approved payment providers."
-      class="mb-6"
-    >
-      <VCardText>
-        <h6 class="text-h6 mb-5">
-          Default
-        </h6>
-        <div class="my-class mb-5">
-          <div class="d-flex justify-space-between align-center mb-6">
-            <div class="rounded paypal-logo">
-              <img
-                :src="paypal"
-                alt="Pixinvent"
-                style="padding-block: 6px;padding-inline: 18px;"
-              >
-            </div>
-
-            <VBtn variant="text">
-              Activate PayPal
-            </VBtn>
-          </div>
-          <VDivider />
-          <div class="d-flex justify-space-between flex-wrap mt-6 gap-4">
-            <div>
-              <div
-                class="text-body-2 mb-2"
-                style="min-inline-size: 220px;"
-              >
-                Provider
-              </div>
-              <h6 class="text-h6">
-                PayPal
-              </h6>
-            </div>
-
-            <div>
-              <div
-                class="text-body-2 mb-2"
-                style="min-inline-size: 220px;"
-              >
-                Status
-              </div>
-              <VChip
-                color="warning"
-                size="small"
-                label
-              >
-                Inactive
-              </VChip>
-            </div>
-
-            <div>
-              <div
-                class="text-body-2 mb-2"
-                style="min-inline-size: 220px;"
-              >
-                Transaction Fee
-              </div>
-              <h6 class="text-h6">
-                2.99%
-              </h6>
-            </div>
-          </div>
-        </div>
-        <VBtn
-          variant="tonal"
-          @click="isAddPaymentMethodsDialogVisible = !isAddPaymentMethodsDialogVisible"
-        >
-          Add Payment Methods
-        </VBtn>
-      </VCardText>
-    </VCard>
-
-    <!-- 👉 Manual Payment Methods -->
-    <VCard
-      title="Manual payment methods"
-      class="mb-6"
-    >
-      <VCardText>
-        <p>Payments that are made outside your online store. When a customer selects a manual payment method such as cash on delivery, you'll need to approve their order before it can be fulfilled.</p>
-
-        <VBtn
-          variant="tonal"
-          :append-icon="$vuetify.display.smAndUp ? 'tabler-chevron-down' : ''"
-        >
-          Add Manual Payment Methods
-
-          <VMenu activator="parent">
-            <VList>
-              <VListItem
-                v-for="(item, index) in ['Create custom payment method', 'Bank Deposit', 'Money Order', 'Cash on Delivery(COD)']"
-                :key="index"
-                :value="index"
-              >
-                <VListItemTitle>{{ item }}</VListItemTitle>
-              </VListItem>
-            </VList>
-          </VMenu>
-        </VBtn>
-      </VCardText>
-    </VCard>
-
-    <div class="d-flex justify-end gap-x-4">
-      <VBtn
-        color="secondary"
-        variant="tonal"
-      >
-        Discard
-      </VBtn>
-      <VBtn color="primary">
-        save changes
-      </VBtn>
-    </div>
-  </div>
-
-  <AddPaymentMethodDialog v-model:is-dialog-visible="isAddPaymentMethodsDialogVisible" />
-  <PaymentProvidersDialog v-model:is-dialog-visible="isPaymentProvidersDialogVisible" />
-</template>
-
-<style lang="scss" scoped>
-.paypal-logo {
-  background-color: #fff;
-  block-size: 37px;
-  box-shadow: 0 2px 4px 0 rgba(165, 163, 174, 30%);
-  inline-size: 58px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsShippingAndDelivery.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsShippingAndDelivery.vue
deleted file mode 100644
index f97d99e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsShippingAndDelivery.vue
+++ /dev/null
@@ -1,162 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import usflag from '@images/icons/countries/us.png'
-
-const domesticTableData = [
-  { rate: 'Weight', condition: '5Kg-10Kg', price: '$9' },
-  { rate: 'VAT', condition: '12%', price: '$25' },
-  { rate: 'Duty', condition: '-', price: '-' },
-]
-
-const InternationalTableData = [
-  { rate: 'Weight', condition: '5Kg-10Kg', price: '$9' },
-  { rate: 'VAT', condition: '12%', price: '$25' },
-  { rate: 'Duty', condition: 'Japan', price: '$49' },
-]
-</script>
-
-<template>
-  <VCard class="mb-6">
-    <VCardItem
-      title="Shipping Zone"
-      subtitle="Choose where you ship and how much you charge for shipping at checkout."
-    >
-      <template #append>
-        <VBtn variant="text">
-          Create Zone
-        </VBtn>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <div class="mb-6">
-        <div class="d-flex flex-wrap align-center mb-4">
-          <VAvatar
-            :image="avatar1"
-            size="34"
-            class="me-2"
-          />
-
-          <div>
-            <h6 class="text-h6">
-              Domestic
-            </h6>
-            <div class="text-body-2">
-              United state of America
-            </div>
-          </div>
-
-          <VSpacer />
-
-          <div>
-            <IconBtn color="secondary">
-              <VIcon icon="tabler-pencil" />
-            </IconBtn>
-            <IconBtn color="secondary">
-              <VIcon icon="tabler-trash" />
-            </IconBtn>
-          </div>
-        </div>
-
-        <VTable class="mb-4 border rounded">
-          <thead>
-            <tr>
-              <th>RATE NAME</th>
-              <th>CONDITION</th>
-              <th>PRICE</th>
-              <th>ACTIONS</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr
-              v-for="(data, index) in domesticTableData"
-              :key="index"
-            >
-              <td>{{ data.rate }}</td>
-              <td>{{ data.condition }}</td>
-              <td>{{ data.price }}</td>
-              <td>
-                <IconBtn>
-                  <VIcon icon="tabler-dots-vertical" />
-                </IconBtn>
-              </td>
-            </tr>
-          </tbody>
-        </VTable>
-
-        <VBtn variant="tonal">
-          Add rate
-        </VBtn>
-      </div>
-
-      <div>
-        <div class="d-flex flex-wrap align-center mb-4">
-          <VAvatar
-            :image="usflag"
-            size="30"
-            class="me-2"
-          />
-
-          <div>
-            <h6 class="text-h6">
-              International
-            </h6>
-            <div class="text-body-2">
-              United state of America
-            </div>
-          </div>
-
-          <VSpacer />
-          <div>
-            <IconBtn color="secondary">
-              <VIcon icon="tabler-pencil" />
-            </IconBtn>
-            <IconBtn color="secondary">
-              <VIcon icon="tabler-trash" />
-            </IconBtn>
-          </div>
-        </div>
-
-        <VTable class="mb-4 border rounded">
-          <thead>
-            <tr>
-              <th>RATE NAME</th>
-              <th>CONDITION</th>
-              <th>PRICE</th>
-              <th>ACTIONS</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr
-              v-for="(data, index) in InternationalTableData"
-              :key="index"
-            >
-              <td>{{ data.rate }}</td>
-              <td>{{ data.condition }}</td>
-              <td>{{ data.price }}</td>
-              <td>
-                <IconBtn>
-                  <VIcon icon="tabler-dots-vertical" />
-                </IconBtn>
-              </td>
-            </tr>
-          </tbody>
-        </VTable>
-
-        <VBtn variant="tonal">
-          Add rate
-        </VBtn>
-      </div>
-    </VCardText>
-  </VCard>
-
-  <div class="d-flex justify-end gap-x-4">
-    <VBtn
-      variant="tonal"
-      color="secondary"
-    >
-      Discard
-    </VBtn>
-    <VBtn>Save Changes</VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsStoreDetails.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsStoreDetails.vue
deleted file mode 100644
index 0db8684..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/settings/SettingsStoreDetails.vue
+++ /dev/null
@@ -1,244 +0,0 @@
-<template>
-  <VCard
-    title="Profile"
-    class="mb-6"
-  >
-    <VCardText>
-      <VRow>
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <AppTextField
-            label="Store name"
-            placeholder="Pixinvent"
-          />
-        </VCol>
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <AppTextField
-            label="Phone"
-            placeholder="+(123) 456-7890"
-          />
-        </VCol>
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <AppTextField
-            label="Store contact email"
-            placeholder="johndoe@email.com"
-          />
-        </VCol>
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <AppTextField
-            label="Sender email"
-            placeholder="johndoe@email.com"
-          />
-        </VCol>
-        <VCol>
-          <VAlert
-            color="warning"
-            variant="tonal"
-            icon="tabler-bell"
-          >
-            <VAlertTitle class="mb-0">
-              Confirm that you have access to johndoe@gmail.com in sender email
-              settings.
-            </VAlertTitle>
-          </VAlert>
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-
-  <VCard
-    title="Billing Information"
-    class="mb-6"
-  >
-    <VCardText>
-      <VRow>
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <AppTextField
-            label="Legal business name"
-            placeholder="Pixinvent"
-          />
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <AppSelect
-            label="Country/Region"
-            :items="['United States', 'Canada', 'UK']"
-            placeholder="Canada"
-          />
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <AppTextField
-            placeholder="126, New Street"
-            label="Address"
-          />
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <AppTextField
-            label="Apartment,suit, etc."
-            placeholder="Empire Heights"
-          />
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="4"
-        >
-          <AppTextField
-            label="City"
-            placeholder="New York"
-          />
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="4"
-        >
-          <AppTextField
-            label="State"
-            placeholder="NY"
-          />
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="4"
-        >
-          <AppTextField
-            label="PIN Code"
-            placeholder="111011"
-          />
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-
-  <VCard class="mb-6">
-    <template #title>
-      <div class="v-card-title text-wrap">
-        Time zone and units of measurement
-      </div>
-    </template>
-
-    <template #subtitle>
-      <div class="text-wrap">
-        Used to calculate product prices, shipping weights, and order times.
-      </div>
-    </template>
-    <VCardText>
-      <VRow>
-        <VCol cols="12">
-          <AppSelect
-            label="Time zone"
-            :items="['(UTC-12:00) International Date Line West', '(UTC-11:00) Coordinated Universal Time-11', '(UTC-09:00) Alaska', '(UTC-08:00) Baja California']"
-            placeholder="(UTC-12:00) International Date Line West"
-          />
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <AppSelect
-            label="Unit system"
-            :items="['Metric System', 'Imperial', 'International System']"
-            placeholder="Metric System"
-          />
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <AppSelect
-            label="Default weight unit"
-            placeholder="Kilogram"
-            :items="['Kilogram', 'Pounds', 'Gram']"
-          />
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-
-  <VCard
-    title="Store currency"
-    subtitle="The currency your products are sold in."
-    class="mb-6"
-  >
-    <VCardText>
-      <AppSelect
-        label="Store currency"
-        :items="['USD', 'INR', 'Euro', 'Pound']"
-        placeholder="USD"
-      />
-    </VCardText>
-  </VCard>
-
-  <VCard
-    title="Order id format"
-    subtitle="Shown on the Orders page, customer pages, and customer order notifications to identify orders."
-    class="mb-6"
-  >
-    <VCardText>
-      <VRow>
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <AppTextField
-            label="Prefix"
-            prefix="#"
-          />
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <AppTextField
-            label="Suffix"
-            suffix="$"
-          />
-        </VCol>
-      </VRow>
-
-      <div class="mt-2">
-        Your order ID will appear as #1001, #1002, #1003 ...
-      </div>
-    </VCardText>
-  </VCard>
-
-  <div class="d-flex justify-end gap-x-4">
-    <VBtn
-      variant="tonal"
-      color="secondary"
-    >
-      Discard
-    </VBtn>
-    <VBtn>Save Changes</VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/types.ts
deleted file mode 100644
index 8f1ec55..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/ecommerce/types.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-export interface ProductParams {
-  q: string
-  stock: string
-  category: string
-  status: string
-  options: object
-}
-
-export interface OrderParams {
-  q: string
-  options: object
-}
-
-export interface CustomerParams {
-  q: string
-  options: object
-}
-
-export interface ReviewParams {
-  q: string
-  options: object
-}
-
-export interface ReferralParams {
-  options: object
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/email/ComposeDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/email/ComposeDialog.vue
deleted file mode 100644
index 6783b4a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/email/ComposeDialog.vue
+++ /dev/null
@@ -1,250 +0,0 @@
-<script lang="ts" setup>
-defineEmits<{
-  (e: 'close'): void
-}>()
-
-const content = ref('')
-
-const to = ref('')
-const subject = ref('')
-const message = ref('')
-
-const cc = ref('')
-const bcc = ref('')
-const isEmailCc = ref(false)
-const isEmailBcc = ref(false)
-
-const resetValues = () => {
-  to.value = subject.value = message.value = ''
-}
-</script>
-
-<template>
-  <VCard
-    class="email-compose-dialog"
-    elevation="10"
-    max-width="30vw"
-  >
-    <VCardItem class="py-3 px-6">
-      <div class="d-flex align-center">
-        <h5 class="text-h5">
-          Compose Mail
-        </h5>
-        <VSpacer />
-
-        <div class="d-flex align-center gap-x-2">
-          <IconBtn
-            size="small"
-            icon="tabler-minus"
-            @click="$emit('close')"
-          />
-          <IconBtn
-            size="small"
-            icon="tabler-x"
-            @click="$emit('close'); resetValues(); isEmailCc = false; isEmailBcc = false;"
-          />
-        </div>
-      </div>
-    </VCardItem>
-
-    <div class="px-1 pe-6 py-1">
-      <VTextField
-        v-model="to"
-        density="compact"
-      >
-        <template #prepend-inner>
-          <div class="text-base font-weight-medium text-disabled">
-            To:
-          </div>
-        </template>
-        <template #append>
-          <span class="cursor-pointer">
-            <span @click="isEmailCc = !isEmailCc">Cc</span>
-            <span> | </span>
-            <span @click="isEmailBcc = !isEmailBcc">Bcc</span>
-          </span>
-        </template>
-      </VTextField>
-    </div>
-
-    <VExpandTransition>
-      <div v-if="isEmailCc">
-        <VDivider />
-
-        <div class="px-1 pe-6 py-1">
-          <VTextField
-            v-model="cc"
-            density="compact"
-          >
-            <template #prepend-inner>
-              <div class="text-disabled font-weight-medium">
-                Cc:
-              </div>
-            </template>
-          </VTextField>
-        </div>
-      </div>
-    </VExpandTransition>
-
-    <VExpandTransition>
-      <div v-if="isEmailBcc">
-        <VDivider />
-
-        <div class="px-1 pe-6 py-1">
-          <VTextField
-            v-model="bcc"
-            density="compact"
-          >
-            <template #prepend-inner>
-              <div class="text-disabled font-weight-medium">
-                Bcc:
-              </div>
-            </template>
-          </VTextField>
-        </div>
-      </div>
-    </VExpandTransition>
-
-    <VDivider />
-    <div class="px-1 pe-6 py-1">
-      <VTextField
-        v-model="subject"
-        density="compact"
-      >
-        <template #prepend-inner>
-          <div class="text-base font-weight-medium text-disabled">
-            Subject:
-          </div>
-        </template>
-      </VTextField>
-    </div>
-
-    <VDivider />
-
-    <!-- 👉 Tiptap Editor  -->
-    <TiptapEditor
-      v-model="content"
-      placeholder="Message"
-    />
-
-    <div class="d-flex align-center px-6 py-4">
-      <VBtn
-        color="primary"
-        class="me-4"
-        append-icon="tabler-send"
-        :disabled="to === '' ? true : false"
-        @click="$emit('close'); content = ''; resetValues(); isEmailCc = false; isEmailBcc = false;"
-      >
-        send
-      </VBtn>
-
-      <IconBtn size="small">
-        <VIcon icon="tabler-paperclip" />
-      </IconBtn>
-
-      <VSpacer />
-
-      <IconBtn
-        size="small"
-        class="me-2"
-      >
-        <VIcon icon="tabler-dots-vertical" />
-      </IconBtn>
-
-      <IconBtn
-        size="small"
-        @click="$emit('close'); resetValues(); content = ''; isEmailCc = false; isEmailBcc = false;"
-      >
-        <VIcon icon="tabler-trash" />
-      </IconBtn>
-    </div>
-  </VCard>
-</template>
-
-<style lang="scss">
-@use "@core-scss/base/mixins";
-
-.v-card.email-compose-dialog {
-  z-index: 910 !important;
-
-  @include mixins.elevation(18);
-
-  .v-field--prepended {
-    padding-inline-start: 20px;
-  }
-
-  .v-field__prepend-inner {
-    align-items: center;
-    padding: 0;
-  }
-
-  .v-field__prepend-inner {
-    align-items: center;
-    padding: 0;
-  }
-
-  .v-card-item {
-    background-color: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
-  }
-
-  .v-textarea .v-field {
-    --v-field-padding-start: 20px;
-  }
-
-  .v-field__outline {
-    display: none;
-  }
-
-  .v-input {
-    .v-field__prepend-inner {
-      display: flex;
-      align-items: center;
-      padding-block-start: 0;
-    }
-  }
-
-  .app-text-field {
-    .v-field__input {
-      padding-block-start: 6px;
-    }
-
-    .v-field--focused {
-      box-shadow: none !important;
-    }
-  }
-}
-
-.email-compose-dialog {
-  .ProseMirror {
-    p {
-      margin-block-end: 0;
-    }
-
-    padding: 1.5rem;
-    block-size: 100px;
-    overflow-y: auto;
-    padding-block: 0.5rem;
-
-    &:focus-visible {
-      outline: none;
-    }
-
-    p.is-editor-empty:first-child::before {
-      block-size: 0;
-      color: #adb5bd;
-      content: attr(data-placeholder);
-      float: inline-start;
-      pointer-events: none;
-    }
-
-    ul,
-    ol {
-      padding-inline: 1.125rem;
-    }
-
-    &-focused {
-      outline: none;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/email/EmailLeftSidebarContent.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/email/EmailLeftSidebarContent.vue
deleted file mode 100644
index 5b69efc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/email/EmailLeftSidebarContent.vue
+++ /dev/null
@@ -1,269 +0,0 @@
-<script setup lang="ts">
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-const props = defineProps<Props>()
-
-defineEmits<{
-  (e: 'toggleComposeDialogVisibility'): void
-}>()
-
-interface Props {
-  emailsMeta: {
-    inbox: number
-    draft: number
-    spam: number
-    star: number
-  }
-}
-
-interface Folder {
-  title: string
-  prependIcon: string
-  to: any
-  badge?: {
-    content: string | number
-    color: string
-  }
-}
-
-interface Label {
-  title: string
-  color: string
-  to: any
-}
-
-const inboxEmails = ref(0)
-const draftEmails = ref(0)
-const spamEmails = ref(0)
-const starredEmails = ref(0)
-
-watch(() => props.emailsMeta, emailsMeta => {
-  if (!emailsMeta)
-    return
-
-  inboxEmails.value = emailsMeta.inbox
-  draftEmails.value = emailsMeta.draft
-  spamEmails.value = emailsMeta.spam
-  starredEmails.value = emailsMeta.star
-}, { immediate: true, deep: true })
-
-const folders: ComputedRef<Folder[]> = computed(() => [
-  {
-    title: 'Inbox',
-    prependIcon: 'tabler-mail',
-    to: { name: 'apps-email' },
-    badge: { content: inboxEmails.value, color: 'primary' },
-  },
-  {
-    title: 'Sent',
-    prependIcon: 'tabler-send',
-    to: {
-      name: 'apps-email-filter',
-      params: { filter: 'sent' },
-    },
-  },
-  {
-    title: 'Draft',
-    prependIcon: 'tabler-edit',
-    to: {
-      name: 'apps-email-filter',
-      params: { filter: 'draft' },
-    },
-    badge: { content: draftEmails.value, color: 'warning' },
-  },
-  {
-    title: 'Starred',
-    prependIcon: 'tabler-star',
-    to: {
-      name: 'apps-email-filter',
-      params: { filter: 'starred' },
-    },
-    badge: { content: starredEmails.value, color: 'success' },
-  },
-  {
-    title: 'Spam',
-    prependIcon: 'tabler-alert-circle',
-    to: {
-      name: 'apps-email-filter',
-      params: { filter: 'spam' },
-    },
-    badge: { content: spamEmails.value, color: 'error' },
-  },
-  {
-    title: 'Trash',
-    prependIcon: 'tabler-trash',
-    to: {
-      name: 'apps-email-filter',
-      params: { filter: 'trashed' },
-    },
-  },
-])
-
-const labels: Label[] = [
-  {
-    title: 'Personal',
-    color: 'success',
-    to: {
-      name: 'apps-email-label',
-      params: { label: 'personal' },
-    },
-  },
-  {
-    title: 'Company',
-    color: 'primary',
-    to: {
-      name: 'apps-email-label',
-      params: { label: 'company' },
-    },
-  },
-  {
-    title: 'Important',
-    color: 'warning',
-    to: {
-      name: 'apps-email-label',
-      params: { label: 'important' },
-    },
-  },
-  {
-    title: 'Private',
-    color: 'error',
-    to: {
-      name: 'apps-email-label',
-      params: { label: 'private' },
-    },
-  },
-]
-</script>
-
-<template>
-  <div class="d-flex flex-column h-100">
-    <!-- 👉 Compose -->
-    <div class="px-6 pb-5 pt-6">
-      <VBtn
-        block
-        @click="$emit('toggleComposeDialogVisibility')"
-      >
-        Compose
-      </VBtn>
-    </div>
-
-    <!-- 👉 Folders -->
-    <PerfectScrollbar
-      :options="{ wheelPropagation: false }"
-      class="h-100"
-    >
-      <!-- Filters -->
-      <ul class="email-filters py-4">
-        <RouterLink
-          v-for="folder in folders"
-          :key="folder.title"
-          v-slot="{ isActive, href, navigate }"
-          class="d-flex align-center cursor-pointer align-center"
-          :to="folder.to"
-          custom
-        >
-          <li
-            v-bind="$attrs"
-            :href="href"
-            :class="isActive && 'email-filter-active text-primary'"
-            class="d-flex align-center cursor-pointer"
-            @click="navigate"
-          >
-            <VIcon
-              :icon="folder.prependIcon"
-              class="me-2"
-              size="20"
-            />
-            <div class="text-base">
-              {{ folder.title }}
-            </div>
-
-            <VSpacer />
-
-            <VChip
-              v-if="folder.badge?.content"
-              :color="folder.badge.color"
-              label
-              size="small"
-              class="rounded-xl px-3"
-            >
-              {{ folder.badge?.content }}
-            </VChip>
-          </li>
-        </RouterLink>
-      </ul>
-
-      <ul class="email-labels py-4">
-        <!-- 👉 Labels -->
-        <div class="text-caption text-disabled mb-4 px-6">
-          LABELS
-        </div>
-        <RouterLink
-          v-for="label in labels"
-          :key="label.title"
-          v-slot="{ isActive, href, navigate }"
-          class="d-flex align-center"
-          :to="label.to"
-          custom
-        >
-          <li
-            v-bind="$attrs"
-            :href="href"
-            :class="isActive && 'email-label-active text-primary'"
-            class="cursor-pointer d-flex align-center"
-            @click="navigate"
-          >
-            <VIcon
-              icon="tabler-circle-filled"
-              :color="label.color"
-              class="me-2"
-              size="12"
-            />
-            <div class="text-body-1 text-high-emphasis">
-              {{ label.title }}
-            </div>
-          </li>
-        </RouterLink>
-      </ul>
-    </PerfectScrollbar>
-  </div>
-</template>
-
-<style lang="scss">
-.email-filters,
-.email-labels {
-  .email-filter-active,
-  .email-label-active {
-    &::after {
-      position: absolute;
-      background: currentcolor;
-      block-size: 100%;
-      content: "";
-      inline-size: 3px;
-      inset-block-start: 0;
-      inset-inline-start: 0;
-    }
-  }
-}
-
-.email-filters {
-  > li {
-    position: relative;
-    margin-block-end: 4px;
-    padding-block: 4px;
-    padding-inline: 24px;
-  }
-}
-
-.email-labels {
-  > li {
-    position: relative;
-    margin-block-end: 0.75rem;
-    padding-inline: 24px;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/email/EmailView.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/email/EmailView.vue
deleted file mode 100644
index b73d389..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/email/EmailView.vue
+++ /dev/null
@@ -1,435 +0,0 @@
-<script setup lang="ts">
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import type { MoveEmailToAction } from '@/views/apps/email/useEmail'
-import { useEmail } from '@/views/apps/email/useEmail'
-import type { Email } from '@db/apps/email/types'
-
-interface Props {
-  email: Email | null
-  emailMeta: {
-    hasPreviousEmail: boolean
-    hasNextEmail: boolean
-  }
-}
-
-const props = defineProps<Props>()
-
-const emit = defineEmits<{
-  (e: 'refresh'): void
-  (e: 'navigated', direction: 'previous' | 'next'): void
-  (e: 'close'): void
-  (e: 'trash'): void
-  (e: 'unread'): void
-  (e: 'read'): void
-  (e: 'star'): void
-  (e: 'unstar'): void
-}>()
-
-const emailReply = ref('')
-const showReplyBox = ref(false)
-const showReplyCard = ref(true)
-const { updateEmailLabels } = useEmail()
-
-const { labels, resolveLabelColor, emailMoveToFolderActions, shallShowMoveToActionFor, moveSelectedEmailTo } = useEmail()
-
-const handleMoveMailsTo = async (action: MoveEmailToAction) => {
-  await moveSelectedEmailTo(action, [(props.email as Email).id])
-  emit('refresh')
-  emit('close')
-}
-
-const updateMailLabel = async (label: Email['labels'][number]) => {
-  await updateEmailLabels([(props.email as Email).id], label)
-
-  emit('refresh')
-}
-</script>
-
-<template>
-  <!-- ℹ️ calc(100% - 256px) => 265px is left sidebar width -->
-  <VNavigationDrawer
-    data-allow-mismatch
-    temporary
-    :model-value="!!props.email"
-    location="right"
-    :scrim="false"
-    floating
-    class="email-view"
-  >
-    <template v-if="props.email">
-      <!-- 👉 header -->
-
-      <div class="email-view-header d-flex align-center px-5 py-3">
-        <IconBtn
-          class="me-2"
-          @click="$emit('close'); showReplyBox = false; showReplyCard = true; emailReply = ''"
-        >
-          <VIcon
-            size="22"
-            icon="tabler-chevron-left"
-            class="flip-in-rtl"
-          />
-        </IconBtn>
-
-        <div class="d-flex align-center flex-wrap flex-grow-1 overflow-hidden gap-2">
-          <div class="text-body-1 text-high-emphasis text-truncate">
-            {{ props.email.subject }}
-          </div>
-
-          <div class="d-flex flex-wrap gap-2">
-            <VChip
-              v-for="label in props.email.labels"
-              :key="label"
-              :color="resolveLabelColor(label)"
-              class="text-capitalize flex-shrink-0"
-              size="small"
-              :label="false"
-            >
-              {{ label }}
-            </VChip>
-          </div>
-        </div>
-
-        <div>
-          <div class="d-flex align-center">
-            <IconBtn
-              :disabled="!props.emailMeta.hasPreviousEmail"
-              @click="$emit('navigated', 'previous')"
-            >
-              <VIcon
-                icon="tabler-chevron-left"
-                class="flip-in-rtl"
-              />
-            </IconBtn>
-
-            <IconBtn
-              :disabled="!props.emailMeta.hasNextEmail"
-              @click="$emit('navigated', 'next')"
-            >
-              <VIcon
-                icon="tabler-chevron-right"
-                class="flip-in-rtl"
-              />
-            </IconBtn>
-          </div>
-        </div>
-      </div>
-
-      <VDivider />
-
-      <!-- 👉 Action bar -->
-      <div class="email-view-action-bar d-flex align-center text-medium-emphasis px-6 gap-x-1">
-        <!-- Trash -->
-        <IconBtn
-          v-show="!props.email.isDeleted"
-          @click="$emit('trash'); $emit('close')"
-        >
-          <VIcon
-            icon="tabler-trash"
-            size="22"
-          />
-          <VTooltip
-            activator="parent"
-            location="top"
-          >
-            Delete Mail
-          </VTooltip>
-        </IconBtn>
-
-        <!-- Read/Unread -->
-        <IconBtn @click.stop="$emit('unread'); $emit('close')">
-          <VIcon
-            icon="tabler-mail"
-            size="22"
-          />
-          <VTooltip
-            activator="parent"
-            location="top"
-          >
-            Mark as Unread
-          </VTooltip>
-        </IconBtn>
-
-        <!-- Move to folder -->
-        <IconBtn>
-          <VIcon
-            icon="tabler-folder"
-            size="22"
-          />
-          <VTooltip
-            activator="parent"
-            location="top"
-          >
-            Move to
-          </VTooltip>
-
-          <VMenu activator="parent">
-            <VList density="compact">
-              <template
-                v-for="moveTo in emailMoveToFolderActions"
-                :key="moveTo.title"
-              >
-                <VListItem
-                  :class="shallShowMoveToActionFor(moveTo.action) ? 'd-flex' : 'd-none'"
-                  class="align-center"
-                  href="#"
-                  @click="handleMoveMailsTo(moveTo.action)"
-                >
-                  <template #prepend>
-                    <VIcon
-                      :icon="moveTo.icon"
-                      class="me-2"
-                      size="20"
-                    />
-                  </template>
-                  <VListItemTitle class="text-capitalize">
-                    {{ moveTo.action }}
-                  </VListItemTitle>
-                </VListItem>
-              </template>
-            </VList>
-          </VMenu>
-        </IconBtn>
-
-        <!-- Update labels -->
-        <IconBtn>
-          <VIcon
-            icon="tabler-tag"
-            size="22"
-          />
-          <VTooltip
-            activator="parent"
-            location="top"
-          >
-            Label
-          </VTooltip>
-
-          <VMenu activator="parent">
-            <VList density="compact">
-              <VListItem
-                v-for="label in labels"
-                :key="label.title"
-                href="#"
-                @click.stop="updateMailLabel(label.title)"
-              >
-                <template #prepend>
-                  <VBadge
-                    inline
-                    :color="resolveLabelColor(label.title)"
-                    dot
-                  />
-                </template>
-                <VListItemTitle class="ms-2 text-capitalize">
-                  {{ label.title }}
-                </VListItemTitle>
-              </VListItem>
-            </VList>
-          </VMenu>
-        </IconBtn>
-
-        <VSpacer />
-
-        <div class="d-flex align-center gap-x-1">
-          <!-- Star/Unstar -->
-          <IconBtn
-            :color="props.email.isStarred ? 'warning' : 'default'"
-            @click="props.email?.isStarred ? $emit('unstar') : $emit('star'); $emit('refresh')"
-          >
-            <VIcon icon="tabler-star" />
-          </IconBtn>
-          <IconBtn>
-            <VIcon icon="tabler-dots-vertical" />
-          </IconBtn>
-        </div>
-      </div>
-
-      <VDivider />
-
-      <!-- 👉 Mail Content -->
-      <PerfectScrollbar
-        tag="div"
-        class="mail-content-container flex-grow-1 pa-sm-12 pa-6"
-        :options="{ wheelPropagation: false }"
-      >
-        <VCard class="mb-4">
-          <div class="d-flex align-start align-sm-center pa-6 gap-x-4">
-            <VAvatar size="38">
-              <VImg
-                :src="props.email.from.avatar"
-                :alt="props.email.from.name"
-              />
-            </VAvatar>
-
-            <div class="d-flex flex-wrap flex-grow-1 overflow-hidden">
-              <div class="text-truncate">
-                <div class="text-body-1 text-high-emphasis text-truncate">
-                  {{ props.email.from.name }}
-                </div>
-                <div class="text-sm">
-                  {{ props.email.from.email }}
-                </div>
-              </div>
-
-              <VSpacer />
-
-              <div class="d-flex align-center gap-x-4">
-                <div class="text-disabled text-base">
-                  {{ new Date(props.email.time).toDateString() }}
-                </div>
-                <div>
-                  <IconBtn v-show="props.email.attachments.length">
-                    <VIcon
-                      icon="tabler-paperclip"
-                      size="22"
-                    />
-                  </IconBtn>
-                  <IconBtn>
-                    <VIcon
-                      icon="tabler-dots-vertical"
-                      size="22"
-                    />
-                  </IconBtn>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <VDivider />
-
-          <VCardText>
-            <!-- eslint-disable vue/no-v-html -->
-            <div class="text-body-1 font-weight-medium text-truncate mb-4">
-              {{ props.email.from.name }},
-            </div>
-            <div
-              class="text-base"
-              v-html="props.email.message"
-            />
-            <!-- eslint-enable -->
-          </VCardText>
-
-          <template v-if="props.email.attachments.length">
-            <VDivider />
-
-            <VCardText class="d-flex flex-column gap-y-4 pt-4">
-              <span>2 Attachments</span>
-              <div
-                v-for="attachment in props.email.attachments"
-                :key="attachment.fileName"
-                class="d-flex align-center"
-              >
-                <VImg
-                  :src="attachment.thumbnail"
-                  :alt="attachment.fileName"
-                  aspect-ratio="1"
-                  max-height="24"
-                  max-width="24"
-                  class="me-2"
-                />
-                <span>{{ attachment.fileName }}</span>
-              </div>
-            </VCardText>
-          </template>
-        </VCard>
-
-        <!-- Reply or Forward -->
-        <VCard v-show="showReplyCard">
-          <VCardText class="font-weight-medium text-high-emphasis">
-            <div class="text-base">
-              Click here to <span
-                class="text-primary cursor-pointer"
-                @click="showReplyBox = !showReplyBox; showReplyCard = !showReplyCard"
-              >
-                Reply
-              </span> or <span class="text-primary cursor-pointer">
-                Forward
-              </span>
-            </div>
-          </VCardText>
-        </VCard>
-
-        <VCard v-if="showReplyBox">
-          <VCardText>
-            <h6 class="text-h6 mb-6">
-              Reply to {{ email?.from.name }}
-            </h6>
-            <TiptapEditor
-              v-model="emailReply"
-              placeholder="Write your message..."
-            />
-            <div class="d-flex justify-end gap-4 pt-2 flex-wrap">
-              <VBtn
-                icon
-                variant="text"
-                color="secondary"
-                @click="showReplyBox = !showReplyBox; showReplyCard = !showReplyCard; emailReply = ''"
-              >
-                <VIcon icon="tabler-trash" />
-              </VBtn>
-              <VBtn
-                variant="text"
-                color="secondary"
-              >
-                <template #prepend>
-                  <VIcon
-                    icon="tabler-paperclip"
-                    class="text-high-emphasis"
-                    size="16"
-                  />
-                </template>
-                Attachments
-              </VBtn>
-              <VBtn append-icon="tabler-send">
-                Send
-              </VBtn>
-            </div>
-          </VCardText>
-        </VCard>
-      </PerfectScrollbar>
-    </template>
-  </VNavigationDrawer>
-</template>
-
-<style lang="scss">
-.email-view {
-  &:not(.v-navigation-drawer--active) {
-    transform: translateX(110%) !important;
-  }
-
-  inline-size: 100% !important;
-
-  @media only screen and (min-width: 1280px) {
-    inline-size: calc(100% - 256px) !important;
-  }
-
-  .v-navigation-drawer__content {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .editor {
-    padding-block-start: 0 !important;
-    padding-inline: 0 !important;
-  }
-
-  .ProseMirror {
-    padding: 0.5rem;
-    block-size: 100px;
-    overflow-y: auto;
-    padding-block: 0.5rem;
-  }
-}
-
-.email-view-action-bar {
-  min-block-size: 56px;
-}
-
-.mail-content-container {
-  background-color: rgb(var(--v-theme-on-surface), var(--v-hover-opacity));
-
-  .mail-header {
-    margin-block: 12px;
-    margin-inline: 24px;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/email/useEmail.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/email/useEmail.ts
deleted file mode 100644
index b1765e7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/email/useEmail.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import type { PartialDeep } from 'type-fest'
-import type { Email } from '@db/apps/email/types'
-
-export type MoveEmailToAction = 'inbox' | 'spam' | 'trash'
-
-export const useEmail = () => {
-  const route = useRoute('apps-email-filter')
-
-  const updateEmails = async (ids: Email['id'][], data: PartialDeep<Email>) => {
-    await $api('apps/email', {
-      method: 'POST',
-      body: JSON.stringify({ ids, data }),
-    })
-  }
-
-  const updateEmailLabels = async (ids: Email['id'][], label: Email['labels'][number]) => {
-    await $api('/apps/email', {
-      method: 'POST',
-      body: { ids, label },
-    })
-  }
-
-  const emailMoveToFolderActions: { action: MoveEmailToAction; icon: string }[] = [
-    { action: 'inbox', icon: 'tabler-mail' },
-    { action: 'spam', icon: 'tabler-alert-octagon' },
-    { action: 'trash', icon: 'tabler-trash' },
-  ]
-
-  const labels: { title: Email['labels'][number]; color: string }[] = [
-    {
-      title: 'personal',
-      color: 'success',
-
-    },
-    {
-      title: 'company',
-      color: 'primary',
-
-    },
-    {
-      title: 'important',
-      color: 'warning',
-
-    },
-    {
-      title: 'private',
-      color: 'error',
-
-    },
-  ]
-
-  const resolveLabelColor = (label: Email['labels'][number]) => {
-    if (label === 'personal')
-      return 'success'
-    if (label === 'company')
-      return 'primary'
-    if (label === 'important')
-      return 'warning'
-    if (label === 'private')
-      return 'error'
-
-    return 'secondary'
-  }
-
-  const shallShowMoveToActionFor = (action: MoveEmailToAction) => {
-    if (action === 'trash')
-      return route.params.filter !== 'trashed'
-
-    else if (action === 'inbox')
-      return !(route.params.filter === undefined || route.params.filter === 'sent' || route.params.filter === 'draft')
-
-    else if (action === 'spam')
-      return !(route.params.filter === 'spam' || route.params.filter === 'sent' || route.params.filter === 'draft')
-
-    return false
-  }
-
-  const moveSelectedEmailTo = async (action: MoveEmailToAction, selectedEmails: number[]) => {
-    const dataToUpdate: PartialDeep<Email> = {}
-
-    if (action === 'inbox') {
-      if (route.params.filter === 'trashed')
-        dataToUpdate.isDeleted = false
-      dataToUpdate.folder = 'inbox'
-    }
-
-    else if (action === 'spam') {
-      if (route.params.filter === 'trashed')
-        dataToUpdate.isDeleted = false
-      dataToUpdate.folder = 'spam'
-    }
-
-    else if (action === 'trash') {
-      dataToUpdate.isDeleted = true
-    }
-
-    await updateEmails(selectedEmails, dataToUpdate)
-  }
-
-  return {
-    labels,
-    resolveLabelColor,
-    shallShowMoveToActionFor,
-    emailMoveToFolderActions,
-    moveSelectedEmailTo,
-    updateEmails,
-    updateEmailLabels,
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/InvoiceAddPaymentDrawer.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/InvoiceAddPaymentDrawer.vue
deleted file mode 100644
index 33c3437..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/InvoiceAddPaymentDrawer.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<script setup lang="ts">
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-
-interface SubmitData {
-  invoiceBalance: string
-  paymentAmount: string
-  paymentDate: string
-  paymentMethod: string
-  paymentNote: string
-}
-interface Emit {
-  (e: 'update:isDrawerOpen', value: boolean): void
-  (e: 'submit', value: SubmitData): void
-}
-
-interface Props {
-  isDrawerOpen: boolean
-}
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-
-const invoiceBalance = ref()
-const paymentAmount = ref()
-const paymentDate = ref('')
-const paymentMethod = ref()
-const paymentNote = ref('')
-
-const onSubmit = () => {
-  emit('update:isDrawerOpen', false)
-  emit('submit', {
-    invoiceBalance: invoiceBalance.value,
-    paymentAmount: paymentAmount.value,
-    paymentDate: paymentDate.value,
-    paymentMethod: paymentMethod.value,
-    paymentNote: paymentNote.value,
-  })
-}
-
-const handleDrawerModelValueUpdate = (val: boolean) => {
-  emit('update:isDrawerOpen', val)
-}
-</script>
-
-<template>
-  <VNavigationDrawer
-    data-allow-mismatch
-    temporary
-    location="end"
-    :width="400"
-    border="none"
-    :model-value="props.isDrawerOpen"
-    class="scrollable-content"
-    @update:model-value="handleDrawerModelValueUpdate"
-  >
-    <!-- 👉 Header -->
-    <AppDrawerHeaderSection
-      title="Add Payment"
-      @cancel="$emit('update:isDrawerOpen', false)"
-    />
-    <VDivider />
-    <PerfectScrollbar :options="{ wheelPropagation: false }">
-      <VCard flat>
-        <VCardText>
-          <VForm @submit.prevent="onSubmit">
-            <VRow>
-              <VCol cols="12">
-                <AppTextField
-                  id="invoice-balance"
-                  v-model="invoiceBalance"
-                  label="Invoice Balance"
-                  type="number"
-                  placeholder="$99"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextField
-                  id="payment-amount"
-                  v-model="paymentAmount"
-                  label="Payment Amount"
-                  type="number"
-                  placeholder="$99"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppDateTimePicker
-                  id="invoice-payment-date"
-                  v-model="paymentDate"
-                  label="Payment Date"
-                  placeholder="Select Date"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppSelect
-                  id="invoice-payment-method"
-                  v-model="paymentMethod"
-                  label="Select Payment Method"
-                  placeholder="Select Payment Method"
-                  :items="['Cash', 'Bank Transfer', 'Debit', 'Credit', 'PayPal']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextarea
-                  id="invoice-payment-note"
-                  v-model="paymentNote"
-                  label="Internal Payment Note"
-                  placeholder="Internal Payment Note"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VBtn
-                  type="submit"
-                  class="me-3"
-                >
-                  Send
-                </VBtn>
-
-                <VBtn
-                  type="reset"
-                  color="secondary"
-                  variant="tonal"
-                  @click="$emit('update:isDrawerOpen', false)"
-                >
-                  Cancel
-                </VBtn>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </PerfectScrollbar>
-  </VNavigationDrawer>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/InvoiceEditable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/InvoiceEditable.vue
deleted file mode 100644
index 612923c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/InvoiceEditable.vue
+++ /dev/null
@@ -1,338 +0,0 @@
-<script setup lang="ts">
-import InvoiceProductEdit from './InvoiceProductEdit.vue'
-import type { InvoiceData, PurchasedProduct } from './types'
-import type { Client } from '@db/apps/invoice/types'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-interface Props {
-  data: InvoiceData
-}
-
-const props = defineProps<Props>()
-
-const emit = defineEmits<{
-  (e: 'push', value: PurchasedProduct): void
-  (e: 'remove', id: number): void
-}>()
-
-const invoice = ref(props.data.invoice)
-const salesperson = ref(props.data.salesperson)
-const thanksNote = ref(props.data.thanksNote)
-const note = ref(props.data.note)
-
-// 👉 Clients
-const clients = ref<Client[]>([])
-
-// 👉 fetchClients
-const fetchClients = async () => {
-  const { data, error } = await useApi<any>('/apps/invoice/clients')
-
-  if (error.value)
-    console.log(error.value)
-  else
-    clients.value = data.value
-}
-
-fetchClients()
-
-// 👉 Add item function
-const addItem = () => {
-  emit('push', {
-    title: 'App Design',
-    cost: 24,
-    hours: 1,
-    description: 'Designed UI kit & app pages.',
-  })
-}
-
-// 👉 Remove Product edit section
-const removeProduct = (id: number) => {
-  emit('remove', id)
-}
-</script>
-
-<template>
-  <VCard class="pa-6 pa-sm-12">
-    <!-- SECTION Header -->
-    <div class="d-flex flex-wrap justify-space-between flex-column rounded bg-var-theme-background flex-sm-row gap-6 pa-6 mb-6">
-      <!-- 👉 Left Content -->
-      <div>
-        <div class="d-flex align-center app-logo mb-6">
-          <!-- 👉 Logo -->
-          <VNodeRenderer :nodes="themeConfig.app.logo" />
-
-          <!-- 👉 Title -->
-          <h6 class="app-logo-title">
-            {{ themeConfig.app.title }}
-          </h6>
-        </div>
-
-        <!-- 👉 Address -->
-        <p class="text-high-emphasis mb-0">
-          Office 149, 450 South Brand Brooklyn
-        </p>
-        <p class="text-high-emphasis mb-0">
-          San Diego County, CA 91905, USA
-        </p>
-        <p class="text-high-emphasis mb-0">
-          +1 (123) 456 7891, +44 (876) 543 2198
-        </p>
-      </div>
-
-      <!-- 👉 Right Content -->
-      <div class="d-flex flex-column gap-2">
-        <!-- 👉 Invoice Id -->
-        <div class="d-flex align-start align-sm-center gap-x-4 font-weight-medium text-lg flex-column flex-sm-row">
-          <span
-            class="text-high-emphasis text-sm-end"
-            style="inline-size: 5.625rem ;"
-          >Invoice:</span>
-          <span>
-            <AppTextField
-              id="invoice-id"
-              v-model="invoice.id"
-              disabled
-              prefix="#"
-              style="inline-size: 9.5rem;"
-            />
-          </span>
-        </div>
-
-        <!-- 👉 Issue Date -->
-        <div class="d-flex gap-x-4 align-start align-sm-center flex-column flex-sm-row">
-          <span
-            class="text-high-emphasis text-sm-end"
-            style="inline-size: 5.625rem;"
-          >Date Issued:</span>
-
-          <span style="inline-size: 9.5rem;">
-            <AppDateTimePicker
-              id="issued-date"
-              v-model="invoice.issuedDate"
-              placeholder="YYYY-MM-DD"
-              :config="{ position: 'auto right' }"
-            />
-          </span>
-        </div>
-
-        <!-- 👉 Due Date -->
-        <div class="d-flex gap-x-4 align-start align-sm-center flex-column flex-sm-row">
-          <span
-            class="text-high-emphasis text-sm-end"
-            style="inline-size: 5.625rem;"
-          >Due Date:</span>
-          <span style="min-inline-size: 9.5rem;">
-            <AppDateTimePicker
-              id="due-date"
-              v-model="invoice.dueDate"
-              placeholder="YYYY-MM-DD"
-              :config="{ position: 'auto right' }"
-            />
-          </span>
-        </div>
-      </div>
-    </div>
-    <!-- !SECTION -->
-
-    <VRow>
-      <VCol class="text-no-wrap">
-        <h6 class="text-h6 mb-4">
-          Invoice To:
-        </h6>
-
-        <VSelect
-          id="client-name"
-          v-model="invoice.client"
-          :items="clients"
-          item-title="name"
-          item-value="name"
-          placeholder="Select Client"
-          return-object
-          class="mb-4"
-          style="inline-size: 11.875rem;"
-        />
-        <p class="mb-0">
-          {{ invoice.client.name }}
-        </p>
-        <p class="mb-0">
-          {{ invoice.client.company }}
-        </p>
-        <p
-          v-if="invoice.client.address"
-          class="mb-0"
-        >
-          {{ invoice.client.address }}, {{ invoice.client.country }}
-        </p>
-        <p class="mb-0">
-          {{ invoice.client.contact }}
-        </p>
-        <p class="mb-0">
-          {{ invoice.client.companyEmail }}
-        </p>
-      </VCol>
-
-      <VCol class="text-no-wrap">
-        <h6 class="text-h6 mb-4">
-          Bill To:
-        </h6>
-
-        <table>
-          <tbody>
-            <tr>
-              <td class="pe-4">
-                Total Due:
-              </td>
-              <td>{{ props.data.paymentDetails.totalDue }}</td>
-            </tr>
-            <tr>
-              <td class="pe-4">
-                Bank Name:
-              </td>
-              <td>{{ props.data.paymentDetails.bankName }}</td>
-            </tr>
-            <tr>
-              <td class="pe-4">
-                Country:
-              </td>
-              <td>{{ props.data.paymentDetails.country }}</td>
-            </tr>
-            <tr>
-              <td class="pe-4">
-                IBAN:
-              </td>
-              <td>
-                <p class="text-wrap me-4">
-                  {{ props.data.paymentDetails.iban }}
-                </p>
-              </td>
-            </tr>
-            <tr>
-              <td class="pe-4">
-                SWIFT Code:
-              </td>
-              <td>{{ props.data.paymentDetails.swiftCode }}</td>
-            </tr>
-          </tbody>
-        </table>
-      </VCol>
-    </VRow>
-
-    <VDivider class="my-6 border-dashed" />
-    <!-- 👉 Add purchased products -->
-    <div class="add-products-form">
-      <div
-        v-for="(product, index) in props.data.purchasedProducts"
-        :key="product.title"
-        class="mb-4"
-      >
-        <InvoiceProductEdit
-          :id="index"
-          :data="product"
-          @remove-product="removeProduct"
-        />
-      </div>
-
-      <VBtn
-        size="small"
-        prepend-icon="tabler-plus"
-        @click="addItem"
-      >
-        Add Item
-      </VBtn>
-    </div>
-
-    <VDivider class="my-6 border-dashed" />
-
-    <!-- 👉 Total Amount -->
-    <div class="d-flex justify-space-between flex-wrap flex-column flex-sm-row">
-      <div class="mb-6 mb-sm-0">
-        <div class="d-flex align-center mb-4">
-          <h6 class="text-h6 me-2">
-            Salesperson:
-          </h6>
-          <AppTextField
-            id="salesperson"
-            v-model="salesperson"
-            style="inline-size: 8rem;"
-            placeholder="John Doe"
-          />
-        </div>
-
-        <AppTextField
-          id="thanks-note"
-          v-model="thanksNote"
-          placeholder="Thanks for your business"
-        />
-      </div>
-
-      <div>
-        <table class="w-100">
-          <tbody>
-            <tr>
-              <td class="pe-16">
-                Subtotal:
-              </td>
-              <td :class="$vuetify.locale.isRtl ? 'text-start' : 'text-end'">
-                <h6 class="text-h6">
-                  $1800
-                </h6>
-              </td>
-            </tr>
-            <tr>
-              <td class="pe-16">
-                Discount:
-              </td>
-              <td :class="$vuetify.locale.isRtl ? 'text-start' : 'text-end'">
-                <h6 class="text-h6">
-                  $28
-                </h6>
-              </td>
-            </tr>
-            <tr>
-              <td class="pe-16">
-                Tax:
-              </td>
-              <td :class="$vuetify.locale.isRtl ? 'text-start' : 'text-end'">
-                <h6 class="text-h6">
-                  21%
-                </h6>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-
-        <VDivider class="mt-4 mb-3" />
-
-        <table class="w-100">
-          <tbody>
-            <tr>
-              <td class="pe-16">
-                Total:
-              </td>
-              <td :class="$vuetify.locale.isRtl ? 'text-start' : 'text-end'">
-                <h6 class="text-h6">
-                  $1690
-                </h6>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-
-    <VDivider class="my-6 border-dashed" />
-
-    <div>
-      <h6 class="text-h6 mb-2">
-        Note:
-      </h6>
-      <VTextarea
-        id="note"
-        v-model="note"
-        placeholder="Write note here..."
-        :rows="2"
-      />
-    </div>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/InvoiceProductEdit.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/InvoiceProductEdit.vue
deleted file mode 100644
index 3d24427..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/InvoiceProductEdit.vue
+++ /dev/null
@@ -1,216 +0,0 @@
-<!-- eslint-disable vue/no-mutating-props -->
-<script setup lang="ts">
-interface Emit {
-  (e: 'removeProduct', value: number): void
-  (e: 'totalAmount', value: number): void
-}
-
-interface Props {
-  id: number
-  data: {
-    title: string
-    cost: number
-    hours: number
-    description: string
-  }
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  data: () => ({
-    title: 'App Design',
-    cost: 24,
-    hours: 1,
-    description: 'Designed UI kit & app pages.',
-  }),
-})
-
-const emit = defineEmits<Emit>()
-
-const itemsOptions: Props['data'][] = [
-  {
-    title: 'App Design',
-    cost: 24,
-    hours: 1,
-    description: 'Designed UI kit & app pages.',
-  },
-  {
-    title: 'App Customization',
-    cost: 26,
-    hours: 1,
-    description: 'Customization & Bug Fixes.',
-  },
-  {
-    title: 'ABC Template',
-    cost: 28,
-    hours: 1,
-    description: 'Vuetify admin template.',
-  },
-  {
-    title: 'App Development',
-    cost: 32,
-    hours: 1,
-    description: 'Native App Development.',
-  },
-]
-
-const selectedItem = ref('App Customization')
-const localProductData = ref(structuredClone(toRaw(props.data)))
-
-watch(selectedItem, () => {
-  const item = itemsOptions.filter(obj => {
-    return obj.title === selectedItem.value
-  })
-
-  localProductData.value = item[0]
-})
-
-const removeProduct = () => {
-  emit('removeProduct', props.id)
-}
-
-const totalPrice = computed(() => Number(localProductData.value.cost) * Number(localProductData.value.hours))
-
-watch(totalPrice, () => {
-  emit('totalAmount', totalPrice.value)
-}, { immediate: true })
-</script>
-
-<template>
-  <!-- eslint-disable vue/no-mutating-props -->
-  <div class="add-products-header mb-2 d-none d-md-flex mb-4">
-    <VRow class="me-10">
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <h6 class="text-h6">
-          Item
-        </h6>
-      </VCol>
-      <VCol
-        cols="12"
-        md="2"
-      >
-        <h6 class="text-h6 ps-2">
-          Cost
-        </h6>
-      </VCol>
-      <VCol
-        cols="12"
-        md="2"
-      >
-        <h6 class="text-h6 ps-2">
-          Hours
-        </h6>
-      </VCol>
-      <VCol
-        cols="12"
-        md="2"
-      >
-        <h6 class="text-h6">
-          Price
-        </h6>
-      </VCol>
-    </VRow>
-  </div>
-
-  <VCard
-    flat
-    border
-    class="d-flex flex-sm-row flex-column-reverse"
-  >
-    <!-- 👉 Left Form -->
-    <div class="pa-6 flex-grow-1">
-      <VRow>
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <AppSelect
-            id="item"
-            v-model="selectedItem"
-            :items="itemsOptions"
-            item-title="title"
-            item-value="title"
-            placeholder="Select Item"
-            class="mb-6"
-          />
-
-          <AppTextarea
-            id="item-description"
-            v-model="localProductData.description"
-            rows="2"
-            placeholder="Item description"
-            persistent-placeholder
-          />
-        </VCol>
-        <VCol
-          cols="12"
-          md="2"
-          sm="4"
-        >
-          <AppTextField
-            id="item-cost"
-            v-model="localProductData.cost"
-            type="number"
-            placeholder="Cost"
-            class="mb-6"
-          />
-
-          <div class="text-high-emphasis text-no-wrap mt-4">
-            <p class="mb-1">
-              Discount
-            </p>
-            <span>0%</span>
-            <span class="mx-2">
-              0%
-              <VTooltip activator="parent">Tax 1</VTooltip>
-            </span>
-            <span>
-              0%
-              <VTooltip activator="parent">Tax 2</VTooltip>
-            </span>
-          </div>
-        </VCol>
-        <VCol
-          cols="12"
-          md="2"
-          sm="4"
-        >
-          <AppTextField
-            id="item-hours"
-            v-model="localProductData.hours"
-            type="number"
-            placeholder="5"
-          />
-        </VCol>
-        <VCol
-          cols="12"
-          md="2"
-          sm="4"
-        >
-          <p class="my-2">
-            <span class="d-inline d-md-none">Price: </span>
-            <span class="text-high-emphasis">${{ totalPrice }}</span>
-          </p>
-        </VCol>
-      </VRow>
-    </div>
-
-    <!-- 👉 Item Actions -->
-    <div
-      class="d-flex flex-column align-end item-actions"
-      :class="$vuetify.display.smAndUp ? 'border-s' : 'border-b' "
-    >
-      <IconBtn
-        size="36"
-        @click="removeProduct"
-      >
-        <VIcon
-          :size="24"
-          icon="tabler-x"
-        />
-      </IconBtn>
-    </div>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/InvoiceSendInvoiceDrawer.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/InvoiceSendInvoiceDrawer.vue
deleted file mode 100644
index f6a7106..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/InvoiceSendInvoiceDrawer.vue
+++ /dev/null
@@ -1,148 +0,0 @@
-<script setup lang="ts">
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-
-interface SubmitData {
-  emailFrom: string
-  emailTo: string
-  invoiceSubject: string
-  paymentMessage: string
-}
-interface Emit {
-  (e: 'update:isDrawerOpen', value: boolean): void
-  (e: 'submit', value: SubmitData): void
-}
-
-interface Props {
-  isDrawerOpen: boolean
-}
-
-const props = defineProps<Props>()
-
-const emit = defineEmits<Emit>()
-
-const emailFrom = ref('shelbyComapny@email.com')
-const emailTo = ref('qConsolidated@email.com')
-const invoiceSubject = ref('Invoice of purchased Admin Templates')
-
-const paymentMessage = ref(`Dear Queen Consolidated,
-
-Thank you for your business, always a pleasure to work with you!
-
-We have generated a new invoice in the amount of $95.59
-
-We would appreciate payment of this invoice by 05/11/2019`)
-
-const onSubmit = () => {
-  emit('update:isDrawerOpen', false)
-  emit('submit', {
-    emailFrom: emailFrom.value,
-    emailTo: emailTo.value,
-    invoiceSubject: invoiceSubject.value,
-    paymentMessage: paymentMessage.value,
-  })
-}
-
-const handleDrawerModelValueUpdate = (val: boolean) => {
-  emit('update:isDrawerOpen', val)
-}
-</script>
-
-<template>
-  <VNavigationDrawer
-    data-allow-mismatch
-    temporary
-    location="end"
-    :width="400"
-    :model-value="props.isDrawerOpen"
-    class="scrollable-content"
-    @update:model-value="handleDrawerModelValueUpdate"
-  >
-    <!-- 👉 Header -->
-    <AppDrawerHeaderSection
-      title="Send Invoice"
-      @cancel="$emit('update:isDrawerOpen', false)"
-    />
-    <VDivider />
-    <PerfectScrollbar :options="{ wheelPropagation: false }">
-      <VCard flat>
-        <VCardText>
-          <VForm @submit.prevent="onSubmit">
-            <VRow>
-              <VCol cols="12">
-                <AppTextField
-                  id="sender-email"
-
-                  v-model="emailFrom"
-                  label="From"
-                  placeholder="sender@email.com"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextField
-
-                  id="receiver-email"
-
-                  v-model="emailTo"
-                  label="To"
-                  placeholder="receiver@email.com"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextField
-                  id="invoice-subject"
-
-                  v-model="invoiceSubject"
-                  label="Subject"
-                  placeholder="Invoice of purchased Admin Templates"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextarea
-                  id="payment-message"
-
-                  v-model="paymentMessage"
-                  rows="10"
-                  label="Message"
-                  placeholder="Thank you for your business, always a pleasure to work with you!"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="mb-6">
-                  <VChip
-                    label
-                    color="primary"
-                    size="small"
-                  >
-                    <VIcon
-                      start
-                      icon="tabler-link"
-                    />
-                    Invoice Attached
-                  </VChip>
-                </div>
-                <VBtn
-                  type="submit"
-                  class="me-3"
-                >
-                  Send
-                </VBtn>
-
-                <VBtn
-                  color="secondary"
-                  variant="tonal"
-                  @click="$emit('update:isDrawerOpen', false)"
-                >
-                  Cancel
-                </VBtn>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </PerfectScrollbar>
-  </VNavigationDrawer>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/types.ts
deleted file mode 100644
index 2ecf72e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/invoice/types.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { Invoice, PaymentDetails } from '@db/apps/invoice/types'
-
-export interface PurchasedProduct {
-  title: string
-  cost: number
-  hours: number
-  description: string
-}
-
-export interface InvoiceData {
-  invoice: Invoice
-  paymentDetails: PaymentDetails
-  purchasedProducts: PurchasedProduct[]
-  note: string
-  paymentMethod: string
-  salesperson: string
-  thanksNote: string
-}
-
-export interface InvoiceParams {
-  q?: string
-  status?: string
-  startDate?: string
-  endDate?: string
-  options?: object
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/kanban/KanbanBoard.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/kanban/KanbanBoard.vue
deleted file mode 100644
index 4fa529a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/kanban/KanbanBoard.vue
+++ /dev/null
@@ -1,239 +0,0 @@
-<script setup lang="ts">
-import { animations, remapNodes } from '@formkit/drag-and-drop'
-import { dragAndDrop } from '@formkit/drag-and-drop/vue'
-import { VForm } from 'vuetify/components/VForm'
-import KanbanBoardEditDrawer from '@/views/apps/kanban/KanbanBoardEditDrawer.vue'
-import KanbanItems from '@/views/apps/kanban/KanbanItems.vue'
-import type { AddNewKanbanItem, EditKanbanItem, KanbanBoard, KanbanData, KanbanState, RenameKanbanBoard } from '@db/apps/kanban/types'
-
-const props = withDefaults(defineProps<{
-  kanbanData: KanbanData
-  groupName?: string
-}>(), {
-  groupName: 'kanban',
-})
-
-const emit = defineEmits<{
-  (e: 'addNewBoard', value: string): void
-  (e: 'renameBoard', value: RenameKanbanBoard): void
-  (e: 'deleteBoard', value: number): void
-  (e: 'addNewItem', value: AddNewKanbanItem): void
-  (e: 'editItem', value: EditKanbanItem): void
-  (e: 'deleteItem', value: EditKanbanItem): void
-  (e: 'updateItemsState', value: KanbanState): void
-  (e: 'updateBoardState', value: number[]): void
-}>()
-
-const kanbanWrapper = ref<HTMLElement>()
-const localKanbanData = ref<KanbanBoard[]>(props.kanbanData.boards)
-const isKanbanBoardEditVisible = ref(false)
-
-const isAddNewFormVisible = ref(false)
-const refAddNewBoard = ref<VForm>()
-const boardTitle = ref<string>('')
-
-const editKanbanItem = ref<EditKanbanItem>()
-
-// 👉 Add new board function that emit the name and id of new board
-const addNewBoard = () => {
-  refAddNewBoard.value?.validate().then(valid => {
-    if (valid.valid) {
-      emit('addNewBoard', boardTitle.value)
-      isAddNewFormVisible.value = false
-      boardTitle.value = ''
-    }
-  })
-}
-
-// 👉 emit delete board event
-const deleteBoard = (boardId: number) => {
-  emit('deleteBoard', boardId)
-}
-
-// 👉 emit rename board event
-const renameBoard = (boardName: RenameKanbanBoard) => {
-  emit('renameBoard', boardName)
-}
-
-// 👉 emit add new task event
-const addNewItem = (item: AddNewKanbanItem) => {
-  emit('addNewItem', item)
-}
-
-// 👉 edit kanban item
-const editKanbanItemFn = (item: EditKanbanItem | undefined) => {
-  if (item) {
-    editKanbanItem.value = item
-    isKanbanBoardEditVisible.value = true
-  }
-}
-
-// 👉 update kanban ids
-const updateStateFn = (kanbanState: KanbanState) => {
-  emit('updateItemsState', kanbanState)
-}
-
-// 👉 initialize the drag and drop
-dragAndDrop({
-  parent: kanbanWrapper,
-  values: localKanbanData,
-  dragHandle: '.drag-handler',
-  plugins: [animations()],
-})
-
-// assign the new kanban data to the local kanban data
-watch(() => props, () => {
-  localKanbanData.value = props.kanbanData.boards
-
-  // 👉 remap the nodes when we rename the board: https://github.com/formkit/drag-and-drop/discussions/52#discussioncomment-8995203
-  remapNodes(kanbanWrapper.value as any)
-}, { deep: true })
-
-// 👉 emit updated task to parent
-const emitUpdatedTaskFn = (item: EditKanbanItem) => {
-  emit('editItem', item)
-}
-
-// 👉  delete kanban item
-const deleteKanbanItemFn = (item: EditKanbanItem) => {
-  emit('deleteItem', item)
-}
-
-// 👉 update boards data when it sort
-watch(localKanbanData, () => {
-  const getIds = localKanbanData.value.map(board => board.id)
-
-  emit('updateBoardState', getIds)
-}, { deep: true })
-
-// 👉 validators for add new board
-const validateBoardTitle = () => {
-  return props.kanbanData.boards.some(board => boardTitle.value && board.title.toLowerCase() === boardTitle.value.toLowerCase()) ? 'Board title already exists' : true
-}
-
-const hideAddNewForm = () => {
-  isAddNewFormVisible.value = false
-  refAddNewBoard.value?.reset()
-}
-
-// close add new item form when you loose focus from the form
-onClickOutside(refAddNewBoard, hideAddNewForm)
-</script>
-
-<template>
-  <div class="kanban-main-wrapper d-flex gap-4 h-100">
-    <!-- 👉 kanban render  -->
-    <div
-      ref="kanbanWrapper"
-      class="d-flex ga-6"
-    >
-      <template
-        v-for="kb in localKanbanData"
-        :key="kb.id"
-      >
-        <!-- 👉 kanban task render -->
-        <KanbanItems
-          :group-name="groupName"
-          :kanban-ids="kb.itemsIds"
-          :board-name="kb.title"
-          :board-id="kb.id"
-          :kanban-items="kanbanData.items"
-          :kanban-data="kanbanData"
-          @delete-board="deleteBoard"
-          @rename-board="renameBoard"
-          @add-new-item="addNewItem"
-          @edit-item="editKanbanItemFn"
-          @update-items-state="updateStateFn"
-          @delete-item="deleteKanbanItemFn"
-        />
-      </template>
-    </div>
-
-    <!-- 👉 add new form  -->
-    <div
-      class="add-new-form text-no-wrap"
-      style="inline-size: 10rem;"
-    >
-      <h6
-        class="text-lg font-weight-medium cursor-pointer"
-        @click="isAddNewFormVisible = !isAddNewFormVisible"
-      >
-        <VIcon
-          size="18"
-          icon="tabler-plus"
-        /> Add New
-      </h6>
-
-      <!-- 👉 Form -->
-      <VForm
-        v-if="isAddNewFormVisible"
-        ref="refAddNewBoard"
-        class="mt-4"
-        validate-on="submit"
-        @submit.prevent="addNewBoard"
-      >
-        <div class="mb-4">
-          <VTextField
-            v-model="boardTitle"
-            :rules="[requiredValidator, validateBoardTitle]"
-            autofocus
-            placeholder="Add Board Title"
-            @keydown.esc="hideAddNewForm"
-          />
-        </div>
-        <div class="d-flex gap-3">
-          <VBtn
-            size="small"
-            type="submit"
-          >
-            Add
-          </VBtn>
-          <VBtn
-            size="small"
-            variant="tonal"
-            color="secondary"
-            type="reset"
-            @click="hideAddNewForm"
-          >
-            Cancel
-          </VBtn>
-        </div>
-      </VForm>
-    </div>
-  </div>
-
-  <!-- kanban edit drawer -->
-  <KanbanBoardEditDrawer
-    v-model:is-drawer-open="isKanbanBoardEditVisible"
-    :kanban-item="editKanbanItem"
-    @update:kanban-item="emitUpdatedTaskFn"
-    @delete-kanban-item="deleteKanbanItemFn"
-  />
-</template>
-
-<style lang="scss">
-@use "@styles/variables/_vuetify.scss" as vuetify;
-
-.kanban-main-wrapper {
-  overflow: auto hidden;
-  margin-inline-start: -0.6rem;
-  min-block-size: calc(100vh - 10.5rem);
-  padding-inline-start: 0.6rem;
-
-  .kanban-board {
-    inline-size: 16.875rem;
-    min-inline-size: 16.875rem;
-
-    .kanban-board-drop-zone {
-      min-block-size: 100%;
-    }
-  }
-
-  .add-new-form {
-    .v-field__field {
-      border-radius: vuetify.$border-radius-root;
-      background-color: rgb(var(--v-theme-surface));
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/kanban/KanbanBoardEditDrawer.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/kanban/KanbanBoardEditDrawer.vue
deleted file mode 100644
index 60b3a10..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/kanban/KanbanBoardEditDrawer.vue
+++ /dev/null
@@ -1,351 +0,0 @@
-<script setup lang="ts">
-import { Placeholder } from '@tiptap/extension-placeholder'
-import { TextAlign } from '@tiptap/extension-text-align'
-import { Underline } from '@tiptap/extension-underline'
-import { StarterKit } from '@tiptap/starter-kit'
-import { EditorContent, useEditor } from '@tiptap/vue-3'
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import { VForm } from 'vuetify/components/VForm'
-import type { EditKanbanItem, KanbanItem } from '@db/apps/kanban/types'
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-
-interface Emit {
-  (e: 'update:isDrawerOpen', value: boolean): void
-  (e: 'update:kanbanItem', value: EditKanbanItem): void
-  (e: 'deleteKanbanItem', value: EditKanbanItem): void
-}
-
-const props = withDefaults(defineProps<{
-  kanbanItem?: EditKanbanItem | undefined
-  isDrawerOpen: boolean
-}>(), {
-  kanbanItem: () => ({
-    item: {
-      title: '',
-      dueDate: '2022-01-01T00:00:00Z',
-      labels: [],
-      members: [],
-      id: 0,
-      attachments: 0,
-      commentsCount: 0,
-      image: '',
-      comments: '',
-    },
-    boardId: 0,
-    boardName: '',
-  }),
-})
-
-const emit = defineEmits<Emit>()
-
-const refEditTaskForm = ref<VForm>()
-const labelOptions = ['UX', 'Image', 'Code Review', 'Dashboard', 'App', 'Charts & Maps']
-
-const localKanbanItem = ref<KanbanItem>(JSON.parse(JSON.stringify(props.kanbanItem.item)))
-
-const handleDrawerModelValueUpdate = (val: boolean) => {
-  emit('update:isDrawerOpen', val)
-
-  if (!val)
-    refEditTaskForm.value?.reset()
-}
-
-// kanban item watcher
-watch(() => props.kanbanItem, () => {
-  localKanbanItem.value = JSON.parse(JSON.stringify(props.kanbanItem.item))
-}, { deep: true })
-
-const updateKanbanItem = () => {
-  refEditTaskForm.value?.validate().then(async valid => {
-    if (valid.valid) {
-      emit('update:kanbanItem', { item: localKanbanItem.value, boardId: props.kanbanItem.boardId, boardName: props.kanbanItem.boardName })
-      emit('update:isDrawerOpen', false)
-      await nextTick()
-      refEditTaskForm.value?.reset()
-    }
-  })
-}
-
-// delete kanban item
-const deleteKanbanItem = () => {
-  emit('deleteKanbanItem', { item: localKanbanItem.value, boardId: props.kanbanItem.boardId, boardName: props.kanbanItem.boardName })
-  emit('update:isDrawerOpen', false)
-}
-
-// 👉 label/chip color
-const resolveLabelColor: any = {
-  'UX': 'success',
-  'Image': 'warning',
-  'Code Review': 'error',
-  'Dashboard': 'info',
-  'App': 'secondary',
-  'Charts & Maps': 'primary',
-}
-
-const users = [
-  { img: avatar1, name: 'John Doe' },
-  { img: avatar2, name: 'Jane Smith' },
-  { img: avatar3, name: 'Robert Johnson' },
-  { img: avatar4, name: 'Lucy Brown' },
-  { img: avatar5, name: 'Mike White' },
-  { img: avatar6, name: 'Anna Black' },
-]
-
-const fileAttached = ref()
-
-const editor = useEditor({
-  content: '',
-  extensions: [
-    StarterKit,
-    TextAlign.configure({
-      types: ['heading', 'paragraph'],
-    }),
-    Placeholder.configure({
-      placeholder: 'Write a Comment...',
-    }),
-    Underline,
-  ],
-})
-
-const config = ref({
-  altFormat: 'j M, Y',
-  altInput: true,
-  dateFormat: 'Y-m-d',
-})
-</script>
-
-<template>
-  <VNavigationDrawer
-    data-allow-mismatch
-    location="end"
-    :width="370"
-    temporary
-    border="0"
-    :model-value="props.isDrawerOpen"
-    @update:model-value="handleDrawerModelValueUpdate"
-  >
-    <!-- 👉 Header -->
-    <AppDrawerHeaderSection
-      title="Edit Task"
-      @cancel="$emit('update:isDrawerOpen', false)"
-    />
-
-    <VDivider />
-
-    <PerfectScrollbar
-      :options="{ wheelPropagation: false }"
-      style="block-size: calc(100vh - 4rem);"
-    >
-      <VForm
-        v-if="localKanbanItem"
-        ref="refEditTaskForm"
-        @submit.prevent="updateKanbanItem"
-      >
-        <VCardText class="kanban-editor-drawer">
-          <VRow>
-            <VCol cols="12">
-              <AppTextField
-                v-model="localKanbanItem.title"
-                label="Title"
-                :rules="[requiredValidator]"
-              />
-            </VCol>
-
-            <VCol cols="12">
-              <AppDateTimePicker
-                v-model="localKanbanItem.dueDate"
-                label="Due date"
-                :config="config"
-              />
-            </VCol>
-
-            <VCol cols="12">
-              <AppSelect
-                v-model="localKanbanItem.labels"
-                :items="labelOptions"
-                label="Label"
-                multiple
-                eager
-              >
-                <template #chip="{ item }">
-                  <VChip :color="resolveLabelColor[item.raw]">
-                    {{ item.raw }}
-                  </VChip>
-                </template>
-              </AppSelect>
-            </VCol>
-
-            <VCol cols="12">
-              <p
-                class="mb-1 text-body-2 text-high-emphasis"
-                style="line-height: 15px;"
-              >
-                Assigned
-              </p>
-
-              <div>
-                <VSelect
-                  v-model="localKanbanItem.members"
-                  :items="users"
-                  item-title="name"
-                  item-value="name"
-                  multiple
-                  return-object
-                  variant="plain"
-                  :menu-props="{
-                    offset: 10,
-                  }"
-                  class="assignee-select"
-                >
-                  <template #selection="{ item }">
-                    <VAvatar size="26">
-                      <VImg :src="item.raw.img" />
-
-                      <VTooltip activator="parent">
-                        {{ item.raw.name }}
-                      </VTooltip>
-                    </VAvatar>
-                  </template>
-
-                  <template #prepend-inner>
-                    <IconBtn
-                      size="26"
-                      variant="tonal"
-                      color="secondary"
-                    >
-                      <VIcon
-                        size="20"
-                        icon="tabler-plus"
-                      />
-                    </IconBtn>
-                  </template>
-                </VSelect>
-              </div>
-            </VCol>
-
-            <VCol cols="12">
-              <VFileInput
-                v-model="fileAttached"
-                prepend-icon=""
-                multiple
-                variant="outlined"
-                label="No file chosen"
-                clearable
-              >
-                <template #append>
-                  <VBtn variant="tonal">
-                    Choose
-                  </VBtn>
-                </template>
-              </VFileInput>
-            </VCol>
-
-            <VCol cols="12">
-              <p
-                class="text-body-2 text-high-emphasis mb-1"
-                style="line-height: 15px;"
-              >
-                COMMENT
-              </p>
-              <div class="border rounded px-3 py-2">
-                <EditorContent :editor="editor" />
-                <div
-                  v-if="editor"
-                  class="d-flex justify-end flex-wrap gap-x-2"
-                >
-                  <VIcon
-                    icon="tabler-bold"
-                    :color="editor.isActive('bold') ? 'primary' : 'secondary'"
-                    size="20"
-                    @click="editor.chain().focus().toggleBold().run()"
-                  />
-
-                  <VIcon
-                    :color="editor.isActive('underline') ? 'primary' : 'secondary'"
-                    icon="tabler-underline"
-                    size="20"
-                    @click="editor.commands.toggleUnderline()"
-                  />
-
-                  <VIcon
-                    :color="editor.isActive('italic') ? 'primary' : 'secondary'"
-                    icon="tabler-italic"
-                    size="20"
-                    @click="editor.chain().focus().toggleItalic().run()"
-                  />
-
-                  <VIcon
-                    :color="editor.isActive({ textAlign: 'left' }) ? 'primary' : 'secondary'"
-                    icon="tabler-align-left"
-                    size="20"
-                    @click="editor.chain().focus().setTextAlign('left').run()"
-                  />
-
-                  <VIcon
-                    :color="editor.isActive({ textAlign: 'center' }) ? 'primary' : 'secondary'"
-                    icon="tabler-align-center"
-                    size="20"
-                    @click="editor.chain().focus().setTextAlign('center').run()"
-                  />
-
-                  <VIcon
-                    :color="editor.isActive({ textAlign: 'right' }) ? 'primary' : 'secondary'"
-                    icon="tabler-align-right"
-                    size="20"
-                    @click="editor.chain().focus().setTextAlign('right').run()"
-                  />
-                </div>
-              </div>
-            </VCol>
-
-            <VCol cols="12">
-              <VBtn
-                type="submit"
-                class="me-4"
-              >
-                Update
-              </VBtn>
-              <VBtn
-                color="error"
-                variant="tonal"
-                @click="deleteKanbanItem"
-              >
-                Delete
-              </VBtn>
-            </VCol>
-          </VRow>
-        </VCardText>
-      </VForm>
-    </PerfectScrollbar>
-  </VNavigationDrawer>
-</template>
-
-<style lang="scss">
-.kanban-editor-drawer {
-  .assignee-select {
-    .v-field__append-inner {
-      .v-select__menu-icon {
-        display: none;
-      }
-    }
-  }
-
-  .ProseMirror {
-    padding: 0;
-    min-block-size: 7vh !important;
-
-    p {
-      margin-block-end: 0;
-    }
-  }
-
-  .ProseMirror-focused {
-    outline: none !important;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/kanban/KanbanCard.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/kanban/KanbanCard.vue
deleted file mode 100644
index 0e21a1a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/kanban/KanbanCard.vue
+++ /dev/null
@@ -1,162 +0,0 @@
-<script setup lang="ts">
-import type { EditKanbanItem, KanbanItem } from '@db/apps/kanban/types'
-
-const props = defineProps<{
-  item: KanbanItem | undefined
-  boardId: number
-  boardName: string
-}>()
-
-const emit = defineEmits<{
-  (e: 'deleteKanbanItem', value: EditKanbanItem): void
-}>()
-
-const resolveLabelColor: any = {
-  'UX': 'success',
-  'Image': 'warning',
-  'Code Review': 'error',
-  'Dashboard': 'info',
-  'App': 'secondary',
-  'Charts & Maps': 'primary',
-}
-
-const moreOptions = [
-  {
-    title: 'Copy Task link',
-    href: '#',
-  },
-  {
-    title: 'Duplicate Task',
-    href: '#',
-  },
-  {
-    title: 'Delete',
-    onClick: () => {
-      emit('deleteKanbanItem', { item: props.item, boardId: props.boardId, boardName: props.boardName })
-    },
-  },
-]
-</script>
-
-<template>
-  <VCard
-    v-if="item"
-    :ripple="false"
-    :link="false"
-    class="kanban-card position-relative"
-  >
-    <VCardText class="d-flex flex-column gap-2">
-      <div class="d-flex align-start gap-2">
-        <div
-          v-if="item.labels && item.labels.length"
-          class="d-flex flex-wrap gap-2"
-        >
-          <VChip
-            v-for="text in item.labels"
-            :key="text"
-            size="small"
-            :color="resolveLabelColor[text]"
-          >
-            {{ text }}
-          </VChip>
-        </div>
-
-        <VSpacer />
-
-        <VMenu>
-          <template #activator="{ props: p, isActive }">
-            <VIcon
-              v-bind="p"
-              icon="tabler-dots-vertical"
-              class="position-absolute more-options"
-              style="inset-block-start: 16px; inset-inline-end: 10px;"
-              :style="isActive ? 'opacity: 1' : ''"
-              size="20"
-              @click.stop
-            />
-          </template>
-          <VList
-            :items="moreOptions"
-            item-props
-          />
-        </VMenu>
-      </div>
-
-      <!-- Task Img -->
-      <VImg
-        v-if="item.image && item.image.length"
-        :src="item.image"
-        class="rounded"
-      />
-
-      <!-- Task title -->
-      <p class="text-base text-high-emphasis mb-0">
-        {{ item.title }}
-      </p>
-
-      <!-- footer  -->
-      <div class="task-footer d-flex align-center flex-wrap justify-space-between">
-        <div
-          v-if="item.attachments || item.commentsCount"
-          class="d-flex align-center gap-4"
-        >
-          <div v-if="item.attachments">
-            <VIcon
-              size="20"
-              icon="tabler-paperclip"
-              class="me-1"
-            />
-            <span class="text-body-1 d-inline-block">{{ item.attachments }}</span>
-          </div>
-
-          <div v-if="item.commentsCount">
-            <VIcon
-              size="20"
-              icon="tabler-message-2"
-              class="me-1"
-            />
-            <span class="text-body-1 d-inline-block">{{ item.commentsCount }}</span>
-          </div>
-        </div>
-
-        <div
-          v-if="item.members && item.members.length"
-          class="v-avatar-group"
-        >
-          <VAvatar
-            v-for="avatar in item.members"
-            :key="avatar.name"
-            size="30"
-          >
-            <VImg :src="avatar.img" />
-            <VTooltip activator="parent">
-              {{ avatar.name }}
-            </VTooltip>
-          </VAvatar>
-        </div>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.kanban-card {
-  cursor: grab;
-
-  :active {
-    cursor: grabbing;
-  }
-
-  &[style^="z-index"] {
-    cursor: grabbing !important;
-  }
-
-  .more-options {
-    opacity: 0;
-  }
-
-  &:hover .more-options {
-    opacity: 1;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/kanban/KanbanItems.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/kanban/KanbanItems.vue
deleted file mode 100644
index 0b47c03..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/kanban/KanbanItems.vue
+++ /dev/null
@@ -1,287 +0,0 @@
-<script setup lang="ts">
-import { animations, handleEnd, performTransfer } from '@formkit/drag-and-drop'
-import { dragAndDrop } from '@formkit/drag-and-drop/vue'
-import { VForm } from 'vuetify/components/VForm'
-import type { AddNewKanbanItem, EditKanbanItem, KanbanData, KanbanState, RenameKanbanBoard } from '@db/apps/kanban/types'
-import KanbanCard from '@/views/apps/kanban/KanbanCard.vue'
-
-const props = defineProps<{
-  kanbanIds: number[]
-  groupName: string
-  boardName: string
-  boardId: number
-  kanbanData: KanbanData
-}>()
-
-const emit = defineEmits<{
-  (e: 'renameBoard', value: RenameKanbanBoard): void
-  (e: 'deleteBoard', value: number): void
-  (e: 'addNewItem', value: AddNewKanbanItem): void
-  (e: 'editItem', value: EditKanbanItem | undefined): void
-  (e: 'updateItemsState', value: KanbanState): void
-  (e: 'deleteItem', value: EditKanbanItem): void
-}>()
-
-const refKanbanBoard = ref<HTMLElement>()
-const localBoardName = ref(props.boardName)
-
-const localIds = ref<number[]>(props.kanbanIds)
-
-const isAddNewFormVisible = ref(false)
-const isBoardNameEditing = ref(false)
-const refForm = ref<VForm>()
-const newTaskTitle = ref<string>('')
-const refKanbanBoardTitle = ref<VForm>()
-
-// 👉 required validator
-const boardActions = [
-  {
-    title: 'Rename',
-    prependIcon: 'tabler-pencil',
-    onClick: () => { isBoardNameEditing.value = true },
-  },
-  {
-    title: 'Delete',
-    prependIcon: 'tabler-trash',
-    onClick: () => (emit('deleteBoard', props.boardId)),
-  },
-]
-
-// 👉 emit rename board event
-const renameBoard = () => {
-  refKanbanBoardTitle.value?.validate().then(valid => {
-    if (valid.valid) {
-      emit('renameBoard', {
-        oldName: props.boardName,
-        newName: localBoardName.value,
-        boardId: props.boardId,
-      })
-      isBoardNameEditing.value = false
-    }
-  })
-}
-
-// 👉 emit add new item event
-const addNewItem = () => {
-  refForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      emit('addNewItem', { itemTitle: newTaskTitle.value, boardName: props.boardName, boardId: props.boardId })
-      isAddNewFormVisible.value = false
-      newTaskTitle.value = ''
-    }
-  })
-}
-
-// 👉 initialize draggable
-dragAndDrop({
-  parent: refKanbanBoard,
-  values: localIds,
-  group: props.groupName,
-  draggable: child => child.classList.contains('kanban-card'),
-  plugins: [animations()],
-  performTransfer: (state, data) => {
-    performTransfer(state, data)
-
-    // 👉 update items state after transfer perform
-    emit('updateItemsState', { boardId: props.boardId, ids: localIds.value })
-  },
-  handleEnd: data => {
-    handleEnd(data)
-
-    // 👉 update items state after sorting perform
-    emit('updateItemsState', { boardId: props.boardId, ids: localIds.value })
-  },
-})
-
-// 👉 watch kanbanIds its is useful when you add new task
-watch(() => props, () => {
-  localIds.value = props.kanbanIds
-}, { immediate: true, deep: true })
-
-// 👉 resolve item using id
-const resolveItemUsingId = (id: number) => props.kanbanData.items.find(item => item.id === id)
-
-const deleteItem = (item: EditKanbanItem) => {
-  emit('deleteItem', item)
-}
-
-// 👉 reset add new item form when esc or close
-const hideAddNewForm = () => {
-  isAddNewFormVisible.value = false
-  refForm.value?.reset()
-}
-
-// close add new item form when you loose focus from the form
-onClickOutside(refForm, hideAddNewForm)
-
-// close board name form when you loose focus from the form
-onClickOutside(refKanbanBoardTitle, () => {
-  isBoardNameEditing.value = false
-})
-
-// 👉 reset board rename form when esc or close
-const hideResetBoardNameForm = () => {
-  isBoardNameEditing.value = false
-  localBoardName.value = props.boardName
-}
-
-// 👉 submit form on enter and new line on shift-enter
-const handleEnterKeydown = (event: { key: string; shiftKey: any }) => {
-  if (event.key === 'Enter' && !event.shiftKey)
-    addNewItem()
-}
-</script>
-
-<template>
-  <div class="kanban-board">
-    <!-- 👉 board heading and title -->
-    <div class="kanban-board-header pb-4">
-      <VForm
-        v-if="isBoardNameEditing"
-        ref="refKanbanBoardTitle"
-        @submit.prevent="renameBoard"
-      >
-        <VTextField
-          v-model="localBoardName"
-          autofocus
-          variant="underlined"
-          :rules="[requiredValidator]"
-          hide-details
-          class="border-0"
-          @keydown.esc="hideResetBoardNameForm"
-        >
-          <template #append-inner>
-            <VIcon
-              size="20"
-              color="success"
-              icon="tabler-check"
-              class="me-1"
-              @click="renameBoard"
-            />
-
-            <VIcon
-              size="20"
-              color="error"
-              icon="tabler-x"
-              @click="hideResetBoardNameForm"
-            />
-          </template>
-        </VTextField>
-      </VForm>
-
-      <div
-        v-else
-        class="d-flex align-center justify-space-between "
-      >
-        <h4 class="text-lg font-weight-medium text-truncate">
-          {{ boardName }}
-        </h4>
-
-        <div class="d-flex align-center">
-          <VIcon
-            class="drag-handler"
-            size="20"
-            icon="tabler-arrows-move"
-          />
-
-          <MoreBtn
-            size="28"
-            icon-size="20"
-            class="text-high-emphasis"
-            :menu-list="boardActions"
-            item-props
-          />
-        </div>
-      </div>
-    </div>
-
-    <!-- 👉 draggable task start here -->
-    <div
-      v-if="localIds"
-      ref="refKanbanBoard"
-      class="kanban-board-drop-zone rounded d-flex flex-column gap-4"
-      :class="localIds.length ? 'mb-4' : ''"
-    >
-      <template
-        v-for="id in localIds"
-        :key="id"
-      >
-        <KanbanCard
-          :item="resolveItemUsingId(id)"
-          :board-id="props.boardId"
-          :board-name="props.boardName"
-          @delete-kanban-item="deleteItem"
-          @click="emit('editItem', { item: resolveItemUsingId(id), boardId: props.boardId, boardName: props.boardName })"
-        />
-      </template>
-
-      <!-- 👉 Add new Form -->
-      <div class="add-new-form">
-        <h6
-          class="text-base font-weight-regular cursor-pointer ms-4"
-          @click="isAddNewFormVisible = !isAddNewFormVisible"
-        >
-          <VIcon
-            size="15"
-            icon="tabler-plus"
-          /> Add New Item
-        </h6>
-
-        <VForm
-          v-if="isAddNewFormVisible"
-          ref="refForm"
-          class="mt-4"
-          validate-on="submit"
-          @submit.prevent="addNewItem"
-        >
-          <div class="mb-4">
-            <VTextarea
-              v-model="newTaskTitle"
-              :rules="[requiredValidator]"
-              placeholder="Add Content"
-              autofocus
-              rows="2"
-              @keydown.enter="handleEnterKeydown"
-              @keydown.esc="hideAddNewForm"
-            />
-          </div>
-          <div class="d-flex gap-4 flex-wrap">
-            <VBtn
-              size="small"
-              type="submit"
-            >
-              Add
-            </VBtn>
-            <VBtn
-              size="small"
-              variant="tonal"
-              color="secondary"
-              @click="hideAddNewForm"
-            >
-              Cancel
-            </VBtn>
-          </div>
-        </VForm>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-.kanban-board-header {
-  .drag-handler {
-    cursor: grab;
-    opacity: 0;
-
-    &:active {
-      cursor: grabbing;
-    }
-  }
-
-  &:hover {
-    .drag-handler {
-      opacity: 1;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsCardStatistics.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsCardStatistics.vue
deleted file mode 100644
index b6f2926..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsCardStatistics.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<script setup lang="ts">
-const logisticData = ref([
-  { icon: 'tabler-truck', color: 'primary', title: 'On route vehicles', value: 42, change: 18.2, isHover: false },
-  { icon: 'tabler-alert-triangle', color: 'warning', title: 'Vehicles with errors', value: 8, change: -8.7, isHover: false },
-  { icon: 'tabler-git-fork', color: 'error', title: 'Deviated from route', value: 27, change: 4.3, isHover: false },
-  { icon: 'tabler-clock', color: 'info', title: 'Late vehicles', value: 13, change: -2.5, isHover: false },
-])
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      v-for="(data, index) in logisticData"
-      :key="index"
-      cols="12"
-      md="3"
-      sm="6"
-    >
-      <div>
-        <VCard
-          class="logistics-card-statistics cursor-pointer"
-          :style="data.isHover ? `border-block-end-color: rgb(var(--v-theme-${data.color}))` : `border-block-end-color: rgba(var(--v-theme-${data.color}),0.38)`"
-          @mouseenter="data.isHover = true"
-          @mouseleave="data.isHover = false"
-        >
-          <VCardText>
-            <div class="d-flex align-center gap-x-4 mb-1">
-              <VAvatar
-                variant="tonal"
-                :color="data.color"
-                rounded
-              >
-                <VIcon
-                  :icon="data.icon"
-                  size="28"
-                />
-              </VAvatar>
-              <h4 class="text-h4">
-                {{ data.value }}
-              </h4>
-            </div>
-            <div class="text-body-1 mb-1">
-              {{ data.title }}
-            </div>
-            <div class="d-flex gap-x-2 align-center">
-              <h6 class="text-h6">
-                {{ (data.change > 0) ? '+' : '' }} {{ data.change }}%
-              </h6>
-              <div class="text-sm text-disabled">
-                than last week
-              </div>
-            </div>
-          </VCardText>
-        </VCard>
-      </div>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss" scoped>
-@use "@core-scss/base/mixins" as mixins;
-
-.logistics-card-statistics {
-  border-block-end-style: solid;
-  border-block-end-width: 2px;
-
-  &:hover {
-    border-block-end-width: 3px;
-    margin-block-end: -1px;
-
-    @include mixins.elevation(8);
-
-    transition: all 0.1s ease-out;
-  }
-}
-
-.skin--bordered {
-  .logistics-card-statistics {
-    border-block-end-width: 2px;
-
-    &:hover {
-      border-block-end-width: 3px;
-      margin-block-end: -2px;
-      transition: all 0.1s ease-out;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsDeliveryExpectations.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsDeliveryExpectations.vue
deleted file mode 100644
index 725df82..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsDeliveryExpectations.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<script setup lang="ts">
-const chartColors = {
-  donut: {
-    series1: '#28C76F',
-    series2: '#28C76FCC',
-    series3: '#28C76F99',
-    series4: '#28C76F66',
-  },
-}
-
-const headingColor = 'rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity))'
-const labelColor = 'rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity))'
-
-const deliveryExceptionsChartSeries = [13, 25, 22, 40]
-
-const deliveryExceptionsChartConfig = {
-  labels: ['Incorrect address', 'Weather conditions', 'Federal Holidays', 'Damage during transit'],
-  colors: [
-    chartColors.donut.series1,
-    chartColors.donut.series2,
-    chartColors.donut.series3,
-    chartColors.donut.series4,
-  ],
-  stroke: {
-    width: 0,
-  },
-  dataLabels: {
-    enabled: false,
-    formatter(val: string) {
-      return `${Number.parseInt(val)}%`
-    },
-  },
-  legend: {
-    show: true,
-    position: 'bottom',
-    offsetY: 10,
-    markers: {
-      width: 8,
-      height: 8,
-      offsetX: -3,
-    },
-    itemMargin: {
-      horizontal: 15,
-      vertical: 5,
-    },
-    fontSize: '13px',
-    fontWeight: 400,
-    labels: {
-      colors: headingColor,
-      useSeriesColors: false,
-    },
-  },
-  tooltip: {
-    theme: false,
-  },
-  grid: {
-    padding: {
-      top: 15,
-    },
-  },
-  plotOptions: {
-    pie: {
-      donut: {
-        size: '75%',
-        labels: {
-          show: true,
-          value: {
-            fontSize: '24px',
-            color: headingColor,
-            fontWeight: 500,
-            offsetY: -20,
-            formatter(val: string) {
-              return `${Number.parseInt(val)}%`
-            },
-          },
-          name: { offsetY: 20 },
-          total: {
-            show: true,
-            fontSize: '0.9375rem',
-            fontWeight: 400,
-            label: 'AVG. Exceptions',
-            color: labelColor,
-            formatter() {
-              return '30%'
-            },
-          },
-        },
-      },
-    },
-  },
-  responsive: [
-    {
-      breakpoint: 420,
-      options: {
-        chart: {
-          height: 400,
-        },
-      },
-    },
-  ],
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Delivery exceptions">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-    <VCardText>
-      <VueApexCharts
-        type="donut"
-        height="400"
-        :options="deliveryExceptionsChartConfig"
-        :series="deliveryExceptionsChartSeries"
-      />
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsDeliveryPerformance.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsDeliveryPerformance.vue
deleted file mode 100644
index 1316dcb..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsDeliveryPerformance.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<script setup lang="ts">
-const deliveryData = [
-  { title: 'Packages in transit', value: '10k', change: 25.8, icon: 'tabler-box', color: 'primary' },
-  { title: 'Packages out for delivery', value: '5k', change: 4.3, icon: 'tabler-truck', color: 'info' },
-  { title: 'Packages delivered', value: '15k', change: -12.5, icon: 'tabler-circle-check', color: 'success' },
-  { title: 'Delivery success rate', value: '95%', change: 35.6, icon: 'tabler-percentage', color: 'warning' },
-  { title: 'Average delivery time', value: '2.5 Days', change: -2.15, icon: 'tabler-clock', color: 'secondary' },
-  { title: 'Customer satisfaction', value: '4.5/5', change: 5.7, icon: 'tabler-users', color: 'error' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Delivery performance">
-      <VCardSubtitle>
-        12% increase in this month
-      </VCardSubtitle>
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="(data, index) in deliveryData"
-          :key="index"
-        >
-          <template #prepend>
-            <VAvatar
-              :color="data.color"
-              variant="tonal"
-              rounded
-              size="38"
-              class="me-1"
-            >
-              <VIcon
-                :icon="data.icon"
-                size="26"
-              />
-            </VAvatar>
-          </template>
-
-          <VListItemTitle class="me-2">
-            {{ data.title }}
-          </VListItemTitle>
-
-          <VListItemSubtitle>
-            <div
-              :class="data.change > 0 ? 'text-success' : 'text-error'"
-              class="d-flex align-center gap-x-1"
-            >
-              <VIcon
-                :icon="data.change > 0 ? 'tabler-chevron-up' : 'tabler-chevron-down'"
-                size="20"
-              />
-              <div>{{ data.change }}%</div>
-            </div>
-          </VListItemSubtitle>
-
-          <template #append>
-            <span class="text-body-1 font-weight-medium">
-              {{ data.value }}
-            </span>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1.5rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsOrderByCountries.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsOrderByCountries.vue
deleted file mode 100644
index 142d2c0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsOrderByCountries.vue
+++ /dev/null
@@ -1,342 +0,0 @@
-<script setup lang="ts">
-const currentTab = ref('New')
-const tabsData = ['New', 'Preparing', 'Shipping']
-</script>
-
-<template>
-  <VCard class="country-order-card">
-    <VCardItem
-      title="Orders by countries"
-      subtitle="62 deliveries in progress"
-    >
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-
-    <VTabs
-      v-model="currentTab"
-      grow
-      class="disable-tab-transition"
-    >
-      <VTab
-        v-for="(tab, index) in tabsData"
-        :key="index"
-      >
-        {{ tab }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem>
-          <div>
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Myrtle Ullrich
-                </div>
-                <div class="app-timeline-text">
-                  101 Boulder, California(CA), 95959
-                </div>
-              </VTimelineItem>
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Barry Schowalter
-                </div>
-                <div class="app-timeline-text">
-                  939 Orange, California(CA), 92118
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-            <VDivider
-              class="my-4"
-              style="border-style: dashed;"
-            />
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Veronica Herman
-                </div>
-                <div class="app-timeline-text">
-                  162  Windsor, California(CA), 95492
-                </div>
-              </VTimelineItem>
-
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Helen Jacobs
-                </div>
-                <div class="app-timeline-text">
-                  487 Sunset, California(CA), 94043
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-          </div>
-        </VWindowItem>
-
-        <VWindowItem>
-          <div>
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Myrtle Ullrich
-                </div>
-                <div class="app-timeline-text">
-                  101 Boulder, California(CA), 95959
-                </div>
-              </VTimelineItem>
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Barry Schowalter
-                </div>
-                <div class="app-timeline-text">
-                  939 Orange, California(CA), 92118
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-            <VDivider
-              class="my-4"
-              style="border-style: dashed;"
-            />
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Veronica Herman
-                </div>
-                <div class="app-timeline-text">
-                  162  Windsor, California(CA), 95492
-                </div>
-              </VTimelineItem>
-
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Helen Jacobs
-                </div>
-                <div class="app-timeline-text">
-                  487 Sunset, California(CA), 94043
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-          </div>
-        </VWindowItem>
-
-        <VWindowItem>
-          <div>
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Myrtle Ullrich
-                </div>
-                <div class="app-timeline-text">
-                  101 Boulder, California(CA), 95959
-                </div>
-              </VTimelineItem>
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Barry Schowalter
-                </div>
-                <div class="app-timeline-text">
-                  939 Orange, California(CA), 92118
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-            <VDivider
-              class="my-4"
-              style="border-style: dashed;"
-            />
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Veronica Herman
-                </div>
-                <div class="app-timeline-text">
-                  162  Windsor, California(CA), 95492
-                </div>
-              </VTimelineItem>
-
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Helen Jacobs
-                </div>
-                <div class="app-timeline-text">
-                  487 Sunset, California(CA), 94043
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-          </div>
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss">
-.country-order-card {
-  .v-timeline .v-timeline-divider__dot .v-timeline-divider__inner-dot {
-    box-shadow: none !important;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsOverviewTable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsOverviewTable.vue
deleted file mode 100644
index f38a3e8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsOverviewTable.vue
+++ /dev/null
@@ -1,141 +0,0 @@
-<script setup lang="ts">
-import type { Vehicle } from '@db/apps/logistics/types'
-
-const itemsPerPage = ref(5)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-
-// Update data table options
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-const { data: vehiclesData } = await useApi<any>(createUrl('/apps/logistics/vehicles', {
-  query: {
-    page,
-    itemsPerPage,
-    sortBy,
-    orderBy,
-  },
-}))
-
-const vehicles = computed((): Vehicle[] => vehiclesData.value.vehicles)
-const totalVehicles = computed(() => vehiclesData.value.totalVehicles)
-
-const headers = [
-  { title: 'LOCATION', key: 'location' },
-  { title: 'STARTING ROUTE', key: 'startRoute' },
-  { title: 'ENDING ROUTE', key: 'endRoute' },
-  { title: 'WARNINGS', key: 'warnings' },
-  { title: 'PROGRESS', key: 'progress' },
-]
-
-const resolveChipColor = (warning: string) => {
-  if (warning === 'No Warnings')
-    return 'success'
-  if (warning === 'fuel problems')
-    return 'primary'
-  if (warning === 'Temperature Not Optimal')
-    return 'warning'
-  if (warning === 'Ecu Not Responding')
-    return 'error'
-  if (warning === 'Oil Leakage')
-    return 'info'
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="On Route vehicles">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-
-    <VDivider />
-    <VDataTableServer
-      v-model:items-per-page="itemsPerPage"
-      v-model:page="page"
-      :items-per-page-options="[
-        { value: 5, title: '5' },
-        { value: 10, title: '10' },
-        { value: 20, title: '20' },
-        { value: -1, title: '$vuetify.dataFooter.itemsPerPageAll' },
-      ]"
-      :items-length="totalVehicles"
-      :items="vehicles"
-      item-value="location"
-      :headers="headers"
-      show-select
-      class="text-no-wrap"
-      @update:options="updateOptions"
-    >
-      <template #item.location="{ item }">
-        <VAvatar
-          variant="tonal"
-          color="secondary"
-          class="me-4"
-          size="40"
-        >
-          <VIcon
-            icon="tabler-car"
-            size="28"
-          />
-        </VAvatar>
-        <RouterLink :to="{ name: 'apps-logistics-fleet' }">
-          <div class="text-link text-base font-weight-medium d-inline-block">
-            VOL-{{ item.location }}
-          </div>
-        </RouterLink>
-      </template>
-
-      <template #item.startRoute="{ item }">
-        {{ item.startCity }}, {{ item.startCountry }}
-      </template>
-
-      <template #item.endRoute="{ item }">
-        {{ item.endCity }}, {{ item.endCountry }}
-      </template>
-
-      <template #item.warnings="{ item }">
-        <VChip
-          :color="resolveChipColor(item.warnings)"
-          label
-          size="small"
-        >
-          {{ item.warnings }}
-        </VChip>
-      </template>
-
-      <template #item.progress="{ item }">
-        <div
-          class="d-flex align-center gap-x-4"
-          style="min-inline-size: 240px;"
-        >
-          <div class="w-100">
-            <VProgressLinear
-              :model-value="item.progress"
-              rounded
-              color="primary"
-              :height="8"
-            />
-          </div>
-          <div>
-            {{ item.progress }}%
-          </div>
-        </div>
-      </template>
-
-      <!-- pagination -->
-      <template #bottom>
-        <TablePagination
-          v-model:page="page"
-          :items-per-page="itemsPerPage"
-          :total-items="totalVehicles"
-        />
-      </template>
-    </VDataTableServer>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsShipmentStatistics.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsShipmentStatistics.vue
deleted file mode 100644
index 0d41f78..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsShipmentStatistics.vue
+++ /dev/null
@@ -1,235 +0,0 @@
-<script setup lang="ts">
-const chartColors = {
-  line: {
-    series1: '#FFB400',
-    series2: '#9055FD',
-    series3: '#7367f029',
-  },
-}
-
-const headingColor = 'rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity))'
-const labelColor = 'rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity))'
-const borderColor = 'rgba(var(--v-border-color), var(--v-border-opacity))'
-
-const series = [
-  {
-    name: 'Shipment',
-    type: 'column',
-    data: [38, 45, 33, 38, 32, 48, 45, 40, 42, 37],
-  },
-  {
-    name: 'Delivery',
-    type: 'line',
-    data: [23, 28, 23, 32, 25, 42, 32, 32, 26, 24],
-  },
-]
-
-const shipmentConfig = {
-  chart: {
-    type: 'line',
-    stacked: false,
-    parentHeightOffset: 0,
-    toolbar: {
-      show: false,
-    },
-    zoom: {
-      enabled: false,
-    },
-  },
-  markers: {
-    size: 5,
-    colors: '#fff',
-    strokeColors: chartColors.line.series2,
-    hover: {
-      size: 6,
-    },
-    borderRadius: 4,
-  },
-  stroke: {
-    curve: 'smooth',
-    width: [0, 3],
-    lineCap: 'round',
-  },
-  legend: {
-    show: true,
-    position: 'bottom',
-    markers: {
-      width: 8,
-      height: 8,
-      offsetX: -3,
-    },
-    height: 40,
-    itemMargin: {
-      horizontal: 10,
-      vertical: 0,
-    },
-    fontSize: '15px',
-    fontFamily: 'Open Sans',
-    fontWeight: 400,
-    labels: {
-      colors: headingColor,
-      useSeriesColors: !1,
-    },
-    offsetY: 10,
-  },
-  grid: {
-    strokeDashArray: 8,
-    borderColor,
-  },
-  colors: [chartColors.line.series1, chartColors.line.series2],
-  fill: {
-    opacity: [1, 1],
-  },
-  plotOptions: {
-    bar: {
-      columnWidth: '30%',
-      borderRadius: 4,
-      borderRadiusApplication: 'end',
-    },
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  xaxis: {
-    tickAmount: 10,
-    categories: ['1 Jan', '2 Jan', '3 Jan', '4 Jan', '5 Jan', '6 Jan', '7 Jan', '8 Jan', '9 Jan', '10 Jan'],
-    labels: {
-      style: {
-        colors: labelColor,
-        fontSize: '13px',
-        fontWeight: 400,
-      },
-    },
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-  },
-  yaxis: {
-    tickAmount: 4,
-    min: 0,
-    max: 50,
-    labels: {
-      style: {
-        colors: labelColor,
-        fontSize: '13px',
-        fontWeight: 400,
-      },
-      formatter(val: string) {
-        return `${val}%`
-      },
-    },
-  },
-  responsive: [
-    {
-      breakpoint: 1400,
-      options: {
-        chart: {
-          height: 320,
-        },
-        xaxis: {
-          labels: {
-            style: {
-              fontSize: '10px',
-            },
-          },
-        },
-        legend: {
-          itemMargin: {
-            vertical: 0,
-            horizontal: 10,
-          },
-          fontSize: '13px',
-          offsetY: 12,
-        },
-      },
-    },
-    {
-      breakpoint: 1025,
-      options: {
-        chart: {
-          height: 415,
-        },
-        plotOptions: {
-          bar: {
-            columnWidth: '50%',
-          },
-        },
-      },
-    },
-    {
-      breakpoint: 982,
-      options: {
-        plotOptions: {
-          bar: {
-            columnWidth: '30%',
-          },
-        },
-      },
-    },
-    {
-      breakpoint: 480,
-      options: {
-        chart: {
-          height: 250,
-        },
-        legend: {
-          offsetY: 7,
-        },
-      },
-    },
-  ],
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardItem
-      title="Shipment statistics"
-      subtitle="Total number of deliveries 23.8k"
-    >
-      <template #append>
-        <VBtn
-          variant="tonal"
-          append-icon="tabler-chevron-down"
-        >
-          January
-        </VBtn>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VueApexCharts
-        id="shipment-statistics"
-        type="line"
-        height="320"
-        :options="shipmentConfig"
-        :series="series"
-      />
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/libs/apex-chart.scss";
-
-.v-btn-group--divided .v-btn:not(:last-child) {
-  border-inline-end-color: rgba(var(--v-theme-primary), 0.5);
-}
-
-#shipment-statistics {
-  .apexcharts-legend-text {
-    font-size: 16px !important;
-  }
-
-  .apexcharts-legend-series {
-    border: 1px solid rgba(var(--v-theme-on-surface), 0.12);
-    border-radius: 0.375rem;
-    block-size: 83%;
-    padding-block: 4px;
-    padding-inline: 16px 12px;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsVehicleOverview.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsVehicleOverview.vue
deleted file mode 100644
index 7e6cb7b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/LogisticsVehicleOverview.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup lang="ts">
-const vehicleData = [
-  { icon: 'tabler-car', title: 'On the way', time: '2hr 10min', percentage: 39.7 },
-  { icon: 'tabler-circle-arrow-down', title: 'Unloading', time: '3hr 15min', percentage: 28.3 },
-  { icon: 'tabler-circle-arrow-up', title: 'Loading', time: '1hr 24min', percentage: 17.4 },
-  { icon: 'tabler-clock', title: 'Waiting', time: '5hr 19min', percentage: 14.6 },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Vehicles Overview">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-    <VCardText>
-      <div class="d-flex mb-6">
-        <div style="inline-size: 39.7%;">
-          <div class="vehicle-progress-label position-relative mb-6 text-body-1 d-none d-sm-block">
-            On the way
-          </div>
-          <VProgressLinear
-            color="rgba(var(--v-theme-on-surface), var(--v-hover-opacity))"
-            model-value="100"
-            height="46"
-            class="rounded-e-0 rounded-lg"
-          >
-            <div class="text-start text-sm font-weight-medium">
-              39.7%
-            </div>
-          </VProgressLinear>
-        </div>
-        <div style="inline-size: 28.3%;">
-          <div class="vehicle-progress-label position-relative mb-6 text-body-1 d-none d-sm-block">
-            Unloading
-          </div>
-          <VProgressLinear
-            color="rgb(var(--v-theme-primary))"
-            model-value="100"
-            class="rounded-0"
-            height="46"
-          >
-            <div class="text-white text-sm font-weight-medium text-start">
-              28.3%
-            </div>
-          </VProgressLinear>
-        </div>
-        <div style="inline-size: 17.4%;">
-          <div class="vehicle-progress-label position-relative mb-6 text-body-1 d-none d-sm-block">
-            Loading
-          </div>
-          <VProgressLinear
-            color="rgb(var(--v-theme-info))"
-            model-value="100"
-            height="46"
-            class="rounded-0"
-          >
-            <div class="text-white text-sm font-weight-medium text-start">
-              17.4%
-            </div>
-          </VProgressLinear>
-        </div>
-        <div style="inline-size: 14.6%;">
-          <div class="vehicle-progress-label position-relative mb-6 text-body-1 d-none d-sm-block">
-            Waiting
-          </div>
-          <VProgressLinear
-            color="rgb(var(--v-tooltip-background))"
-            model-value="100"
-            height="46"
-            class="rounded-s-0 rounded-lg"
-          >
-            <div class="text-sm text-surface font-weight-medium text-start">
-              14.6%
-            </div>
-          </VProgressLinear>
-        </div>
-      </div>
-      <VTable class="text-no-wrap">
-        <tbody>
-          <tr
-            v-for="(vehicle, index) in vehicleData"
-            :key="index"
-          >
-            <td
-              width="70%"
-              style="padding-inline-start: 0 !important;"
-            >
-              <div class="d-flex align-center gap-x-2">
-                <VIcon
-                  :icon="vehicle.icon"
-                  size="24"
-                  class="text-high-emphasis"
-                />
-                <div class="text-body-1 text-high-emphasis">
-                  {{ vehicle.title }}
-                </div>
-              </div>
-            </td>
-            <td>
-              <h6 class="text-h6">
-                {{ vehicle.time }}
-              </h6>
-            </td>
-            <td>
-              <div class="text-body-1">
-                {{ vehicle.percentage }}%
-              </div>
-            </td>
-          </tr>
-        </tbody>
-      </VTable>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.vehicle-progress-label {
-  padding-block-end: 1rem;
-
-  &::after {
-    position: absolute;
-    display: inline-block;
-    background-color: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
-    block-size: 10px;
-    content: "";
-    inline-size: 2px;
-    inset-block-end: 0;
-    inset-inline-start: 0;
-
-    [dir="rtl"] & {
-      inset-inline: unset 0;
-    }
-  }
-}
-</style>
-
-<style lang="scss">
-.v-progress-linear__content {
-  justify-content: start;
-  padding-inline-start: 1rem;
-}
-
-#shipment-statistics .apexcharts-legend-series {
-  padding-inline: 16px;
-}
-
-@media (max-width: 1080px) {
-  #shipment-statistics .apexcharts-legend-series {
-    padding-inline: 12px;
-  }
-
-  .v-progress-linear__content {
-    padding-inline-start: 0.75rem !important;
-  }
-}
-
-@media (max-width: 576px) {
-  #shipment-statistics .apexcharts-legend-series {
-    padding-inline: 8px;
-  }
-
-  .v-progress-linear__content {
-    padding-inline-start: 0.125rem !important;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/types.d.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/types.d.ts
deleted file mode 100644
index feb4520..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/logistics/types.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export interface vehicleParams{
-  options: object,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/roles/RoleCards.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/roles/RoleCards.vue
deleted file mode 100644
index 43609b2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/roles/RoleCards.vue
+++ /dev/null
@@ -1,314 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar10 from '@images/avatars/avatar-10.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-import avatar9 from '@images/avatars/avatar-9.png'
-import girlUsingMobile from '@images/pages/girl-using-mobile.png'
-
-interface Permission {
-  name: string
-  read: boolean
-  write: boolean
-  create: boolean
-}
-
-interface RoleDetails {
-  name: string
-  permissions: Permission[]
-}
-
-interface Roles {
-  role: string
-  users: string[]
-  details: RoleDetails
-}
-
-// 👉 Roles List
-const roles = ref<Roles[]>([
-  {
-    role: 'Administrator',
-    users: [avatar1, avatar2, avatar3, avatar4],
-    details: {
-      name: 'Administrator',
-      permissions: [
-        {
-          name: 'User Management',
-          read: true,
-          write: true,
-          create: true,
-        },
-        {
-          name: 'Disputes Management',
-          read: true,
-          write: true,
-          create: true,
-        },
-        {
-          name: 'API Control',
-          read: true,
-          write: true,
-          create: true,
-        },
-      ],
-    },
-  },
-  {
-    role: 'Manager',
-    users: [avatar1, avatar2, avatar3, avatar4, avatar5, avatar6, avatar7],
-    details: {
-      name: 'Manager',
-      permissions: [
-        {
-          name: 'Reporting',
-          read: true,
-          write: true,
-          create: false,
-        },
-        {
-          name: 'Payroll',
-          read: true,
-          write: true,
-          create: true,
-        },
-        {
-          name: 'User Management',
-          read: true,
-          write: true,
-          create: true,
-        },
-      ],
-    },
-  },
-  {
-    role: 'Users',
-    users: [avatar1, avatar2, avatar3, avatar4, avatar5],
-    details: {
-      name: 'Users',
-      permissions: [
-        {
-          name: 'User Management',
-          read: true,
-          write: false,
-          create: false,
-        },
-        {
-          name: 'Content Management',
-          read: true,
-          write: false,
-          create: false,
-        },
-        {
-          name: 'Disputes Management',
-          read: true,
-          write: false,
-          create: false,
-        },
-        {
-          name: 'Database Management',
-          read: true,
-          write: false,
-          create: false,
-        },
-      ],
-    },
-  },
-  {
-    role: 'Support',
-    users: [avatar1, avatar2, avatar3, avatar4, avatar5, avatar6],
-    details: {
-      name: 'Support',
-      permissions: [
-        {
-          name: 'Repository Management',
-          read: true,
-          write: true,
-          create: false,
-        },
-        {
-          name: 'Content Management',
-          read: true,
-          write: true,
-          create: false,
-        },
-        {
-          name: 'Database Management',
-          read: true,
-          write: true,
-          create: false,
-        },
-      ],
-    },
-  },
-  {
-    role: 'Restricted User',
-    users: [avatar1, avatar2, avatar3, avatar4, avatar5, avatar6, avatar7, avatar8, avatar9, avatar10],
-    details: {
-      name: 'Restricted User',
-      permissions: [
-        {
-          name: 'User Management',
-          read: true,
-          write: false,
-          create: false,
-        },
-        {
-          name: 'Content Management',
-          read: true,
-          write: false,
-          create: false,
-        },
-        {
-          name: 'Disputes Management',
-          read: true,
-          write: false,
-          create: false,
-        },
-        {
-          name: 'Database Management',
-          read: true,
-          write: false,
-          create: false,
-        },
-      ],
-    },
-  },
-])
-
-const isRoleDialogVisible = ref(false)
-
-const roleDetail = ref<RoleDetails>()
-
-const isAddRoleDialogVisible = ref(false)
-
-const editPermission = (value: RoleDetails) => {
-  isRoleDialogVisible.value = true
-  roleDetail.value = value
-}
-</script>
-
-<template>
-  <VRow>
-    <!-- 👉 Roles -->
-    <VCol
-      v-for="item in roles"
-      :key="item.role"
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <VCard>
-        <VCardText class="d-flex align-center pb-4">
-          <div class="text-body-1">
-            Total {{ item.users.length }} users
-          </div>
-
-          <VSpacer />
-
-          <div class="v-avatar-group">
-            <template
-              v-for="(user, index) in item.users"
-              :key="user"
-            >
-              <VAvatar
-                v-if="item.users.length > 4 && item.users.length !== 4 && index < 3"
-                size="40"
-                :image="user"
-              />
-
-              <VAvatar
-                v-if="item.users.length === 4"
-                size="40"
-                :image="user"
-              />
-            </template>
-            <VAvatar
-              v-if="item.users.length > 4"
-              :color="$vuetify.theme.current.dark ? '#373B50' : '#EEEDF0'"
-            >
-              <span>
-                +{{ item.users.length - 3 }}
-              </span>
-            </VAvatar>
-          </div>
-        </VCardText>
-
-        <VCardText>
-          <div class="d-flex justify-space-between align-center">
-            <div>
-              <h5 class="text-h5">
-                {{ item.role }}
-              </h5>
-              <div class="d-flex align-center">
-                <a
-                  href="javascript:void(0)"
-                  @click="editPermission(item.details)"
-                >
-                  Edit Role
-                </a>
-              </div>
-            </div>
-            <IconBtn>
-              <VIcon
-                icon="tabler-copy"
-                class="text-high-emphasis"
-              />
-            </IconBtn>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Add New Role -->
-    <VCol
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <VCard
-        class="h-100"
-        :ripple="false"
-      >
-        <VRow
-          no-gutters
-          class="h-100"
-        >
-          <VCol
-            cols="5"
-            class="d-flex flex-column justify-end align-center mt-5"
-          >
-            <img
-              width="85"
-              :src="girlUsingMobile"
-            >
-          </VCol>
-
-          <VCol cols="7">
-            <VCardText class="d-flex flex-column align-end justify-end gap-4">
-              <VBtn
-                size="small"
-                @click="isAddRoleDialogVisible = true"
-              >
-                Add New Role
-              </VBtn>
-              <div class="text-end">
-                Add new role,<br> if it doesn't exist.
-              </div>
-            </VCardText>
-          </VCol>
-        </VRow>
-      </VCard>
-      <AddEditRoleDialog v-model:is-dialog-visible="isAddRoleDialogVisible" />
-    </VCol>
-  </VRow>
-
-  <AddEditRoleDialog
-    v-model:is-dialog-visible="isRoleDialogVisible"
-    v-model:role-permissions="roleDetail"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/roles/UserList.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/roles/UserList.vue
deleted file mode 100644
index ac5d563..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/roles/UserList.vue
+++ /dev/null
@@ -1,318 +0,0 @@
-<script setup lang="ts">
-import AddNewUserDrawer from '@/views/apps/user/list/AddNewUserDrawer.vue'
-import type { UserProperties } from '@db/apps/users/types'
-
-// 👉 Store
-const searchQuery = ref('')
-const selectedRole = ref()
-const selectedPlan = ref()
-const selectedStatus = ref()
-
-// Data table options
-const itemsPerPage = ref(10)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-const selectedRows = ref([])
-
-// Update data table options
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-// Headers
-const headers = [
-  { title: 'User', key: 'user' },
-  { title: 'Role', key: 'role' },
-  { title: 'Plan', key: 'plan' },
-  { title: 'Billing', key: 'billing' },
-  { title: 'Status', key: 'status' },
-  { title: 'Actions', key: 'actions', sortable: false },
-]
-
-// 👉 Fetching users
-const { data: usersData, execute: fetchUsers } = await useApi<any>(createUrl('/apps/users', {
-  query: {
-    q: searchQuery,
-    status: selectedStatus,
-    plan: selectedPlan,
-    role: selectedRole,
-    itemsPerPage,
-    page,
-    sortBy,
-    orderBy,
-  },
-}))
-
-const users = computed((): UserProperties[] => usersData.value.users)
-const totalUsers = computed(() => usersData.value.totalUsers)
-
-// 👉 search filters
-const roles = [
-  { title: 'Admin', value: 'admin' },
-  { title: 'Author', value: 'author' },
-  { title: 'Editor', value: 'editor' },
-  { title: 'Maintainer', value: 'maintainer' },
-  { title: 'Subscriber', value: 'subscriber' },
-]
-
-const resolveUserRoleVariant = (role: string) => {
-  const roleLowerCase = role.toLowerCase()
-
-  if (roleLowerCase === 'subscriber')
-    return { color: 'primary', icon: 'tabler-user' }
-  if (roleLowerCase === 'author')
-    return { color: 'warning', icon: 'tabler-settings' }
-  if (roleLowerCase === 'maintainer')
-    return { color: 'success', icon: 'tabler-chart-donut' }
-  if (roleLowerCase === 'editor')
-    return { color: 'info', icon: 'tabler-pencil' }
-  if (roleLowerCase === 'admin')
-    return { color: 'error', icon: 'tabler-device-laptop' }
-
-  return { color: 'primary', icon: 'tabler-user' }
-}
-
-const resolveUserStatusVariant = (stat: string) => {
-  const statLowerCase = stat.toLowerCase()
-  if (statLowerCase === 'pending')
-    return 'warning'
-  if (statLowerCase === 'active')
-    return 'success'
-  if (statLowerCase === 'inactive')
-    return 'secondary'
-
-  return 'primary'
-}
-
-const isAddNewUserDrawerVisible = ref(false)
-
-// 👉 Add new user
-const addNewUser = async (userData: UserProperties) => {
-  await $api('/apps/users', {
-    method: 'POST',
-    body: userData,
-  })
-
-  // refetch User
-  fetchUsers()
-}
-
-// 👉 Delete user
-const deleteUser = async (id: number) => {
-  await $api(`/apps/users/${id}`, {
-    method: 'DELETE',
-  })
-
-  // Delete from selectedRows
-  const index = selectedRows.value.findIndex(row => row === id)
-  if (index !== -1)
-    selectedRows.value.splice(index, 1)
-
-  // refetch User
-  // TODO: Make this async
-  fetchUsers()
-}
-</script>
-
-<template>
-  <section>
-    <VCard>
-      <VCardText class="d-flex flex-wrap gap-4">
-        <div class="d-flex gap-2 align-center">
-          <p class="text-body-1 mb-0">
-            Show
-          </p>
-          <AppSelect
-            :model-value="itemsPerPage"
-            :items="[
-              { value: 10, title: '10' },
-              { value: 25, title: '25' },
-              { value: 50, title: '50' },
-              { value: 100, title: '100' },
-              { value: -1, title: 'All' },
-            ]"
-            style="inline-size: 5.5rem;"
-            @update:model-value="itemsPerPage = parseInt($event, 10)"
-          />
-        </div>
-
-        <VSpacer />
-
-        <div class="d-flex align-center flex-wrap gap-4">
-          <!-- 👉 Search  -->
-          <AppTextField
-            v-model="searchQuery"
-            placeholder="Search User"
-            style="inline-size: 15.625rem;"
-          />
-
-          <!-- 👉 Add user button -->
-          <AppSelect
-            v-model="selectedRole"
-            placeholder="Select Role"
-            :items="roles"
-            clearable
-            clear-icon="tabler-x"
-            style="inline-size: 10rem;"
-          />
-        </div>
-      </VCardText>
-
-      <VDivider />
-
-      <!-- SECTION datatable -->
-      <VDataTableServer
-        v-model:items-per-page="itemsPerPage"
-        v-model:model-value="selectedRows"
-        v-model:page="page"
-        :items-per-page-options="[
-          { value: 10, title: '10' },
-          { value: 20, title: '20' },
-          { value: 50, title: '50' },
-          { value: -1, title: '$vuetify.dataFooter.itemsPerPageAll' },
-        ]"
-        :items="users"
-        :items-length="totalUsers"
-        :headers="headers"
-        class="text-no-wrap"
-        show-select
-        @update:options="updateOptions"
-      >
-        <!-- User -->
-        <template #item.user="{ item }">
-          <div class="d-flex align-center gap-x-4">
-            <VAvatar
-              size="34"
-              :variant="!item.avatar ? 'tonal' : undefined"
-              :color="!item.avatar ? resolveUserRoleVariant(item.role).color : undefined"
-            >
-              <VImg
-                v-if="item.avatar"
-                :src="item.avatar"
-              />
-              <span v-else>{{ avatarText(item.fullName) }}</span>
-            </VAvatar>
-            <div class="d-flex flex-column">
-              <h6 class="text-base">
-                <RouterLink
-                  :to="{ name: 'apps-user-view-id', params: { id: item.id } }"
-                  class="font-weight-medium text-link"
-                >
-                  {{ item.fullName }}
-                </RouterLink>
-              </h6>
-              <div class="text-sm">
-                {{ item.email }}
-              </div>
-            </div>
-          </div>
-        </template>
-
-        <!-- 👉 Role -->
-        <template #item.role="{ item }">
-          <div class="d-flex align-center gap-x-2">
-            <VIcon
-              :size="22"
-              :icon="resolveUserRoleVariant(item.role).icon"
-              :color="resolveUserRoleVariant(item.role).color"
-            />
-
-            <div class="text-capitalize text-high-emphasis text-body-1">
-              {{ item.role }}
-            </div>
-          </div>
-        </template>
-
-        <!-- Plan -->
-        <template #item.plan="{ item }">
-          <div class="text-body-1 text-high-emphasis text-capitalize">
-            {{ item.currentPlan }}
-          </div>
-        </template>
-
-        <!-- Status -->
-        <template #item.status="{ item }">
-          <VChip
-            :color="resolveUserStatusVariant(item.status)"
-            size="small"
-            label
-            class="text-capitalize"
-          >
-            {{ item.status }}
-          </VChip>
-        </template>
-
-        <!-- Actions -->
-        <template #item.actions="{ item }">
-          <IconBtn @click="deleteUser(item.id)">
-            <VIcon icon="tabler-trash" />
-          </IconBtn>
-
-          <IconBtn>
-            <VIcon icon="tabler-eye" />
-          </IconBtn>
-
-          <VBtn
-            icon
-            variant="text"
-            color="medium-emphasis"
-          >
-            <VIcon icon="tabler-dots-vertical" />
-            <VMenu activator="parent">
-              <VList>
-                <VListItem :to="{ name: 'apps-user-view-id', params: { id: item.id } }">
-                  <template #prepend>
-                    <VIcon icon="tabler-eye" />
-                  </template>
-
-                  <VListItemTitle>View</VListItemTitle>
-                </VListItem>
-
-                <VListItem link>
-                  <template #prepend>
-                    <VIcon icon="tabler-pencil" />
-                  </template>
-                  <VListItemTitle>Edit</VListItemTitle>
-                </VListItem>
-
-                <VListItem @click="deleteUser(item.id)">
-                  <template #prepend>
-                    <VIcon icon="tabler-trash" />
-                  </template>
-                  <VListItemTitle>Delete</VListItemTitle>
-                </VListItem>
-              </VList>
-            </VMenu>
-          </VBtn>
-        </template>
-
-        <template #bottom>
-          <TablePagination
-            v-model:page="page"
-            :items-per-page="itemsPerPage"
-            :total-items="totalUsers"
-          />
-        </template>
-      </VDataTableServer>
-      <!-- SECTION -->
-    </VCard>
-
-    <!-- 👉 Add New User -->
-    <AddNewUserDrawer
-      v-model:is-drawer-open="isAddNewUserDrawerVisible"
-      @user-data="addNewUser"
-    />
-  </section>
-</template>
-
-<style lang="scss">
-.text-capitalize {
-  text-transform: capitalize;
-}
-
-.user-list-name:not(:hover) {
-  color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/list/AddNewUserDrawer.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/list/AddNewUserDrawer.vue
deleted file mode 100644
index 248b8c4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/list/AddNewUserDrawer.vue
+++ /dev/null
@@ -1,218 +0,0 @@
-<script setup lang="ts">
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-
-import type { VForm } from 'vuetify/components/VForm'
-
-import type { UserProperties } from '@db/apps/users/types'
-
-interface Emit {
-  (e: 'update:isDrawerOpen', value: boolean): void
-  (e: 'userData', value: UserProperties): void
-}
-
-interface Props {
-  isDrawerOpen: boolean
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits<Emit>()
-
-const isFormValid = ref(false)
-const refForm = ref<VForm>()
-const fullName = ref('')
-const userName = ref('')
-const email = ref('')
-const company = ref('')
-const country = ref()
-const contact = ref('')
-const role = ref()
-const plan = ref()
-const status = ref()
-
-// 👉 drawer close
-const closeNavigationDrawer = () => {
-  emit('update:isDrawerOpen', false)
-
-  nextTick(() => {
-    refForm.value?.reset()
-    refForm.value?.resetValidation()
-  })
-}
-
-const onSubmit = () => {
-  refForm.value?.validate().then(({ valid }) => {
-    if (valid) {
-      emit('userData', {
-        id: 0,
-        fullName: fullName.value,
-        company: company.value,
-        role: role.value,
-        country: country.value,
-        contact: contact.value,
-        email: email.value,
-        currentPlan: plan.value,
-        status: status.value,
-        avatar: '',
-        billing: 'Auto Debit',
-      })
-      emit('update:isDrawerOpen', false)
-      nextTick(() => {
-        refForm.value?.reset()
-        refForm.value?.resetValidation()
-      })
-    }
-  })
-}
-
-const handleDrawerModelValueUpdate = (val: boolean) => {
-  emit('update:isDrawerOpen', val)
-}
-</script>
-
-<template>
-  <VNavigationDrawer
-    data-allow-mismatch
-    temporary
-    :width="400"
-    location="end"
-    class="scrollable-content"
-    :model-value="props.isDrawerOpen"
-    @update:model-value="handleDrawerModelValueUpdate"
-  >
-    <!-- 👉 Title -->
-    <AppDrawerHeaderSection
-      title="Add New User"
-      @cancel="closeNavigationDrawer"
-    />
-
-    <VDivider />
-
-    <PerfectScrollbar :options="{ wheelPropagation: false }">
-      <VCard flat>
-        <VCardText>
-          <!-- 👉 Form -->
-          <VForm
-            ref="refForm"
-            v-model="isFormValid"
-            @submit.prevent="onSubmit"
-          >
-            <VRow>
-              <!-- 👉 Full name -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="fullName"
-                  :rules="[requiredValidator]"
-                  label="Full Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <!-- 👉 Username -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="userName"
-                  :rules="[requiredValidator]"
-                  label="Username"
-                  placeholder="Johndoe"
-                />
-              </VCol>
-
-              <!-- 👉 Email -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="email"
-                  :rules="[requiredValidator, emailValidator]"
-                  label="Email"
-                  placeholder="johndoe@email.com"
-                />
-              </VCol>
-
-              <!-- 👉 company -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="company"
-                  :rules="[requiredValidator]"
-                  label="Company"
-                  placeholder="PixInvent"
-                />
-              </VCol>
-
-              <!-- 👉 Country -->
-              <VCol cols="12">
-                <AppSelect
-                  v-model="country"
-                  label="Select Country"
-                  placeholder="Select Country"
-                  :rules="[requiredValidator]"
-                  :items="['USA', 'UK', 'India', 'Australia']"
-                />
-              </VCol>
-
-              <!-- 👉 Contact -->
-              <VCol cols="12">
-                <AppTextField
-                  v-model="contact"
-                  type="number"
-                  :rules="[requiredValidator]"
-                  label="Contact"
-                  placeholder="+1-541-754-3010"
-                />
-              </VCol>
-
-              <!-- 👉 Role -->
-              <VCol cols="12">
-                <AppSelect
-                  v-model="role"
-                  label="Select Role"
-                  placeholder="Select Role"
-                  :rules="[requiredValidator]"
-                  :items="['Admin', 'Author', 'Editor', 'Maintainer', 'Subscriber']"
-                />
-              </VCol>
-
-              <!-- 👉 Plan -->
-              <VCol cols="12">
-                <AppSelect
-                  v-model="plan"
-                  label="Select Plan"
-                  placeholder="Select Plan"
-                  :rules="[requiredValidator]"
-                  :items="['Basic', 'Company', 'Enterprise', 'Team']"
-                />
-              </VCol>
-
-              <!-- 👉 Status -->
-              <VCol cols="12">
-                <AppSelect
-                  v-model="status"
-                  label="Select Status"
-                  placeholder="Select Status"
-                  :rules="[requiredValidator]"
-                  :items="[{ title: 'Active', value: 'active' }, { title: 'Inactive', value: 'inactive' }, { title: 'Pending', value: 'pending' }]"
-                />
-              </VCol>
-
-              <!-- 👉 Submit and Cancel -->
-              <VCol cols="12">
-                <VBtn
-                  type="submit"
-                  class="me-3"
-                >
-                  Submit
-                </VBtn>
-                <VBtn
-                  type="reset"
-                  variant="tonal"
-                  color="error"
-                  @click="closeNavigationDrawer"
-                >
-                  Cancel
-                </VBtn>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </PerfectScrollbar>
-  </VNavigationDrawer>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/types.ts
deleted file mode 100644
index 7e9bf62..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/types.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export interface UserParams {
-  q: string
-  role: string
-  plan: string
-  status: string
-  options: object
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserBioPanel.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserBioPanel.vue
deleted file mode 100644
index 27273d2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserBioPanel.vue
+++ /dev/null
@@ -1,363 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  userData: {
-    id: number
-    fullName: string
-    firstName: string
-    lastName: string
-    company: string
-    username: string
-    role: string
-    country: string
-    contact: string
-    email: string
-    currentPlan: string
-    status: string
-    avatar: string
-    taskDone: number
-    projectDone: number
-    taxId: string
-    language: string
-  }
-}
-
-const props = defineProps<Props>()
-
-const standardPlan = {
-  plan: 'Standard',
-  price: 99,
-  benefits: ['10 Users', 'Up to 10GB storage', 'Basic Support'],
-}
-
-const isUserInfoEditDialogVisible = ref(false)
-const isUpgradePlanDialogVisible = ref(false)
-
-// 👉 Role variant resolver
-const resolveUserRoleVariant = (role: string) => {
-  if (role === 'subscriber')
-    return { color: 'warning', icon: 'tabler-user' }
-  if (role === 'author')
-    return { color: 'success', icon: 'tabler-circle-check' }
-  if (role === 'maintainer')
-    return { color: 'primary', icon: 'tabler-chart-pie-2' }
-  if (role === 'editor')
-    return { color: 'info', icon: 'tabler-pencil' }
-  if (role === 'admin')
-    return { color: 'secondary', icon: 'tabler-server-2' }
-
-  return { color: 'primary', icon: 'tabler-user' }
-}
-</script>
-
-<template>
-  <VRow>
-    <!-- SECTION User Details -->
-    <VCol cols="12">
-      <VCard v-if="props.userData">
-        <VCardText class="text-center pt-12">
-          <!-- 👉 Avatar -->
-          <VAvatar
-            rounded
-            :size="100"
-            :color="!props.userData.avatar ? 'primary' : undefined"
-            :variant="!props.userData.avatar ? 'tonal' : undefined"
-          >
-            <VImg
-              v-if="props.userData.avatar"
-              :src="props.userData.avatar"
-            />
-            <span
-              v-else
-              class="text-5xl font-weight-medium"
-            >
-              {{ avatarText(props.userData.fullName) }}
-            </span>
-          </VAvatar>
-
-          <!-- 👉 User fullName -->
-          <h5 class="text-h5 mt-4">
-            {{ props.userData.fullName }}
-          </h5>
-
-          <!-- 👉 Role chip -->
-          <VChip
-            label
-            :color="resolveUserRoleVariant(props.userData.role).color"
-            size="small"
-            class="text-capitalize mt-4"
-          >
-            {{ props.userData.role }}
-          </VChip>
-        </VCardText>
-
-        <VCardText>
-          <div class="d-flex justify-space-around gap-x-6 gap-y-2 flex-wrap mb-6">
-            <!-- 👉 Done task -->
-            <div class="d-flex align-center me-8">
-              <VAvatar
-                :size="40"
-                rounded
-                color="primary"
-                variant="tonal"
-                class="me-4"
-              >
-                <VIcon
-                  icon="tabler-checkbox"
-                  size="24"
-                />
-              </VAvatar>
-              <div>
-                <h5 class="text-h5">
-                  {{ `${(props.userData.taskDone / 1000).toFixed(2)}k` }}
-                </h5>
-
-                <span class="text-sm">Task Done</span>
-              </div>
-            </div>
-
-            <!-- 👉 Done Project -->
-            <div class="d-flex align-center me-4">
-              <VAvatar
-                :size="38"
-                rounded
-                color="primary"
-                variant="tonal"
-                class="me-4"
-              >
-                <VIcon
-                  icon="tabler-briefcase"
-                  size="24"
-                />
-              </VAvatar>
-              <div>
-                <h5 class="text-h5">
-                  {{ kFormatter(props.userData.projectDone) }}
-                </h5>
-                <span class="text-sm">Project Done</span>
-              </div>
-            </div>
-          </div>
-
-          <!-- 👉 Details -->
-          <h5 class="text-h5">
-            Details
-          </h5>
-
-          <VDivider class="my-4" />
-
-          <!-- 👉 User Details list -->
-          <VList class="card-list mt-2">
-            <VListItem>
-              <VListItemTitle>
-                <h6 class="text-h6">
-                  Username:
-                  <div class="d-inline-block text-body-1">
-                    {{ props.userData.fullName }}
-                  </div>
-                </h6>
-              </VListItemTitle>
-            </VListItem>
-
-            <VListItem>
-              <VListItemTitle>
-                <span class="text-h6">
-                  Billing Email:
-                </span>
-                <span class="text-body-1">
-                  {{ props.userData.email }}
-                </span>
-              </VListItemTitle>
-            </VListItem>
-
-            <VListItem>
-              <VListItemTitle>
-                <h6 class="text-h6">
-                  Status:
-                  <div class="d-inline-block text-body-1 text-capitalize">
-                    {{ props.userData.status }}
-                  </div>
-                </h6>
-              </VListItemTitle>
-            </VListItem>
-
-            <VListItem>
-              <VListItemTitle>
-                <h6 class="text-h6">
-                  Role:
-                  <div class="d-inline-block text-capitalize text-body-1">
-                    {{ props.userData.role }}
-                  </div>
-                </h6>
-              </VListItemTitle>
-            </VListItem>
-
-            <VListItem>
-              <VListItemTitle>
-                <h6 class="text-h6">
-                  Tax ID:
-                  <div class="d-inline-block text-body-1">
-                    {{ props.userData.taxId }}
-                  </div>
-                </h6>
-              </VListItemTitle>
-            </VListItem>
-
-            <VListItem>
-              <VListItemTitle>
-                <h6 class="text-h6">
-                  Contact:
-                  <div class="d-inline-block text-body-1">
-                    {{ props.userData.contact }}
-                  </div>
-                </h6>
-              </VListItemTitle>
-            </VListItem>
-
-            <VListItem>
-              <VListItemTitle>
-                <h6 class="text-h6">
-                  Language:
-                  <div class="d-inline-block text-body-1">
-                    {{ props.userData.language }}
-                  </div>
-                </h6>
-              </VListItemTitle>
-            </VListItem>
-
-            <VListItem>
-              <VListItemTitle>
-                <h6 class="text-h6">
-                  Country:
-                  <div class="d-inline-block text-body-1">
-                    {{ props.userData.country }}
-                  </div>
-                </h6>
-              </VListItemTitle>
-            </VListItem>
-          </VList>
-        </VCardText>
-
-        <!-- 👉 Edit and Suspend button -->
-        <VCardText class="d-flex justify-center gap-x-4">
-          <VBtn
-            variant="elevated"
-            @click="isUserInfoEditDialogVisible = true"
-          >
-            Edit
-          </VBtn>
-
-          <VBtn
-            variant="tonal"
-            color="error"
-          >
-            Suspend
-          </VBtn>
-        </VCardText>
-      </VCard>
-    </VCol>
-    <!-- !SECTION -->
-
-    <!-- SECTION Current Plan -->
-    <VCol cols="12">
-      <VCard>
-        <VCardText class="d-flex">
-          <!-- 👉 Standard Chip -->
-          <VChip
-            label
-            color="primary"
-            size="small"
-            class="font-weight-medium"
-          >
-            Popular
-          </VChip>
-
-          <VSpacer />
-
-          <!-- 👉 Current Price  -->
-          <div class="d-flex align-center">
-            <sup class="text-h5 text-primary mt-1">$</sup>
-            <h1 class="text-h1 text-primary">
-              99
-            </h1>
-            <sub class="mt-3"><h6 class="text-h6 font-weight-regular mb-n1">/ month</h6></sub>
-          </div>
-        </VCardText>
-
-        <VCardText>
-          <!-- 👉 Price Benefits -->
-          <VList class="card-list">
-            <VListItem
-              v-for="benefit in standardPlan.benefits"
-              :key="benefit"
-            >
-              <div class="d-flex align-center gap-x-2">
-                <VIcon
-                  size="10"
-                  color="secondary"
-                  icon="tabler-circle-filled"
-                />
-                <div class="text-medium-emphasis">
-                  {{ benefit }}
-                </div>
-              </div>
-            </VListItem>
-          </VList>
-
-          <!-- 👉 Days -->
-          <div class="my-6">
-            <div class="d-flex justify-space-between mb-1">
-              <h6 class="text-h6">
-                Days
-              </h6>
-              <h6 class="text-h6">
-                26 of 30 Days
-              </h6>
-            </div>
-
-            <!-- 👉 Progress -->
-            <VProgressLinear
-              rounded
-              rounded-bar
-              :model-value="65"
-              color="primary"
-            />
-
-            <p class="mt-1">
-              4 days remaining
-            </p>
-          </div>
-
-          <!-- 👉 Upgrade Plan -->
-          <div class="d-flex gap-4">
-            <VBtn
-              block
-              @click="isUpgradePlanDialogVisible = true"
-            >
-              Upgrade Plan
-            </VBtn>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-    <!-- !SECTION -->
-  </VRow>
-
-  <!-- 👉 Edit user info dialog -->
-  <UserInfoEditDialog
-    v-model:is-dialog-visible="isUserInfoEditDialogVisible"
-    :user-data="props.userData"
-  />
-
-  <!-- 👉 Upgrade plan dialog -->
-  <UserUpgradePlanDialog v-model:is-dialog-visible="isUpgradePlanDialogVisible" />
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 0.5rem;
-}
-
-.text-capitalize {
-  text-transform: capitalize !important;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserInvoiceTable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserInvoiceTable.vue
deleted file mode 100644
index b8560ab..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserInvoiceTable.vue
+++ /dev/null
@@ -1,217 +0,0 @@
-<script setup lang="ts">
-import type { Invoice } from '@db/apps/invoice/types'
-
-const searchQuery = ref('')
-const selectedStatus = ref()
-
-// Data table options
-const itemsPerPage = ref(10)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-
-// Update data table options
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-const isLoading = ref(false)
-
-// 👉 headers
-const headers = [
-  { title: '#', key: 'id' },
-  { title: 'Status', key: 'trending', sortable: false },
-  { title: 'Total', key: 'total' },
-  { title: 'Issued Date', key: 'date' },
-  { title: 'Actions', key: 'actions', sortable: false },
-]
-
-// 👉 Fetch Invoices
-const { data: invoiceData, execute: fetchInvoices } = await useApi<any>(createUrl('/apps/invoice', {
-  query: {
-    q: searchQuery,
-    status: selectedStatus,
-    itemsPerPage,
-    page,
-    sortBy,
-    orderBy,
-  },
-}))
-
-const invoices = computed((): Invoice[] => invoiceData.value?.invoices)
-const totalInvoices = computed(() => invoiceData.value?.totalInvoices)
-
-// 👉 Invoice status variant resolver
-const resolveInvoiceStatusVariantAndIcon = (status: string) => {
-  if (status === 'Partial Payment')
-    return { variant: 'success', icon: 'tabler-check' }
-  if (status === 'Paid')
-    return { variant: 'warning', icon: 'tabler-chart-pie' }
-  if (status === 'Downloaded')
-    return { variant: 'info', icon: 'tabler-arrow-down' }
-  if (status === 'Draft')
-    return { variant: 'primary', icon: 'tabler-folder' }
-  if (status === 'Sent')
-    return { variant: 'secondary', icon: 'tabler-mail' }
-  if (status === 'Past Due')
-    return { variant: 'error', icon: 'tabler-info-circle' }
-
-  return { variant: 'secondary', icon: 'tabler-x' }
-}
-
-const computedMoreList = computed(() => {
-  return (paramId: number) => ([
-    { title: 'Download', value: 'download', prependIcon: 'tabler-download' },
-    {
-      title: 'Edit',
-      value: 'edit',
-      prependIcon: 'tabler-pencil',
-      to: { name: 'apps-invoice-edit-id', params: { id: paramId } },
-    },
-    { title: 'Duplicate', value: 'duplicate', prependIcon: 'tabler-layers-intersect' },
-  ])
-})
-
-// 👉 Delete Invoice
-// 👉 Delete Invoice
-const deleteInvoice = async (id: number) => {
-  await $api(`/apps/invoice/${id}`, { method: 'DELETE' })
-
-  fetchInvoices()
-}
-</script>
-
-<template>
-  <section v-if="invoices">
-    <VCard id="invoice-list">
-      <VCardText>
-        <div class="d-flex align-center justify-space-between flex-wrap gap-4">
-          <div class="text-h5">
-            Invoice List
-          </div>
-          <div class="d-flex align-center gap-x-4">
-            <AppSelect
-              :model-value="itemsPerPage"
-              :items="[
-                { value: 10, title: '10' },
-                { value: 25, title: '25' },
-                { value: 50, title: '50' },
-                { value: 100, title: '100' },
-                { value: -1, title: 'All' },
-              ]"
-              style="inline-size: 6.25rem;"
-              @update:model-value="itemsPerPage = parseInt($event, 10)"
-            />
-
-            <!-- 👉 Export invoice -->
-            <VBtn
-              append-icon="tabler-upload"
-              variant="tonal"
-              color="secondary"
-            >
-              Export
-            </VBtn>
-          </div>
-        </div>
-      </VCardText>
-
-      <VDivider />
-
-      <!-- SECTION Datatable -->
-      <VDataTableServer
-        v-model:items-per-page="itemsPerPage"
-        v-model:page="page"
-        :loading="isLoading"
-        :items-length="totalInvoices"
-        :headers="headers"
-        :items="invoices"
-        item-value="total"
-        class="text-no-wrap text-sm rounded-0"
-        @update:options="updateOptions"
-      >
-        <!-- id -->
-        <template #item.id="{ item }">
-          <RouterLink :to="{ name: 'apps-invoice-preview-id', params: { id: item.id } }">
-            #{{ item.id }}
-          </RouterLink>
-        </template>
-
-        <!-- trending -->
-        <template #item.trending="{ item }">
-          <VTooltip>
-            <template #activator="{ props }">
-              <VAvatar
-                :size="28"
-                v-bind="props"
-                :color="resolveInvoiceStatusVariantAndIcon(item.invoiceStatus).variant"
-                variant="tonal"
-              >
-                <VIcon
-                  :size="16"
-                  :icon="resolveInvoiceStatusVariantAndIcon(item.invoiceStatus).icon"
-                />
-              </VAvatar>
-            </template>
-            <p class="mb-0">
-              {{ item.invoiceStatus }}
-            </p>
-            <p class="mb-0">
-              Balance: {{ item.balance }}
-            </p>
-            <p class="mb-0">
-              Due date: {{ item.dueDate }}
-            </p>
-          </VTooltip>
-        </template>
-
-        <!-- Total -->
-        <template #item.total="{ item }">
-          ${{ item.total }}
-        </template>
-
-        <!-- issued Date -->
-        <template #item.date="{ item }">
-          {{ item.issuedDate }}
-        </template>
-
-        <!-- Actions -->
-        <template #item.actions="{ item }">
-          <IconBtn @click="deleteInvoice(item.id)">
-            <VIcon icon="tabler-trash" />
-          </IconBtn>
-
-          <IconBtn :to="{ name: 'apps-invoice-preview-id', params: { id: item.id } }">
-            <VIcon icon="tabler-eye" />
-          </IconBtn>
-
-          <MoreBtn
-            :menu-list="computedMoreList(item.id)"
-            color="undefined"
-            item-props
-          />
-        </template>
-        <template #bottom>
-          <TablePagination
-            v-model:page="page"
-            :items-per-page="itemsPerPage"
-            :total-items="totalInvoices"
-          />
-        </template>
-      </VDataTableServer>
-      <!-- !SECTION -->
-    </VCard>
-  </section>
-</template>
-
-<style lang="scss">
-#invoice-list {
-  .invoice-list-actions {
-    inline-size: 8rem;
-  }
-
-  .invoice-list-search {
-    inline-size: 12rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabAccount.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabAccount.vue
deleted file mode 100644
index ea28d7a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabAccount.vue
+++ /dev/null
@@ -1,373 +0,0 @@
-<script lang="ts" setup>
-import UserInvoiceTable from './UserInvoiceTable.vue'
-
-// Images
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-import figma from '@images/icons/project-icons/figma.png'
-import html5 from '@images/icons/project-icons/html5.png'
-import pdf from '@images/icons/project-icons/pdf.png'
-import python from '@images/icons/project-icons/python.png'
-import react from '@images/icons/project-icons/react.png'
-import sketch from '@images/icons/project-icons/sketch.png'
-import vue from '@images/icons/project-icons/vue.png'
-import xamarin from '@images/icons/project-icons/xamarin.png'
-
-// Project Table Header
-const projectTableHeaders = [
-  { title: 'PROJECT', key: 'project' },
-  { title: 'LEADER', key: 'leader' },
-  { title: 'Team', key: 'team' },
-  { title: 'PROGRESS', key: 'progress' },
-  { title: 'Action', key: 'Action', sortable: false },
-]
-
-const search = ref('')
-
-const options = ref({ itemsPerPage: 5, page: 1 })
-
-const projects = [
-  {
-    logo: react,
-    name: 'BGC eCommerce App',
-    project: 'React Project',
-    leader: 'Eileen',
-    progress: 78,
-    hours: '18:42',
-    team: [avatar1, avatar8, avatar6],
-    extraMembers: 3,
-  },
-  {
-    logo: figma,
-    name: 'Falcon Logo Design',
-    project: 'Figma Project',
-    leader: 'Owen',
-    progress: 25,
-    hours: '20:42',
-    team: [avatar5, avatar2],
-  },
-  {
-    logo: vue,
-    name: 'Dashboard Design',
-    project: 'Vuejs Project',
-    leader: 'Keith',
-    progress: 62,
-    hours: '120:87',
-    team: [avatar8, avatar2, avatar1],
-  },
-  {
-    logo: xamarin,
-    name: 'Foodista mobile app',
-    project: 'Xamarin Project',
-    leader: 'Merline',
-    progress: 8,
-    hours: '120:87',
-    team: [avatar3, avatar4, avatar7],
-    extraMembers: 8,
-  },
-  {
-    logo: python,
-    name: 'Dojo Email App',
-    project: 'Python Project',
-    leader: 'Harmonia',
-    progress: 51,
-    hours: '230:10',
-    team: [avatar4, avatar3, avatar1],
-    extraMembers: 5,
-  },
-  {
-    logo: sketch,
-    name: 'Blockchain Website',
-    project: 'Sketch Project',
-    leader: 'Allyson',
-    progress: 92,
-    hours: '342:41',
-    team: [avatar1, avatar8],
-  },
-  {
-    logo: html5,
-    name: 'Hoffman Website',
-    project: 'HTML Project',
-    leader: 'Georgie',
-    progress: 80,
-    hours: '12:45',
-    team: [avatar1, avatar8, avatar6],
-  },
-]
-
-const moreList = [
-  { title: 'Download', value: 'Download' },
-  { title: 'Delete', value: 'Delete' },
-  { title: 'View', value: 'View' },
-]
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <VCard>
-        <VCardText class="d-flex justify-space-between align-center flex-wrap gap-4">
-          <h5 class="text-h5">
-            User's Projects List
-          </h5>
-
-          <div style="inline-size: 250px;">
-            <AppTextField
-              v-model="search"
-              placeholder="Search Project"
-            />
-          </div>
-        </VCardText>
-        <VDivider />
-        <!-- 👉 User Project List Table -->
-
-        <!-- SECTION Datatable -->
-
-        <VDataTable
-          v-model:page="options.page"
-          :headers="projectTableHeaders"
-          :items-per-page="options.itemsPerPage"
-          :items="projects"
-          item-value="name"
-          hide-default-footer
-          :search="search"
-          show-select
-          class="text-no-wrap"
-        >
-          <!-- projects -->
-          <template #item.project="{ item }">
-            <div class="d-flex align-center gap-x-3">
-              <VAvatar
-                :size="34"
-                :image="item.logo"
-              />
-              <div>
-                <h6 class="text-h6 text-no-wrap">
-                  {{ item.name }}
-                </h6>
-                <div class="text-body-2">
-                  {{ item.project }}
-                </div>
-              </div>
-            </div>
-          </template>
-
-          <template #item.leader="{ item }">
-            <div class="text-base text-high-emphasis">
-              {{ item.leader }}
-            </div>
-          </template>
-
-          <!-- Team -->
-          <template #item.team="{ item }">
-            <div class="d-flex">
-              <div class="v-avatar-group">
-                <VAvatar
-                  v-for="(data, index) in item.team"
-                  :key="index"
-                  size="26"
-                >
-                  <VImg :src="data" />
-                </VAvatar>
-                <VAvatar
-                  v-if="item.extraMembers"
-                  :color="$vuetify.theme.current.dark ? '#373b50' : '#eeedf0'"
-                  :size="26"
-                >
-                  <div class="text-caption text-high-emphasis">
-                    +{{ item.extraMembers }}
-                  </div>
-                </VAvatar>
-              </div>
-            </div>
-          </template>
-
-          <!-- Progress -->
-          <template #item.progress="{ item }">
-            <div class="d-flex align-center gap-3">
-              <div class="flex-grow-1">
-                <VProgressLinear
-                  :height="6"
-                  :model-value="item.progress"
-                  color="primary"
-                  rounded
-                />
-              </div>
-              <div class="text-body-1 text-high-emphasis">
-                {{ item.progress }}%
-              </div>
-            </div>
-          </template>
-
-          <!-- Action -->
-          <template #item.Action>
-            <MoreBtn :menu-list="moreList" />
-          </template>
-
-          <!-- TODO Refactor this after vuetify provides proper solution for removing default footer -->
-          <template #bottom>
-            <TablePagination
-              v-model:page="options.page"
-              :items-per-page="options.itemsPerPage"
-              :total-items="projects.length"
-            />
-          </template>
-        </VDataTable>
-        <!-- !SECTION -->
-      </VCard>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 User Activity timeline -->
-      <VCard title="User Activity Timeline">
-        <VCardText>
-          <VTimeline
-            side="end"
-            align="start"
-            line-inset="8"
-            truncate-line="start"
-            density="compact"
-          >
-            <!-- SECTION Timeline Item: Flight -->
-            <VTimelineItem
-              dot-color="primary"
-              size="x-small"
-            >
-              <!-- 👉 Header -->
-              <div class="d-flex justify-space-between align-center gap-2 flex-wrap mb-2">
-                <span class="app-timeline-title">
-                  12 Invoices have been paid
-                </span>
-                <span class="app-timeline-meta">12 min ago</span>
-              </div>
-
-              <!-- 👉 Content -->
-              <div class="app-timeline-text mt-1">
-                Invoices have been paid to the company
-              </div>
-
-              <div class="d-inline-flex align-center timeline-chip mt-2">
-                <img
-                  :src="pdf"
-                  height="20"
-                  class="me-2"
-                  alt="img"
-                >
-                <span class="app-timeline-text font-weight-medium">
-                  invoice.pdf
-                </span>
-              </div>
-            </VTimelineItem>
-            <!-- !SECTION -->
-
-            <!-- SECTION Timeline Item: Interview Schedule -->
-            <VTimelineItem
-              size="x-small"
-              dot-color="success"
-            >
-              <!-- 👉 Header -->
-              <div class="d-flex justify-space-between align-center flex-wrap mb-2">
-                <div class="app-timeline-title">
-                  Client Meeting
-                </div>
-                <span class="app-timeline-meta">45 min ago</span>
-              </div>
-
-              <div class="app-timeline-text mt-1">
-                Project meeting with john @10:15am
-              </div>
-
-              <!-- 👉 Person -->
-              <div class="d-flex justify-space-between align-center flex-wrap">
-                <!-- 👉 Avatar & Personal Info -->
-                <div class="d-flex align-center mt-2">
-                  <VAvatar
-                    size="32"
-                    class="me-2"
-                    :image="avatar1"
-                  />
-                  <div class="d-flex flex-column">
-                    <p class="text-sm font-weight-medium text-medium-emphasis mb-0">
-                      Lester McCarthy (Client)
-                    </p>
-                    <span class="text-sm">CEO of Pixinvent</span>
-                  </div>
-                </div>
-              </div>
-            </VTimelineItem>
-            <!-- !SECTION -->
-
-            <!-- SECTION Design Review -->
-            <VTimelineItem
-              size="x-small"
-              dot-color="info"
-            >
-              <!-- 👉 Header -->
-              <div class="d-flex justify-space-between align-center flex-wrap mb-2">
-                <span class="app-timeline-title">
-                  Create a new project for client
-                </span>
-                <span class="app-timeline-meta">2 Day Ago</span>
-              </div>
-
-              <!-- 👉 Content -->
-              <p class="app-timeline-text mt-1 mb-2">
-                6 team members in a project
-              </p>
-
-              <div class="v-avatar-group demo-avatar-group">
-                <VAvatar :size="40">
-                  <VImg :src="avatar1" />
-                  <VTooltip
-                    activator="parent"
-                    location="top"
-                  >
-                    John Doe
-                  </VTooltip>
-                </VAvatar>
-
-                <VAvatar :size="40">
-                  <VImg :src="avatar2" />
-                  <VTooltip
-                    activator="parent"
-                    location="top"
-                  >
-                    Jennie Obrien
-                  </VTooltip>
-                </VAvatar>
-
-                <VAvatar :size="40">
-                  <VImg :src="avatar3" />
-                  <VTooltip
-                    activator="parent"
-                    location="top"
-                  >
-                    Peter Harper
-                  </VTooltip>
-                </VAvatar>
-
-                <VAvatar
-                  :size="40"
-                  :color="$vuetify.theme.current.dark ? '#373b50' : '#eeedf0'"
-                >
-                  +3
-                </VAvatar>
-              </div>
-            </VTimelineItem>
-            <!-- !SECTION -->
-          </VTimeline>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol cols="12">
-      <UserInvoiceTable />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabBillingsPlans.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabBillingsPlans.vue
deleted file mode 100644
index bc23ab9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabBillingsPlans.vue
+++ /dev/null
@@ -1,438 +0,0 @@
-<script setup lang="ts">
-import americanExpress from '@images/icons/payments/american-express.png'
-import mastercard from '@images/icons/payments/mastercard.png'
-import visa from '@images/icons/payments/visa.png'
-
-interface CardDetail {
-  name: string
-  number: string
-  expiry: string
-  isPrimary: boolean
-  isExpired?: boolean
-  type: string
-  cvv: string
-  image: string
-}
-
-const isUpgradePlanDialogVisible = ref(false)
-
-const currentCardDetails = ref()
-const isCardEditDialogVisible = ref(false)
-const isCardAddDialogVisible = ref(false)
-const isEditAddressDialogVisible = ref(false)
-
-const openEditCardDialog = (cardDetails: CardDetail) => {
-  currentCardDetails.value = cardDetails
-
-  isCardEditDialogVisible.value = true
-}
-
-const creditCards: CardDetail[] = [
-  {
-    name: 'Tom McBride',
-    number: '4851234567899865',
-    expiry: '12/24',
-    isPrimary: true,
-    isExpired: false,
-    type: 'mastercard',
-    cvv: '123',
-    image: mastercard,
-  },
-  {
-    name: 'Mildred Wagner',
-    number: '5531234567895678',
-    expiry: '02/24',
-    isPrimary: false,
-    isExpired: false,
-    type: 'visa',
-    cvv: '456',
-    image: visa,
-  },
-  {
-    name: 'Lester Jennings',
-    number: '5531234567890002',
-    expiry: '08/20',
-    isPrimary: false,
-    isExpired: true,
-    type: 'visa',
-    cvv: '456',
-    image: americanExpress,
-  },
-]
-
-const currentAddress = {
-  companyName: 'Pixinvent',
-  billingEmail: 'gertrude@gmail.com',
-  taxID: 'TAX-875623',
-  vatNumber: 'SDF754K77',
-  address: '100 Water Plant Avenue, Building 1303 Wake Island',
-  contact: '+1(609) 933-44-22',
-  country: 'USA',
-  state: 'Queensland',
-  zipCode: 403114,
-}
-
-const currentBillingAddress = {
-  firstName: 'Shamus',
-  lastName: 'Tuttle',
-  selectedCountry: 'USA',
-  addressLine1: '45 Rocker Terrace',
-  addressLine2: 'Latheronwheel',
-  landmark: 'KW5 8NW, London',
-  contact: '+1 (609) 972-22-22',
-  country: 'USA',
-  city: 'London',
-  state: 'London',
-  zipCode: 110001,
-}
-</script>
-
-<template>
-  <VRow>
-    <!-- 👉 Current Plan -->
-    <VCol cols="12">
-      <VCard title="Current Plan">
-        <VCardText>
-          <VRow>
-            <VCol
-              cols="12"
-              md="6"
-              order-md="1"
-              order="2"
-            >
-              <h6 class="text-h6 mb-1">
-                Your Current Plan is Basic
-              </h6>
-              <p>
-                A simple start for everyone
-              </p>
-
-              <h6 class="text-h6 mb-1">
-                Active until Dec 09, 2021
-              </h6>
-              <p>
-                We will send you a notification upon Subscription expiration
-              </p>
-
-              <h6 class="text-h6 mb-1">
-                <span class="d-inline-block me-2">$99 Per Month</span>
-                <VChip
-                  color="primary"
-                  size="small"
-                  label
-                >
-                  Popular
-                </VChip>
-              </h6>
-              <p class="mb-0">
-                Standard plan for small to medium businesses
-              </p>
-            </VCol>
-
-            <VCol
-              cols="12"
-              md="6"
-              order-md="2"
-              order="1"
-            >
-              <!-- 👉 Alert -->
-              <VAlert
-                color="warning"
-                variant="tonal"
-              >
-                <VAlertTitle class="mb-1">
-                  We need your attention!
-                </VAlertTitle>
-                <div class="text-base">
-                  Your plan requires update
-                </div>
-              </VAlert>
-
-              <!-- 👉 Progress -->
-              <div class="d-flex justify-space-between font-weight-bold mt-4 mb-2">
-                <h6 class="text-h6">
-                  Days
-                </h6>
-                <h6 class="text-h6">
-                  26 of 30 Days
-                </h6>
-              </div>
-
-              <VProgressLinear
-                rounded
-                color="primary"
-                :height="10"
-                :model-value="75"
-              />
-              <p class="text-sm mt-1">
-                Your plan requires update
-              </p>
-            </VCol>
-
-            <VCol
-              cols="12"
-              order="3"
-            >
-              <div class="d-flex flex-wrap gap-4">
-                <VBtn @click="isUpgradePlanDialogVisible = true">
-                  upgrade plan
-                </VBtn>
-
-                <VBtn
-                  color="error"
-                  variant="tonal"
-                >
-                  Cancel Subscription
-                </VBtn>
-              </div>
-            </VCol>
-          </VRow>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Payment Methods -->
-    <VCol cols="12">
-      <VCard title="Payment Methods">
-        <template #append>
-          <VBtn
-            prepend-icon="tabler-plus"
-            size="small"
-            @click="isCardAddDialogVisible = !isCardAddDialogVisible"
-          >
-            Add Card
-          </VBtn>
-        </template>
-
-        <VCardText class="d-flex flex-column gap-y-4">
-          <VCard
-            v-for="card in creditCards"
-            :key="card.name"
-            border
-            flat
-          >
-            <VCardText class="d-flex flex-sm-row flex-column gap-6 justify-space-between">
-              <div class="text-no-wrap">
-                <img
-                  :src="card.image"
-                  :height="25"
-                >
-                <div class="my-2 d-flex gap-x-2 align-center">
-                  <h6 class="text-h6">
-                    {{ card.name }}
-                  </h6>
-                  <VChip
-                    v-if="card.isPrimary || card.isExpired"
-                    label
-                    :color="card.isPrimary ? 'primary' : card.isExpired ? 'error' : 'secondary'"
-                    size="small"
-                  >
-                    {{ card.isPrimary ? 'Popular' : card.isExpired ? 'Expired' : '' }}
-                  </VChip>
-                </div>
-                <div class="text-body-1">
-                  **** **** **** {{ card.number.substring(card.number.length - 4) }}
-                </div>
-              </div>
-
-              <div class="d-flex flex-column text-sm-end gap-y-4">
-                <div class="order-sm-0 order-1">
-                  <VBtn
-                    variant="tonal"
-                    size="small"
-                    class="me-4"
-                    @click="openEditCardDialog(card)"
-                  >
-                    Edit
-                  </VBtn>
-                  <VBtn
-                    color="error"
-                    variant="tonal"
-                    size="small"
-                  >
-                    Delete
-                  </VBtn>
-                </div>
-
-                <div class="order-sm-1 order-0 text-sm">
-                  Card expires at {{ card.expiry }}
-                </div>
-              </div>
-            </VCardText>
-          </VCard>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Billing Address -->
-      <VCard title="Billing Address">
-        <template #append>
-          <VBtn
-            size="small"
-            prepend-icon="tabler-plus"
-            @click="isEditAddressDialogVisible = !isEditAddressDialogVisible"
-          >
-            Edit Address
-          </VBtn>
-        </template>
-
-        <VCardText>
-          <VRow>
-            <VCol
-              cols="12"
-              lg="6"
-            >
-              <VTable class="billing-address-table">
-                <tr>
-                  <td>
-                    <h6 class="text-h6 text-no-wrap mb-2">
-                      Company Name:
-                    </h6>
-                  </td>
-                  <td>
-                    <p class="text-body-1 mb-2">
-                      {{ currentAddress.companyName }}
-                    </p>
-                  </td>
-                </tr>
-                <tr>
-                  <td>
-                    <h6 class="text-h6 text-no-wrap mb-2">
-                      Billing Email:
-                    </h6>
-                  </td>
-                  <td>
-                    <p class="text-body-1 mb-2">
-                      {{ currentAddress.billingEmail }}
-                    </p>
-                  </td>
-                </tr>
-                <tr>
-                  <td>
-                    <h6 class="text-h6 text-no-wrap mb-2">
-                      Tax ID:
-                    </h6>
-                  </td>
-                  <td>
-                    <p class="text-body-1 mb-2">
-                      {{ currentAddress.taxID }}
-                    </p>
-                  </td>
-                </tr>
-                <tr>
-                  <td>
-                    <h6 class="text-h6 text-no-wrap mb-2">
-                      VAT Number:
-                    </h6>
-                  </td>
-                  <td>
-                    <p class="text-body-1 mb-2">
-                      {{ currentAddress.vatNumber }}
-                    </p>
-                  </td>
-                </tr>
-                <tr>
-                  <td class="d-flex align-baseline">
-                    <h6 class="text-h6 text-no-wrap">
-                      Billing Address:
-                    </h6>
-                  </td>
-                  <td>
-                    <p class="text-body-1 mb-2">
-                      {{ currentAddress.address }}
-                    </p>
-                  </td>
-                </tr>
-              </VTable>
-            </VCol>
-
-            <VCol
-              cols="12"
-              lg="6"
-            >
-              <VTable class="billing-address-table">
-                <tr>
-                  <td>
-                    <h6 class="text-h6 text-no-wrap mb-2">
-                      Contact:
-                    </h6>
-                  </td>
-                  <td>
-                    <p class="text-body-1 mb-2">
-                      {{ currentAddress.contact }}
-                    </p>
-                  </td>
-                </tr>
-                <tr>
-                  <td>
-                    <h6 class="text-h6 text-no-wrap mb-2">
-                      Country:
-                    </h6>
-                  </td>
-                  <td>
-                    <p class="text-body-1 mb-2">
-                      {{ currentAddress.country }}
-                    </p>
-                  </td>
-                </tr>
-                <tr>
-                  <td>
-                    <h6 class="text-h6 text-no-wrap mb-2">
-                      State:
-                    </h6>
-                  </td>
-                  <td>
-                    <p class="text-body-1 mb-2">
-                      {{ currentAddress.state }}
-                    </p>
-                  </td>
-                </tr>
-                <tr>
-                  <td>
-                    <h6 class="text-h6 text-no-wrap mb-2">
-                      Zip Code:
-                    </h6>
-                  </td>
-                  <td>
-                    <p class="text-body-1 mb-2">
-                      {{ currentAddress.zipCode }}
-                    </p>
-                  </td>
-                </tr>
-              </VTable>
-            </VCol>
-          </VRow>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-
-  <!-- 👉 Edit Card Dialog -->
-  <CardAddEditDialog
-    v-model:is-dialog-visible="isCardEditDialogVisible"
-    :card-details="currentCardDetails"
-  />
-
-  <!-- 👉 Add Card Dialog -->
-  <CardAddEditDialog v-model:is-dialog-visible="isCardAddDialogVisible" />
-
-  <!-- 👉 Edit Address dialog -->
-  <AddEditAddressDialog
-    v-model:is-dialog-visible="isEditAddressDialogVisible"
-    :billing-address="currentBillingAddress"
-  />
-
-  <!-- 👉 Upgrade plan dialog -->
-  <UserUpgradePlanDialog v-model:is-dialog-visible="isUpgradePlanDialogVisible" />
-</template>
-
-<style lang="scss">
-.billing-address-table {
-  tr {
-    td:first-child {
-      inline-size: 148px;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabConnections.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabConnections.vue
deleted file mode 100644
index ca03a2f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabConnections.vue
+++ /dev/null
@@ -1,181 +0,0 @@
-<script lang="ts" setup>
-import asana from '@images/icons/brands/asana.png'
-import behance from '@images/icons/brands/behance.png'
-import dribbble from '@images/icons/brands/dribbble.png'
-import facebook from '@images/icons/brands/facebook.png'
-import github from '@images/icons/brands/github.png'
-import google from '@images/icons/brands/google.png'
-import linkedin from '@images/icons/brands/linkedin.png'
-import mailchimp from '@images/icons/brands/mailchimp.png'
-import slack from '@images/icons/brands/slack.png'
-import twitter from '@images/icons/brands/twitter.png'
-
-const connectedAccounts = ref([
-  {
-    img: google,
-    title: 'Google',
-    text: 'Calendar and contacts',
-    connected: true,
-  },
-  {
-    img: slack,
-    title: 'Slack',
-    text: 'Communication',
-    connected: false,
-  },
-  {
-    img: github,
-    title: 'GitHub',
-    text: 'Manage your Git repositories',
-    connected: true,
-  },
-  {
-    img: mailchimp,
-    title: 'Mailchimp',
-    text: 'Email marketing service',
-    connected: false,
-  },
-  {
-    img: asana,
-    title: 'Asana',
-    text: 'Communication',
-    connected: false,
-  },
-])
-
-const socialAccounts = ref([
-  {
-    img: facebook,
-    title: 'Facebook',
-    connected: false,
-  },
-  {
-    img: twitter,
-    title: 'Twitter',
-    link: 'https://twitter.com/pixinvents',
-    username: '@Pixinvent',
-    connected: true,
-  },
-  {
-    img: linkedin,
-    title: 'LinkedIn',
-    link: 'https://www.linkedin.com/company/pixinvent',
-    username: '@Pixinvent',
-    connected: true,
-  },
-  {
-    img: dribbble,
-    title: 'Dribbble',
-    connected: false,
-  },
-  {
-    img: behance,
-    title: 'Behance',
-    connected: false,
-  },
-])
-</script>
-
-<template>
-  <VRow>
-    <!-- 👉 connected accounts -->
-    <VCol cols="12">
-      <VCard
-        title="Connected Accounts"
-        subtitle="Display content from your connected accounts on your site"
-      >
-        <VCardText>
-          <VList class="card-list">
-            <VListItem
-              v-for="account in connectedAccounts"
-              :key="account.title"
-              :subtitle="account.text"
-            >
-              <template #title>
-                <h6 class="text-h6">
-                  {{ account.title }}
-                </h6>
-              </template>
-              <template #prepend>
-                <VAvatar
-                  start
-                  :size="36"
-                  :image="account.img"
-                  class="me-1"
-                />
-              </template>
-
-              <template #append>
-                <VSwitch
-                  v-model="account.connected"
-                  density="compact"
-                  class="me-1"
-                />
-              </template>
-            </VListItem>
-          </VList>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 social accounts -->
-    <VCol cols="12">
-      <VCard
-        title="Social Accounts"
-        subtitle="Display content from social accounts on your site"
-      >
-        <VCardText>
-          <VList class="card-list">
-            <VListItem
-              v-for="(account) in socialAccounts"
-              :key="account.title"
-            >
-              <h6 class="text-h6">
-                {{ account.title }}
-              </h6>
-              <template #prepend>
-                <VAvatar
-                  start
-                  size="36"
-                  rounded="0"
-                  class="me-1"
-                  :image="account.img"
-                />
-              </template>
-
-              <VListItemSubtitle v-if="account.connected">
-                <a
-                  :href="account.link"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  {{ account.username }}
-                </a>
-              </VListItemSubtitle>
-
-              <VListItemSubtitle v-else>
-                Not connected
-              </VListItemSubtitle>
-
-              <template #append>
-                <IconBtn
-                  variant="tonal"
-                  :color="account.connected ? 'error' : 'secondary'"
-                  class="rounded"
-                >
-                  <VIcon :icon="account.connected ? 'tabler-trash' : 'tabler-link'" />
-                </IconBtn>
-              </template>
-            </VListItem>
-          </VList>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabNotifications.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabNotifications.vue
deleted file mode 100644
index 928871a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabNotifications.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<script lang="ts" setup>
-const notifications = ref([
-  {
-    type: 'New for you',
-    email: true,
-    browser: false,
-    app: false,
-  },
-  {
-    type: 'Account activity',
-    email: false,
-    browser: true,
-    app: true,
-  },
-  {
-    type: 'A new browser used to sign in',
-    email: true,
-    browser: true,
-    app: true,
-  },
-  {
-    type: 'A new device is linked',
-    email: false,
-    browser: true,
-    app: false,
-  },
-])
-</script>
-
-<template>
-  <VCard
-    class="user-tab-notification"
-    title="Notifications"
-    subtitle="You will receive notification for the below selected items."
-  >
-    <VCardText class="px-0">
-      <VDivider />
-      <VTable class="text-no-wrap">
-        <thead>
-          <tr>
-            <th scope="col">
-              TYPE
-            </th>
-            <th scope="col">
-              EMAIL
-            </th>
-            <th scope="col">
-              BROWSER
-            </th>
-            <th scope="col">
-              APP
-            </th>
-          </tr>
-        </thead>
-
-        <tbody>
-          <tr
-            v-for="notification in notifications"
-            :key="notification.type"
-          >
-            <td class="text-high-emphasis">
-              {{ notification.type }}
-            </td>
-            <td>
-              <VCheckbox v-model="notification.email" />
-            </td>
-            <td>
-              <VCheckbox v-model="notification.browser" />
-            </td>
-            <td>
-              <VCheckbox v-model="notification.app" />
-            </td>
-          </tr>
-        </tbody>
-      </VTable>
-      <VDivider />
-    </VCardText>
-
-    <VCardText class="d-flex flex-wrap gap-4">
-      <VBtn>Save changes</VBtn>
-      <VBtn
-        color="secondary"
-        variant="tonal"
-      >
-        Discard
-      </VBtn>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabSecurity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabSecurity.vue
deleted file mode 100644
index e6da78c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/apps/user/view/UserTabSecurity.vue
+++ /dev/null
@@ -1,178 +0,0 @@
-<script setup lang="ts">
-const isNewPasswordVisible = ref(false)
-const isConfirmPasswordVisible = ref(false)
-const smsVerificationNumber = ref('+1(968) 819-2547')
-const isTwoFactorDialogOpen = ref(false)
-
-// Recent devices Headers
-const recentDeviceHeader = [
-  { title: 'BROWSER', key: 'browser' },
-  { title: 'DEVICE', key: 'device' },
-  { title: 'LOCATION', key: 'location' },
-  { title: 'RECENT ACTIVITY', key: 'activity' },
-]
-
-const recentDevices = [
-  {
-    browser: ' Chrome on Windows',
-    icon: 'tabler-brand-windows',
-    color: 'info',
-    device: 'HP Spectre 360',
-    location: 'Switzerland',
-    activity: '10, July 2021 20:07',
-  },
-  {
-    browser: 'Chrome on Android',
-    icon: 'tabler-brand-android',
-    color: 'success',
-    device: 'Oneplus 9 Pro',
-    location: 'Dubai',
-    activity: '14, July 2021 15:15',
-  },
-  {
-    browser: 'Chrome on macOS',
-    icon: 'tabler-brand-apple',
-    color: 'secondary',
-    device: 'Apple iMac',
-    location: 'India',
-    activity: '16, July 2021 16:17',
-  },
-  {
-    browser: 'Chrome on iPhone',
-    icon: 'tabler-device-mobile',
-    color: 'error',
-    device: 'iPhone 12x',
-    location: 'Australia',
-    activity: '13, July 2021 10:10',
-  },
-
-]
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <!-- 👉 Change password -->
-      <VCard title="Change Password">
-        <VCardText>
-          <VAlert
-            closable
-            variant="tonal"
-            color="warning"
-            class="mb-4"
-            title="Ensure that these requirements are met"
-            text="Minimum 8 characters long, uppercase & symbol"
-          />
-
-          <VForm @submit.prevent="() => { }">
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="New Password"
-                  placeholder="············"
-                  :type="isNewPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isNewPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isNewPasswordVisible = !isNewPasswordVisible"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :type="isConfirmPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isConfirmPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isConfirmPasswordVisible = !isConfirmPasswordVisible"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VBtn type="submit">
-                  Change Password
-                </VBtn>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Two step verification -->
-      <VCard
-        title="Two-steps verification"
-        subtitle="Keep your account secure with authentication step."
-      >
-        <VCardText>
-          <div class="text-h6 mb-1">
-            SMS
-          </div>
-          <AppTextField placeholder="+1(968) 819-2547">
-            <template #append>
-              <IconBtn color="secondary">
-                <VIcon
-                  icon="tabler-edit"
-                  size="22"
-                />
-              </IconBtn>
-              <IconBtn color="secondary">
-                <VIcon
-                  icon="tabler-user-plus"
-                  size="22"
-                />
-              </IconBtn>
-            </template>
-          </AppTextField>
-
-          <p class="mb-0 mt-4">
-            Two-factor authentication adds an additional layer of security to your account by requiring more than just a password to log in. <a
-              href="javascript:void(0)"
-              class="text-decoration-none"
-            >Learn more</a>.
-          </p>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Recent devices -->
-
-      <VCard title="Recent devices">
-        <VDivider />
-        <VDataTable
-          :items="recentDevices"
-          :headers="recentDeviceHeader"
-          hide-default-footer
-          class="text-no-wrap"
-        >
-          <template #item.browser="{ item }">
-            <div class="d-flex align-center gap-x-4">
-              <VIcon
-                :icon="item.icon"
-                :color="item.color"
-                :size="22"
-              />
-              <div class="text-body-1 text-high-emphasis">
-                {{ item.browser }}
-              </div>
-            </div>
-          </template>
-          <!-- TODO Refactor this after vuetify provides proper solution for removing default footer -->
-          <template #bottom />
-        </VDataTable>
-      </VCard>
-    </VCol>
-  </VRow>
-
-  <!-- 👉 Enable One Time Password Dialog -->
-  <TwoFactorAuthDialog
-    v-model:is-dialog-visible="isTwoFactorDialogOpen"
-    :sms-code="smsVerificationNumber"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartAreaChart.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartAreaChart.vue
deleted file mode 100644
index 77a9be8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartAreaChart.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts" setup>
-import { useTheme } from 'vuetify'
-import { getAreaChartSplineConfig } from '@core/libs/apex-chart/apexCharConfig'
-
-const vuetifyTheme = useTheme()
-
-const chartConfig = computed(() => getAreaChartSplineConfig(vuetifyTheme.current.value))
-
-const series = [
-  {
-    name: 'Visits',
-    data: [100, 120, 90, 170, 130, 160, 140, 240, 220, 180, 270, 280, 375],
-  },
-  {
-    name: 'Clicks',
-    data: [60, 80, 70, 110, 80, 100, 90, 180, 160, 140, 200, 220, 275],
-  },
-  {
-    name: 'Sales',
-    data: [20, 40, 30, 70, 40, 60, 50, 140, 120, 100, 140, 180, 220],
-  },
-]
-</script>
-
-<template>
-  <VueApexCharts
-    type="area"
-    height="400"
-    :options="chartConfig"
-    :series="series"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartBalance.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartBalance.vue
deleted file mode 100644
index 431d501..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartBalance.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts" setup>
-import { useTheme } from 'vuetify'
-import { getLineChartSimpleConfig } from '@core/libs/apex-chart/apexCharConfig'
-
-const vuetifyTheme = useTheme()
-
-const balanceChartConfig = computed(() => getLineChartSimpleConfig(vuetifyTheme.current.value))
-
-const series = [
-  {
-    data: [280, 200, 220, 180, 270, 250, 70, 90, 200, 150, 160, 100, 150, 100, 50],
-  },
-]
-</script>
-
-<template>
-  <VueApexCharts
-    type="line"
-    height="400"
-    :options="balanceChartConfig"
-    :series="series"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartDailySalesStates.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartDailySalesStates.vue
deleted file mode 100644
index fff5ea6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartDailySalesStates.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<script lang="ts" setup>
-import { useTheme } from 'vuetify'
-import { getHeatMapChartConfig } from '@core/libs/apex-chart/apexCharConfig'
-
-const vuetifyTheme = useTheme()
-
-const chartConfig = computed(() => getHeatMapChartConfig(vuetifyTheme.current.value))
-
-interface YRange {
-  min: number
-  max: number
-}
-
-const generateDataHeat = (count: number, yrange: YRange) => {
-  let i = 0
-  const series = []
-  while (i < count) {
-    const x = `w${(i + 1).toString()}`
-    const y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min
-
-    series.push({
-      x,
-      y,
-    })
-    i += 1
-  }
-
-  return series
-}
-
-const series = [
-  {
-    name: 'SUN',
-    data: generateDataHeat(24, { min: 0, max: 60 }),
-  },
-  {
-    name: 'MON',
-    data: generateDataHeat(24, { min: 0, max: 60 }),
-  },
-  {
-    name: 'TUE',
-    data: generateDataHeat(24, { min: 0, max: 60 }),
-  },
-  {
-    name: 'WED',
-    data: generateDataHeat(24, { min: 0, max: 60 }),
-  },
-  {
-    name: 'THU',
-    data: generateDataHeat(24, { min: 0, max: 60 }),
-  },
-  {
-    name: 'FRI',
-    data: generateDataHeat(24, { min: 0, max: 60 }),
-  },
-  {
-    name: 'SAT',
-    data: generateDataHeat(24, { min: 0, max: 60 }),
-  },
-]
-</script>
-
-<template>
-  <VueApexCharts
-    type="heatmap"
-    height="350"
-    :options="chartConfig"
-    :series="series"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartDataScience.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartDataScience.vue
deleted file mode 100644
index c21539f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartDataScience.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script lang="ts" setup>
-import { useTheme } from 'vuetify'
-import { getColumnChartConfig } from '@core/libs/apex-chart/apexCharConfig'
-
-const vuetifyTheme = useTheme()
-
-const chartConfig = computed(() => getColumnChartConfig(vuetifyTheme.current.value))
-
-const series = [
-  {
-    name: 'Apple',
-    data: [90, 120, 55, 100, 80, 125, 175, 70, 88],
-  },
-  {
-    name: 'Samsung',
-    data: [85, 100, 30, 40, 95, 90, 30, 110, 62],
-  },
-]
-</script>
-
-<template>
-  <VueApexCharts
-    type="bar"
-    height="400"
-    :options="chartConfig"
-    :series="series"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartExpenseRatio.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartExpenseRatio.vue
deleted file mode 100644
index e9713a2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartExpenseRatio.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts" setup>
-import { useTheme } from 'vuetify'
-import { getDonutChartConfig } from '@core/libs/apex-chart/apexCharConfig'
-
-const vuetifyTheme = useTheme()
-
-const expenseRationChartConfig = computed(() => getDonutChartConfig(vuetifyTheme.current.value))
-
-const series = [85, 16, 50, 50]
-</script>
-
-<template>
-  <VueApexCharts
-    type="donut"
-    height="410"
-    :options="expenseRationChartConfig"
-    :series="series"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartHorizontalBar.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartHorizontalBar.vue
deleted file mode 100644
index be2afd1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartHorizontalBar.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts" setup>
-import { useTheme } from 'vuetify'
-import { getBarChartConfig } from '@core/libs/apex-chart/apexCharConfig'
-
-const vuetifyTheme = useTheme()
-
-const horizontalBarChartConfig = computed(() => getBarChartConfig(vuetifyTheme.current.value))
-const series = [{ data: [700, 350, 480, 600, 210, 550, 150] }]
-</script>
-
-<template>
-  <VueApexCharts
-    type="bar"
-    height="400"
-    :options="horizontalBarChartConfig"
-    :series="series"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartMobileComparison.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartMobileComparison.vue
deleted file mode 100644
index 3b785ff..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartMobileComparison.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script lang="ts" setup>
-import { useTheme } from 'vuetify'
-import { getRadarChartConfig } from '@core/libs/apex-chart/apexCharConfig'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    name: 'iPhone 12',
-    data: [41, 64, 81, 60, 42, 42, 33, 23],
-  },
-  {
-    name: 'Samsung s20',
-    data: [65, 46, 42, 25, 58, 63, 76, 43],
-  },
-]
-
-const chartConfig = computed(() => getRadarChartConfig(vuetifyTheme.current.value))
-</script>
-
-<template>
-  <VueApexCharts
-    type="radar"
-    height="400"
-    :options="chartConfig"
-    :series="series"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartNewTechnologiesData.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartNewTechnologiesData.vue
deleted file mode 100644
index 3ff9116..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartNewTechnologiesData.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<script lang="ts" setup>
-import { useTheme } from 'vuetify'
-import { getScatterChartConfig } from '@core/libs/apex-chart/apexCharConfig'
-
-const vuetifyTheme = useTheme()
-
-const scatterChartConfig = computed(() => getScatterChartConfig(vuetifyTheme.current.value),
-)
-
-const series = [
-  {
-    name: 'Angular',
-    data: [
-      { x: 5.4, y: 170 },
-      { x: 5.4, y: 100 },
-      { x: 6.3, y: 170 },
-      { x: 5.7, y: 140 },
-      { x: 5.9, y: 130 },
-      { x: 7.0, y: 150 },
-      { x: 8.0, y: 120 },
-      { x: 9.0, y: 170 },
-      { x: 10.0, y: 190 },
-      { x: 11.0, y: 220 },
-      { x: 12.0, y: 170 },
-      { x: 13.0, y: 230 },
-    ],
-  },
-  {
-    name: 'Vue',
-    data: [
-      { x: 14.0, y: 220 },
-      { x: 15.0, y: 280 },
-      { x: 16.0, y: 230 },
-      { x: 18.0, y: 320 },
-      { x: 17.5, y: 280 },
-      { x: 19.0, y: 250 },
-      { x: 20.0, y: 350 },
-      { x: 20.5, y: 320 },
-      { x: 20.0, y: 320 },
-      { x: 19.0, y: 280 },
-      { x: 17.0, y: 280 },
-      { x: 22.0, y: 300 },
-      { x: 18.0, y: 120 },
-    ],
-  },
-  {
-    name: 'React',
-    data: [
-      { x: 14.0, y: 290 },
-      { x: 13.0, y: 190 },
-      { x: 20.0, y: 220 },
-      { x: 21.0, y: 350 },
-      { x: 21.5, y: 290 },
-      { x: 22.0, y: 220 },
-      { x: 23.0, y: 140 },
-      { x: 19.0, y: 400 },
-      { x: 20.0, y: 200 },
-      { x: 22.0, y: 90 },
-      { x: 20.0, y: 120 },
-    ],
-  },
-]
-</script>
-
-<template>
-  <VueApexCharts
-    type="scatter"
-    height="400"
-    :options="scatterChartConfig"
-    :series="series"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartStatistics.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartStatistics.vue
deleted file mode 100644
index fa41a4f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartStatistics.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts" setup>
-import { useTheme } from 'vuetify'
-import { getRadialBarChartConfig } from '@core/libs/apex-chart/apexCharConfig'
-
-const vuetifyTheme = useTheme()
-
-const statisticsChartConfig = computed(() => getRadialBarChartConfig(vuetifyTheme.current.value))
-
-const series = [80, 50, 35]
-</script>
-
-<template>
-  <VueApexCharts
-    type="radialBar"
-    height="400"
-    :options="statisticsChartConfig"
-    :series="series"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartStocksPrices.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartStocksPrices.vue
deleted file mode 100644
index 7e777a7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/apex-chart/ApexChartStocksPrices.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<script lang="ts" setup>
-import { useTheme } from 'vuetify'
-import { getCandlestickChartConfig } from '@core/libs/apex-chart/apexCharConfig'
-
-const vuetifyTheme = useTheme()
-
-const chartConfig = computed(() => getCandlestickChartConfig(vuetifyTheme.current.value))
-
-const series = [
-  {
-    data: [
-      {
-        x: `7/12/${new Date().getFullYear()}`,
-        y: [150, 170, 50, 100],
-      },
-      {
-        x: `8/12/${new Date().getFullYear()}`,
-        y: [200, 400, 170, 330],
-      },
-      {
-        x: `9/12/${new Date().getFullYear()}`,
-        y: [330, 340, 250, 280],
-      },
-      {
-        x: `10/12/${new Date().getFullYear()}`,
-        y: [300, 330, 200, 320],
-      },
-      {
-        x: `11/12/${new Date().getFullYear()}`,
-        y: [320, 450, 280, 350],
-      },
-      {
-        x: `12/12/${new Date().getFullYear()}`,
-        y: [300, 350, 80, 250],
-      },
-      {
-        x: `13/12/${new Date().getFullYear()}`,
-        y: [200, 330, 170, 300],
-      },
-      {
-        x: `14/12/${new Date().getFullYear()}`,
-        y: [200, 220, 70, 130],
-      },
-      {
-        x: `15/12/${new Date().getFullYear()}`,
-        y: [220, 270, 180, 250],
-      },
-      {
-        x: `16/12/${new Date().getFullYear()}`,
-        y: [200, 250, 80, 100],
-      },
-      {
-        x: `17/12/${new Date().getFullYear()}`,
-        y: [150, 170, 50, 120],
-      },
-      {
-        x: `18/12/${new Date().getFullYear()}`,
-        y: [110, 450, 10, 420],
-      },
-      {
-        x: `19/12/${new Date().getFullYear()}`,
-        y: [400, 480, 300, 320],
-      },
-      {
-        x: `20/12/${new Date().getFullYear()}`,
-        y: [380, 480, 350, 450],
-      },
-    ],
-  },
-]
-</script>
-
-<template>
-  <VueApexCharts
-    type="candlestick"
-    height="385"
-    :options="chartConfig"
-    :series="series"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsBarChart.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsBarChart.vue
deleted file mode 100644
index 3b5b023..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsBarChart.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import type { ChartJsCustomColors } from '@/views/charts/chartjs/types'
-import { getLatestBarChartConfig } from '@core/libs/chartjs/chartjsConfig'
-import BarChart from '@core/libs/chartjs/components/BarChart'
-
-interface Props {
-  colors: ChartJsCustomColors
-}
-
-const props = defineProps<Props>()
-
-const vuetifyTheme = useTheme()
-
-const chartOptions = computed(() => getLatestBarChartConfig(vuetifyTheme.current.value))
-
-const data = {
-  labels: [
-    '7/12',
-    '8/12',
-    '9/12',
-    '10/12',
-    '11/12',
-    '12/12',
-    '13/12',
-    '14/12',
-    '15/12',
-    '16/12',
-    '17/12',
-    '18/12',
-    '19/12',
-  ],
-  datasets: [
-    {
-      maxBarThickness: 15,
-      backgroundColor: props.colors.barChartYellow,
-      borderColor: 'transparent',
-      borderRadius: { topRight: 15, topLeft: 15 },
-      data: [275, 90, 190, 205, 125, 85, 55, 87, 127, 150, 230, 280, 190],
-    },
-  ],
-}
-</script>
-
-<template>
-  <BarChart
-    :height="400"
-    :chart-data="data"
-    :chart-options="chartOptions"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsBubbleChart.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsBubbleChart.vue
deleted file mode 100644
index 16c98a6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsBubbleChart.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import type { ChartJsCustomColors } from '@/views/charts/chartjs/types'
-import { getBubbleChartConfig } from '@core/libs/chartjs/chartjsConfig'
-import BubbleChart from '@core/libs/chartjs/components/BubbleChart'
-
-interface Props {
-  colors: ChartJsCustomColors
-}
-
-const props = defineProps<Props>()
-
-const vuetifyTheme = useTheme()
-
-const chartConfig = computed(() => getBubbleChartConfig(vuetifyTheme.current.value))
-
-const data = {
-  animation: { duration: 10000 },
-  datasets: [
-    {
-      label: 'Dataset 1',
-      borderColor: props.colors.primary,
-      backgroundColor: props.colors.primary,
-      data: [
-        { x: 20, y: 74, r: 10 },
-        { x: 10, y: 110, r: 5 },
-        { x: 30, y: 165, r: 7 },
-        { x: 40, y: 200, r: 20 },
-        { x: 90, y: 185, r: 7 },
-        { x: 50, y: 240, r: 7 },
-        { x: 60, y: 275, r: 10 },
-        { x: 70, y: 305, r: 5 },
-        { x: 80, y: 325, r: 4 },
-        { x: 100, y: 310, r: 5 },
-        { x: 110, y: 240, r: 5 },
-        { x: 120, y: 270, r: 7 },
-        { x: 130, y: 300, r: 6 },
-      ],
-    },
-    {
-      label: 'Dataset 2',
-      borderColor: props.colors.yellow,
-      backgroundColor: props.colors.yellow,
-      data: [
-        { x: 30, y: 72, r: 5 },
-        { x: 40, y: 110, r: 7 },
-        { x: 20, y: 135, r: 6 },
-        { x: 10, y: 160, r: 12 },
-        { x: 50, y: 285, r: 5 },
-        { x: 60, y: 235, r: 5 },
-        { x: 70, y: 275, r: 7 },
-        { x: 80, y: 290, r: 4 },
-        { x: 90, y: 250, r: 10 },
-        { x: 100, y: 220, r: 7 },
-        { x: 120, y: 230, r: 4 },
-        { x: 110, y: 320, r: 15 },
-        { x: 130, y: 330, r: 7 },
-      ],
-    },
-  ],
-}
-</script>
-
-<template>
-  <BubbleChart
-    :height="400"
-    :chart-data="data"
-    :chart-options="chartConfig"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsHorizontalBarChart.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsHorizontalBarChart.vue
deleted file mode 100644
index 903d2cb..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsHorizontalBarChart.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import type { ChartJsCustomColors } from '@/views/charts/chartjs/types'
-import { getHorizontalBarChartConfig } from '@core/libs/chartjs/chartjsConfig'
-import BarChart from '@core/libs/chartjs/components/BarChart'
-
-interface Props {
-  colors: ChartJsCustomColors
-}
-
-const props = defineProps<Props>()
-
-const vuetifyTheme = useTheme()
-
-const chartOptions = computed(() => getHorizontalBarChartConfig(vuetifyTheme.current.value))
-
-const data = {
-  labels: ['MON', 'TUE', 'WED ', 'THU', 'FRI'],
-  datasets: [
-    {
-      maxBarThickness: 15,
-      label: 'Market Data',
-      backgroundColor: props.colors.warningShade,
-      borderColor: 'transparent',
-      data: [710, 350, 580, 460, 120],
-    },
-    {
-      maxBarThickness: 15,
-      backgroundColor: props.colors.horizontalBarInfo,
-      label: 'Personal Data',
-      borderColor: 'transparent',
-      data: [430, 590, 510, 240, 360],
-    },
-  ],
-}
-</script>
-
-<template>
-  <BarChart
-    :height="375"
-    :chart-data="data"
-    :chart-options="chartOptions"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsLineAreaChart.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsLineAreaChart.vue
deleted file mode 100644
index c258a48..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsLineAreaChart.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import type { ChartJsCustomColors } from '@/views/charts/chartjs/types'
-import { getLineAreaChartConfig } from '@core/libs/chartjs/chartjsConfig'
-import LineChart from '@core/libs/chartjs/components/LineChart'
-
-interface Props {
-  colors: ChartJsCustomColors
-}
-
-const props = defineProps<Props>()
-
-const vuetifyTheme = useTheme()
-
-const data = {
-  labels: [
-    '7/12',
-    '8/12',
-    '9/12',
-    '10/12',
-    '11/12',
-    '12/12',
-    '13/12',
-    '14/12',
-    '15/12',
-    '16/12',
-    '17/12',
-    '18/12',
-    '19/12',
-    '20/12',
-    '',
-  ],
-  datasets: [
-    {
-      fill: true,
-      tension: 0,
-      label: 'Africa',
-      pointRadius: 0.5,
-      pointHoverRadius: 5,
-      pointStyle: 'circle',
-      backgroundColor: props.colors.areaChartBlue,
-      pointHoverBorderWidth: 5,
-      borderColor: 'transparent',
-      pointHoverBorderColor: props.colors.white,
-      pointBorderColor: 'transparent',
-      pointHoverBackgroundColor: props.colors.areaChartBlue,
-      data: [40, 55, 45, 75, 65, 55, 70, 60, 100, 98, 90, 120, 125, 140, 155],
-    },
-    {
-      fill: true,
-      tension: 0,
-      label: 'Asia',
-      pointRadius: 0.5,
-      pointHoverRadius: 5,
-      pointStyle: 'circle',
-      pointHoverBorderWidth: 5,
-      borderColor: 'transparent',
-      backgroundColor: props.colors.areaChartBlueLight,
-      pointHoverBorderColor: props.colors.white,
-      pointBorderColor: 'transparent',
-      pointHoverBackgroundColor: props.colors.areaChartBlueLight,
-      data: [70, 85, 75, 150, 100, 140, 110, 105, 160, 150, 125, 190, 200, 240, 275],
-    },
-    {
-      fill: true,
-      tension: 0,
-      label: 'Europe',
-      pointRadius: 0.5,
-      pointHoverRadius: 5,
-      pointStyle: 'circle',
-      pointHoverBorderWidth: 5,
-      borderColor: 'transparent',
-      backgroundColor: props.colors.areaChartGreyLight,
-      pointHoverBorderColor: props.colors.white,
-      pointBorderColor: 'transparent',
-      pointHoverBackgroundColor: props.colors.areaChartGreyLight,
-      data: [240, 195, 160, 215, 185, 215, 185, 200, 250, 210, 195, 250, 235, 300, 315],
-    },
-  ],
-}
-
-const chartConfig = computed(() => getLineAreaChartConfig(vuetifyTheme.current.value))
-</script>
-
-<template>
-  <LineChart
-    :chart-options="chartConfig"
-    :height="400"
-    :chart-data="data"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsLineChart.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsLineChart.vue
deleted file mode 100644
index 4d3a9ee..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsLineChart.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { getLineChartConfig } from '@core/libs/chartjs/chartjsConfig'
-import LineChart from '@core/libs/chartjs/components/LineChart'
-
-import type { ChartJsCustomColors } from '@/views/charts/chartjs/types'
-
-interface Props {
-  colors: ChartJsCustomColors
-}
-
-const props = defineProps<Props>()
-
-const vuetifyTheme = useTheme()
-
-const data = {
-  labels: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120, 130, 140],
-  datasets: [
-    {
-      fill: false,
-      tension: 0.5,
-      pointRadius: 1,
-      label: 'Europe',
-      pointHoverRadius: 5,
-      pointStyle: 'circle',
-      borderColor: props.colors.primary,
-      backgroundColor: props.colors.primary,
-      pointHoverBorderWidth: 5,
-      pointHoverBorderColor: props.colors.white,
-      pointBorderColor: 'transparent',
-      pointHoverBackgroundColor: props.colors.primary,
-      data: [80, 150, 180, 270, 210, 160, 160, 202, 265, 210, 270, 255, 290, 360, 375],
-    },
-    {
-      fill: false,
-      tension: 0.5,
-      label: 'Asia',
-      pointRadius: 1,
-      pointHoverRadius: 5,
-      pointStyle: 'circle',
-      borderColor: props.colors.warningShade,
-      backgroundColor: props.colors.warningShade,
-      pointHoverBorderWidth: 5,
-      pointHoverBorderColor: props.colors.white,
-      pointBorderColor: 'transparent',
-      pointHoverBackgroundColor: props.colors.warningShade,
-      data: [80, 125, 105, 130, 215, 195, 140, 160, 230, 300, 220, 170, 210, 200, 280],
-    },
-    {
-      fill: false,
-      tension: 0.5,
-      pointRadius: 1,
-      label: 'Africa',
-      pointHoverRadius: 5,
-      pointStyle: 'circle',
-      borderColor: props.colors.yellow,
-      backgroundColor: props.colors.yellow,
-      pointHoverBorderWidth: 5,
-      pointHoverBorderColor: props.colors.white,
-      pointBorderColor: 'transparent',
-      pointHoverBackgroundColor: props.colors.yellow,
-      data: [80, 99, 82, 90, 115, 115, 74, 75, 130, 155, 125, 90, 140, 130, 180],
-    },
-  ],
-}
-
-const chartConfig = computed(() => getLineChartConfig(vuetifyTheme.current.value))
-</script>
-
-<template>
-  <LineChart
-    :chart-options="chartConfig"
-    :height="400"
-    :chart-data="data"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsPolarAreaChart.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsPolarAreaChart.vue
deleted file mode 100644
index 69630dc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsPolarAreaChart.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import type { ChartJsCustomColors } from '@/views/charts/chartjs/types'
-import { getPolarChartConfig } from '@core/libs/chartjs/chartjsConfig'
-import PolarAreaChart from '@core/libs/chartjs/components/PolarAreaChart'
-
-interface Props {
-  colors: ChartJsCustomColors
-}
-
-const props = defineProps<Props>()
-
-const vuetifyTheme = useTheme()
-
-const chartConfig = computed(() => getPolarChartConfig(vuetifyTheme.current.value))
-
-const data = {
-  labels: ['Africa', 'Asia', 'Europe', 'America', 'Antarctica', 'Australia'],
-  datasets: [
-    {
-      borderWidth: 0,
-      label: 'Population (millions)',
-      data: [19, 17.5, 15, 13.5, 11, 9],
-      backgroundColor: [props.colors.primary, props.colors.yellow, props.colors.polarChartWarning, props.colors.polarChartInfo, props.colors.polarChartGrey, props.colors.polarChartGreen],
-    },
-  ],
-}
-</script>
-
-<template>
-  <PolarAreaChart
-    :height="400"
-    :chart-data="data"
-    :chart-options="chartConfig"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsRadarChart.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsRadarChart.vue
deleted file mode 100644
index 6085f6a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsRadarChart.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { getRadarChartConfig } from '@core/libs/chartjs/chartjsConfig'
-import RadarChart from '@core/libs/chartjs/components/RadarChart'
-
-const vuetifyTheme = useTheme()
-
-const chartConfig = computed(() => getRadarChartConfig(vuetifyTheme.current.value))
-
-const chartData = {
-  labels: ['STA', 'STR', 'AGI', 'VIT', 'CHA', 'INT'],
-  datasets: [
-    {
-      fill: true,
-      label: 'Donté Panlin',
-      borderColor: 'transparent',
-      backgroundColor: 'rgba(255,161,161, 0.9)',
-      data: [25, 59, 90, 81, 60, 82],
-      pointBorderColor: 'transparent',
-      pointBackgroundColor: 'transparent',
-    },
-    {
-      fill: true,
-      label: 'Mireska Sunbreeze',
-      borderColor: 'transparent',
-      backgroundColor: 'rgba(155,136,250, 0.9)',
-      data: [40, 100, 40, 90, 40, 90],
-      pointBorderColor: 'transparent',
-      pointBackgroundColor: 'transparent',
-    },
-  ],
-}
-</script>
-
-<template>
-  <RadarChart
-    :height="400"
-    :chart-data="chartData"
-    :chart-options="chartConfig"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsScatterChart.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsScatterChart.vue
deleted file mode 100644
index 3226fc0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/ChartJsScatterChart.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import type { ChartJsCustomColors } from '@/views/charts/chartjs/types'
-import { getScatterChartConfig } from '@core/libs/chartjs/chartjsConfig'
-import ScatterChart from '@core/libs/chartjs/components/ScatterChart'
-
-interface Props {
-  colors: ChartJsCustomColors
-}
-
-const props = defineProps<Props>()
-
-const vuetifyTheme = useTheme()
-
-const chartConfig = computed(() => getScatterChartConfig(vuetifyTheme.current.value))
-
-const data = {
-  datasets: [
-    {
-      pointRadius: 5,
-      label: 'iPhone',
-      pointBorderWidth: 2,
-      backgroundColor: props.colors.primary,
-      pointHoverBorderWidth: 2,
-      borderColor: 'transparent',
-      data: [
-        { x: 72, y: 225 },
-        { x: 81, y: 270 },
-        { x: 90, y: 230 },
-        { x: 103, y: 305 },
-        { x: 103, y: 245 },
-        { x: 108, y: 275 },
-        { x: 110, y: 290 },
-        { x: 111, y: 315 },
-        { x: 109, y: 350 },
-        { x: 116, y: 340 },
-        { x: 113, y: 260 },
-        { x: 117, y: 275 },
-        { x: 117, y: 295 },
-        { x: 126, y: 280 },
-        { x: 127, y: 340 },
-        { x: 133, y: 330 },
-      ],
-    },
-    {
-      pointRadius: 5,
-      pointBorderWidth: 2,
-      label: 'Samsung Note',
-      backgroundColor: props.colors.scatterChartWarning,
-      pointHoverBorderWidth: 2,
-      borderColor: 'transparent',
-      data: [
-        { x: 13, y: 95 },
-        { x: 22, y: 105 },
-        { x: 17, y: 115 },
-        { x: 19, y: 130 },
-        { x: 21, y: 125 },
-        { x: 35, y: 125 },
-        { x: 13, y: 155 },
-        { x: 21, y: 165 },
-        { x: 25, y: 155 },
-        { x: 18, y: 190 },
-        { x: 26, y: 180 },
-        { x: 43, y: 180 },
-        { x: 53, y: 202 },
-        { x: 61, y: 165 },
-        { x: 67, y: 225 },
-      ],
-    },
-    {
-      pointRadius: 5,
-      label: 'OnePlus',
-      pointBorderWidth: 2,
-      backgroundColor: props.colors.scatterChartGreen,
-      pointHoverBorderWidth: 2,
-      borderColor: 'transparent',
-      data: [
-        { x: 70, y: 195 },
-        { x: 72, y: 270 },
-        { x: 98, y: 255 },
-        { x: 100, y: 215 },
-        { x: 87, y: 240 },
-        { x: 94, y: 280 },
-        { x: 99, y: 300 },
-        { x: 102, y: 290 },
-        { x: 110, y: 275 },
-        { x: 111, y: 250 },
-        { x: 94, y: 280 },
-        { x: 92, y: 340 },
-        { x: 100, y: 335 },
-        { x: 108, y: 330 },
-      ],
-    },
-  ],
-}
-</script>
-
-<template>
-  <ScatterChart
-    :height="380"
-    :chart-data="data"
-    :chart-options="chartConfig"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/types.ts
deleted file mode 100644
index 8bdcb35..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/charts/chartjs/types.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export interface ChartJsCustomColors {
-  white: string
-  yellow: string
-  primary: string
-  areaChartBlue: string
-  barChartYellow: string
-  polarChartGrey: string
-  polarChartInfo: string
-  lineChartYellow: string
-  polarChartGreen: string
-  lineChartPrimary: string
-  lineChartWarning: string
-  horizontalBarInfo: string
-  polarChartWarning: string
-  scatterChartGreen: string
-  warningShade: string
-  areaChartBlueLight: string
-  areaChartGreyLight: string
-  scatterChartWarning: string
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsAverageDailySales.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsAverageDailySales.vue
deleted file mode 100644
index 99626e7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsAverageDailySales.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-
-const vuetifyTheme = useTheme()
-
-const currentTheme = vuetifyTheme.current.value.colors
-
-const series = [
-  {
-    data: [400, 200, 650, 500],
-  },
-]
-
-const chartOptions = {
-  chart: {
-    type: 'area',
-    toolbar: {
-      show: false,
-    },
-    sparkline: {
-      enabled: true,
-    },
-  },
-  markers: {
-    colors: 'transparent',
-    strokeColors: 'transparent',
-  },
-  grid: {
-    show: false,
-  },
-  colors: [currentTheme.success],
-  fill: {
-    type: 'gradient',
-    gradient: {
-      shadeIntensity: 0.8,
-      opacityFrom: 0.6,
-      opacityTo: 0.1,
-    },
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    width: 2,
-    curve: 'smooth',
-  },
-  xaxis: {
-    show: true,
-    lines: {
-      show: false,
-    },
-    labels: {
-      show: false,
-    },
-    stroke: {
-      width: 0,
-    },
-    axisBorder: {
-      show: false,
-    },
-  },
-  yaxis: {
-    stroke: {
-      width: 0,
-    },
-    show: false,
-  },
-  responsive: [
-    {
-      breakpoint: 1387,
-      options: {
-        chart: {
-          height: 80,
-        },
-      },
-    },
-    {
-      breakpoint: 1200,
-      options: {
-        chart: {
-          height: 120,
-        },
-      },
-    },
-  ],
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <h5 class="text-h5 mb-3">
-        Average Daily Sales
-      </h5>
-      <p class="mb-0">
-        Total Sales This Month
-      </p>
-      <h4 class="text-h4">
-        $28,450
-      </h4>
-    </VCardText>
-
-    <VueApexCharts
-      :options="chartOptions"
-      :series="series"
-      :height="80"
-    />
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsEarningReportsWeeklyOverview.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsEarningReportsWeeklyOverview.vue
deleted file mode 100644
index fb3fad3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsEarningReportsWeeklyOverview.vue
+++ /dev/null
@@ -1,222 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    data: [40, 65, 50, 45, 90, 55, 70],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      type: 'bar',
-      toolbar: {
-        show: false,
-      },
-    },
-    plotOptions: {
-      bar: {
-        barHeight: '60%',
-        columnWidth: '38%',
-        startingShape: 'rounded',
-        endingShape: 'rounded',
-        borderRadius: 4,
-        distributed: true,
-      },
-    },
-    grid: {
-      show: false,
-      padding: {
-        top: -30,
-        bottom: 0,
-        left: -10,
-        right: -10,
-      },
-    },
-    colors: [
-      `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`,
-      `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`,
-      `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`,
-      `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`,
-      `rgba(${hexToRgb(currentTheme.primary)}, 1)`,
-      `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`,
-      `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`,
-    ],
-    dataLabels: {
-      enabled: false,
-    },
-    legend: {
-      show: false,
-    },
-    xaxis: {
-      categories: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      labels: {
-        style: {
-          colors: `rgba(${hexToRgb(currentTheme['on-surface'])},${variableTheme['disabled-opacity']})`,
-          fontSize: '13px',
-          fontFamily: 'Public Sans',
-        },
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-    tooltip: {
-      enabled: false,
-    },
-    responsive: [
-      {
-        breakpoint: 1025,
-        options: {
-          chart: {
-            height: 199,
-          },
-        },
-      },
-    ],
-  }
-})
-
-const earningsReports = [
-  {
-    color: 'primary',
-    icon: 'tabler-currency-dollar',
-    title: 'Earnings',
-    amount: '$545.69',
-    progress: '55',
-  },
-  {
-    color: 'info',
-    icon: 'tabler-chart-pie-2',
-    title: 'Profit',
-    amount: '$256.34',
-    progress: '25',
-  },
-  {
-    color: 'error',
-    icon: 'tabler-brand-paypal',
-    title: 'Expense',
-    amount: '$74.19',
-    progress: '65',
-  },
-]
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-sm-0">
-      <VCardTitle>Earning Reports</VCardTitle>
-      <VCardSubtitle>Weekly Earnings Overview</VCardSubtitle>
-
-      <template #append>
-        <div class="mt-n4 me-n2">
-          <MoreBtn
-            size="small"
-            :menu-list="moreList"
-          />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          cols="12"
-          sm="5"
-          lg="6"
-          class="d-flex flex-column align-self-center"
-        >
-          <div class="d-flex align-center gap-2 mb-3 flex-wrap">
-            <h2 class="text-h2">
-              $468
-            </h2>
-            <VChip
-              label
-              size="small"
-              color="success"
-            >
-              +4.2%
-            </VChip>
-          </div>
-
-          <span class="text-sm text-medium-emphasis">
-            You informed of this week compared to last week
-          </span>
-        </VCol>
-
-        <VCol
-          cols="12"
-          sm="7"
-          lg="6"
-        >
-          <VueApexCharts
-            :options="chartOptions"
-            :series="series"
-            height="161"
-          />
-        </VCol>
-      </VRow>
-
-      <div class="border rounded mt-5 pa-5">
-        <VRow>
-          <VCol
-            v-for="report in earningsReports"
-            :key="report.title"
-            cols="12"
-            sm="4"
-          >
-            <div class="d-flex align-center">
-              <VAvatar
-                rounded
-                size="26"
-                :color="report.color"
-                variant="tonal"
-                class="me-2"
-              >
-                <VIcon
-                  size="18"
-                  :icon="report.icon"
-                />
-              </VAvatar>
-
-              <h6 class="text-base font-weight-regular">
-                {{ report.title }}
-              </h6>
-            </div>
-            <h6 class="text-h4 my-2">
-              {{ report.amount }}
-            </h6>
-            <VProgressLinear
-              :model-value="report.progress"
-              :color="report.color"
-              height="4"
-              rounded
-              rounded-bar
-            />
-          </VCol>
-        </VRow>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsMonthlyCampaignState.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsMonthlyCampaignState.vue
deleted file mode 100644
index c0d05ec..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsMonthlyCampaignState.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-<script setup lang="ts">
-const monthlyCampaignState = [
-  {
-    avatarColor: 'success',
-    avatarIcon: 'tabler-mail',
-    title: 'Emails',
-    count: '12,346',
-    stats: '0.3%',
-    statsColor: 'success',
-  },
-  {
-    avatarColor: 'info',
-    avatarIcon: 'tabler-link',
-    title: 'Opened',
-    count: '8,734',
-    stats: '2.1%',
-    statsColor: 'success',
-  },
-  {
-    avatarColor: 'warning',
-    avatarIcon: 'tabler-mouse',
-    title: 'Clicked',
-    count: '967',
-    stats: '1.4%',
-    statsColor: 'error',
-  },
-  {
-    avatarColor: 'primary',
-    avatarIcon: 'tabler-users',
-    title: 'Subscribe',
-    count: '345',
-    stats: '8.5%',
-    statsColor: 'success',
-  },
-  {
-    avatarColor: 'secondary',
-    avatarIcon: 'tabler-alert-triangle',
-    title: 'Complaints',
-    count: '10',
-    stats: '1.5%',
-    statsColor: 'error',
-  },
-  {
-    avatarColor: 'error',
-    avatarIcon: 'tabler-ban',
-    title: 'Unsubscribe',
-    count: '86',
-    stats: '0.8%',
-    statsColor: 'success',
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem>
-      <VCardTitle>Monthly Campaign State</VCardTitle>
-      <VCardSubtitle>
-        8.52k Social Visitors
-      </VCardSubtitle>
-      <template #append>
-        <div class="mt-n4 me-n2">
-          <MoreBtn
-            size="small"
-            :menu-list="moreList"
-          />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="state in monthlyCampaignState"
-          :key="state.title"
-        >
-          <template #prepend>
-            <VAvatar
-              :color="state.avatarColor"
-              variant="tonal"
-              size="34"
-              rounded
-              class="me-1"
-            >
-              <VIcon
-                :icon="state.avatarIcon"
-                size="22"
-              />
-            </VAvatar>
-          </template>
-
-          <VListItemTitle class="font-weight-medium me-4">
-            {{ state.title }}
-          </VListItemTitle>
-
-          <template #append>
-            <div class="d-flex gap-x-4">
-              <div class="text-body-1">
-                {{ state.count }}
-              </div>
-              <div :class="`text-${state.statsColor}`">
-                {{ state.stats }}
-              </div>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1.5rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsProjectTable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsProjectTable.vue
deleted file mode 100644
index 19b40be..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsProjectTable.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-<script setup lang="ts">
-import type { ProjectAnalytics } from '@db/dashboard/type'
-
-const projectTableHeaders = [
-  { title: 'PROJECT', key: 'project' },
-  { title: 'LEADER', key: 'leader' },
-  { title: 'Team', key: 'team', sortable: false },
-  { title: 'PROGRESS', key: 'progress' },
-  { title: 'Action', key: 'Action', sortable: false },
-]
-
-const search = ref('')
-
-const itemsPerPage = ref(5)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-
-const { data: projectsData } = await useApi<any>(createUrl('/dashboard/analytics/projects', {
-  query: {
-    q: search,
-    itemsPerPage,
-    page,
-    sortBy,
-    orderBy,
-  },
-}))
-
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-const projects = computed((): ProjectAnalytics[] => projectsData.value?.projects)
-const totalProjects = computed(() => projectsData.value?.totalProjects)
-
-const moreList = [
-  { title: 'Download', value: 'Download' },
-  { title: 'Delete', value: 'Delete' },
-  { title: 'View', value: 'View' },
-]
-</script>
-
-<template>
-  <VCard v-if="projects">
-    <VCardItem class="project-header d-flex flex-wrap justify-space-between gap-4">
-      <VCardTitle>Project List</VCardTitle>
-
-      <template #append>
-        <div style="inline-size: 250px;">
-          <AppTextField
-            v-model="search"
-            placeholder="Search Project"
-          />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VDivider />
-
-    <!-- SECTION Table -->
-    <VDataTableServer
-      v-model:items-per-page="itemsPerPage"
-      v-model:page="page"
-      :items="projects"
-      :items-length="totalProjects"
-      item-value="name"
-      :headers="projectTableHeaders"
-      class="text-no-wrap"
-      show-select
-      @update:options="updateOptions"
-    >
-      <!-- projects -->
-      <template #item.project="{ item }">
-        <div
-          class="d-flex align-center gap-x-3"
-          style="padding-block: 7px;"
-        >
-          <VAvatar
-            :size="34"
-            :image="item.logo"
-          />
-          <div>
-            <h6 class="text-h6 text-no-wrap">
-              {{ item.name }}
-            </h6>
-            <div class="text-body-2">
-              {{ item.project }}
-            </div>
-          </div>
-        </div>
-      </template>
-
-      <template #item.leader="{ item }">
-        <div class="text-base text-high-emphasis">
-          {{ item.leader }}
-        </div>
-      </template>
-
-      <!-- Team -->
-      <template #item.team="{ item }">
-        <div class="d-flex">
-          <div class="v-avatar-group">
-            <VAvatar
-              v-for="(data, index) in item.team"
-              :key="index"
-              size="26"
-            >
-              <VImg :src="data" />
-            </VAvatar>
-            <VAvatar
-              v-if="item.extraMembers"
-              :color="$vuetify.theme.current.dark ? '#373b50' : '#eeedf0'"
-              :size="26"
-            >
-              <div class="text-caption text-high-emphasis">
-                +{{ item.extraMembers }}
-              </div>
-            </VAvatar>
-          </div>
-        </div>
-      </template>
-
-      <!-- Progress -->
-      <template #item.progress="{ item }">
-        <div class="d-flex align-center gap-3">
-          <div class="flex-grow-1">
-            <VProgressLinear
-              :height="6"
-              :model-value="item.progress"
-              color="primary"
-              rounded
-            />
-          </div>
-          <div class="text-body-1 text-high-emphasis">
-            {{ item.progress }}%
-          </div>
-        </div>
-      </template>
-
-      <!-- Action -->
-      <template #item.Action>
-        <MoreBtn :menu-list="moreList" />
-      </template>
-
-      <!-- TODO Refactor this after vuetify provides proper solution for removing default footer -->
-      <template #bottom>
-        <TablePagination
-          v-model:page="page"
-          :items-per-page="itemsPerPage"
-          :total-items="totalProjects"
-        />
-      </template>
-    </VDataTableServer>
-    <!-- !SECTION -->
-  </VCard>
-</template>
-
-<style lang="scss">
-.project-header .v-card-item__append {
-  padding-inline-start: 0;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsSalesByCountries.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsSalesByCountries.vue
deleted file mode 100644
index 00aad6d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsSalesByCountries.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<script setup lang="ts">
-import auFlag from '@images/icons/countries/au.png'
-import brFlag from '@images/icons/countries/br.png'
-import cnFlag from '@images/icons/countries/cn.png'
-import frFlag from '@images/icons/countries/fr.png'
-import inFlag from '@images/icons/countries/in.png'
-import usFlag from '@images/icons/countries/us.png'
-
-const salesByCountries = [
-  {
-    avatarImg: usFlag,
-    stats: '$8,567k',
-    subtitle: 'United states',
-    profitLoss: 25.8,
-  },
-  {
-    avatarImg: brFlag,
-    stats: '$2,415k',
-    subtitle: 'Brazil',
-    profitLoss: -6.2,
-  },
-  {
-    avatarImg: inFlag,
-    stats: '$865k',
-    subtitle: 'India',
-    profitLoss: 12.4,
-  },
-  {
-    avatarImg: auFlag,
-    stats: '$745k',
-    subtitle: 'Australia',
-    profitLoss: -11.9,
-  },
-  {
-    avatarImg: frFlag,
-    stats: '$45',
-    subtitle: 'France',
-    profitLoss: 16.2,
-  },
-  {
-    avatarImg: cnFlag,
-    stats: '$12k',
-    subtitle: 'China',
-    profitLoss: 14.8,
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard
-    title="Sales by Countries"
-    subtitle="Monthly Sales Overview"
-  >
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn
-          size="small"
-          :menu-list="moreList"
-        />
-      </div>
-    </template>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="country in salesByCountries"
-          :key="country.stats"
-        >
-          <template #prepend>
-            <VAvatar
-              size="34"
-              color="secondary"
-              variant="tonal"
-              class="me-1"
-              :image="country.avatarImg"
-            />
-          </template>
-
-          <VListItemTitle class="font-weight-medium">
-            {{ country.stats }}
-          </VListItemTitle>
-          <VListItemSubtitle>
-            {{ country.subtitle }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <div :class="`d-flex align-center ${country.profitLoss > 0 ? 'text-success' : 'text-error'}`">
-              <VIcon
-                :icon="country.profitLoss > 0 ? 'tabler-chevron-up' : 'tabler-chevron-down'"
-                size="20"
-                class="me-1"
-              />
-              <div class="font-weight-medium">
-                {{ Math.abs(country.profitLoss) }}%
-              </div>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsSalesOverview.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsSalesOverview.vue
deleted file mode 100644
index 357f686..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsSalesOverview.vue
+++ /dev/null
@@ -1,110 +0,0 @@
-<template>
-  <VCard>
-    <VCardText>
-      <div class="d-flex align-center justify-space-between">
-        <div class="text-body-1">
-          Sales Overview
-        </div>
-        <div class="text-success font-weight-medium">
-          +18.2%
-        </div>
-      </div>
-      <h4 class="text-h4">
-        $42.5k
-      </h4>
-    </VCardText>
-
-    <VCardText>
-      <VRow no-gutters>
-        <VCol cols="5">
-          <div class="py-2">
-            <div class="d-flex align-center mb-3">
-              <VAvatar
-                color="info"
-                variant="tonal"
-                :size="24"
-                rounded
-                class="me-2"
-              >
-                <VIcon
-                  size="18"
-                  icon="tabler-shopping-cart"
-                />
-              </VAvatar>
-              <span>Order</span>
-            </div>
-            <h5 class="text-h5">
-              62.2%
-            </h5>
-            <div class="text-body-2 text-disabled">
-              6,440
-            </div>
-          </div>
-        </VCol>
-
-        <VCol cols="2">
-          <div class="d-flex flex-column align-center justify-center h-100">
-            <VDivider
-              vertical
-              class="mx-auto"
-            />
-
-            <VAvatar
-              size="24"
-              color="rgba(var(--v-theme-on-surface), var(--v-hover-opacity))"
-              class="my-2"
-            >
-              <div class="text-overline text-disabled">
-                VS
-              </div>
-            </VAvatar>
-
-            <VDivider
-              vertical
-              class="mx-auto"
-            />
-          </div>
-        </VCol>
-
-        <VCol
-          cols="5"
-          class="text-end"
-        >
-          <div class="py-2">
-            <div class="d-flex align-center justify-end mb-3">
-              <span class="me-2">Visits</span>
-              <VAvatar
-                color="primary"
-                variant="tonal"
-                :size="24"
-                rounded
-              >
-                <VIcon
-                  size="18"
-                  icon="tabler-link"
-                />
-              </VAvatar>
-            </div>
-            <h5 class="text-h5">
-              25.5%
-            </h5>
-            <div class="text-body-2 text-disabled">
-              12,749
-            </div>
-          </div>
-        </VCol>
-      </VRow>
-
-      <div class="mt-6">
-        <VProgressLinear
-          model-value="72"
-          color="#00CFE8"
-          height="10"
-          bg-color="primary"
-          :rounded-bar="false"
-          rounded
-        />
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsSourceVisits.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsSourceVisits.vue
deleted file mode 100644
index 3aecbb9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsSourceVisits.vue
+++ /dev/null
@@ -1,124 +0,0 @@
-<script setup lang="ts">
-const sourceVisits = [
-  {
-    avatarIcon: 'tabler-shadow',
-    title: 'Direct Source',
-    subtitle: 'Direct link click',
-    stats: '1.2k',
-    profitLoss: 4.2,
-  },
-  {
-    avatarIcon: 'tabler-globe',
-    title: 'Social Network',
-    subtitle: 'Social Channels',
-    stats: '31.5k',
-    profitLoss: 8.2,
-  },
-  {
-    avatarIcon: 'tabler-mail',
-    title: 'Email Newsletter',
-    subtitle: 'Mail Campaigns',
-    stats: '893',
-    profitLoss: 2.4,
-  },
-  {
-    avatarIcon: 'tabler-external-link',
-    title: 'Referrals',
-    subtitle: 'Impact Radius Visits',
-    stats: '342',
-    profitLoss: -0.4,
-  },
-  {
-    avatarIcon: 'tabler-ad',
-    title: 'ADVT',
-    subtitle: 'Google ADVT',
-    stats: '2.15k',
-    profitLoss: 9.1,
-  },
-  {
-    avatarIcon: 'tabler-star',
-    title: 'Other',
-    subtitle: 'Many Sources',
-    stats: '12.5k',
-    profitLoss: 6.2,
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem>
-      <VCardTitle>Source Visits</VCardTitle>
-      <VCardSubtitle>
-        38.4k Visitors
-      </VCardSubtitle>
-      <template #append>
-        <div class="mt-n4 me-n2">
-          <MoreBtn
-            size="small"
-            :menu-list="moreList"
-          />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="visit in sourceVisits"
-          :key="visit.title"
-        >
-          <template #prepend>
-            <VAvatar
-              size="38"
-              color="secondary"
-              variant="tonal"
-              class="me-1"
-              rounded
-            >
-              <VIcon
-                :icon="visit.avatarIcon"
-                size="22"
-              />
-            </VAvatar>
-          </template>
-
-          <VListItemTitle class="font-weight-medium me-4">
-            {{ visit.title }}
-          </VListItemTitle>
-          <VListItemSubtitle class="me-4">
-            {{ visit.subtitle }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <div class="d-flex align-center gap-x-4">
-              <div class="text-body-1">
-                {{ visit.stats }}
-              </div>
-              <VChip
-                label
-                size="small"
-                :color="visit.profitLoss > 0 ? 'success' : 'error'"
-              >
-                {{ visit.profitLoss > 0 ? '+' : '' }}
-                {{ visit.profitLoss }}%
-              </VChip>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1.5rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsSupportTracker.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsSupportTracker.vue
deleted file mode 100644
index cd88a91..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsSupportTracker.vue
+++ /dev/null
@@ -1,203 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [85]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  return {
-    labels: ['Completed Task'],
-    chart: {
-      type: 'radialBar',
-    },
-    plotOptions: {
-      radialBar: {
-        offsetY: 10,
-        startAngle: -140,
-        endAngle: 130,
-        hollow: {
-          size: '65%',
-        },
-        track: {
-          background: currentTheme.surface,
-          strokeWidth: '100%',
-        },
-        dataLabels: {
-          name: {
-            offsetY: -20,
-            color: `rgba(${hexToRgb(currentTheme['on-surface'])},${variableTheme['disabled-opacity']})`,
-            fontSize: '13px',
-            fontWeight: '400',
-            fontFamily: 'Public Sans',
-          },
-          value: {
-            offsetY: 10,
-            color: `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['high-emphasis-opacity']})`,
-            fontSize: '38px',
-            fontWeight: '500',
-            fontFamily: 'Public Sans',
-          },
-        },
-      },
-    },
-    colors: [currentTheme.primary],
-    fill: {
-      type: 'gradient',
-      gradient: {
-        shade: 'dark',
-        shadeIntensity: 0.5,
-        gradientToColors: [currentTheme.primary],
-        inverseColors: true,
-        opacityFrom: 1,
-        opacityTo: 0.6,
-        stops: [30, 70, 100],
-      },
-    },
-    stroke: {
-      dashArray: 10,
-    },
-    grid: {
-      padding: {
-        top: -20,
-        bottom: 5,
-      },
-    },
-    states: {
-      hover: {
-        filter: {
-          type: 'none',
-        },
-      },
-      active: {
-        filter: {
-          type: 'none',
-        },
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 960,
-        options: {
-          chart: {
-            height: 280,
-          },
-        },
-      },
-    ],
-  }
-})
-
-const supportTicket = [
-  {
-    avatarColor: 'primary',
-    avatarIcon: 'tabler-ticket',
-    title: 'New Tickets',
-    subtitle: '142',
-  },
-  {
-    avatarColor: 'info',
-    avatarIcon: 'tabler-check',
-    title: 'Open Tickets',
-    subtitle: '28',
-  },
-
-  {
-    avatarColor: 'warning',
-    avatarIcon: 'tabler-clock',
-    title: 'Response Time',
-    subtitle: '1 Day',
-  },
-]
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem>
-      <VCardTitle>Support Tracker</VCardTitle>
-      <VCardSubtitle>Last 7 Days</VCardSubtitle>
-
-      <template #append>
-        <div class="mt-n4 me-n2">
-          <MoreBtn
-            size="small"
-            :menu-list="moreList"
-          />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          cols="12"
-          lg="4"
-          md="4"
-        >
-          <div class="mb-lg-6 mb-4 mt-2">
-            <h2 class="text-h2">
-              164
-            </h2>
-            <p class="text-base mb-0">
-              Total Tickets
-            </p>
-          </div>
-
-          <VList class="card-list">
-            <VListItem
-              v-for="ticket in supportTicket"
-              :key="ticket.title"
-            >
-              <VListItemTitle class="font-weight-medium">
-                {{ ticket.title }}
-              </VListItemTitle>
-              <VListItemSubtitle>
-                {{ ticket.subtitle }}
-              </VListItemSubtitle>
-              <template #prepend>
-                <VAvatar
-                  rounded
-                  size="34"
-                  :color="ticket.avatarColor"
-                  variant="tonal"
-                  class="me-1"
-                >
-                  <VIcon
-                    size="22"
-                    :icon="ticket.avatarIcon"
-                  />
-                </VAvatar>
-              </template>
-            </VListItem>
-          </VList>
-        </VCol>
-        <VCol
-          cols="12"
-          lg="8"
-          md="8"
-        >
-          <VueApexCharts
-            :options="chartOptions"
-            :series="series"
-            height="360"
-          />
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsTotalEarning.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsTotalEarning.vue
deleted file mode 100644
index 6116314..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsTotalEarning.vue
+++ /dev/null
@@ -1,297 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    name: 'Earning',
-    data: [15, 10, 20, 8, 12, 18, 12, 5],
-  },
-  {
-    name: 'Expense',
-    data: [-7, -10, -7, -12, -6, -9, -5, -8],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      stacked: true,
-      type: 'bar',
-      toolbar: { show: false },
-    },
-    tooltip: {
-      enabled: false,
-    },
-    legend: {
-      show: false,
-    },
-    stroke: {
-      curve: 'smooth',
-      width: 6,
-      lineCap: 'round',
-      colors: [currentTheme.surface],
-    },
-    plotOptions: {
-      bar: {
-        horizontal: false,
-        columnWidth: '45%',
-        borderRadius: 8,
-        borderRadiusApplication: 'around',
-        borderRadiusWhenStacked: 'all',
-      },
-    },
-    colors: ['rgba(var(--v-theme-primary),1)', 'rgba(var(--v-theme-secondary),1)'],
-    dataLabels: {
-      enabled: false,
-    },
-    grid: {
-      show: false,
-      padding: {
-        top: -40,
-        bottom: -20,
-        left: -10,
-        right: -2,
-      },
-    },
-    xaxis: {
-      labels: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      axisBorder: {
-        show: false,
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 1600,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '50%',
-              borderRadius: 8,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1468,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '60%',
-              borderRadius: 8,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1279,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '35%',
-              borderRadius: 8,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1197,
-        options: {
-          chart: {
-            height: 228,
-          },
-          plotOptions: {
-            bar: {
-              borderRadius: 8,
-              columnWidth: '40%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 912,
-        options: {
-          chart: {
-            height: 232,
-          },
-          plotOptions: {
-            bar: {
-              borderRadius: 8,
-              columnWidth: '55%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 725,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '70%',
-              borderRadius: 8,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 600,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 8,
-              columnWidth: '40%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 475,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 8,
-              columnWidth: '50%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 381,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '60%',
-              borderRadius: 8,
-            },
-          },
-        },
-      },
-    ],
-    states: {
-      hover: {
-        filter: {
-          type: 'none',
-        },
-      },
-      active: {
-        filter: {
-          type: 'none',
-        },
-      },
-    },
-  }
-})
-
-const totalEarnings = [
-  {
-    avatar: 'tabler-brand-paypal',
-    avatarColor: 'primary',
-    title: 'Total Revenue',
-    subtitle: 'Client Payment',
-    earning: '+$126',
-  },
-  {
-    avatar: 'tabler-currency-dollar',
-    avatarColor: 'secondary',
-    title: 'Total Sales',
-    subtitle: 'Total Sales',
-    earning: '+$98',
-  },
-]
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-0">
-      <VCardTitle>Total Earning</VCardTitle>
-
-      <div class="d-flex align-center mt-2">
-        <h2 class="text-h2 me-2">
-          87%
-        </h2>
-        <div class="text-success">
-          <VIcon
-            size="20"
-            icon="tabler-chevron-up"
-          />
-          <span class="text-base">25.8%</span>
-        </div>
-      </div>
-
-      <template #append>
-        <div class="mt-n10 me-n2">
-          <MoreBtn
-            size="small"
-            :menu-list="moreList"
-          />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        height="191"
-        class="my-2"
-      />
-
-      <VList class="card-list">
-        <VListItem
-          v-for="earning in totalEarnings"
-          :key="earning.title"
-        >
-          <VListItemTitle class="font-weight-medium">
-            {{ earning.title }}
-          </VListItemTitle>
-          <VListItemSubtitle>
-            {{ earning.subtitle }}
-          </VListItemSubtitle>
-          <template #prepend>
-            <VAvatar
-              size="38"
-              :color="earning.avatarColor"
-              variant="tonal"
-              rounded
-              class="me-1"
-            >
-              <VIcon
-                :icon="earning.avatar"
-                size="22"
-              />
-            </VAvatar>
-          </template>
-
-          <template #append>
-            <span class="text-success font-weight-medium">{{ earning.earning }}</span>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsWebsiteAnalytics.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsWebsiteAnalytics.vue
deleted file mode 100644
index 24062e3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/AnalyticsWebsiteAnalytics.vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<script setup lang="ts">
-import { VIcon } from 'vuetify/components/VIcon'
-import sliderBar1 from '@images/illustrations/sidebar-pic-1.png'
-import sliderBar2 from '@images/illustrations/sidebar-pic-2.png'
-import sliderBar3 from '@images/illustrations/sidebar-pic-3.png'
-
-const websiteAnalytics = [
-  {
-    name: 'Traffic',
-    slideImg: sliderBar1,
-    data: [
-      {
-        number: '1.5k',
-        text: 'Sessions',
-      },
-      {
-        number: '3.1k',
-        text: 'Page Views',
-      },
-      {
-        number: '1.2k',
-        text: 'Leads',
-      },
-      {
-        number: '12%',
-        text: 'Conversions',
-      },
-    ],
-  },
-  {
-    name: 'Spending',
-    slideImg: sliderBar2,
-    data: [
-      {
-        number: '12h',
-        text: 'Spend',
-      },
-      {
-        number: '182',
-        text: 'Order Size',
-      },
-      {
-        number: '127',
-        text: 'Order',
-      },
-      {
-        number: '23k',
-        text: 'Items',
-      },
-    ],
-  },
-  {
-    name: 'Revenue Sources',
-    slideImg: sliderBar3,
-    data: [
-      {
-        number: '268',
-        text: 'Direct',
-      },
-      {
-        number: '890',
-        text: 'Organic',
-      },
-      {
-        number: '622',
-        text: 'Referral',
-      },
-      {
-        number: '1.2k',
-        text: 'Campaign',
-      },
-    ],
-  },
-]
-</script>
-
-<template>
-  <VCard
-    color="primary"
-    height="260"
-  >
-    <VCarousel
-      cycle
-      :continuous="false"
-      :show-arrows="false"
-      hide-delimiter-background
-      :delimiter-icon="() => h(VIcon, { icon: 'fa-circle', size: '8' })"
-      height="260"
-      class="carousel-delimiter-top-end web-analytics-carousel"
-    >
-      <VCarouselItem
-        v-for="item in websiteAnalytics"
-        :key="item.name"
-      >
-        <VCardText class="position-relative">
-          <VRow>
-            <VCol cols="12">
-              <h5 class="text-h5 text-white">
-                Website Analytics
-              </h5>
-              <p class="text-sm mb-0">
-                Total 28.5% Conversion Rate
-              </p>
-            </VCol>
-
-            <VCol
-              cols="12"
-              sm="6"
-              order="2"
-              order-sm="1"
-            >
-              <VRow>
-                <VCol
-                  cols="12"
-                  class="pb-0 pt-1"
-                >
-                  <h6 class="text-h6 text-white mb-1 mt-5">
-                    {{ item.name }}
-                  </h6>
-                </VCol>
-
-                <VCol
-                  v-for="d in item.data"
-                  :key="d.number"
-                  cols="6"
-                  class="text-no-wrap pb-2"
-                >
-                  <VChip
-                    label
-                    variant="flat"
-                    size="default"
-                    color="rgb(var(--v-theme-primary-darken-1))"
-                    class="font-weight-medium text-white rounded me-2 px-2"
-                    style="block-size: 30px;"
-                  >
-                    <span class="text-base">{{ d.number }}</span>
-                  </VChip>
-                  <span class="d-inline-block">{{ d.text }}</span>
-                </VCol>
-              </VRow>
-            </VCol>
-
-            <VCol
-              cols="12"
-              sm="6"
-              order="1"
-              order-sm="2"
-              class="text-center"
-            >
-              <img
-                :src="item.slideImg"
-                class="card-website-analytics-img"
-                style="filter: drop-shadow(0 4px 60px rgba(0, 0, 0, 50%));"
-              >
-            </VCol>
-          </VRow>
-        </VCardText>
-      </VCarouselItem>
-    </VCarousel>
-  </VCard>
-</template>
-
-<style lang="scss">
-.card-website-analytics-img {
-  block-size: 150px;
-}
-
-@media screen and (min-width: 600px) {
-  .card-website-analytics-img {
-    position: absolute;
-    margin: auto;
-    inset-block-end: 1rem;
-    inset-inline-end: 2.5rem;
-  }
-}
-
-.web-analytics-carousel {
-  .v-carousel__controls {
-    .v-carousel__controls__item {
-      &.v-btn--active {
-        .v-icon {
-          opacity: 1 !important;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/types.d.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/types.d.ts
deleted file mode 100644
index 68c0ae0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/analytics/types.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export interface ProjectParams {
-  q?: string,
-  perPage: number,
-  currentPage: number,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmActiveProject.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmActiveProject.vue
deleted file mode 100644
index 5e63c96..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmActiveProject.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<script setup lang="ts">
-import bootstrapLogo from '@images/icons/brands/bootstrap-logo.png'
-import figmaLogo from '@images/icons/brands/figma-logo.png'
-import laravelLogo from '@images/icons/brands/laravel-logo.png'
-import reactLogo from '@images/icons/brands/react-logo.png'
-import sketchLogo from '@images/icons/brands/sketch-logo.png'
-import vuejsLogo from '@images/icons/brands/vuejs-logo.png'
-
-const activeProjects = [
-  {
-    avatarImg: laravelLogo,
-    title: 'Laravel',
-    subtitle: 'Ecommerce',
-    stats: '65',
-    progressColor: 'error',
-  },
-  {
-    avatarImg: figmaLogo,
-    title: 'Figma',
-    subtitle: 'App UI Kit',
-    stats: '86',
-    progressColor: 'primary',
-  },
-  {
-    avatarImg: vuejsLogo,
-    title: 'VueJs',
-    subtitle: 'Calendar App',
-    stats: '90',
-    progressColor: 'success',
-  },
-  {
-    avatarImg: reactLogo,
-    title: 'React',
-    subtitle: 'Dashboard',
-    stats: '37',
-    progressColor: 'info',
-  },
-  {
-    avatarImg: bootstrapLogo,
-    title: 'Bootstrap',
-    subtitle: 'Website',
-    stats: '22',
-    progressColor: 'primary',
-  },
-  {
-    avatarImg: sketchLogo,
-    title: 'Sketch',
-    subtitle: 'Website Design',
-    stats: '29',
-    progressColor: 'warning',
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem>
-      <VCardTitle>Active Projects</VCardTitle>
-      <VCardSubtitle>
-        Average 72% completed
-      </VCardSubtitle>
-      <template #append>
-        <div class="mt-n4 me-n2">
-          <MoreBtn
-            size="small"
-            :menu-list="moreList"
-          />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="project in activeProjects"
-          :key="project.title"
-        >
-          <template #prepend>
-            <VAvatar
-              size="34"
-              rounded
-              class="me-1"
-            >
-              <img :src="project.avatarImg">
-            </VAvatar>
-          </template>
-
-          <VListItemTitle class="font-weight-medium">
-            {{ project.title }}
-          </VListItemTitle>
-          <VListItemSubtitle class="me-4">
-            {{ project.subtitle }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <div class="d-flex align-center gap-x-4">
-              <div style="inline-size: 4.875rem;">
-                <VProgressLinear
-                  :model-value="project.stats"
-                  :color="project.progressColor"
-                  height="8"
-                  rounded-bar
-                  rounded
-                />
-              </div>
-              <span class="text-disabled">{{ project.stats }}%</span>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmActivityTimeline.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmActivityTimeline.vue
deleted file mode 100644
index e4e06f0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmActivityTimeline.vue
+++ /dev/null
@@ -1,174 +0,0 @@
-<script lang="ts" setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import pdf from '@images/icons/project-icons/pdf.png'
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem>
-      <template #prepend>
-        <VIcon
-          icon="tabler-list-details"
-          size="20"
-          color="high-emphasis"
-          class="me-1"
-        />
-      </template>
-      <template #append>
-        <div class="mt-n4 me-n2">
-          <MoreBtn
-            size="small"
-            :menu-list="moreList"
-          />
-        </div>
-      </template>
-
-      <VCardTitle>Activity Timeline</VCardTitle>
-    </VCardItem>
-
-    <VCardText>
-      <VTimeline
-        side="end"
-        align="start"
-        line-inset="8"
-        truncate-line="start"
-        density="compact"
-      >
-        <!-- SECTION Timeline Item: Flight -->
-        <VTimelineItem
-          dot-color="primary"
-          size="x-small"
-        >
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center gap-2 flex-wrap mb-2">
-            <span class="app-timeline-title">
-              12 Invoices have been paid
-            </span>
-            <span class="app-timeline-meta">12 min ago</span>
-          </div>
-
-          <!-- 👉 Content -->
-          <div class="app-timeline-text mt-1">
-            Invoices have been paid to the company
-          </div>
-
-          <div class="d-inline-flex align-center timeline-chip mt-2">
-            <img
-              :src="pdf"
-              height="20"
-              class="me-2"
-              alt="img"
-            >
-            <span class="app-timeline-text font-weight-medium">
-              invoice.pdf
-            </span>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-
-        <!-- SECTION Timeline Item: Interview Schedule -->
-        <VTimelineItem
-          size="x-small"
-          dot-color="success"
-        >
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center flex-wrap mb-2">
-            <div class="app-timeline-title">
-              Client Meeting
-            </div>
-            <span class="app-timeline-meta">45 min ago</span>
-          </div>
-
-          <div class="app-timeline-text mt-1">
-            Project meeting with john @10:15am
-          </div>
-
-          <!-- 👉 Person -->
-          <div class="d-flex justify-space-between align-center flex-wrap">
-            <!-- 👉 Avatar & Personal Info -->
-            <div class="d-flex align-center mt-2">
-              <VAvatar
-                size="32"
-                class="me-2"
-                :image="avatar1"
-              />
-              <div class="d-flex flex-column">
-                <p class="text-sm font-weight-medium text-medium-emphasis mb-0">
-                  Lester McCarthy (Client)
-                </p>
-                <span class="text-sm">CEO of Pixinvent</span>
-              </div>
-            </div>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-
-        <!-- SECTION Design Review -->
-        <VTimelineItem
-          size="x-small"
-          dot-color="info"
-        >
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center flex-wrap mb-2">
-            <span class="app-timeline-title">
-              Create a new project for client
-            </span>
-            <span class="app-timeline-meta">2 Day Ago</span>
-          </div>
-
-          <!-- 👉 Content -->
-          <p class="app-timeline-text mt-1 mb-2">
-            6 team members in a project
-          </p>
-
-          <div class="v-avatar-group demo-avatar-group">
-            <VAvatar :size="40">
-              <VImg :src="avatar1" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                John Doe
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar :size="40">
-              <VImg :src="avatar2" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                Jennie Obrien
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar :size="40">
-              <VImg :src="avatar3" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                Peter Harper
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar
-              :size="40"
-              :color="$vuetify.theme.current.dark ? '#3A3B59' : '#F0EFF0'"
-            >
-              +3
-            </VAvatar>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-      </VTimeline>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmAnalyticsSales.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmAnalyticsSales.vue
deleted file mode 100644
index bee612a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmAnalyticsSales.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    name: 'Sales',
-    data: [32, 27, 27, 30, 25, 25],
-  },
-  {
-    name: 'Visits',
-    data: [25, 35, 20, 20, 20, 20],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  const borderColor = `rgba(${hexToRgb(String(variableTheme['border-color']))},${variableTheme['border-opacity']})`
-  const labelColor = `rgba(${hexToRgb(currentTheme['on-surface'])},${variableTheme['disabled-opacity']})`
-  const legendColor = `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['medium-emphasis-opacity']})`
-
-  return {
-    chart: {
-      type: 'radar',
-      toolbar: {
-        show: false,
-      },
-    },
-    plotOptions: {
-      radar: {
-        polygons: {
-          strokeColors: borderColor,
-          connectorColors: borderColor,
-        },
-      },
-    },
-    stroke: {
-      show: false,
-      width: 0,
-    },
-    legend: {
-      show: true,
-      fontSize: '13px',
-      position: 'bottom',
-      labels: {
-        colors: legendColor,
-        useSeriesColors: false,
-      },
-      markers: {
-        height: 12,
-        width: 12,
-        offsetX: -8,
-      },
-      itemMargin: {
-        horizontal: 10,
-      },
-      onItemHover: {
-        highlightDataSeries: false,
-      },
-    },
-    colors: [currentTheme.primary, currentTheme.info],
-    fill: {
-      opacity: [1, 0.85],
-    },
-    markers: {
-      size: 0,
-    },
-    grid: {
-      show: false,
-      padding: {
-        top: 0,
-        bottom: -5,
-      },
-    },
-    xaxis: {
-      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
-      labels: {
-        show: true,
-        style: {
-          colors: [labelColor, labelColor, labelColor, labelColor, labelColor, labelColor],
-          fontSize: '13px',
-          fontFamily: 'Public Sans',
-        },
-      },
-    },
-    yaxis: {
-      show: false,
-      min: 0,
-      max: 40,
-      tickAmount: 4,
-    },
-    responsive: [
-      {
-        breakpoint: 769,
-        options: {
-          chart: {
-            height: 372,
-          },
-        },
-      },
-    ],
-  }
-})
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-4">
-      <VCardTitle>Sales</VCardTitle>
-      <VCardSubtitle>Last 6 Months</VCardSubtitle>
-
-      <template #append>
-        <div class="mt-n4 me-n2">
-          <MoreBtn
-            size="small"
-            :menu-list="moreList"
-          />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        height="290"
-      />
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmEarningReportsYearlyOverview.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmEarningReportsYearlyOverview.vue
deleted file mode 100644
index c775ecc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmEarningReportsYearlyOverview.vue
+++ /dev/null
@@ -1,668 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const currentTab = ref<number>(0)
-const refVueApexChart = ref()
-
-const chartConfigs = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  const labelPrimaryColor = `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`
-  const legendColor = `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['high-emphasis-opacity']})`
-  const borderColor = `rgba(${hexToRgb(String(variableTheme['border-color']))},${variableTheme['border-opacity']})`
-  const labelColor = `rgba(${hexToRgb(currentTheme['on-surface'])},${variableTheme['disabled-opacity']})`
-
-  return [
-    {
-      title: 'Orders',
-      icon: 'tabler-shopping-cart',
-      chartOptions: {
-        chart: {
-          parentHeightOffset: 0,
-          type: 'bar',
-          toolbar: {
-            show: false,
-          },
-        },
-        plotOptions: {
-          bar: {
-            columnWidth: '32%',
-            borderRadiusApplication: 'end',
-            borderRadius: 4,
-            distributed: true,
-            dataLabels: {
-              position: 'top',
-            },
-          },
-        },
-        grid: {
-          show: false,
-          padding: {
-            top: 0,
-            bottom: 0,
-            left: -10,
-            right: -10,
-          },
-        },
-        colors: [
-          labelPrimaryColor,
-          labelPrimaryColor,
-          `rgba(${hexToRgb(currentTheme.primary)}, 1)`,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-        ],
-        dataLabels: {
-          enabled: true,
-          formatter(val: unknown) {
-            return `${val}k`
-          },
-          offsetY: -25,
-          style: {
-            fontSize: '15px',
-            colors: [legendColor],
-            fontWeight: '600',
-            fontFamily: 'Public Sans',
-          },
-        },
-        legend: {
-          show: false,
-        },
-        tooltip: {
-          enabled: false,
-        },
-        xaxis: {
-          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
-          axisBorder: {
-            show: true,
-            color: borderColor,
-          },
-          axisTicks: {
-            show: false,
-          },
-          labels: {
-            style: {
-              colors: labelColor,
-              fontSize: '13px',
-              fontFamily: 'Public Sans',
-            },
-          },
-        },
-        yaxis: {
-          labels: {
-            offsetX: -15,
-            formatter(val: number) {
-              return `${(val / 1)}k`
-            },
-            style: {
-              fontSize: '13px',
-              colors: labelColor,
-              fontFamily: 'Public Sans',
-            },
-            min: 0,
-            max: 60000,
-            tickAmount: 6,
-          },
-        },
-        responsive: [
-          {
-            breakpoint: 1441,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '41%',
-                },
-              },
-            },
-          },
-          {
-            breakpoint: 590,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '61%',
-                },
-              },
-              yaxis: {
-                labels: {
-                  show: false,
-                },
-              },
-              grid: {
-                padding: {
-                  right: 0,
-                  left: -20,
-                },
-              },
-              dataLabels: {
-                style: {
-                  fontSize: '12px',
-                  fontWeight: '400',
-                },
-              },
-            },
-          },
-        ],
-      },
-      series: [
-        {
-          data: [28, 10, 45, 38, 15, 30, 35, 30, 8],
-        },
-      ],
-    },
-    {
-      title: 'Sales',
-      icon: 'tabler-chart-bar',
-      chartOptions: {
-        chart: {
-          parentHeightOffset: 0,
-          type: 'bar',
-          toolbar: {
-            show: false,
-          },
-        },
-        plotOptions: {
-          bar: {
-            columnWidth: '32%',
-            borderRadiusApplication: 'end',
-            borderRadius: 4,
-            distributed: true,
-            dataLabels: {
-              position: 'top',
-            },
-          },
-        },
-        grid: {
-          show: false,
-          padding: {
-            top: 0,
-            bottom: 0,
-            left: -10,
-            right: -10,
-          },
-        },
-        colors: [
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          `rgba(${hexToRgb(currentTheme.primary)}, 1)`,
-          labelPrimaryColor,
-          labelPrimaryColor,
-        ],
-        dataLabels: {
-          enabled: true,
-          formatter(val: number) {
-            return `${val}k`
-          },
-          offsetY: -25,
-          style: {
-            fontSize: '15px',
-            colors: [legendColor],
-            fontWeight: '600',
-            fontFamily: 'Public Sans',
-          },
-        },
-        legend: {
-          show: false,
-        },
-        tooltip: {
-          enabled: false,
-        },
-        xaxis: {
-          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
-          axisBorder: {
-            show: true,
-            color: borderColor,
-          },
-          axisTicks: {
-            show: false,
-          },
-          labels: {
-            style: {
-              colors: labelColor,
-              fontSize: '13px',
-              fontFamily: 'Public Sans',
-            },
-          },
-        },
-        yaxis: {
-          labels: {
-            offsetX: -15,
-            formatter(val: number) {
-              return `${(val / 1)}k`
-            },
-            style: {
-              fontSize: '13px',
-              colors: labelColor,
-              fontFamily: 'Public Sans',
-            },
-            min: 0,
-            max: 60000,
-            tickAmount: 6,
-          },
-        },
-        responsive: [
-          {
-            breakpoint: 1441,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '41%',
-                },
-              },
-            },
-          },
-          {
-            breakpoint: 590,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '61%',
-                },
-              },
-              grid: {
-                padding: {
-                  right: 0,
-                },
-              },
-              dataLabels: {
-                style: {
-                  fontSize: '12px',
-                  fontWeight: '400',
-                },
-              },
-              yaxis: {
-                labels: {
-                  show: false,
-                },
-              },
-            },
-          },
-        ],
-      },
-      series: [
-        {
-          data: [35, 25, 15, 40, 42, 25, 48, 8, 30],
-        },
-      ],
-    },
-    {
-      title: 'Profit',
-      icon: 'tabler-currency-dollar',
-      chartOptions: {
-        chart: {
-          parentHeightOffset: 0,
-          type: 'bar',
-          toolbar: {
-            show: false,
-          },
-        },
-        plotOptions: {
-          bar: {
-            columnWidth: '32%',
-            borderRadiusApplication: 'end',
-            borderRadius: 4,
-            distributed: true,
-            dataLabels: {
-              position: 'top',
-            },
-          },
-        },
-        grid: {
-          show: false,
-          padding: {
-            top: 0,
-            bottom: 0,
-            left: -10,
-            right: -10,
-          },
-        },
-        colors: [
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          `rgba(${hexToRgb(currentTheme.primary)}, 1)`,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-        ],
-        dataLabels: {
-          enabled: true,
-          formatter(val: number) {
-            return `${val}k`
-          },
-          offsetY: -25,
-          style: {
-            fontSize: '15px',
-            colors: [legendColor],
-            fontWeight: '600',
-            fontFamily: 'Public Sans',
-          },
-        },
-        legend: {
-          show: false,
-        },
-        tooltip: {
-          enabled: false,
-        },
-        xaxis: {
-          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
-          axisBorder: {
-            show: true,
-            color: borderColor,
-          },
-          axisTicks: {
-            show: false,
-          },
-          labels: {
-            style: {
-              colors: labelColor,
-              fontSize: '13px',
-              fontFamily: 'Public Sans',
-            },
-          },
-        },
-        yaxis: {
-          labels: {
-            offsetX: -15,
-            formatter(val: number) {
-              return `${(val / 1)}k`
-            },
-            style: {
-              fontSize: '13px',
-              colors: labelColor,
-              fontFamily: 'Public Sans',
-            },
-            min: 0,
-            max: 60000,
-            tickAmount: 6,
-          },
-        },
-        responsive: [
-          {
-            breakpoint: 1441,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '41%',
-                },
-              },
-            },
-          },
-          {
-            breakpoint: 590,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '61%',
-                },
-              },
-              grid: {
-                padding: {
-                  right: 0,
-                },
-              },
-              dataLabels: {
-                style: {
-                  fontSize: '12px',
-                  fontWeight: '400',
-                },
-              },
-              yaxis: {
-                labels: {
-                  show: false,
-                },
-              },
-            },
-          },
-        ],
-      },
-      series: [
-        {
-          data: [10, 22, 27, 33, 42, 32, 27, 22, 8],
-        },
-      ],
-    },
-    {
-      title: 'Income',
-      icon: 'tabler-chart-pie-2',
-      chartOptions: {
-        chart: {
-          parentHeightOffset: 0,
-          type: 'bar',
-          toolbar: {
-            show: false,
-          },
-        },
-        plotOptions: {
-          bar: {
-            columnWidth: '32%',
-            borderRadius: 6,
-            distributed: true,
-            borderRadiusApplication: 'end',
-            dataLabels: {
-              position: 'top',
-            },
-          },
-        },
-        grid: {
-          show: false,
-          padding: {
-            top: 0,
-            bottom: 0,
-            left: -10,
-            right: -10,
-          },
-        },
-        colors: [
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          `rgba(${hexToRgb(currentTheme.primary)}, 1)`,
-        ],
-        dataLabels: {
-          enabled: true,
-          formatter(val: number) {
-            return `${val}k`
-          },
-          offsetY: -25,
-          style: {
-            fontSize: '15px',
-            colors: [legendColor],
-            fontWeight: '600',
-            fontFamily: 'Public Sans',
-          },
-        },
-        legend: {
-          show: false,
-        },
-        tooltip: {
-          enabled: false,
-        },
-        xaxis: {
-          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
-          axisBorder: {
-            show: true,
-            color: borderColor,
-          },
-          axisTicks: {
-            show: false,
-          },
-          labels: {
-            style: {
-              colors: labelColor,
-              fontSize: '13px',
-              fontFamily: 'Public Sans',
-            },
-          },
-        },
-        yaxis: {
-          labels: {
-            offsetX: -15,
-            formatter(val: number) {
-              return `${(val / 1)}k`
-            },
-            style: {
-              fontSize: '13px',
-              colors: labelColor,
-              fontFamily: 'Public Sans',
-            },
-            min: 0,
-            max: 60000,
-            tickAmount: 6,
-          },
-        },
-        responsive: [
-          {
-            breakpoint: 1441,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '41%',
-                },
-              },
-            },
-          },
-          {
-            breakpoint: 590,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '50%',
-                },
-              },
-              dataLabels: {
-                style: {
-                  fontSize: '12px',
-                  fontWeight: '400',
-                },
-              },
-              grid: {
-                padding: {
-                  right: 0,
-                },
-              },
-              yaxis: {
-                labels: {
-                  show: false,
-                },
-              },
-            },
-          },
-        ],
-      },
-      series: [
-        {
-          data: [5, 9, 12, 18, 20, 25, 30, 36, 48],
-        },
-      ],
-    },
-  ]
-})
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard
-    title="Earning Reports"
-    subtitle="Yearly Earnings Overview"
-  >
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn
-          size="small"
-          :menu-list="moreList"
-        />
-      </div>
-    </template>
-
-    <VCardText>
-      <VSlideGroup
-        v-model="currentTab"
-        show-arrows
-        mandatory
-        class="mb-10"
-      >
-        <VSlideGroupItem
-          v-for="(report, index) in chartConfigs"
-          :key="report.title"
-          v-slot="{ isSelected, toggle }"
-          :value="index"
-        >
-          <div
-            style="block-size: 100px; inline-size: 110px;"
-            :style="isSelected ? 'border-color:rgb(var(--v-theme-primary)) !important' : ''"
-            :class="isSelected ? 'border' : 'border border-dashed'"
-            class="d-flex flex-column justify-center align-center cursor-pointer rounded py-4 px-5 me-4"
-            @click="toggle"
-          >
-            <VAvatar
-              rounded
-              size="38"
-              :color="isSelected ? 'primary' : ''"
-              variant="tonal"
-              class="mb-2"
-            >
-              <VIcon
-                size="22"
-                :icon="report.icon"
-              />
-            </VAvatar>
-            <h6 class="text-base font-weight-medium mb-0">
-              {{ report.title }}
-            </h6>
-          </div>
-        </VSlideGroupItem>
-
-        <!-- 👉 slider more -->
-        <VSlideGroupItem>
-          <div
-            style="block-size: 100px; inline-size: 110px;"
-            class="d-flex flex-column justify-center align-center rounded border border-dashed py-4 px-5"
-          >
-            <VAvatar
-              rounded
-              size="38"
-              variant="tonal"
-            >
-              <VIcon
-                size="22"
-                icon="tabler-plus"
-              />
-            </VAvatar>
-          </div>
-        </VSlideGroupItem>
-      </VSlideGroup>
-
-      <VueApexCharts
-        ref="refVueApexChart"
-        :key="currentTab"
-        :options="chartConfigs[Number(currentTab)].chartOptions"
-        :series="chartConfigs[Number(currentTab)].series"
-        height="230"
-        class="mt-3"
-      />
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmOrderBarChart.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmOrderBarChart.vue
deleted file mode 100644
index abf979a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmOrderBarChart.vue
+++ /dev/null
@@ -1,223 +0,0 @@
-<script setup lang="ts">
-const series = [
-  {
-    name: '2020',
-    data: [60, 50, 20, 45, 50, 30, 70],
-  },
-]
-
-const chartOptions = computed(() => {
-  return {
-    chart: {
-      height: 90,
-      parentHeightOffset: 0,
-      type: 'bar',
-      toolbar: {
-        show: false,
-      },
-    },
-    tooltip: {
-      enabled: false,
-    },
-    plotOptions: {
-      bar: {
-        barHeight: '100%',
-        columnWidth: '30%',
-        startingShape: 'rounded',
-        endingShape: 'rounded',
-        borderRadius: 4,
-        colors: {
-          backgroundBarColors: [
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-          ],
-          backgroundBarRadius: 4,
-        },
-      },
-    },
-    colors: ['rgba(var(--v-theme-primary),1)'],
-    grid: {
-      show: false,
-      padding: {
-        top: -30,
-        left: -16,
-        bottom: 0,
-        right: -6,
-      },
-    },
-    dataLabels: {
-      enabled: false,
-    },
-    legend: {
-      show: false,
-    },
-    xaxis: {
-      categories: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      labels: {
-        show: false,
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 1441,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '30%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1368,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '48%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1264,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-              columnWidth: '30%',
-              colors: {
-                backgroundBarRadius: 6,
-              },
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 960,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '15%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 883,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '20%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 768,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '25%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 600,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '15%',
-              borderRadius: 4,
-            },
-            colors: {
-              backgroundBarRadius: 9,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 479,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 4,
-            },
-            colors: {
-              backgroundBarRadius: 9,
-            },
-          },
-          grid: {
-            padding: {
-              right: -15,
-              left: -15,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 400,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-    ],
-
-  }
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-3">
-      <VCardTitle>Orders</VCardTitle>
-      <VCardSubtitle>Last Week</VCardSubtitle>
-    </VCardItem>
-
-    <VCardText>
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        :height="62"
-      />
-
-      <div class="d-flex align-center justify-space-between gap-x-2 mt-3">
-        <h4 class="text-h4 text-center">
-          124k
-        </h4>
-        <div class="text-sm text-success">
-          +12.6%
-        </div>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmProjectStatus.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmProjectStatus.vue
deleted file mode 100644
index 497c54a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmProjectStatus.vue
+++ /dev/null
@@ -1,158 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { prefixWithPlus } from '@core/utils/formatters'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    data: [2000, 2000, 4000, 4000, 3050, 3050, 2000, 2000, 3050, 3050, 4700, 4700, 2750, 2750, 5700, 5700],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-
-  return {
-    chart: {
-      type: 'area',
-      toolbar: false,
-    },
-    markers: {
-      strokeColor: 'transparent',
-    },
-    dataLabels: {
-      enabled: false,
-    },
-    grid: {
-      show: false,
-      padding: {
-        left: -10,
-        right: -5,
-        top: -40,
-      },
-    },
-    stroke: {
-      width: 3,
-      curve: 'straight',
-    },
-    colors: [currentTheme.warning],
-    fill: {
-      type: 'gradient',
-      gradient: {
-        opacityFrom: 0.6,
-        opacityTo: 0.15,
-        stops: [0, 95, 100],
-      },
-    },
-    xaxis: {
-      labels: {
-        show: false,
-      },
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      lines: {
-        show: false,
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-      min: 1000,
-      max: 6000,
-      tickAmount: 5,
-    },
-    tooltip: {
-      enabled: false,
-    },
-  }
-})
-
-const projectStatus = [
-  {
-    title: 'Donates',
-    amount: '$756.26',
-    lossProfit: -139.34,
-  },
-  {
-    title: 'Podcasts',
-    amount: '$2,207.03',
-    lossProfit: +576.24,
-  },
-]
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard title="Project Status">
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn
-          size="small"
-          :menu-list="moreList"
-        />
-      </div>
-    </template>
-
-    <VCardText>
-      <VList class="card-list mb-6">
-        <VListItem>
-          <VListItemTitle class="font-weight-medium">
-            $4,3742
-          </VListItemTitle>
-          <template #prepend>
-            <VAvatar
-              color="warning"
-              variant="tonal"
-              rounded
-              icon="tabler-currency-dollar"
-            />
-          </template>
-          <VListItemSubtitle>
-            Your Earnings
-          </VListItemSubtitle>
-
-          <template #append>
-            <span class="text-success font-weight-medium">+10.2%</span>
-          </template>
-        </VListItem>
-      </VList>
-
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        height="208"
-      />
-
-      <VList class="card-list">
-        <VListItem
-          v-for="status in projectStatus"
-          :key="status.title"
-        >
-          <VListItemTitle class="font-weight-medium">
-            {{ status.title }}
-          </VListItemTitle>
-          <template #append>
-            <span class="me-4 text-medium-emphasis">{{ status.amount }}</span>
-            <span :class="status.lossProfit > 0 ? 'text-success' : 'text-error'">{{ prefixWithPlus(status.lossProfit) }}</span>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmRecentTransactions.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmRecentTransactions.vue
deleted file mode 100644
index f680392..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmRecentTransactions.vue
+++ /dev/null
@@ -1,174 +0,0 @@
-<script setup lang="ts">
-import aeIcon from '@images/icons/payments/ae-icon.png'
-import mastercardIcon from '@images/icons/payments/mastercard-icon.png'
-import visaIcon from '@images/icons/payments/visa-icon.png'
-
-interface Status {
-  Verified: string
-  Rejected: string
-  Pending: string
-}
-
-interface Transition {
-  cardImg: string
-  lastDigit: string
-  cardType: string
-  sentDate: string
-  status: keyof Status
-  trend: string
-}
-
-const lastTransitions: Transition[] = [
-  {
-    cardImg: visaIcon,
-    lastDigit: '*4230',
-    cardType: 'Credit',
-    sentDate: '17 Mar 2022',
-    status: 'Verified',
-    trend: '+$1,678',
-  },
-  {
-    cardImg: mastercardIcon,
-    lastDigit: '*5578',
-    cardType: 'Credit',
-    sentDate: '12 Feb 2022',
-    status: 'Rejected',
-    trend: '-$839',
-  },
-  {
-    cardImg: aeIcon,
-    lastDigit: '*4567',
-    cardType: 'Credit',
-    sentDate: '28 Feb 2022',
-    status: 'Verified',
-    trend: '+$435',
-  },
-  {
-    cardImg: visaIcon,
-    lastDigit: '*5699',
-    cardType: 'Credit',
-    sentDate: '8 Jan 2022',
-    status: 'Pending',
-    trend: '+$2,345',
-  },
-  {
-    cardImg: visaIcon,
-    lastDigit: '*5699',
-    cardType: 'Credit',
-    sentDate: '8 Jan 2022',
-    status: 'Rejected',
-    trend: '-$234',
-  },
-]
-
-const resolveStatus: Status = {
-  Verified: 'success',
-  Rejected: 'error',
-  Pending: 'secondary',
-}
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-
-const getPaddingStyle = (index: number) => index ? 'padding-block-end: 1.25rem;' : 'padding-block: 1.25rem;'
-</script>
-
-<template>
-  <VCard title="Last Transaction">
-    <template #append>
-      <div class="me-n2">
-        <MoreBtn
-          size="small"
-          :menu-list="moreList"
-        />
-      </div>
-    </template>
-
-    <VDivider />
-    <VTable class="text-no-wrap transaction-table">
-      <thead>
-        <tr>
-          <th>CARD</th>
-          <th>DATE</th>
-          <th>STATUS</th>
-          <th>
-            TREND
-          </th>
-        </tr>
-      </thead>
-
-      <tbody>
-        <tr
-          v-for="(transition, index) in lastTransitions"
-          :key="index"
-        >
-          <td
-            :style="getPaddingStyle(index)"
-            style="padding-inline-end: 1.5rem;"
-          >
-            <div class="d-flex align-center">
-              <div class="me-4">
-                <VImg
-                  :src="transition.cardImg"
-                  width="50"
-                />
-              </div>
-              <div>
-                <p class="text-base mb-0 text-high-emphasis">
-                  {{ transition.lastDigit }}
-                </p>
-                <p class="text-sm mb-0">
-                  {{ transition.cardType }}
-                </p>
-              </div>
-            </div>
-          </td>
-          <td
-            :style="getPaddingStyle(index)"
-            style="padding-inline-end: 1.5rem;"
-          >
-            <p class="text-high-emphasis text-base mb-0">
-              Sent
-            </p>
-            <div class="text-sm">
-              {{ transition.sentDate }}
-            </div>
-          </td>
-          <td
-            :style="getPaddingStyle(index)"
-            style="padding-inline-end: 1.5rem;"
-          >
-            <VChip
-              label
-              :color="resolveStatus[transition.status]"
-              size="small"
-            >
-              {{ transition.status }}
-            </VChip>
-          </td>
-          <td
-            :style="getPaddingStyle(index)"
-            style="padding-inline-end: 1.5rem;"
-            align="right"
-          >
-            <div class="text-high-emphasis text-base">
-              {{ transition.trend }}
-            </div>
-          </td>
-        </tr>
-      </tbody>
-    </VTable>
-  </VCard>
-</template>
-
-<style lang="scss">
-.transaction-table {
-  &.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
-  &.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
-    border-block-end: none !important;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmRevenueGrowth.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmRevenueGrowth.vue
deleted file mode 100644
index 6b5a761..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmRevenueGrowth.vue
+++ /dev/null
@@ -1,221 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    data: [25, 40, 55, 70, 85, 70, 55],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  const labelSuccessColor = `rgba(${hexToRgb(currentTheme.success)},0.2)`
-  const labelColor = `rgba(${hexToRgb(currentTheme['on-surface'])},${variableTheme['disabled-opacity']})`
-
-  return {
-    chart: {
-      height: 162,
-      type: 'bar',
-      parentHeightOffset: 0,
-      toolbar: {
-        show: false,
-      },
-    },
-    plotOptions: {
-      bar: {
-        barHeight: '80%',
-        columnWidth: '30%',
-        startingShape: 'rounded',
-        endingShape: 'rounded',
-        borderRadius: 6,
-        distributed: true,
-      },
-    },
-    tooltip: {
-      enabled: false,
-    },
-    grid: {
-      show: false,
-      padding: {
-        top: -20,
-        bottom: -12,
-        left: -10,
-        right: 0,
-      },
-    },
-    colors: [
-      labelSuccessColor,
-      labelSuccessColor,
-      labelSuccessColor,
-      labelSuccessColor,
-      currentTheme.success,
-      labelSuccessColor,
-      labelSuccessColor,
-    ],
-    dataLabels: {
-      enabled: false,
-    },
-    legend: {
-      show: false,
-    },
-    xaxis: {
-      categories: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      labels: {
-        style: {
-          colors: labelColor,
-          fontSize: '13px',
-          fontFamily: 'Public sans',
-        },
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-    states: {
-      hover: {
-        filter: {
-          type: 'none',
-        },
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 1640,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '40%',
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1471,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '50%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1350,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '57%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1032,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '50%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 992,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '40%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 855,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '50%',
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 440,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '30%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 381,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '45%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-    ],
-  }
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardText class="d-flex justify-space-between">
-      <div class="d-flex flex-column">
-        <div class="mb-auto">
-          <h5 class="text-h5 text-no-wrap mb-2">
-            Revenue Growth
-          </h5>
-          <div class="text-body-1">
-            Weekly Report
-          </div>
-        </div>
-
-        <div>
-          <h5 class="text-h3 mb-2">
-            $4,673
-          </h5>
-          <VChip
-            label
-            color="success"
-            size="small"
-          >
-            +15.2%
-          </VChip>
-        </div>
-      </div>
-      <div>
-        <VueApexCharts
-          :options="chartOptions"
-          :series="series"
-          :height="162"
-        />
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmSalesAreaCharts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmSalesAreaCharts.vue
deleted file mode 100644
index 19e3151..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmSalesAreaCharts.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-
-const vuetifyTheme = useTheme()
-
-const currentTheme = vuetifyTheme.current.value.colors
-
-const series = [
-  {
-    name: 'Subscribers',
-    data: [200, 55, 400, 250],
-  },
-]
-
-const chartOptions = {
-  chart: {
-    type: 'area',
-    parentHeightOffset: 0,
-    toolbar: {
-      show: false,
-    },
-    sparkline: {
-      enabled: true,
-    },
-  },
-  markers: {
-    colors: 'transparent',
-    strokeColors: 'transparent',
-  },
-  grid: {
-    show: false,
-  },
-  colors: [currentTheme.success],
-  fill: {
-    type: 'gradient',
-    gradient: {
-      shadeIntensity: 0.9,
-      opacityFrom: 0.5,
-      opacityTo: 0.07,
-      stops: [0, 80, 100],
-    },
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    width: 2,
-    curve: 'smooth',
-  },
-  xaxis: {
-    show: true,
-    lines: {
-      show: false,
-    },
-    labels: {
-      show: false,
-    },
-    stroke: {
-      width: 0,
-    },
-    axisBorder: {
-      show: false,
-    },
-  },
-  yaxis: {
-    stroke: {
-      width: 0,
-    },
-    show: false,
-  },
-  tooltip: {
-    enabled: false,
-  },
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-3">
-      <VCardTitle>
-        Sales
-      </VCardTitle>
-      <VCardSubtitle>
-        Last Year
-      </VCardSubtitle>
-    </VCardItem>
-
-    <VueApexCharts
-      :options="chartOptions"
-      :series="series"
-      :height="68"
-    />
-
-    <VCardText class="pt-1">
-      <div class="d-flex align-center justify-space-between gap-x-2">
-        <h4 class="text-h4 text-center">
-          175k
-        </h4>
-        <span class="text-sm text-error">
-          -16.2%
-        </span>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmSalesByCountries.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmSalesByCountries.vue
deleted file mode 100644
index 7bbd31a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmSalesByCountries.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<script setup lang="ts">
-import auFlag from '@images/icons/countries/au.png'
-import brFlag from '@images/icons/countries/br.png'
-import cnFlag from '@images/icons/countries/cn.png'
-import frFlag from '@images/icons/countries/fr.png'
-import inFlag from '@images/icons/countries/in.png'
-import usFlag from '@images/icons/countries/us.png'
-
-const salesByCountries = [
-  {
-    avatarImg: usFlag,
-    stats: '$8,567k',
-    subtitle: 'United states',
-    profitLoss: 25.8,
-  },
-  {
-    avatarImg: brFlag,
-    stats: '$2,415k',
-    subtitle: 'Brazil',
-    profitLoss: -6.2,
-  },
-  {
-    avatarImg: inFlag,
-    stats: '$865k',
-    subtitle: 'India',
-    profitLoss: 12.4,
-  },
-  {
-    avatarImg: auFlag,
-    stats: '$745k',
-    subtitle: 'Australia',
-    profitLoss: -11.9,
-  },
-  {
-    avatarImg: frFlag,
-    stats: '$45',
-    subtitle: 'France',
-    profitLoss: 16.2,
-  },
-  {
-    avatarImg: cnFlag,
-    stats: '$12k',
-    subtitle: 'China',
-    profitLoss: 14.8,
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard
-    title="Sales by Countries"
-    subtitle="Monthly Sales Overview"
-  >
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn
-          size="small"
-          :menu-list="moreList"
-        />
-      </div>
-    </template>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="country in salesByCountries"
-          :key="country.stats"
-        >
-          <template #prepend>
-            <VAvatar
-              size="34"
-              color="secondary"
-              variant="tonal"
-              class="me-1"
-              :image="country.avatarImg"
-            />
-          </template>
-
-          <VListItemTitle class="font-weight-medium">
-            {{ country.stats }}
-          </VListItemTitle>
-          <VListItemSubtitle>
-            {{ country.subtitle }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <div :class="`d-flex align-center font-weight-medium ${country.profitLoss > 0 ? 'text-success' : 'text-error'}`">
-              <VIcon
-                :icon="country.profitLoss > 0 ? 'tabler-chevron-up' : 'tabler-chevron-down'"
-                size="20"
-                class="me-1"
-              />
-              <div class="font-weight-medium">
-                {{ Math.abs(country.profitLoss) }}%
-              </div>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmSessionsBarWithGapCharts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmSessionsBarWithGapCharts.vue
deleted file mode 100644
index 4460ea3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/crm/CrmSessionsBarWithGapCharts.vue
+++ /dev/null
@@ -1,235 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    name: 'PRODUCT A',
-    data: [4, 3, 6, 4, 3],
-  },
-  {
-    name: 'PRODUCT B',
-    data: [-3, -4, -3, -2, -3],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-
-  return {
-    chart: {
-      type: 'bar',
-      parentHeightOffset: 0,
-      stacked: true,
-      toolbar: {
-        show: false,
-      },
-    },
-    series: [
-      {
-        name: 'PRODUCT A',
-        data: [4, 3, 6, 4, 3],
-      },
-      {
-        name: 'PRODUCT B',
-        data: [-3, -4, -3, -2, -3],
-      },
-    ],
-    plotOptions: {
-      bar: {
-        horizontal: false,
-        columnWidth: '30%',
-        barHeight: '100%',
-        borderRadius: 5,
-        startingShape: 'rounded',
-        endingShape: 'rounded',
-      },
-    },
-    dataLabels: {
-      enabled: false,
-    },
-    tooltip: {
-      enabled: false,
-    },
-    stroke: {
-      curve: 'smooth',
-      width: 1,
-      lineCap: 'round',
-      colors: [currentTheme.surface],
-    },
-    legend: {
-      show: false,
-    },
-    colors: [`rgba(${hexToRgb(currentTheme.primary)},1)`, `rgba(${hexToRgb(currentTheme.success)},1)`],
-    grid: {
-      show: false,
-      padding: {
-        top: -41,
-        right: -5,
-        left: -3,
-        bottom: -15,
-      },
-    },
-    xaxis: {
-      categories: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-      labels: {
-        show: false,
-      },
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-    },
-    yaxis: {
-      show: false,
-    },
-    responsive: [
-      {
-        breakpoint: 1441,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '40%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1300,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '50%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1279,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-              columnWidth: '20%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1025,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 7,
-              columnWidth: '25%',
-            },
-          },
-          chart: {
-            height: 110,
-          },
-        },
-      },
-      {
-        breakpoint: 960,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 782,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '30%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 600,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 12,
-              columnWidth: '20%',
-            },
-          },
-          chart: {
-            height: 160,
-          },
-        },
-      },
-      {
-        breakpoint: 426,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 8,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 376,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-    ],
-    states: {
-      hover: {
-        filter: {
-          type: 'none',
-        },
-      },
-      active: {
-        filter: {
-          type: 'none',
-        },
-      },
-    },
-  }
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <div>
-        <h5 class="text-h5">
-          Sessions
-        </h5>
-        <p class="mb-0 text-sm text-disabled">
-          This Month
-        </p>
-      </div>
-
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        :height="75"
-      />
-
-      <div class="d-flex align-center justify-space-between mt-4">
-        <h4 class="text-h4">
-          45.1k
-        </h4>
-        <p class="mb-0 text-sm text-success">
-          +12.6%
-        </p>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceCongratulationsJohn.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceCongratulationsJohn.vue
deleted file mode 100644
index d9bcf71..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceCongratulationsJohn.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<script setup lang="ts">
-import congoImg from '@images/illustrations/congo-illustration.png'
-</script>
-
-<template>
-  <VCard>
-    <VRow no-gutters>
-      <VCol cols="8">
-        <VCardText>
-          <h5 class="text-h5 text-no-wrap">
-            Congratulations John! 🎉
-          </h5>
-          <p class="mb-2">
-            Best seller of the month
-          </p>
-          <h4 class="text-h4 text-primary mb-1">
-            $48.9k
-          </h4>
-          <VBtn>View Sales</VBtn>
-        </VCardText>
-      </VCol>
-
-      <VCol cols="4">
-        <VCardText class="pb-0 px-0 position-relative h-100">
-          <VImg
-            :src="congoImg"
-            :height="$vuetify.display.smAndUp ? 147 : 125"
-            class="congo-john-img w-100"
-          />
-        </VCardText>
-      </VCol>
-    </VRow>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.congo-john-img {
-  position: absolute;
-  inset-block-end: 0;
-  inset-inline-end: 1.25rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceEarningReports.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceEarningReports.vue
deleted file mode 100644
index 5d10cc1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceEarningReports.vue
+++ /dev/null
@@ -1,193 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    data: [40, 95, 60, 45, 90, 50, 75],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  const labelColor = `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['disabled-opacity']})`
-  const labelPrimaryColor = `rgba(${hexToRgb(currentTheme.primary)},0.1)`
-
-  return {
-    chart: {
-      type: 'bar',
-      toolbar: {
-        show: false,
-      },
-    },
-    tooltip: {
-      enabled: false,
-    },
-    plotOptions: {
-      bar: {
-        barHeight: '60%',
-        columnWidth: '60%',
-        startingShape: 'rounded',
-        endingShape: 'rounded',
-        borderRadius: 4,
-        distributed: true,
-      },
-    },
-    grid: {
-      show: false,
-      padding: {
-        top: -20,
-        bottom: 0,
-        left: -10,
-        right: -10,
-      },
-    },
-    colors: [
-      labelPrimaryColor,
-      labelPrimaryColor,
-      labelPrimaryColor,
-      labelPrimaryColor,
-      `rgba(${hexToRgb(currentTheme.primary)}, 1)`,
-      labelPrimaryColor,
-      labelPrimaryColor,
-    ],
-    dataLabels: {
-      enabled: false,
-    },
-    legend: {
-      show: false,
-    },
-    xaxis: {
-      categories: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      labels: {
-        style: {
-          colors: labelColor,
-          fontSize: '13px',
-        },
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-  }
-})
-
-const earningReports = [
-  {
-    avatarIcon: 'tabler-chart-pie-2',
-    avatarColor: 'primary',
-    title: 'Net Profit',
-    subtitle: '12.4k Sales',
-    earnings: '$1,619',
-    percentage: '18.6%',
-  },
-  {
-    avatarIcon: 'tabler-currency-dollar',
-    avatarColor: 'success',
-    title: 'Total Income',
-    subtitle: 'Sales, Affiliation',
-    earnings: '$3,571',
-    percentage: '39.6%',
-  },
-  {
-    avatarIcon: 'tabler-credit-card',
-    avatarColor: 'secondary',
-    title: 'Total Expenses',
-    subtitle: 'ADVT, Marketing',
-    earnings: '$430',
-    percentage: '52.8%',
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard
-    title="Earning Reports"
-    subtitle="Weekly Earnings Overview"
-  >
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn
-          size="small"
-          :menu-list="moreList"
-        />
-      </div>
-    </template>
-
-    <VCardText>
-      <VList class="card-list mb-5">
-        <VListItem
-          v-for="report in earningReports"
-          :key="report.title"
-        >
-          <template #prepend>
-            <VAvatar
-              rounded
-              size="34"
-              variant="tonal"
-              :color="report.avatarColor"
-              class="me-1"
-            >
-              <VIcon
-                :icon="report.avatarIcon"
-                size="22"
-              />
-            </VAvatar>
-          </template>
-
-          <VListItemTitle class="font-weight-medium me-4">
-            {{ report.title }}
-          </VListItemTitle>
-          <VListItemSubtitle class="me-4">
-            {{ report.subtitle }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <div class="d-flex align-center text-body-2">
-              <span class="me-4">{{ report.earnings }}</span>
-              <VIcon
-                color="success"
-                icon="tabler-chevron-up"
-                size="20"
-                class="me-1"
-              />
-              <span class="text-disabled">{{ report.percentage }}</span>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-
-      <div>
-        <VueApexCharts
-          :options="chartOptions"
-          :series="series"
-          :height="196"
-        />
-      </div>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1.25rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceExpensesRadialBarCharts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceExpensesRadialBarCharts.vue
deleted file mode 100644
index 7b129a8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceExpensesRadialBarCharts.vue
+++ /dev/null
@@ -1,154 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [78]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  return {
-    chart: {
-      sparkline: {
-        enabled: true,
-      },
-      parentHeightOffset: 0,
-      type: 'radialBar',
-    },
-    colors: ['rgba(var(--v-theme-warning), 1)'],
-    plotOptions: {
-      radialBar: {
-        offsetY: 0,
-        startAngle: -90,
-        endAngle: 90,
-        hollow: {
-          size: '65%',
-        },
-        track: {
-          strokeWidth: '45%',
-          background: 'rgba(var(--v-track-bg))',
-        },
-        dataLabels: {
-          name: {
-            show: false,
-          },
-          value: {
-            fontSize: '24px',
-            color: `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['high-emphasis-opacity']})`,
-            fontWeight: 600,
-            offsetY: -5,
-          },
-        },
-      },
-    },
-    grid: {
-      show: false,
-      padding: {
-        bottom: 5,
-      },
-    },
-    stroke: {
-      lineCap: 'round',
-    },
-    labels: ['Progress'],
-    responsive: [
-      {
-        breakpoint: 1442,
-        options: {
-          chart: {
-            height: 140,
-          },
-          plotOptions: {
-            radialBar: {
-              dataLabels: {
-                value: {
-                  fontSize: '24px',
-                },
-              },
-              hollow: {
-                size: '60%',
-              },
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1370,
-        options: {
-          chart: {
-            height: 120,
-          },
-        },
-      },
-      {
-        breakpoint: 1280,
-        options: {
-          chart: {
-            height: 200,
-          },
-          plotOptions: {
-            radialBar: {
-              dataLabels: {
-                value: {
-                  fontSize: '18px',
-                },
-              },
-              hollow: {
-                size: '70%',
-              },
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 960,
-        options: {
-          chart: {
-            height: 250,
-          },
-          plotOptions: {
-            radialBar: {
-              hollow: {
-                size: '70%',
-              },
-              dataLabels: {
-                value: {
-                  fontSize: '24px',
-                },
-              },
-            },
-          },
-        },
-      },
-    ],
-  }
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-3">
-      <VCardTitle>
-        82.5K
-      </VCardTitle>
-      <VCardSubtitle>
-        Expenses
-      </VCardSubtitle>
-    </VCardItem>
-    <VCardText>
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        type="radialBar"
-        :height="135"
-      />
-
-      <div class="text-sm text-center clamp-text text-disabled mt-3">
-        $21k Expenses more than last month
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceGeneratedLeads.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceGeneratedLeads.vue
deleted file mode 100644
index 4c988a3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceGeneratedLeads.vue
+++ /dev/null
@@ -1,158 +0,0 @@
-<script setup lang="ts">
-import { useDisplay, useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-const display = useDisplay()
-
-const series = [45, 58, 30, 50]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  const labelSuccessColor = `rgba(${hexToRgb(currentTheme.success)},0.2)`
-  const headingColor = `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['high-emphasis-opacity']})`
-
-  const chartColors = {
-    donut: {
-      series1: currentTheme.success,
-      series2: '#28c76fb3',
-      series3: '#28c76f80',
-      series4: labelSuccessColor,
-    },
-  }
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      type: 'donut',
-    },
-    labels: ['Electronic', 'Sports', 'Decor', 'Fashion'],
-    colors: [
-      chartColors.donut.series1,
-      chartColors.donut.series2,
-      chartColors.donut.series3,
-      chartColors.donut.series4,
-    ],
-    stroke: {
-      width: 0,
-    },
-    dataLabels: {
-      enabled: false,
-      formatter(val: string) {
-        return `${Number.parseInt(val)}%`
-      },
-    },
-    legend: {
-      show: false,
-    },
-    tooltip: {
-      theme: false,
-    },
-    grid: {
-      padding: {
-        top: 0,
-        bottom: -10,
-        right: -20,
-        left: -20,
-      },
-    },
-    states: {
-      hover: {
-        filter: {
-          type: 'none',
-        },
-      },
-    },
-    plotOptions: {
-      pie: {
-        donut: {
-          size: '70%',
-          labels: {
-            show: true,
-            value: {
-              fontSize: '1.375rem',
-              fontFamily: 'Public Sans',
-              color: headingColor,
-              fontWeight: 600,
-              offsetY: -15,
-              formatter(val: string) {
-                return `${Number.parseInt(val)}%`
-              },
-            },
-            name: {
-              offsetY: 20,
-              fontFamily: 'Public Sans',
-            },
-            total: {
-              show: true,
-              showAlways: true,
-              color: currentTheme.success,
-              fontSize: '.8125rem',
-              label: 'Total',
-              fontFamily: 'Public Sans',
-              formatter() {
-                return '184'
-              },
-            },
-          },
-        },
-      },
-    },
-    responsive: [
-      {
-        breakpoint: display.thresholds.value.lg,
-        options: {
-          chart: { width: 200, height: 160 },
-        },
-      },
-      {
-        breakpoint: 420,
-        options: {
-          chart: { width: 150, height: 120 },
-        },
-      },
-    ],
-  }
-})
-</script>
-
-<template>
-  <VCard class="overflow-visible">
-    <VCardText class="d-flex justify-space-between">
-      <div class="d-flex flex-column">
-        <div class="mb-auto">
-          <h5 class="text-h5 text-no-wrap">
-            Generated Leads
-          </h5>
-          <div class="text-base">
-            Monthly Report
-          </div>
-        </div>
-
-        <div>
-          <h3 class="text-h3">
-            4,350
-          </h3>
-          <div>
-            <VIcon
-              icon="tabler-chevron-up"
-              color="success"
-              class="me-1"
-            />
-            <span class="text-success font-weight-medium">15.8% </span>
-          </div>
-        </div>
-      </div>
-      <div>
-        <VueApexCharts
-          :options="chartOptions"
-          :series="series"
-          :height="120"
-          :width="120"
-        />
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceInvoiceTable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceInvoiceTable.vue
deleted file mode 100644
index edf4bb7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceInvoiceTable.vue
+++ /dev/null
@@ -1,273 +0,0 @@
-<script setup lang="ts">
-import type { Invoice } from '@db/apps/invoice/types'
-
-type invoiceStatus = 'Downloaded' | 'Draft' | 'Paid' | 'Sent' | 'Partial Payment' | 'Past Due' | null
-
-const searchQuery = ref('')
-const selectedStatus = ref<invoiceStatus>(null)
-const selectedRows = ref<string[]>([])
-
-// Data table options
-const itemsPerPage = ref(6)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-
-// Update data table options
-const updateOptions = (options: any) => {
-  page.value = options.page
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-// 👉 headers
-const headers = [
-  { title: '#', key: 'id' },
-  { title: 'Status', key: 'status', sortable: false },
-  { title: 'Total', key: 'total' },
-  { title: 'Issued Date', key: 'date' },
-  { title: 'Balance', key: 'balance' },
-  { title: 'Actions', key: 'actions', sortable: false },
-]
-
-// 👉 Fetch Invoices
-const { data: invoiceData, execute: fetchInvoices } = await useApi<any>(createUrl('/apps/invoice', {
-  query: {
-    q: searchQuery,
-    status: selectedStatus,
-    itemsPerPage,
-    page,
-    sortBy,
-    orderBy,
-  },
-}))
-
-const invoices = computed((): Invoice[] => invoiceData.value.invoices)
-const totalInvoices = computed(() => invoiceData.value.totalInvoices)
-
-// 👉 Invoice balance variant resolver
-const resolveInvoiceBalanceVariant = (balance: string | number, total: number) => {
-  if (balance === total)
-    return { status: 'Unpaid', chip: { color: 'error' } }
-
-  if (balance === 0)
-    return { status: 'Paid', chip: { color: 'success' } }
-
-  return { status: balance, chip: { variant: 'text' } }
-}
-
-// 👉 Invoice status variant resolver
-const resolveInvoiceStatusVariantAndIcon = (status: string) => {
-  if (status === 'Partial Payment')
-    return { variant: 'warning', icon: 'tabler-chart-pie-2' }
-  if (status === 'Paid')
-    return { variant: 'success', icon: 'tabler-check' }
-  if (status === 'Downloaded')
-    return { variant: 'info', icon: 'tabler-arrow-down' }
-  if (status === 'Draft')
-    return { variant: 'primary', icon: 'tabler-folder' }
-  if (status === 'Sent')
-    return { variant: 'secondary', icon: 'tabler-mail' }
-  if (status === 'Past Due')
-    return { variant: 'error', icon: 'tabler-help' }
-
-  return { variant: 'secondary', icon: 'tabler-x' }
-}
-
-const computedMoreList = computed(() => {
-  return (paramId: number) => ([
-    { title: 'Download', value: 'download', prependIcon: 'tabler-download' },
-    {
-      title: 'Edit',
-      value: 'edit',
-      prependIcon: 'tabler-pencil',
-      to: { name: 'apps-invoice-edit-id', params: { id: paramId } },
-    },
-    { title: 'Duplicate', value: 'duplicate', prependIcon: 'tabler-layers-intersect' },
-  ])
-})
-
-// 👉 Delete Invoice
-const deleteInvoice = async (id: number) => {
-  await $api(`/apps/invoice/${id}`, { method: 'DELETE' })
-
-  fetchInvoices()
-}
-</script>
-
-<template>
-  <VCard
-    v-if="invoices"
-    id="invoice-list"
-  >
-    <VCardText>
-      <div class="d-flex justify-space-between flex-wrap gap-4">
-        <div class="d-flex gap-4 align-center">
-          <div class="d-flex align-center gap-x-2">
-            <div>
-              Show
-            </div>
-            <AppSelect
-              :model-value="itemsPerPage"
-              :items="[
-                { value: 6, title: '6' },
-                { value: 10, title: '10' },
-                { value: 25, title: '25' },
-                { value: 50, title: '50' },
-                { value: 100, title: '100' },
-                { value: -1, title: 'All' },
-              ]"
-              @update:model-value="itemsPerPage = parseInt($event, 10)"
-            />
-          </div>
-          <!-- 👉 Create invoice -->
-          <VBtn
-            prepend-icon="tabler-plus"
-            :to="{ name: 'apps-invoice-add' }"
-          >
-            Create invoice
-          </VBtn>
-        </div>
-        <div class="d-flex align-center flex-wrap gap-4">
-          <!-- 👉 Search  -->
-          <div class="invoice-list-filter">
-            <AppTextField
-              v-model="searchQuery"
-              placeholder="Search Invoice"
-            />
-          </div>
-          <!-- 👉 Select status -->
-          <div class="invoice-list-filter">
-            <AppSelect
-              v-model="selectedStatus"
-              placeholder="Select Status"
-              clearable
-              clear-icon="tabler-x"
-              single-line
-              :items="['Downloaded', 'Draft', 'Sent', 'Paid', 'Partial Payment', 'Past Due']"
-            />
-          </div>
-        </div>
-      </div>
-    </VCardText>
-
-    <VDivider />
-
-    <!-- SECTION Datatable -->
-    <VDataTableServer
-      v-model="selectedRows"
-      v-model:items-per-page="itemsPerPage"
-      v-model:page="page"
-      show-select
-      :items-length="totalInvoices"
-      :headers="headers"
-      :items="invoices"
-      item-value="id"
-      class="text-no-wrap"
-      @update:options="updateOptions"
-    >
-      <!-- id -->
-      <template #item.id="{ item }">
-        <RouterLink :to="{ name: 'apps-invoice-preview-id', params: { id: item.id } }">
-          #{{ item.id }}
-        </RouterLink>
-      </template>
-
-      <!-- status -->
-      <template #item.status="{ item }">
-        <VTooltip>
-          <template #activator="{ props }">
-            <VAvatar
-              :size="28"
-              v-bind="props"
-              :color="resolveInvoiceStatusVariantAndIcon(item.invoiceStatus).variant"
-              variant="tonal"
-            >
-              <VIcon
-                :size="16"
-                :icon="resolveInvoiceStatusVariantAndIcon(item.invoiceStatus).icon"
-              />
-            </VAvatar>
-          </template>
-          <p class="mb-0">
-            {{ item.invoiceStatus }}
-          </p>
-          <p class="mb-0">
-            Balance: {{ item.balance }}
-          </p>
-          <p class="mb-0">
-            Due date: {{ item.dueDate }}
-          </p>
-        </VTooltip>
-      </template>
-
-      <!-- Total -->
-      <template #item.total="{ item }">
-        ${{ item.total }}
-      </template>
-
-      <!-- Date -->
-      <template #item.date="{ item }">
-        {{ item.issuedDate }}
-      </template>
-
-      <!-- Balance -->
-      <template #item.balance="{ item }">
-        <VChip
-          v-if="typeof ((resolveInvoiceBalanceVariant(item.balance, item.total)).status) === 'string'"
-          :color="resolveInvoiceBalanceVariant(item.balance, item.total).chip.color"
-          label
-          size="x-small"
-        >
-          {{ (resolveInvoiceBalanceVariant(item.balance, item.total)).status }}
-        </VChip>
-
-        <template v-else>
-          <span class="text-base text-high-emphasis">
-            {{ Number((resolveInvoiceBalanceVariant(item.balance, item.total)).status) > 0 ? `$${(resolveInvoiceBalanceVariant(item.balance, item.total)).status}` : `-$${Math.abs(Number((resolveInvoiceBalanceVariant(item.balance, item.total)).status))}` }}
-          </span>
-        </template>
-      </template>
-
-      <!-- Actions -->
-      <template #item.actions="{ item }">
-        <IconBtn @click="deleteInvoice(item.id)">
-          <VIcon icon="tabler-trash" />
-        </IconBtn>
-
-        <IconBtn :to="{ name: 'apps-invoice-preview-id', params: { id: item.id } }">
-          <VIcon icon="tabler-eye" />
-        </IconBtn>
-
-        <MoreBtn
-          :menu-list="computedMoreList(item.id)"
-          item-props
-          color="undefined"
-          size="small"
-        />
-      </template>
-
-      <!-- pagination -->
-      <template #bottom>
-        <TablePagination
-          v-model:page="page"
-          :items-per-page="itemsPerPage"
-          :total-items="totalInvoices"
-        />
-      </template>
-    </VDataTableServer>
-    <!-- !SECTION -->
-  </VCard>
-</template>
-
-<style lang="scss">
-#invoice-list {
-  .invoice-list-actions {
-    inline-size: 8rem;
-  }
-
-  .invoice-list-filter {
-    inline-size: 12rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceOrder.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceOrder.vue
deleted file mode 100644
index eca7c61..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceOrder.vue
+++ /dev/null
@@ -1,343 +0,0 @@
-<script setup lang="ts">
-const currentTab = ref('New')
-const tabsData = ['New', 'Preparing', 'Shipping']
-</script>
-
-<template>
-  <VCard class="country-order-card">
-    <VCardItem
-      title="Orders by countries"
-      subtitle="62 deliveries in progress"
-      class="pb-4"
-    >
-      <template #append>
-        <MoreBtn size="small" />
-      </template>
-    </VCardItem>
-
-    <VTabs
-      v-model="currentTab"
-      grow
-      class="disable-tab-transition"
-    >
-      <VTab
-        v-for="(tab, index) in tabsData"
-        :key="index"
-      >
-        {{ tab }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem>
-          <div>
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Myrtle Ullrich
-                </div>
-                <div class="app-timeline-text">
-                  101 Boulder, California(CA), 95959
-                </div>
-              </VTimelineItem>
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Barry Schowalter
-                </div>
-                <div class="app-timeline-text">
-                  939 Orange, California(CA), 92118
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-            <VDivider
-              class="my-4"
-              style="border-style: dashed;"
-            />
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Veronica Herman
-                </div>
-                <div class="app-timeline-text">
-                  162  Windsor, California(CA), 95492
-                </div>
-              </VTimelineItem>
-
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Helen Jacobs
-                </div>
-                <div class="app-timeline-text">
-                  487 Sunset, California(CA), 94043
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-          </div>
-        </VWindowItem>
-
-        <VWindowItem>
-          <div>
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Myrtle Ullrich
-                </div>
-                <div class="app-timeline-text">
-                  101 Boulder, California(CA), 95959
-                </div>
-              </VTimelineItem>
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Barry Schowalter
-                </div>
-                <div class="app-timeline-text">
-                  939 Orange, California(CA), 92118
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-            <VDivider
-              class="my-4"
-              style="border-style: dashed;"
-            />
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Veronica Herman
-                </div>
-                <div class="app-timeline-text">
-                  162  Windsor, California(CA), 95492
-                </div>
-              </VTimelineItem>
-
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Helen Jacobs
-                </div>
-                <div class="app-timeline-text">
-                  487 Sunset, California(CA), 94043
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-          </div>
-        </VWindowItem>
-
-        <VWindowItem>
-          <div>
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Myrtle Ullrich
-                </div>
-                <div class="app-timeline-text">
-                  101 Boulder, California(CA), 95959
-                </div>
-              </VTimelineItem>
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Barry Schowalter
-                </div>
-                <div class="app-timeline-text">
-                  939 Orange, California(CA), 92118
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-            <VDivider
-              class="my-4"
-              style="border-style: dashed;"
-            />
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Veronica Herman
-                </div>
-                <div class="app-timeline-text">
-                  162  Windsor, California(CA), 95492
-                </div>
-              </VTimelineItem>
-
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Helen Jacobs
-                </div>
-                <div class="app-timeline-text">
-                  487 Sunset, California(CA), 94043
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-          </div>
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss">
-.country-order-card {
-  .v-timeline .v-timeline-divider__dot .v-timeline-divider__inner-dot {
-    box-shadow: none !important;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommercePopularProducts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommercePopularProducts.vue
deleted file mode 100644
index 7c00e32..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommercePopularProducts.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<script setup lang="ts">
-import amazonEchoDot from '@images/eCommerce/amazon-echo-dot.png'
-import appleWatch from '@images/eCommerce/apple-watch.png'
-import headphone from '@images/eCommerce/headphone.png'
-import iphone from '@images/eCommerce/iphone.png'
-import nike from '@images/eCommerce/nike.png'
-import sonyDualsense from '@images/eCommerce/sony-dualsense.png'
-
-const popularProducts = [
-  {
-    avatarImg: iphone,
-    title: 'Apple iPhone 13',
-    subtitle: 'Item: #FXZ-4567',
-    stats: '$999.29',
-  },
-  {
-    avatarImg: nike,
-    title: 'Nike Air Jordan',
-    subtitle: 'Item: #FXZ-3456',
-    stats: '$72.40',
-  },
-  {
-    avatarImg: headphone,
-    title: 'Beats Studio 2',
-    subtitle: 'Item: #FXZ-9485',
-    stats: '$99',
-  },
-  {
-    avatarImg: appleWatch,
-    title: 'Apple Watch Series 7',
-    subtitle: 'Item: #FXZ-2345',
-    stats: '$249.99',
-  },
-  {
-    avatarImg: amazonEchoDot,
-    title: 'Amazon Echo Dot',
-    subtitle: 'Item: #FXZ-8959',
-    stats: '$79.40',
-  },
-  {
-    avatarImg: sonyDualsense,
-    title: 'Play Station Console',
-    subtitle: 'Item: #FXZ-7892',
-    stats: '$129.48',
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard
-    title="Popular Products"
-    subtitle="Total 10.4k Visitors"
-  >
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn
-          size="small"
-          :menu-list="moreList"
-        />
-      </div>
-    </template>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="product in popularProducts"
-          :key="product.title"
-        >
-          <template #prepend>
-            <VAvatar
-              size="46"
-              rounded
-              class="me-1"
-              :image="product.avatarImg"
-            />
-          </template>
-
-          <VListItemTitle class="font-weight-medium me-4">
-            {{ product.title }}
-          </VListItemTitle>
-          <VListItemSubtitle class="me-4">
-            {{ product.subtitle }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <div class="d-flex align-center">
-              <span class="text-body-1">{{ product.stats }}</span>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1.25rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceRevenueReport.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceRevenueReport.vue
deleted file mode 100644
index dbb0f72..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceRevenueReport.vue
+++ /dev/null
@@ -1,431 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = {
-  bar: [
-    {
-      name: 'Earning',
-      data: [270, 210, 180, 200, 250, 280, 250, 270, 150],
-    },
-    {
-      name: 'Expense',
-      data: [-140, -160, -180, -150, -100, -60, -80, -100, -180],
-    },
-  ],
-  line: [
-    {
-      name: 'Last Month',
-      data: [20, 10, 30, 16, 24, 5, 40, 23, 28, 5, 30],
-    },
-    {
-      name: 'This Month',
-      data: [50, 40, 60, 46, 54, 35, 70, 53, 58, 35, 60],
-    },
-  ],
-}
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  const labelColor = `rgba(${hexToRgb(currentTheme['on-surface'])},${variableTheme['disabled-opacity']})`
-  const legendColor = `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['high-emphasis-opacity']})`
-  const borderColor = `rgba(${hexToRgb(String(variableTheme['border-color']))},${variableTheme['border-opacity']})`
-
-  return {
-    bar: {
-      chart: {
-        parentHeightOffset: 0,
-        stacked: true,
-        type: 'bar',
-        toolbar: { show: false },
-      },
-      tooltip: {
-        enabled: false,
-      },
-      plotOptions: {
-        bar: {
-          horizontal: false,
-          columnWidth: '40%',
-          borderRadius: 8,
-          borderRadiusApplication: 'around',
-          borderRadiusWhenStacked: 'all',
-        },
-      },
-      colors: ['rgba(var(--v-theme-primary),1)', 'rgba(var(--v-theme-warning),1)'],
-      dataLabels: {
-        enabled: false,
-      },
-      stroke: {
-        curve: 'smooth',
-        width: 6,
-        lineCap: 'round',
-        colors: [currentTheme.surface],
-      },
-      legend: {
-        show: true,
-        horizontalAlign: 'right',
-        position: 'top',
-        fontFamily: 'Public Sans',
-        fontSize: '13px',
-        markers: {
-          height: 12,
-          width: 12,
-          radius: 12,
-          offsetX: -3,
-          offsetY: 2,
-        },
-        labels: {
-          colors: legendColor,
-        },
-        itemMargin: {
-          horizontal: 5,
-        },
-      },
-      grid: {
-        show: false,
-        padding: {
-          bottom: -8,
-          top: 20,
-        },
-      },
-      xaxis: {
-        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
-        labels: {
-          style: {
-            fontSize: '13px',
-            colors: labelColor,
-            fontFamily: 'Public Sans',
-          },
-        },
-        axisTicks: {
-          show: false,
-        },
-        axisBorder: {
-          show: false,
-        },
-      },
-      yaxis: {
-        labels: {
-          offsetX: -16,
-          style: {
-            fontSize: '13px',
-            colors: labelColor,
-            fontFamily: 'Public Sans',
-          },
-        },
-        min: -200,
-        max: 300,
-        tickAmount: 5,
-      },
-      responsive: [
-        {
-          breakpoint: 1700,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '43%',
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 1526,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '52%',
-                borderRadius: 8,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 1359,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '60%',
-                borderRadius: 8,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 1280,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '40%',
-                borderRadius: 10,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 1025,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '40%',
-                borderRadius: 8,
-              },
-            },
-            chart: {
-              height: 390,
-            },
-          },
-        },
-        {
-          breakpoint: 991,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '40%',
-                borderRadius: 8,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 850,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '50%',
-                borderRadius: 8,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 776,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '50%',
-                borderRadius: 6,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 731,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '70%',
-                borderRadius: 8,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 599,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '50%',
-                borderRadius: 8,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 500,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '55%',
-                borderRadius: 6,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 449,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '65%',
-                borderRadius: 6,
-              },
-            },
-            chart: {
-              height: 360,
-            },
-            xaxis: {
-              labels: {
-                offsetY: -5,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 394,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '80%',
-                borderRadius: 6,
-              },
-            },
-          },
-        },
-      ],
-      states: {
-        hover: {
-          filter: {
-            type: 'none',
-          },
-        },
-        active: {
-          filter: {
-            type: 'none',
-          },
-        },
-      },
-    },
-    line: {
-      chart: {
-        toolbar: { show: false },
-        zoom: { enabled: false },
-        type: 'line',
-      },
-      stroke: {
-        curve: 'smooth',
-        dashArray: [5, 0],
-        width: [1, 2],
-      },
-      legend: {
-        show: false,
-      },
-      colors: [borderColor, currentTheme.primary],
-      grid: {
-        show: false,
-        borderColor,
-        padding: {
-          top: -30,
-          bottom: -15,
-          left: 25,
-        },
-      },
-      markers: {
-        size: 0,
-      },
-      xaxis: {
-        labels: {
-          show: false,
-        },
-        axisTicks: {
-          show: false,
-        },
-        axisBorder: {
-          show: false,
-        },
-      },
-      yaxis: {
-        show: false,
-      },
-      tooltip: {
-        enabled: false,
-      },
-    },
-  }
-})
-</script>
-
-<template>
-  <VCard class="revenue-report">
-    <VRow no-gutters>
-      <VCol
-        cols="12"
-        sm="8"
-        lg="8"
-        :class="$vuetify.display.smAndUp ? 'border-e' : 'border-b'"
-      >
-        <VCardText>
-          <h6 class="text-h5 mb-sm-n8">
-            Revenue Report
-          </h6>
-
-          <VueApexCharts
-            :options="chartOptions.bar"
-            :series="series.bar"
-            height="365"
-          />
-        </VCardText>
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="4"
-      >
-        <VCardText class="d-flex flex-column justify-center align-center text-center h-100">
-          <VBtn
-            variant="tonal"
-            size="small"
-            class="d-flex mx-auto"
-          >
-            <span>2022</span>
-            <template #append>
-              <VIcon
-                size="16"
-                icon="tabler-chevron-down"
-              />
-            </template>
-            <VMenu activator="parent">
-              <VList>
-                <VListItem
-                  v-for="(item, index) in ['2021', '2020', '2019']"
-                  :key="index"
-                  :value="index"
-                >
-                  <VListItemTitle>{{ item }}</VListItemTitle>
-                </VListItem>
-              </VList>
-            </VMenu>
-          </VBtn>
-
-          <div class="d-flex flex-column my-8">
-            <h5 class="font-weight-medium text-h3">
-              $25,825
-            </h5>
-            <p class="mb-0">
-              <span class="text-high-emphasis font-weight-medium me-1">Budget:</span>
-              <span>56,800</span>
-            </p>
-          </div>
-
-          <VueApexCharts
-            :options="chartOptions.line"
-            :series="series.line"
-            height="100"
-          />
-
-          <VBtn class="mt-8">
-            Increase Budget
-          </VBtn>
-        </VCardText>
-      </VCol>
-    </VRow>
-  </VCard>
-</template>
-
-<style lang="scss">
-.revenue-report {
-  .apexcharts-legend {
-    gap: 1rem;
-  }
-
-  @media (max-width: 599px) {
-    .apexcharts-legend.apx-legend-position-top.apexcharts-align-right {
-      justify-content: flex-start;
-      padding: 0;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceStatistics.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceStatistics.vue
deleted file mode 100644
index 52c3332..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceStatistics.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<script setup lang="ts">
-const statistics = [
-  {
-    title: 'Sales',
-    stats: '230k',
-    icon: 'tabler-chart-pie-2',
-    color: 'primary',
-  },
-  {
-    title: 'Customers',
-    stats: '8.549k',
-    icon: 'tabler-users',
-    color: 'info',
-  },
-  {
-    title: 'Products',
-    stats: '1.423k',
-    icon: 'tabler-shopping-cart',
-    color: 'error',
-  },
-  {
-    title: 'Revenue',
-    stats: '$9745',
-    icon: 'tabler-currency-dollar',
-    color: 'success',
-  },
-]
-</script>
-
-<template>
-  <VCard title="Statistics">
-    <template #append>
-      <span class="text-sm text-disabled">Updated 1 month ago</span>
-    </template>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          v-for="item in statistics"
-          :key="item.title"
-          cols="6"
-          md="3"
-        >
-          <div class="d-flex align-center gap-4 mt-md-9 mt-0">
-            <VAvatar
-              :color="item.color"
-              variant="tonal"
-              rounded
-              size="40"
-            >
-              <VIcon :icon="item.icon" />
-            </VAvatar>
-
-            <div class="d-flex flex-column">
-              <h5 class="text-h5">
-                {{ item.stats }}
-              </h5>
-              <div class="text-sm">
-                {{ item.title }}
-              </div>
-            </div>
-          </div>
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceTotalProfitLineCharts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceTotalProfitLineCharts.vue
deleted file mode 100644
index c424e8f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceTotalProfitLineCharts.vue
+++ /dev/null
@@ -1,135 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    data: [0, 25, 10, 40, 25, 55],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  return {
-    chart: {
-      height: 90,
-      type: 'line',
-      parentHeightOffset: 0,
-      toolbar: {
-        show: false,
-      },
-    },
-    grid: {
-      borderColor: `rgba(${hexToRgb(String(variableTheme['border-color']))},${variableTheme['border-opacity']})`,
-      strokeDashArray: 6,
-      xaxis: {
-        lines: {
-          show: true,
-        },
-      },
-      yaxis: {
-        lines: {
-          show: false,
-        },
-      },
-      padding: {
-        top: -18,
-        left: -4,
-        right: 7,
-        bottom: -10,
-      },
-    },
-    colors: [currentTheme.info],
-    stroke: {
-      width: 2,
-    },
-    tooltip: {
-      enabled: false,
-      shared: false,
-      intersect: true,
-      x: {
-        show: false,
-      },
-    },
-    xaxis: {
-      labels: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      axisBorder: {
-        show: false,
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-    markers: {
-      size: 3.5,
-      fillColor: currentTheme.info,
-      strokeColors: 'transparent',
-      strokeWidth: 3.2,
-      discrete: [
-        {
-          seriesIndex: 0,
-          dataPointIndex: 5,
-          fillColor: currentTheme.surface,
-          strokeColor: currentTheme.info,
-          size: 5,
-          shape: 'circle',
-        },
-      ],
-      hover: {
-        size: 5.5,
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 960,
-        options: {
-          chart: {
-            height: 110,
-          },
-        },
-      },
-    ],
-  }
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-3">
-      <VCardTitle>
-        Profit
-      </VCardTitle>
-      <VCardSubtitle>
-        Last Month
-      </VCardSubtitle>
-    </VCardItem>
-    <VCardText>
-      <VueApexCharts
-        type="line"
-        :options="chartOptions"
-        :series="series"
-        :height="68"
-      />
-
-      <div class="d-flex align-center justify-space-between gap-x-2 mt-3">
-        <h4 class="text-h4 text-center font-weight-medium">
-          624k
-        </h4>
-        <span class="text-sm text-success">
-          +8.24%
-        </span>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceTransactions.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceTransactions.vue
deleted file mode 100644
index f8e6e0d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/dashboards/ecommerce/EcommerceTransactions.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<script setup lang="ts">
-const transitions = [
-  {
-    avatarIcon: 'tabler-wallet',
-    avatarColor: 'primary',
-    title: 'Wallet',
-    subtitle: 'Starbucks',
-    stats: '-$75',
-    profit: false,
-  },
-  {
-    avatarIcon: 'tabler-building-bank',
-    avatarColor: 'success',
-    title: 'Bank Transfer',
-    subtitle: 'Add Money',
-    stats: '+$480',
-    profit: true,
-  },
-  {
-    avatarIcon: 'tabler-brand-paypal',
-    avatarColor: 'error',
-    title: 'PayPal',
-    subtitle: 'Client Payment',
-    stats: '+$268',
-    profit: true,
-  },
-  {
-    avatarIcon: 'tabler-credit-card',
-    avatarColor: 'secondary',
-    title: 'Master Card',
-    subtitle: 'Ordered iPhone 13',
-    stats: '-$699',
-    profit: false,
-  },
-  {
-    avatarIcon: 'tabler-currency-dollar',
-    avatarColor: 'info',
-    title: 'Bank Transactions',
-    subtitle: 'Refund',
-    stats: '+$98',
-    profit: true,
-  },
-  {
-    avatarIcon: 'tabler-brand-paypal',
-    avatarColor: 'error',
-    title: 'PayPal',
-    subtitle: 'Client Payment',
-    stats: '+$126',
-    profit: true,
-  },
-  {
-    avatarIcon: 'tabler-building-bank',
-    avatarColor: 'success',
-    title: 'Bank Transfer',
-    subtitle: 'Pay Office Rent',
-    stats: '-$1290',
-    profit: false,
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard
-    title="Transactions"
-    subtitle="Total 58 Transactions done in this Month"
-  >
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn
-          size="small"
-          :menu-list="moreList"
-        />
-      </div>
-    </template>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="transition in transitions"
-          :key="transition.title"
-        >
-          <template #prepend>
-            <VAvatar
-              size="34"
-              :color="transition.avatarColor"
-              variant="tonal"
-              class="me-1"
-              rounded
-            >
-              <VIcon
-                :icon="transition.avatarIcon"
-                size="22"
-              />
-            </VAvatar>
-          </template>
-
-          <VListItemTitle>
-            {{ transition.title }}
-          </VListItemTitle>
-          <VListItemSubtitle>
-            {{ transition.subtitle }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <div class="d-flex align-center">
-              <span :class="`${transition.profit ? 'text-success' : 'text-error'} font-weight-medium`">{{ transition.stats }}</span>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertBasic.vue
deleted file mode 100644
index e2d695c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertBasic.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div class="demo-space-y">
-    <VAlert color="primary">
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-    <VAlert
-      title="Alert Title"
-      type="error"
-      closable
-      text="Alert Text"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertBorder.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertBorder.vue
deleted file mode 100644
index 3ec18e1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertBorder.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-  <div class="demo-space-y">
-    <VAlert
-      color="primary"
-      border="top"
-      variant="tonal"
-    >
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-
-    <VAlert
-      border="end"
-      color="secondary"
-      variant="tonal"
-    >
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-
-    <VAlert
-      border="bottom"
-      color="success"
-      variant="tonal"
-    >
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-
-    <VAlert
-      border="start"
-      color="info"
-      variant="tonal"
-    >
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertClosable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertClosable.vue
deleted file mode 100644
index f487ab9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertClosable.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts" setup>
-const isAlertVisible = ref(true)
-</script>
-
-<template>
-  <VAlert
-    v-model="isAlertVisible"
-    closable
-    close-label="Close Alert"
-    color="primary"
-  >
-    Pudding wafer I love chocolate bar wafer chupa chups wafer. Cake gummies pudding gummies cake.
-  </VAlert>
-
-  <!-- Button -->
-  <div class="text-center">
-    <VBtn
-      v-if="!isAlertVisible"
-      @click="isAlertVisible = true"
-    >
-      Reset
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertColoredBorder.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertColoredBorder.vue
deleted file mode 100644
index f3eba6c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertColoredBorder.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <div class="demo-space-y">
-    <VAlert
-      border="start"
-      border-color="primary"
-    >
-      Cake sweet roll sesame snaps cheesecake halvah apple pie gingerbread cake.
-    </VAlert>
-    <VAlert
-      border="start"
-      border-color="secondary"
-    >
-      Cookie brownie tootsie roll pudding biscuit chupa chups. Dragée gingerbread carrot.
-    </VAlert>
-    <VAlert
-      border="start"
-      border-color="success"
-    >
-      Gingerbread jelly beans macaroon croissant soufflé. Muffin halvah cake brownie cake.
-    </VAlert>
-    <VAlert
-      border="start"
-      border-color="info"
-    >
-      Muffin I love wafer pudding caramels jelly beans fruitcake I love cotton candy.
-    </VAlert>
-
-    <VAlert
-      border="start"
-      border-color="warning"
-    >
-      Cake sweet roll sesame snaps cheesecake halvah apple pie gingerbread cake.
-    </VAlert>
-
-    <VAlert
-      border="start"
-      border-color="error"
-    >
-      Lemon drops tootsie roll liquorice marzipan lollipop I love tiramisu tootsie roll.
-    </VAlert>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertColors.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertColors.vue
deleted file mode 100644
index 668683e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertColors.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-  <div class="demo-space-y">
-    <VAlert color="primary">
-      I'm an alert with primary background color.
-    </VAlert>
-
-    <VAlert color="secondary">
-      I'm an alert with secondary background color.
-    </VAlert>
-
-    <VAlert color="success">
-      I'm an alert with success background color.
-    </VAlert>
-
-    <VAlert color="info">
-      I'm an alert with info background color.
-    </VAlert>
-
-    <VAlert color="warning">
-      I'm an alert with warning background color.
-    </VAlert>
-
-    <VAlert color="error">
-      I'm an alert with error background color.
-    </VAlert>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertDensity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertDensity.vue
deleted file mode 100644
index 4de7191..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertDensity.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-  <div class="demo-space-y">
-    <VAlert
-      density="compact"
-      color="primary"
-      variant="tonal"
-    >
-      I'm a compact alert with a <strong>color</strong> of primary.
-    </VAlert>
-
-    <VAlert
-      density="comfortable"
-      color="secondary"
-      variant="tonal"
-    >
-      I'm a comfortable alert with the <strong>variant</strong> prop and a <strong>color</strong> of secondary.
-    </VAlert>
-
-    <VAlert
-      density="default"
-      color="success"
-      variant="tonal"
-    >
-      I'm a default alert with the <strong>color</strong> of success.
-    </VAlert>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertElevation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertElevation.vue
deleted file mode 100644
index 36d50e2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertElevation.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts" setup>
-const alertShadow = ref(5)
-</script>
-
-<template>
-  <VSlider
-    v-model="alertShadow"
-    color="primary"
-    :max="24"
-    :min="0"
-    :step="1"
-    thumb-label
-    class="mb-2"
-  />
-
-  <VAlert
-    color="primary"
-    :elevation="alertShadow"
-  >
-    I'm an alert with box shadow.
-  </VAlert>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertIcons.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertIcons.vue
deleted file mode 100644
index d30d493..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertIcons.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-  <div class="demo-space-y">
-    <VAlert
-      color="primary"
-      icon="tabler-egg-cracked"
-    >
-      Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi.
-    </VAlert>
-
-    <VAlert
-      color="primary"
-      icon="tabler-device-desktop-analytics"
-      variant="tonal"
-    >
-      Phasellus blandit leo ut odio. Morbi mattis ullamcorper velit.
-    </VAlert>
-
-    <VAlert
-      color="primary"
-      icon="tabler-brand-vue"
-      variant="outlined"
-    >
-      Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
-    </VAlert>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertOutlined.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertOutlined.vue
deleted file mode 100644
index 30955e4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertOutlined.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-  <div class="demo-space-y">
-    <VAlert
-      variant="outlined"
-      color="primary"
-    >
-      Duis vel nibh at velit scelerisque suscipit. Praesent blandit laoreet nibh. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="secondary"
-    >
-      Praesent venenatis metus at tortor pulvinar varius. Aenean commodo ligula eget dolor. Praesent ac massa at ligula laoreet iaculis.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="success"
-    >
-      Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Suspendisse non nisl sit amet velit hendrerit rutrum.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="info"
-    >
-      Marshmallow jelly beans toffee. Sweet roll lemon drops muffin biscuit. Gummies jujubes halvah dessert cream croissant.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="warning"
-    >
-      Tootsie roll candy canes wafer icing sweet jelly macaroon. Caramels icing fruitcake chocolate cake cake donut.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="error"
-    >
-      Jelly beans dragée jelly. Cotton candy danish chocolate cake. Carrot cake pastry jelly beans gummi bears.
-    </VAlert>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertProminent.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertProminent.vue
deleted file mode 100644
index e479ed5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertProminent.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <div class="demo-space-y">
-    <VAlert
-      prominent
-      type="info"
-    >
-      <template #text>
-        Macaroon I love tiramisu I love wafer apple pie jelly beans shortbread.
-      </template>
-    </VAlert>
-
-    <VAlert
-      color="success"
-      icon="tabler-school"
-      prominent
-    >
-      Cotton candy tart tiramisu lollipop gummi bears oat cake cupcake macaroon.
-    </VAlert>
-
-    <VAlert
-      icon="tabler-shield-lock"
-      prominent
-      type="warning"
-    >
-      Ice cream candy I love wafer bonbon gingerbread candy canes tiramisu.
-    </VAlert>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertTonal.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertTonal.vue
deleted file mode 100644
index 5c53c78..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertTonal.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-  <div class="demo-space-y">
-    <VAlert
-      variant="tonal"
-      color="primary"
-    >
-      Maecenas nec odio et ante tincidunt tempus. Sed mollis, eros et ultrices tempus.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="secondary"
-    >
-      Nullam tincidunt adipiscing enim. In consectetuer turpis ut velit.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="success"
-    >
-      Vestibulum ullamcorper mauris at ligula. Nulla porta dolor.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="info"
-    >
-      Praesent blandit laoreet nibh. Praesent nonummy mi in odio. Phasellus tempus. Mauris turpis nunc.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="warning"
-    >
-      Marzipan topping croissant cake sweet roll ice cream soufflé chocolate. Jelly beans chupa chups tootsie roll biscuit.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="error"
-    >
-      Marzipan topping croissant cake sweet roll ice cream soufflé chocolate. Jelly beans chupa chups tootsie roll biscuit.
-    </VAlert>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertType.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertType.vue
deleted file mode 100644
index 5af7531..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertType.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <div class="demo-space-y">
-    <VAlert type="info">
-      I'm a alert with a <strong>type</strong> of info
-    </VAlert>
-
-    <VAlert type="success">
-      I'm a alert with a <strong>type</strong> of success
-    </VAlert>
-
-    <VAlert type="warning">
-      I'm a alert with a <strong>type</strong> of warning
-    </VAlert>
-
-    <VAlert type="error">
-      I'm a alert with a <strong>type</strong> of error
-    </VAlert>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertVModelSupport.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertVModelSupport.vue
deleted file mode 100644
index 9f6a503..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/DemoAlertVModelSupport.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts" setup>
-const isAlertVisible = ref(true)
-</script>
-
-<template>
-  <div class="alert-demo-v-model-wrapper">
-    <VAlert
-      v-model="isAlertVisible"
-      color="warning"
-      variant="tonal"
-    >
-      non adipiscing dolor urna a orci. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Curabitur blandit mollis lacus. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.
-    </VAlert>
-  </div>
-
-  <!-- button -->
-  <VBtn @click="isAlertVisible = !isAlertVisible">
-    {{ isAlertVisible ? "Hide Alert" : "Show Alert" }}
-  </VBtn>
-</template>
-
-<style lang="scss">
-.alert-demo-v-model-wrapper {
-  margin-block-end: 1rem;
-  min-block-size: 80px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/demoCodeAlert.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/demoCodeAlert.ts
deleted file mode 100644
index 91e44fd..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/alert/demoCodeAlert.ts
+++ /dev/null
@@ -1,824 +0,0 @@
-export const basic = {
-  ts: `<template>
-  <div class="demo-space-y">
-    <VAlert color="primary">
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-    <VAlert
-      title="Alert Title"
-      type="error"
-      closable
-      text="Alert Text"
-    />
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-y">
-    <VAlert color="primary">
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-    <VAlert
-      title="Alert Title"
-      type="error"
-      closable
-      text="Alert Text"
-    />
-  </div>
-</template>
-`,
-}
-
-export const border = {
-  ts: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      color="primary"
-      border="top"
-      variant="tonal"
-    >
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-
-    <VAlert
-      border="end"
-      color="secondary"
-      variant="tonal"
-    >
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-
-    <VAlert
-      border="bottom"
-      color="success"
-      variant="tonal"
-    >
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-
-    <VAlert
-      border="start"
-      color="info"
-      variant="tonal"
-    >
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      color="primary"
-      border="top"
-      variant="tonal"
-    >
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-
-    <VAlert
-      border="end"
-      color="secondary"
-      variant="tonal"
-    >
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-
-    <VAlert
-      border="bottom"
-      color="success"
-      variant="tonal"
-    >
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-
-    <VAlert
-      border="start"
-      color="info"
-      variant="tonal"
-    >
-      Good Morning! Start your day with some alerts.
-    </VAlert>
-  </div>
-</template>
-`,
-}
-
-export const closable = {
-  ts: `<script lang="ts" setup>
-const isAlertVisible = ref(true)
-</script>
-
-<template>
-  <VAlert
-    v-model="isAlertVisible"
-    closable
-    close-label="Close Alert"
-    color="primary"
-  >
-    Pudding wafer I love chocolate bar wafer chupa chups wafer. Cake gummies pudding gummies cake.
-  </VAlert>
-
-  <!-- Button -->
-  <div class="text-center">
-    <VBtn
-      v-if="!isAlertVisible"
-      @click="isAlertVisible = true"
-    >
-      Reset
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const isAlertVisible = ref(true)
-</script>
-
-<template>
-  <VAlert
-    v-model="isAlertVisible"
-    closable
-    close-label="Close Alert"
-    color="primary"
-  >
-    Pudding wafer I love chocolate bar wafer chupa chups wafer. Cake gummies pudding gummies cake.
-  </VAlert>
-
-  <!-- Button -->
-  <div class="text-center">
-    <VBtn
-      v-if="!isAlertVisible"
-      @click="isAlertVisible = true"
-    >
-      Reset
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const coloredBorder = {
-  ts: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      border="start"
-      border-color="primary"
-    >
-      Cake sweet roll sesame snaps cheesecake halvah apple pie gingerbread cake.
-    </VAlert>
-    <VAlert
-      border="start"
-      border-color="secondary"
-    >
-      Cookie brownie tootsie roll pudding biscuit chupa chups. Dragée gingerbread carrot.
-    </VAlert>
-    <VAlert
-      border="start"
-      border-color="success"
-    >
-      Gingerbread jelly beans macaroon croissant soufflé. Muffin halvah cake brownie cake.
-    </VAlert>
-    <VAlert
-      border="start"
-      border-color="info"
-    >
-      Muffin I love wafer pudding caramels jelly beans fruitcake I love cotton candy.
-    </VAlert>
-
-    <VAlert
-      border="start"
-      border-color="warning"
-    >
-      Cake sweet roll sesame snaps cheesecake halvah apple pie gingerbread cake.
-    </VAlert>
-
-    <VAlert
-      border="start"
-      border-color="error"
-    >
-      Lemon drops tootsie roll liquorice marzipan lollipop I love tiramisu tootsie roll.
-    </VAlert>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      border="start"
-      border-color="primary"
-    >
-      Cake sweet roll sesame snaps cheesecake halvah apple pie gingerbread cake.
-    </VAlert>
-    <VAlert
-      border="start"
-      border-color="secondary"
-    >
-      Cookie brownie tootsie roll pudding biscuit chupa chups. Dragée gingerbread carrot.
-    </VAlert>
-    <VAlert
-      border="start"
-      border-color="success"
-    >
-      Gingerbread jelly beans macaroon croissant soufflé. Muffin halvah cake brownie cake.
-    </VAlert>
-    <VAlert
-      border="start"
-      border-color="info"
-    >
-      Muffin I love wafer pudding caramels jelly beans fruitcake I love cotton candy.
-    </VAlert>
-
-    <VAlert
-      border="start"
-      border-color="warning"
-    >
-      Cake sweet roll sesame snaps cheesecake halvah apple pie gingerbread cake.
-    </VAlert>
-
-    <VAlert
-      border="start"
-      border-color="error"
-    >
-      Lemon drops tootsie roll liquorice marzipan lollipop I love tiramisu tootsie roll.
-    </VAlert>
-  </div>
-</template>
-`,
-}
-
-export const colors = {
-  ts: `<template>
-  <div class="demo-space-y">
-    <VAlert color="primary">
-      I'm an alert with primary background color.
-    </VAlert>
-
-    <VAlert color="secondary">
-      I'm an alert with secondary background color.
-    </VAlert>
-
-    <VAlert color="success">
-      I'm an alert with success background color.
-    </VAlert>
-
-    <VAlert color="info">
-      I'm an alert with info background color.
-    </VAlert>
-
-    <VAlert color="warning">
-      I'm an alert with warning background color.
-    </VAlert>
-
-    <VAlert color="error">
-      I'm an alert with error background color.
-    </VAlert>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-y">
-    <VAlert color="primary">
-      I'm an alert with primary background color.
-    </VAlert>
-
-    <VAlert color="secondary">
-      I'm an alert with secondary background color.
-    </VAlert>
-
-    <VAlert color="success">
-      I'm an alert with success background color.
-    </VAlert>
-
-    <VAlert color="info">
-      I'm an alert with info background color.
-    </VAlert>
-
-    <VAlert color="warning">
-      I'm an alert with warning background color.
-    </VAlert>
-
-    <VAlert color="error">
-      I'm an alert with error background color.
-    </VAlert>
-  </div>
-</template>
-`,
-}
-
-export const density = {
-  ts: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      density="compact"
-      color="primary"
-      variant="tonal"
-    >
-      I'm a compact alert with a <strong>color</strong> of primary.
-    </VAlert>
-
-    <VAlert
-      density="comfortable"
-      color="secondary"
-      variant="tonal"
-    >
-      I'm a comfortable alert with the <strong>variant</strong> prop and a <strong>color</strong> of secondary.
-    </VAlert>
-
-    <VAlert
-      density="default"
-      color="success"
-      variant="tonal"
-    >
-      I'm a default alert with the <strong>color</strong> of success.
-    </VAlert>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      density="compact"
-      color="primary"
-      variant="tonal"
-    >
-      I'm a compact alert with a <strong>color</strong> of primary.
-    </VAlert>
-
-    <VAlert
-      density="comfortable"
-      color="secondary"
-      variant="tonal"
-    >
-      I'm a comfortable alert with the <strong>variant</strong> prop and a <strong>color</strong> of secondary.
-    </VAlert>
-
-    <VAlert
-      density="default"
-      color="success"
-      variant="tonal"
-    >
-      I'm a default alert with the <strong>color</strong> of success.
-    </VAlert>
-  </div>
-</template>
-`,
-}
-
-export const elevation = {
-  ts: `<script lang="ts" setup>
-const alertShadow = ref(5)
-</script>
-
-<template>
-  <VSlider
-    v-model="alertShadow"
-    color="primary"
-    :max="24"
-    :min="0"
-    :step="1"
-    thumb-label
-    class="mb-2"
-  />
-
-  <VAlert
-    color="primary"
-    :elevation="alertShadow"
-  >
-    I'm an alert with box shadow.
-  </VAlert>
-</template>
-`,
-  js: `<script setup>
-const alertShadow = ref(5)
-</script>
-
-<template>
-  <VSlider
-    v-model="alertShadow"
-    color="primary"
-    :max="24"
-    :min="0"
-    :step="1"
-    thumb-label
-    class="mb-2"
-  />
-
-  <VAlert
-    color="primary"
-    :elevation="alertShadow"
-  >
-    I'm an alert with box shadow.
-  </VAlert>
-</template>
-`,
-}
-
-export const icons = {
-  ts: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      color="primary"
-      icon="tabler-egg-cracked"
-    >
-      Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi.
-    </VAlert>
-
-    <VAlert
-      color="primary"
-      icon="tabler-device-desktop-analytics"
-      variant="tonal"
-    >
-      Phasellus blandit leo ut odio. Morbi mattis ullamcorper velit.
-    </VAlert>
-
-    <VAlert
-      color="primary"
-      icon="tabler-brand-vue"
-      variant="outlined"
-    >
-      Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
-    </VAlert>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      color="primary"
-      icon="tabler-egg-cracked"
-    >
-      Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi.
-    </VAlert>
-
-    <VAlert
-      color="primary"
-      icon="tabler-device-desktop-analytics"
-      variant="tonal"
-    >
-      Phasellus blandit leo ut odio. Morbi mattis ullamcorper velit.
-    </VAlert>
-
-    <VAlert
-      color="primary"
-      icon="tabler-brand-vue"
-      variant="outlined"
-    >
-      Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
-    </VAlert>
-  </div>
-</template>
-`,
-}
-
-export const outlined = {
-  ts: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      variant="outlined"
-      color="primary"
-    >
-      Duis vel nibh at velit scelerisque suscipit. Praesent blandit laoreet nibh. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="secondary"
-    >
-      Praesent venenatis metus at tortor pulvinar varius. Aenean commodo ligula eget dolor. Praesent ac massa at ligula laoreet iaculis.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="success"
-    >
-      Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Suspendisse non nisl sit amet velit hendrerit rutrum.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="info"
-    >
-      Marshmallow jelly beans toffee. Sweet roll lemon drops muffin biscuit. Gummies jujubes halvah dessert cream croissant.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="warning"
-    >
-      Tootsie roll candy canes wafer icing sweet jelly macaroon. Caramels icing fruitcake chocolate cake cake donut.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="error"
-    >
-      Jelly beans dragée jelly. Cotton candy danish chocolate cake. Carrot cake pastry jelly beans gummi bears.
-    </VAlert>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      variant="outlined"
-      color="primary"
-    >
-      Duis vel nibh at velit scelerisque suscipit. Praesent blandit laoreet nibh. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="secondary"
-    >
-      Praesent venenatis metus at tortor pulvinar varius. Aenean commodo ligula eget dolor. Praesent ac massa at ligula laoreet iaculis.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="success"
-    >
-      Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Suspendisse non nisl sit amet velit hendrerit rutrum.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="info"
-    >
-      Marshmallow jelly beans toffee. Sweet roll lemon drops muffin biscuit. Gummies jujubes halvah dessert cream croissant.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="warning"
-    >
-      Tootsie roll candy canes wafer icing sweet jelly macaroon. Caramels icing fruitcake chocolate cake cake donut.
-    </VAlert>
-
-    <VAlert
-      variant="outlined"
-      color="error"
-    >
-      Jelly beans dragée jelly. Cotton candy danish chocolate cake. Carrot cake pastry jelly beans gummi bears.
-    </VAlert>
-  </div>
-</template>
-`,
-}
-
-export const prominent = {
-  ts: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      prominent
-      type="info"
-    >
-      <template #text>
-        Macaroon I love tiramisu I love wafer apple pie jelly beans shortbread.
-      </template>
-    </VAlert>
-
-    <VAlert
-      color="success"
-      icon="tabler-school"
-      prominent
-    >
-      Cotton candy tart tiramisu lollipop gummi bears oat cake cupcake macaroon.
-    </VAlert>
-
-    <VAlert
-      icon="tabler-shield-lock"
-      prominent
-      type="warning"
-    >
-      Ice cream candy I love wafer bonbon gingerbread candy canes tiramisu.
-    </VAlert>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      prominent
-      type="info"
-    >
-      <template #text>
-        Macaroon I love tiramisu I love wafer apple pie jelly beans shortbread.
-      </template>
-    </VAlert>
-
-    <VAlert
-      color="success"
-      icon="tabler-school"
-      prominent
-    >
-      Cotton candy tart tiramisu lollipop gummi bears oat cake cupcake macaroon.
-    </VAlert>
-
-    <VAlert
-      icon="tabler-shield-lock"
-      prominent
-      type="warning"
-    >
-      Ice cream candy I love wafer bonbon gingerbread candy canes tiramisu.
-    </VAlert>
-  </div>
-</template>
-`,
-}
-
-export const tonal = {
-  ts: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      variant="tonal"
-      color="primary"
-    >
-      Maecenas nec odio et ante tincidunt tempus. Sed mollis, eros et ultrices tempus.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="secondary"
-    >
-      Nullam tincidunt adipiscing enim. In consectetuer turpis ut velit.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="success"
-    >
-      Vestibulum ullamcorper mauris at ligula. Nulla porta dolor.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="info"
-    >
-      Praesent blandit laoreet nibh. Praesent nonummy mi in odio. Phasellus tempus. Mauris turpis nunc.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="warning"
-    >
-      Marzipan topping croissant cake sweet roll ice cream soufflé chocolate. Jelly beans chupa chups tootsie roll biscuit.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="error"
-    >
-      Marzipan topping croissant cake sweet roll ice cream soufflé chocolate. Jelly beans chupa chups tootsie roll biscuit.
-    </VAlert>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-y">
-    <VAlert
-      variant="tonal"
-      color="primary"
-    >
-      Maecenas nec odio et ante tincidunt tempus. Sed mollis, eros et ultrices tempus.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="secondary"
-    >
-      Nullam tincidunt adipiscing enim. In consectetuer turpis ut velit.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="success"
-    >
-      Vestibulum ullamcorper mauris at ligula. Nulla porta dolor.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="info"
-    >
-      Praesent blandit laoreet nibh. Praesent nonummy mi in odio. Phasellus tempus. Mauris turpis nunc.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="warning"
-    >
-      Marzipan topping croissant cake sweet roll ice cream soufflé chocolate. Jelly beans chupa chups tootsie roll biscuit.
-    </VAlert>
-
-    <VAlert
-      variant="tonal"
-      color="error"
-    >
-      Marzipan topping croissant cake sweet roll ice cream soufflé chocolate. Jelly beans chupa chups tootsie roll biscuit.
-    </VAlert>
-  </div>
-</template>
-`,
-}
-
-export const type = {
-  ts: `<template>
-  <div class="demo-space-y">
-    <VAlert type="info">
-      I'm a alert with a <strong>type</strong> of info
-    </VAlert>
-
-    <VAlert type="success">
-      I'm a alert with a <strong>type</strong> of success
-    </VAlert>
-
-    <VAlert type="warning">
-      I'm a alert with a <strong>type</strong> of warning
-    </VAlert>
-
-    <VAlert type="error">
-      I'm a alert with a <strong>type</strong> of error
-    </VAlert>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-y">
-    <VAlert type="info">
-      I'm a alert with a <strong>type</strong> of info
-    </VAlert>
-
-    <VAlert type="success">
-      I'm a alert with a <strong>type</strong> of success
-    </VAlert>
-
-    <VAlert type="warning">
-      I'm a alert with a <strong>type</strong> of warning
-    </VAlert>
-
-    <VAlert type="error">
-      I'm a alert with a <strong>type</strong> of error
-    </VAlert>
-  </div>
-</template>
-`,
-}
-
-export const vModelSupport = {
-  ts: `<script lang="ts" setup>
-const isAlertVisible = ref(true)
-</script>
-
-<template>
-  <div class="alert-demo-v-model-wrapper">
-    <VAlert
-      v-model="isAlertVisible"
-      color="warning"
-      variant="tonal"
-    >
-      non adipiscing dolor urna a orci. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Curabitur blandit mollis lacus. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.
-    </VAlert>
-  </div>
-
-  <!-- button -->
-  <VBtn @click="isAlertVisible = !isAlertVisible">
-    {{ isAlertVisible ? "Hide Alert" : "Show Alert" }}
-  </VBtn>
-</template>
-
-<style lang="scss">
-.alert-demo-v-model-wrapper {
-  margin-block-end: 1rem;
-  min-block-size: 80px;
-}
-</style>
-`,
-  js: `<script setup>
-const isAlertVisible = ref(true)
-</script>
-
-<template>
-  <div class="alert-demo-v-model-wrapper">
-    <VAlert
-      v-model="isAlertVisible"
-      color="warning"
-      variant="tonal"
-    >
-      non adipiscing dolor urna a orci. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Curabitur blandit mollis lacus. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.
-    </VAlert>
-  </div>
-
-  <!-- button -->
-  <VBtn @click="isAlertVisible = !isAlertVisible">
-    {{ isAlertVisible ? "Hide Alert" : "Show Alert" }}
-  </VBtn>
-</template>
-
-<style lang="scss">
-.alert-demo-v-model-wrapper {
-  margin-block-end: 1rem;
-  min-block-size: 80px;
-}
-</style>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarColors.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarColors.vue
deleted file mode 100644
index 6e573c0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarColors.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VAvatar color="primary">
-      PI
-    </VAvatar>
-
-    <VAvatar color="secondary">
-      SE
-    </VAvatar>
-
-    <VAvatar color="success">
-      SU
-    </VAvatar>
-
-    <VAvatar color="info">
-      IN
-    </VAvatar>
-
-    <VAvatar color="warning">
-      WA
-    </VAvatar>
-
-    <VAvatar color="error">
-      ER
-    </VAvatar>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarGroup.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarGroup.vue
deleted file mode 100644
index 81f6898..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarGroup.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-</script>
-
-<template>
-  <div class="v-avatar-group demo-avatar-group">
-    <VAvatar :size="40">
-      <VImg :src="avatar1" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        John Doe
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar2" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Jennie Obrien
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar3" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Peter Harper
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar4" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Vivian Padilla
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar5" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Scott Wells
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar6" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Angel Bishop
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar
-      :size="40"
-      :color="$vuetify.theme.current.dark ? '#373b50' : '#eeedf0'"
-    >
-      +3
-    </VAvatar>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.demo-avatar-group {
-  &.v-avatar-group {
-    .v-avatar {
-      &:last-child {
-        border: none;
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarIcons.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarIcons.vue
deleted file mode 100644
index 940c65e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarIcons.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VAvatar
-      color="primary"
-      icon="tabler-home"
-    />
-
-    <VAvatar
-      color="secondary"
-      icon="tabler-cloud"
-    />
-
-    <VAvatar
-      color="success"
-      icon="tabler-bell"
-    />
-
-    <VAvatar
-      color="info"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      color="warning"
-      icon="tabler-alert-circle"
-    />
-
-    <VAvatar
-      color="error"
-      icon="tabler-message"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarImages.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarImages.vue
deleted file mode 100644
index 20b6bf3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarImages.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VAvatar :image="avatar1" />
-
-    <VAvatar :image="avatar2" />
-
-    <VAvatar :image="avatar3" />
-
-    <VAvatar :image="avatar4" />
-
-    <VAvatar :image="avatar5" />
-
-    <VAvatar :image="avatar6" />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarRounded.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarRounded.vue
deleted file mode 100644
index 795aa40..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarRounded.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VAvatar
-      rounded="0"
-      color="primary"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      rounded="sm"
-      color="secondary"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      rounded
-      color="success"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      rounded="lg"
-      color="info"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      rounded="xl"
-      color="warning"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      color="error"
-      icon="tabler-user"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarSizes.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarSizes.vue
deleted file mode 100644
index 172be4c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarSizes.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VAvatar
-      color="primary"
-      size="x-small"
-    >
-      <small>PI</small>
-    </VAvatar>
-
-    <VAvatar
-      color="secondary"
-      size="small"
-    >
-      PI
-    </VAvatar>
-
-    <VAvatar color="success">
-      PI
-    </VAvatar>
-
-    <VAvatar
-      color="info"
-      size="large"
-    >
-      <span class="text-lg">PI</span>
-    </VAvatar>
-
-    <VAvatar
-      color="error"
-      size="x-large"
-    >
-      <span class="text-lg">PI</span>
-    </VAvatar>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarTonal.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarTonal.vue
deleted file mode 100644
index 8972818..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/DemoAvatarTonal.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VAvatar
-      color="primary"
-      variant="tonal"
-    >
-      PI
-    </VAvatar>
-
-    <VAvatar
-      color="secondary"
-      variant="tonal"
-    >
-      SE
-    </VAvatar>
-    <VAvatar
-      color="success"
-      variant="tonal"
-    >
-      SU
-    </VAvatar>
-    <VAvatar
-      color="info"
-      variant="tonal"
-    >
-      IN
-    </VAvatar>
-    <VAvatar
-      color="warning"
-      variant="tonal"
-    >
-      WA
-    </VAvatar>
-    <VAvatar
-      color="error"
-      variant="tonal"
-    >
-      ER
-    </VAvatar>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/demoCodeAvatar.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/demoCodeAvatar.ts
deleted file mode 100644
index 9c66ad0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/avatar/demoCodeAvatar.ts
+++ /dev/null
@@ -1,612 +0,0 @@
-export const colors = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VAvatar color="primary">
-      PI
-    </VAvatar>
-
-    <VAvatar color="secondary">
-      SE
-    </VAvatar>
-
-    <VAvatar color="success">
-      SU
-    </VAvatar>
-
-    <VAvatar color="info">
-      IN
-    </VAvatar>
-
-    <VAvatar color="warning">
-      WA
-    </VAvatar>
-
-    <VAvatar color="error">
-      ER
-    </VAvatar>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VAvatar color="primary">
-      PI
-    </VAvatar>
-
-    <VAvatar color="secondary">
-      SE
-    </VAvatar>
-
-    <VAvatar color="success">
-      SU
-    </VAvatar>
-
-    <VAvatar color="info">
-      IN
-    </VAvatar>
-
-    <VAvatar color="warning">
-      WA
-    </VAvatar>
-
-    <VAvatar color="error">
-      ER
-    </VAvatar>
-  </div>
-</template>
-`,
-}
-
-export const group = {
-  ts: `<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-</script>
-
-<template>
-  <div class="v-avatar-group demo-avatar-group">
-    <VAvatar :size="40">
-      <VImg :src="avatar1" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        John Doe
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar2" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Jennie Obrien
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar3" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Peter Harper
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar4" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Vivian Padilla
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar5" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Scott Wells
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar6" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Angel Bishop
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar
-      :size="40"
-      :color="$vuetify.theme.current.dark ? '#373b50' : '#eeedf0'"
-    >
-      +3
-    </VAvatar>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.demo-avatar-group {
-  &.v-avatar-group {
-    .v-avatar {
-      &:last-child {
-        border: none;
-      }
-    }
-  }
-}
-</style>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-</script>
-
-<template>
-  <div class="v-avatar-group demo-avatar-group">
-    <VAvatar :size="40">
-      <VImg :src="avatar1" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        John Doe
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar2" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Jennie Obrien
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar3" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Peter Harper
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar4" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Vivian Padilla
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar5" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Scott Wells
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar :size="40">
-      <VImg :src="avatar6" />
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Angel Bishop
-      </VTooltip>
-    </VAvatar>
-
-    <VAvatar
-      :size="40"
-      :color="$vuetify.theme.current.dark ? '#373b50' : '#eeedf0'"
-    >
-      +3
-    </VAvatar>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.demo-avatar-group {
-  &.v-avatar-group {
-    .v-avatar {
-      &:last-child {
-        border: none;
-      }
-    }
-  }
-}
-</style>
-`,
-}
-
-export const icons = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VAvatar
-      color="primary"
-      icon="tabler-home"
-    />
-
-    <VAvatar
-      color="secondary"
-      icon="tabler-cloud"
-    />
-
-    <VAvatar
-      color="success"
-      icon="tabler-bell"
-    />
-
-    <VAvatar
-      color="info"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      color="warning"
-      icon="tabler-alert-circle"
-    />
-
-    <VAvatar
-      color="error"
-      icon="tabler-message"
-    />
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VAvatar
-      color="primary"
-      icon="tabler-home"
-    />
-
-    <VAvatar
-      color="secondary"
-      icon="tabler-cloud"
-    />
-
-    <VAvatar
-      color="success"
-      icon="tabler-bell"
-    />
-
-    <VAvatar
-      color="info"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      color="warning"
-      icon="tabler-alert-circle"
-    />
-
-    <VAvatar
-      color="error"
-      icon="tabler-message"
-    />
-  </div>
-</template>
-`,
-}
-
-export const images = {
-  ts: `<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VAvatar :image="avatar1" />
-
-    <VAvatar :image="avatar2" />
-
-    <VAvatar :image="avatar3" />
-
-    <VAvatar :image="avatar4" />
-
-    <VAvatar :image="avatar5" />
-
-    <VAvatar :image="avatar6" />
-  </div>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VAvatar :image="avatar1" />
-
-    <VAvatar :image="avatar2" />
-
-    <VAvatar :image="avatar3" />
-
-    <VAvatar :image="avatar4" />
-
-    <VAvatar :image="avatar5" />
-
-    <VAvatar :image="avatar6" />
-  </div>
-</template>
-`,
-}
-
-export const rounded = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VAvatar
-      rounded="0"
-      color="primary"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      rounded="sm"
-      color="secondary"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      rounded
-      color="success"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      rounded="lg"
-      color="info"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      rounded="xl"
-      color="warning"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      color="error"
-      icon="tabler-user"
-    />
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VAvatar
-      rounded="0"
-      color="primary"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      rounded="sm"
-      color="secondary"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      rounded
-      color="success"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      rounded="lg"
-      color="info"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      rounded="xl"
-      color="warning"
-      icon="tabler-user"
-    />
-
-    <VAvatar
-      color="error"
-      icon="tabler-user"
-    />
-  </div>
-</template>
-`,
-}
-
-export const sizes = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VAvatar
-      color="primary"
-      size="x-small"
-    >
-      <small>PI</small>
-    </VAvatar>
-
-    <VAvatar
-      color="secondary"
-      size="small"
-    >
-      PI
-    </VAvatar>
-
-    <VAvatar color="success">
-      PI
-    </VAvatar>
-
-    <VAvatar
-      color="info"
-      size="large"
-    >
-      <span class="text-lg">PI</span>
-    </VAvatar>
-
-    <VAvatar
-      color="error"
-      size="x-large"
-    >
-      <span class="text-lg">PI</span>
-    </VAvatar>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VAvatar
-      color="primary"
-      size="x-small"
-    >
-      <small>PI</small>
-    </VAvatar>
-
-    <VAvatar
-      color="secondary"
-      size="small"
-    >
-      PI
-    </VAvatar>
-
-    <VAvatar color="success">
-      PI
-    </VAvatar>
-
-    <VAvatar
-      color="info"
-      size="large"
-    >
-      <span class="text-lg">PI</span>
-    </VAvatar>
-
-    <VAvatar
-      color="error"
-      size="x-large"
-    >
-      <span class="text-lg">PI</span>
-    </VAvatar>
-  </div>
-</template>
-`,
-}
-
-export const tonal = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VAvatar
-      color="primary"
-      variant="tonal"
-    >
-      PI
-    </VAvatar>
-
-    <VAvatar
-      color="secondary"
-      variant="tonal"
-    >
-      SE
-    </VAvatar>
-    <VAvatar
-      color="success"
-      variant="tonal"
-    >
-      SU
-    </VAvatar>
-    <VAvatar
-      color="info"
-      variant="tonal"
-    >
-      IN
-    </VAvatar>
-    <VAvatar
-      color="warning"
-      variant="tonal"
-    >
-      WA
-    </VAvatar>
-    <VAvatar
-      color="error"
-      variant="tonal"
-    >
-      ER
-    </VAvatar>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VAvatar
-      color="primary"
-      variant="tonal"
-    >
-      PI
-    </VAvatar>
-
-    <VAvatar
-      color="secondary"
-      variant="tonal"
-    >
-      SE
-    </VAvatar>
-    <VAvatar
-      color="success"
-      variant="tonal"
-    >
-      SU
-    </VAvatar>
-    <VAvatar
-      color="info"
-      variant="tonal"
-    >
-      IN
-    </VAvatar>
-    <VAvatar
-      color="warning"
-      variant="tonal"
-    >
-      WA
-    </VAvatar>
-    <VAvatar
-      color="error"
-      variant="tonal"
-    >
-      ER
-    </VAvatar>
-  </div>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeAvatarStatus.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeAvatarStatus.vue
deleted file mode 100644
index b9c8aaf..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeAvatarStatus.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBadge
-      dot
-      bordered
-      color="success"
-      location="bottom end"
-      :offset-x="5"
-      :offset-y="1"
-    >
-      <VAvatar size="large">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <VBadge
-      dot
-      bordered
-      color="warning"
-      location="bottom end"
-      :offset-x="5"
-      :offset-y="1"
-    >
-      <VAvatar size="large">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <VBadge
-      dot
-      bordered
-      color="error"
-      location="bottom end"
-      :offset-x="5"
-      :offset-y="1"
-    >
-      <VAvatar size="large">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeColor.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeColor.vue
deleted file mode 100644
index 8c6388e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeColor.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBadge
-      dot
-      color="primary"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="secondary"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="success"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="info"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="warning"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="error"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeDynamicNotifications.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeDynamicNotifications.vue
deleted file mode 100644
index 7956310..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeDynamicNotifications.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts" setup>
-const notifications = ref<number>()
-</script>
-
-<template>
-  <div class="d-flex align-center">
-    <VBadge
-      :content="notifications"
-      :model-value="!!notifications"
-      color="success"
-      class="me-5"
-    >
-      <VIcon
-        size="40"
-        icon="tabler-brand-vue"
-      />
-    </VBadge>
-
-    <div class="demo-space-x">
-      <VBtn @click="notifications = (notifications || 0) + 1">
-        Send Message
-      </VBtn>
-
-      <VBtn
-        color="error"
-        @click="notifications = 0"
-      >
-        Clear Notifications
-      </VBtn>
-    </div>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeIcon.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeIcon.vue
deleted file mode 100644
index 9640218..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeIcon.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- avatar -->
-    <VBadge>
-      <template #badge>
-        <VIcon icon="tabler-bulb" />
-      </template>
-
-      <VAvatar>
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- icon -->
-    <VBadge icon="tabler-lock-open">
-      <VAvatar>
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeMaximumValue.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeMaximumValue.vue
deleted file mode 100644
index 38f7bc6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeMaximumValue.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBadge
-      content="99"
-      max="99"
-      offset-x="5"
-      offset-y="-1"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <VBadge
-      content="100"
-      max="99"
-      offset-x="5"
-      offset-y="-1"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <VBadge
-      content="1000"
-      max="999"
-      offset-x="5"
-      offset-y="-1"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgePosition.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgePosition.vue
deleted file mode 100644
index 7de3984..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgePosition.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- 👉 Top End -->
-    <VBadge
-      content="1"
-      location="end top"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- 👉 Bottom Start -->
-    <VBadge
-      location="bottom start"
-      content="2"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- 👉 Bottom End -->
-    <VBadge
-      location="bottom end"
-      content="3"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- 👉 top Start -->
-    <VBadge
-      location="top start"
-      content="4"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeShowOnHover.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeShowOnHover.vue
deleted file mode 100644
index bed1efc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeShowOnHover.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts" setup>
-const tRefInstagramBadge = ref()
-const tRefTwitterBadge = ref()
-const tRefWhatsappBadge = ref()
-
-const showTwitterBadgeOnHover = useElementHover(tRefTwitterBadge)
-const showInstagramBadgeOnHover = useElementHover(tRefInstagramBadge)
-const showWhatsappBadgeOnHover = useElementHover(tRefWhatsappBadge)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBadge
-      content="3"
-      transition="slide-x-transition"
-      :model-value="showTwitterBadgeOnHover"
-    >
-      <VIcon
-        ref="tRefTwitterBadge"
-        size="25"
-        icon="tabler-brand-twitter"
-      />
-    </VBadge>
-
-    <VBadge
-      content="5"
-      transition="scale-transition"
-      :model-value="showInstagramBadgeOnHover"
-    >
-      <VIcon
-        ref="tRefInstagramBadge"
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      content="1"
-      transition="slide-x-transition"
-      :model-value="showWhatsappBadgeOnHover"
-    >
-      <VIcon
-        ref="tRefWhatsappBadge"
-        size="25"
-        icon="tabler-brand-whatsapp"
-      />
-    </VBadge>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeStyle.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeStyle.vue
deleted file mode 100644
index 7716183..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeStyle.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x d-flex align-center flex-wrap">
-    <!-- default -->
-    <VBadge content="1">
-      <VBtn variant="tonal">
-        Default
-      </VBtn>
-    </VBadge>
-
-    <!-- bordered -->
-    <VBadge
-      content="5"
-      bordered
-    >
-      <VBtn variant="tonal">
-        Border
-      </VBtn>
-    </VBadge>
-
-    <!-- dot -->
-    <VBadge
-      dot
-      location="bottom end"
-      offset-x="3"
-      offset-y="3"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- inline -->
-    <VBadge
-      inline
-      content="5"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- Rounded -->
-    <VBadge
-      rounded="sm"
-      content="5"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeTabs.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeTabs.vue
deleted file mode 100644
index 201f71d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeTabs.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script setup lang="ts">
-const tabs = [
-  {
-    badge: '3',
-    content: 'Item One',
-  },
-  {
-    badge: '1',
-    content: 'Item Two',
-  },
-  {
-    badge: '2',
-    content: 'Item Three',
-  },
-]
-</script>
-
-<template>
-  <VTabs grow>
-    <VTab
-      v-for="tab in tabs"
-      :key="tab.content"
-      :value="tab.content"
-    >
-      <VBadge
-        :content="tab.badge"
-        :offset-x="-18"
-        :offset-y="6"
-      >
-        {{ tab.content }}
-      </VBadge>
-    </VTab>
-  </VTabs>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeTonal.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeTonal.vue
deleted file mode 100644
index 2562062..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/DemoBadgeTonal.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBadge
-      content="5"
-      class="v-badge--tonal"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- default -->
-    <VBadge
-      content="1"
-      class="v-badge--tonal"
-      color="error"
-    >
-      <VBtn color="error">
-        Default
-      </VBtn>
-    </VBadge>
-
-    <!-- icon -->
-    <VBadge
-      icon="tabler-lock-open"
-      color="info"
-      class="v-badge--tonal"
-    >
-      <VAvatar>
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/demoCodeBadge.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/demoCodeBadge.ts
deleted file mode 100644
index c0ce5d7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/badge/demoCodeBadge.ts
+++ /dev/null
@@ -1,908 +0,0 @@
-export const avatarStatus = {
-  ts: `<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBadge
-      dot
-      bordered
-      color="success"
-      location="bottom end"
-      :offset-x="5"
-      :offset-y="1"
-    >
-      <VAvatar size="large">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <VBadge
-      dot
-      bordered
-      color="warning"
-      location="bottom end"
-      :offset-x="5"
-      :offset-y="1"
-    >
-      <VAvatar size="large">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <VBadge
-      dot
-      bordered
-      color="error"
-      location="bottom end"
-      :offset-x="5"
-      :offset-y="1"
-    >
-      <VAvatar size="large">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBadge
-      dot
-      bordered
-      color="success"
-      location="bottom end"
-      :offset-x="5"
-      :offset-y="1"
-    >
-      <VAvatar size="large">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <VBadge
-      dot
-      bordered
-      color="warning"
-      location="bottom end"
-      :offset-x="5"
-      :offset-y="1"
-    >
-      <VAvatar size="large">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <VBadge
-      dot
-      bordered
-      color="error"
-      location="bottom end"
-      :offset-x="5"
-      :offset-y="1"
-    >
-      <VAvatar size="large">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
-`,
-}
-
-export const color = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBadge
-      dot
-      color="primary"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="secondary"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="success"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="info"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="warning"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="error"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBadge
-      dot
-      color="primary"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="secondary"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="success"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="info"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="warning"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      dot
-      color="error"
-    >
-      <VIcon
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-  </div>
-</template>
-`,
-}
-
-export const dynamicNotifications = {
-  ts: `<script lang="ts" setup>
-const notifications = ref<number>()
-</script>
-
-<template>
-  <div class="d-flex align-center">
-    <VBadge
-      :content="notifications"
-      :model-value="!!notifications"
-      color="success"
-      class="me-5"
-    >
-      <VIcon
-        size="40"
-        icon="tabler-brand-vue"
-      />
-    </VBadge>
-
-    <div class="demo-space-x">
-      <VBtn @click="notifications = (notifications || 0) + 1">
-        Send Message
-      </VBtn>
-
-      <VBtn
-        color="error"
-        @click="notifications = 0"
-      >
-        Clear Notifications
-      </VBtn>
-    </div>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const notifications = ref()
-</script>
-
-<template>
-  <div class="d-flex align-center">
-    <VBadge
-      :content="notifications"
-      :model-value="!!notifications"
-      color="success"
-      class="me-5"
-    >
-      <VIcon
-        size="40"
-        icon="tabler-brand-vue"
-      />
-    </VBadge>
-
-    <div class="demo-space-x">
-      <VBtn @click="notifications = (notifications || 0) + 1">
-        Send Message
-      </VBtn>
-
-      <VBtn
-        color="error"
-        @click="notifications = 0"
-      >
-        Clear Notifications
-      </VBtn>
-    </div>
-  </div>
-</template>
-`,
-}
-
-export const icon = {
-  ts: `<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- avatar -->
-    <VBadge>
-      <template #badge>
-        <VIcon icon="tabler-bulb" />
-      </template>
-
-      <VAvatar>
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- icon -->
-    <VBadge icon="tabler-lock-open">
-      <VAvatar>
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- avatar -->
-    <VBadge>
-      <template #badge>
-        <VIcon icon="tabler-bulb" />
-      </template>
-
-      <VAvatar>
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- icon -->
-    <VBadge icon="tabler-lock-open">
-      <VAvatar>
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
-`,
-}
-
-export const maximumValue = {
-  ts: `<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBadge
-      content="99"
-      max="99"
-      offset-x="5"
-      offset-y="-1"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <VBadge
-      content="100"
-      max="99"
-      offset-x="5"
-      offset-y="-1"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <VBadge
-      content="1000"
-      max="999"
-      offset-x="5"
-      offset-y="-1"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBadge
-      content="99"
-      max="99"
-      offset-x="5"
-      offset-y="-1"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <VBadge
-      content="100"
-      max="99"
-      offset-x="5"
-      offset-y="-1"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <VBadge
-      content="1000"
-      max="999"
-      offset-x="5"
-      offset-y="-1"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
-`,
-}
-
-export const position = {
-  ts: `<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- 👉 Top End -->
-    <VBadge
-      content="1"
-      location="end top"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- 👉 Bottom Start -->
-    <VBadge
-      location="bottom start"
-      content="2"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- 👉 Bottom End -->
-    <VBadge
-      location="bottom end"
-      content="3"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- 👉 top Start -->
-    <VBadge
-      location="top start"
-      content="4"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- 👉 Top End -->
-    <VBadge
-      content="1"
-      location="end top"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- 👉 Bottom Start -->
-    <VBadge
-      location="bottom start"
-      content="2"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- 👉 Bottom End -->
-    <VBadge
-      location="bottom end"
-      content="3"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- 👉 top Start -->
-    <VBadge
-      location="top start"
-      content="4"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
-`,
-}
-
-export const showOnHover = {
-  ts: `<script lang="ts" setup>
-const tRefInstagramBadge = ref()
-const tRefTwitterBadge = ref()
-const tRefWhatsappBadge = ref()
-
-const showTwitterBadgeOnHover = useElementHover(tRefTwitterBadge)
-const showInstagramBadgeOnHover = useElementHover(tRefInstagramBadge)
-const showWhatsappBadgeOnHover = useElementHover(tRefWhatsappBadge)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBadge
-      content="3"
-      transition="slide-x-transition"
-      :model-value="showTwitterBadgeOnHover"
-    >
-      <VIcon
-        ref="tRefTwitterBadge"
-        size="25"
-        icon="tabler-brand-twitter"
-      />
-    </VBadge>
-
-    <VBadge
-      content="5"
-      transition="scale-transition"
-      :model-value="showInstagramBadgeOnHover"
-    >
-      <VIcon
-        ref="tRefInstagramBadge"
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      content="1"
-      transition="slide-x-transition"
-      :model-value="showWhatsappBadgeOnHover"
-    >
-      <VIcon
-        ref="tRefWhatsappBadge"
-        size="25"
-        icon="tabler-brand-whatsapp"
-      />
-    </VBadge>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const tRefInstagramBadge = ref()
-const tRefTwitterBadge = ref()
-const tRefWhatsappBadge = ref()
-const showTwitterBadgeOnHover = useElementHover(tRefTwitterBadge)
-const showInstagramBadgeOnHover = useElementHover(tRefInstagramBadge)
-const showWhatsappBadgeOnHover = useElementHover(tRefWhatsappBadge)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBadge
-      content="3"
-      transition="slide-x-transition"
-      :model-value="showTwitterBadgeOnHover"
-    >
-      <VIcon
-        ref="tRefTwitterBadge"
-        size="25"
-        icon="tabler-brand-twitter"
-      />
-    </VBadge>
-
-    <VBadge
-      content="5"
-      transition="scale-transition"
-      :model-value="showInstagramBadgeOnHover"
-    >
-      <VIcon
-        ref="tRefInstagramBadge"
-        size="25"
-        icon="tabler-brand-instagram"
-      />
-    </VBadge>
-
-    <VBadge
-      content="1"
-      transition="slide-x-transition"
-      :model-value="showWhatsappBadgeOnHover"
-    >
-      <VIcon
-        ref="tRefWhatsappBadge"
-        size="25"
-        icon="tabler-brand-whatsapp"
-      />
-    </VBadge>
-  </div>
-</template>
-`,
-}
-
-export const style = {
-  ts: `<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x d-flex align-center flex-wrap">
-    <!-- default -->
-    <VBadge content="1">
-      <VBtn variant="tonal">
-        Default
-      </VBtn>
-    </VBadge>
-
-    <!-- bordered -->
-    <VBadge
-      content="5"
-      bordered
-    >
-      <VBtn variant="tonal">
-        Border
-      </VBtn>
-    </VBadge>
-
-    <!-- dot -->
-    <VBadge
-      dot
-      location="bottom end"
-      offset-x="3"
-      offset-y="3"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- inline -->
-    <VBadge
-      inline
-      content="5"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- Rounded -->
-    <VBadge
-      rounded="sm"
-      content="5"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x d-flex align-center flex-wrap">
-    <!-- default -->
-    <VBadge content="1">
-      <VBtn variant="tonal">
-        Default
-      </VBtn>
-    </VBadge>
-
-    <!-- bordered -->
-    <VBadge
-      content="5"
-      bordered
-    >
-      <VBtn variant="tonal">
-        Border
-      </VBtn>
-    </VBadge>
-
-    <!-- dot -->
-    <VBadge
-      dot
-      location="bottom end"
-      offset-x="3"
-      offset-y="3"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- inline -->
-    <VBadge
-      inline
-      content="5"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- Rounded -->
-    <VBadge
-      rounded="sm"
-      content="5"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
-`,
-}
-
-export const tabs = {
-  ts: `<script setup lang="ts">
-const tabs = [
-  {
-    badge: '3',
-    content: 'Item One',
-  },
-  {
-    badge: '1',
-    content: 'Item Two',
-  },
-  {
-    badge: '2',
-    content: 'Item Three',
-  },
-]
-</script>
-
-<template>
-  <VTabs grow>
-    <VTab
-      v-for="tab in tabs"
-      :key="tab.content"
-      :value="tab.content"
-    >
-      <VBadge
-        :content="tab.badge"
-        :offset-x="-18"
-        :offset-y="6"
-      >
-        {{ tab.content }}
-      </VBadge>
-    </VTab>
-  </VTabs>
-</template>
-`,
-  js: `<script setup>
-const tabs = [
-  {
-    badge: '3',
-    content: 'Item One',
-  },
-  {
-    badge: '1',
-    content: 'Item Two',
-  },
-  {
-    badge: '2',
-    content: 'Item Three',
-  },
-]
-</script>
-
-<template>
-  <VTabs grow>
-    <VTab
-      v-for="tab in tabs"
-      :key="tab.content"
-      :value="tab.content"
-    >
-      <VBadge
-        :content="tab.badge"
-        :offset-x="-18"
-        :offset-y="6"
-      >
-        {{ tab.content }}
-      </VBadge>
-    </VTab>
-  </VTabs>
-</template>
-`,
-}
-
-export const tonal = {
-  ts: `<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBadge
-      content="5"
-      class="v-badge--tonal"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- default -->
-    <VBadge
-      content="1"
-      class="v-badge--tonal"
-      color="error"
-    >
-      <VBtn color="error">
-        Default
-      </VBtn>
-    </VBadge>
-
-    <!-- icon -->
-    <VBadge
-      icon="tabler-lock-open"
-      color="info"
-      class="v-badge--tonal"
-    >
-      <VAvatar>
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBadge
-      content="5"
-      class="v-badge--tonal"
-    >
-      <VAvatar size="48">
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-
-    <!-- default -->
-    <VBadge
-      content="1"
-      class="v-badge--tonal"
-      color="error"
-    >
-      <VBtn color="error">
-        Default
-      </VBtn>
-    </VBadge>
-
-    <!-- icon -->
-    <VBadge
-      icon="tabler-lock-open"
-      color="info"
-      class="v-badge--tonal"
-    >
-      <VAvatar>
-        <VImg :src="avatar1" />
-      </VAvatar>
-    </VBadge>
-  </div>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonBlock.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonBlock.vue
deleted file mode 100644
index edb2161..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonBlock.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VBtn block>
-        Block Button
-      </VBtn>
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VBtn
-        variant="outlined"
-        block
-      >
-        Block Button
-      </VBtn>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonColors.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonColors.vue
deleted file mode 100644
index f080e4a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonColors.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBtn color="primary">
-      Primary
-    </VBtn>
-    <VBtn color="secondary">
-      Secondary
-    </VBtn>
-    <VBtn color="success">
-      Success
-    </VBtn>
-    <VBtn color="info">
-      Info
-    </VBtn>
-    <VBtn color="warning">
-      Warning
-    </VBtn>
-    <VBtn color="error">
-      Error
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonFlat.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonFlat.vue
deleted file mode 100644
index ad23ab6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonFlat.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBtn variant="flat">
-      Primary
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="secondary"
-    >
-      Secondary
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="success"
-    >
-      Success
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="info"
-    >
-      Info
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="warning"
-    >
-      Warning
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="error"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonGroup.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonGroup.vue
deleted file mode 100644
index 34af53a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonGroup.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts" setup>
-const toggleExclusive = ref(1)
-</script>
-
-<template>
-  <VBtnToggle
-    v-model="toggleExclusive"
-    density="comfortable"
-  >
-    <VBtn icon="tabler-align-left" />
-    <VBtn icon="tabler-align-center" />
-    <VBtn icon="tabler-align-right" />
-    <VBtn icon="tabler-align-justified" />
-  </VBtnToggle>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonIcon.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonIcon.vue
deleted file mode 100644
index a85fb74..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonIcon.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBtn>
-      Accept
-      <VIcon
-        end
-        icon="tabler-checkbox"
-      />
-    </VBtn>
-
-    <VBtn color="secondary">
-      <VIcon
-        start
-        icon="tabler-circle-minus"
-      />Cancel
-    </VBtn>
-
-    <VBtn color="success">
-      Upload
-      <VIcon
-        end
-        icon="tabler-cloud-upload"
-      />
-    </VBtn>
-
-    <VBtn color="info">
-      <VIcon
-        start
-        icon="tabler-arrow-left"
-      />
-      Back
-    </VBtn>
-
-    <VBtn color="warning">
-      <VIcon icon="tabler-settings" />
-    </VBtn>
-
-    <VBtn color="error">
-      <VIcon icon="tabler-circle-off" />
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonIconOnly.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonIconOnly.vue
deleted file mode 100644
index a02b3e1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonIconOnly.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBtn
-      icon="tabler-briefcase"
-      rounded
-    />
-
-    <VBtn
-      variant="tonal"
-      icon="tabler-user-plus"
-    />
-
-    <VBtn
-      icon="tabler-search"
-      variant="outlined"
-      color="success"
-    />
-
-    <VBtn
-      icon="tabler-thumb-up"
-      variant="text"
-      color="info"
-    />
-
-    <VBtn
-      icon="tabler-star"
-      variant="tonal"
-      color="success"
-      rounded
-    />
-
-    <VBtn
-      icon="tabler-heart"
-      variant="text"
-      color="error"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonLink.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonLink.vue
deleted file mode 100644
index 8eb83fb..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonLink.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBtn href="https://pixinvent.com/">
-      String Literal
-    </VBtn>
-
-    <VBtn
-      href="https://pixinvent.com/"
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      Open New Tab
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonLoaders.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonLoaders.vue
deleted file mode 100644
index 0043e2b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonLoaders.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<script lang="ts" setup>
-const loadings = ref<boolean[]>([])
-
-const load = (i: number) => {
-  loadings.value[i] = true
-  setTimeout(() => {
-    loadings.value[i] = false
-  }, 3000)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBtn
-      :loading="loadings[0]"
-      :disabled="loadings[0]"
-      color="primary"
-      @click="load(0)"
-    >
-      Accept Terms
-    </VBtn>
-
-    <VBtn
-      :loading="loadings[1]"
-      :disabled="loadings[1]"
-      color="secondary"
-      @click="load(1)"
-    >
-      Upload
-      <VIcon
-        end
-        icon="tabler-cloud-upload"
-      />
-    </VBtn>
-
-    <VBtn
-      :loading="loadings[2]"
-      :disabled="loadings[2]"
-      color="success"
-      @click="load(2)"
-    >
-      Loader slot
-      <template #loader>
-        <span>Loading...</span>
-      </template>
-    </VBtn>
-
-    <VBtn
-      :loading="loadings[3]"
-      :disabled="loadings[3]"
-      color="info"
-      @click="load(3)"
-    >
-      Icon Loader
-      <template #loader>
-        <span class="custom-loader">
-          <VIcon icon="tabler-refresh" />
-        </span>
-      </template>
-    </VBtn>
-
-    <VBtn
-      :loading="loadings[4]"
-      :disabled="loadings[4]"
-      color="warning"
-      icon="tabler-cloud-upload"
-      @click="load(4)"
-    />
-  </div>
-</template>
-
-  <style lang="scss" scoped>
-  .custom-loader {
-    display: flex;
-    animation: loader 1s infinite;
-  }
-
-  @keyframes loader {
-    from {
-      transform: rotate(0);
-    }
-
-    to {
-      transform: rotate(360deg);
-    }
-  }
-  </style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonOutlined.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonOutlined.vue
deleted file mode 100644
index 03af5da..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonOutlined.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBtn variant="outlined">
-      Primary
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="secondary"
-    >
-      Secondary
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="success"
-    >
-      Success
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="info"
-    >
-      Info
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="warning"
-    >
-      Warning
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="error"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonPlain.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonPlain.vue
deleted file mode 100644
index 0c27ce5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonPlain.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBtn variant="plain">
-      Primary
-    </VBtn>
-
-    <VBtn
-      color="secondary"
-      variant="plain"
-    >
-      Secondary
-    </VBtn>
-
-    <VBtn
-      color="success"
-      variant="plain"
-    >
-      Success
-    </VBtn>
-
-    <VBtn
-      color="info"
-      variant="plain"
-    >
-      Info
-    </VBtn>
-
-    <VBtn
-      color="warning"
-      variant="plain"
-    >
-      Warning
-    </VBtn>
-
-    <VBtn
-      color="error"
-      variant="plain"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonRounded.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonRounded.vue
deleted file mode 100644
index f821721..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonRounded.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBtn>
-      Normal Button
-    </VBtn>
-    <VBtn
-      rounded="lg"
-      color="secondary"
-    >
-      Rounded Button
-    </VBtn>
-    <VBtn
-      :rounded="0"
-      color="success"
-    >
-      Tile Button
-    </VBtn>
-    <VBtn
-      rounded="pill"
-      color="info"
-    >
-      Pill Button
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonRouter.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonRouter.vue
deleted file mode 100644
index 2606987..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonRouter.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBtn to="alert">
-      String Literal
-    </VBtn>
-
-    <VBtn
-      color="warning"
-      :to="{ path: 'alert' }"
-    >
-      Object Path
-    </VBtn>
-
-    <VBtn
-      color="success"
-      :to="{ name: 'components-alert' }"
-    >
-      Named Router
-    </VBtn>
-
-    <VBtn
-      color="secondary"
-      :to="{ path: 'alert', query: { plan: 'private' } }"
-    >
-      With Query
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonSizing.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonSizing.vue
deleted file mode 100644
index 4090c72..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonSizing.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBtn size="x-large">
-      Extra large Button
-    </VBtn>
-
-    <VBtn
-      color="success"
-      size="large"
-    >
-      Large Button
-    </VBtn>
-
-    <VBtn color="info">
-      Normal Button
-    </VBtn>
-
-    <VBtn
-      size="small"
-      color="warning"
-    >
-      Small Button
-    </VBtn>
-
-    <VBtn
-      size="x-small"
-      color="error"
-    >
-      Extra small Button
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonText.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonText.vue
deleted file mode 100644
index 27065d4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonText.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBtn variant="text">
-      Primary
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="secondary"
-    >
-      Secondary
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="success"
-    >
-      Success
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="info"
-    >
-      Info
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="warning"
-    >
-      Warning
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="error"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonTonal.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonTonal.vue
deleted file mode 100644
index f1201ce..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/DemoButtonTonal.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBtn variant="tonal">
-      Primary
-    </VBtn>
-
-    <VBtn
-      color="secondary"
-      variant="tonal"
-    >
-      Secondary
-    </VBtn>
-
-    <VBtn
-      color="success"
-      variant="tonal"
-    >
-      Success
-    </VBtn>
-
-    <VBtn
-      color="info"
-      variant="tonal"
-    >
-      Info
-    </VBtn>
-
-    <VBtn
-      color="warning"
-      variant="tonal"
-    >
-      Warning
-    </VBtn>
-
-    <VBtn
-      color="error"
-      variant="tonal"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/demoCodeButton.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/demoCodeButton.ts
deleted file mode 100644
index ee8a052..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/button/demoCodeButton.ts
+++ /dev/null
@@ -1,1140 +0,0 @@
-export const block = {
-  ts: `<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VBtn block>
-        Block Button
-      </VBtn>
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VBtn
-        variant="outlined"
-        block
-      >
-        Block Button
-      </VBtn>
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VBtn block>
-        Block Button
-      </VBtn>
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VBtn
-        variant="outlined"
-        block
-      >
-        Block Button
-      </VBtn>
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const colors = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBtn color="primary">
-      Primary
-    </VBtn>
-    <VBtn color="secondary">
-      Secondary
-    </VBtn>
-    <VBtn color="success">
-      Success
-    </VBtn>
-    <VBtn color="info">
-      Info
-    </VBtn>
-    <VBtn color="warning">
-      Warning
-    </VBtn>
-    <VBtn color="error">
-      Error
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBtn color="primary">
-      Primary
-    </VBtn>
-    <VBtn color="secondary">
-      Secondary
-    </VBtn>
-    <VBtn color="success">
-      Success
-    </VBtn>
-    <VBtn color="info">
-      Info
-    </VBtn>
-    <VBtn color="warning">
-      Warning
-    </VBtn>
-    <VBtn color="error">
-      Error
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const flat = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBtn variant="flat">
-      Primary
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="secondary"
-    >
-      Secondary
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="success"
-    >
-      Success
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="info"
-    >
-      Info
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="warning"
-    >
-      Warning
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="error"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBtn variant="flat">
-      Primary
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="secondary"
-    >
-      Secondary
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="success"
-    >
-      Success
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="info"
-    >
-      Info
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="warning"
-    >
-      Warning
-    </VBtn>
-
-    <VBtn
-      variant="flat"
-      color="error"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const group = {
-  ts: `<script lang="ts" setup>
-const toggleExclusive = ref(1)
-</script>
-
-<template>
-  <VBtnToggle
-    v-model="toggleExclusive"
-    density="comfortable"
-  >
-    <VBtn icon="tabler-align-left" />
-    <VBtn icon="tabler-align-center" />
-    <VBtn icon="tabler-align-right" />
-    <VBtn icon="tabler-align-justified" />
-  </VBtnToggle>
-</template>
-`,
-  js: `<script setup>
-const toggleExclusive = ref(1)
-</script>
-
-<template>
-  <VBtnToggle
-    v-model="toggleExclusive"
-    density="comfortable"
-  >
-    <VBtn icon="tabler-align-left" />
-    <VBtn icon="tabler-align-center" />
-    <VBtn icon="tabler-align-right" />
-    <VBtn icon="tabler-align-justified" />
-  </VBtnToggle>
-</template>
-`,
-}
-
-export const icon = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBtn>
-      Accept
-      <VIcon
-        end
-        icon="tabler-checkbox"
-      />
-    </VBtn>
-
-    <VBtn color="secondary">
-      <VIcon
-        start
-        icon="tabler-circle-minus"
-      />Cancel
-    </VBtn>
-
-    <VBtn color="success">
-      Upload
-      <VIcon
-        end
-        icon="tabler-cloud-upload"
-      />
-    </VBtn>
-
-    <VBtn color="info">
-      <VIcon
-        start
-        icon="tabler-arrow-left"
-      />
-      Back
-    </VBtn>
-
-    <VBtn color="warning">
-      <VIcon icon="tabler-settings" />
-    </VBtn>
-
-    <VBtn color="error">
-      <VIcon icon="tabler-circle-off" />
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBtn>
-      Accept
-      <VIcon
-        end
-        icon="tabler-checkbox"
-      />
-    </VBtn>
-
-    <VBtn color="secondary">
-      <VIcon
-        start
-        icon="tabler-circle-minus"
-      />Cancel
-    </VBtn>
-
-    <VBtn color="success">
-      Upload
-      <VIcon
-        end
-        icon="tabler-cloud-upload"
-      />
-    </VBtn>
-
-    <VBtn color="info">
-      <VIcon
-        start
-        icon="tabler-arrow-left"
-      />
-      Back
-    </VBtn>
-
-    <VBtn color="warning">
-      <VIcon icon="tabler-settings" />
-    </VBtn>
-
-    <VBtn color="error">
-      <VIcon icon="tabler-circle-off" />
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const iconOnly = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBtn
-      icon="tabler-briefcase"
-      rounded
-    />
-
-    <VBtn
-      variant="tonal"
-      icon="tabler-user-plus"
-    />
-
-    <VBtn
-      icon="tabler-search"
-      variant="outlined"
-      color="success"
-    />
-
-    <VBtn
-      icon="tabler-thumb-up"
-      variant="text"
-      color="info"
-    />
-
-    <VBtn
-      icon="tabler-star"
-      variant="tonal"
-      color="success"
-      rounded
-    />
-
-    <VBtn
-      icon="tabler-heart"
-      variant="text"
-      color="error"
-    />
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBtn
-      icon="tabler-briefcase"
-      rounded
-    />
-
-    <VBtn
-      variant="tonal"
-      icon="tabler-user-plus"
-    />
-
-    <VBtn
-      icon="tabler-search"
-      variant="outlined"
-      color="success"
-    />
-
-    <VBtn
-      icon="tabler-thumb-up"
-      variant="text"
-      color="info"
-    />
-
-    <VBtn
-      icon="tabler-star"
-      variant="tonal"
-      color="success"
-      rounded
-    />
-
-    <VBtn
-      icon="tabler-heart"
-      variant="text"
-      color="error"
-    />
-  </div>
-</template>
-`,
-}
-
-export const link = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBtn href="https://pixinvent.com/">
-      String Literal
-    </VBtn>
-
-    <VBtn
-      href="https://pixinvent.com/"
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      Open New Tab
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBtn href="https://pixinvent.com/">
-      String Literal
-    </VBtn>
-
-    <VBtn
-      href="https://pixinvent.com/"
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      Open New Tab
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const loaders = {
-  ts: `<script lang="ts" setup>
-const loadings = ref<boolean[]>([])
-
-const load = (i: number) => {
-  loadings.value[i] = true
-  setTimeout(() => {
-    loadings.value[i] = false
-  }, 3000)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBtn
-      :loading="loadings[0]"
-      :disabled="loadings[0]"
-      color="primary"
-      @click="load(0)"
-    >
-      Accept Terms
-    </VBtn>
-
-    <VBtn
-      :loading="loadings[1]"
-      :disabled="loadings[1]"
-      color="secondary"
-      @click="load(1)"
-    >
-      Upload
-      <VIcon
-        end
-        icon="tabler-cloud-upload"
-      />
-    </VBtn>
-
-    <VBtn
-      :loading="loadings[2]"
-      :disabled="loadings[2]"
-      color="success"
-      @click="load(2)"
-    >
-      Loader slot
-      <template #loader>
-        <span>Loading...</span>
-      </template>
-    </VBtn>
-
-    <VBtn
-      :loading="loadings[3]"
-      :disabled="loadings[3]"
-      color="info"
-      @click="load(3)"
-    >
-      Icon Loader
-      <template #loader>
-        <span class="custom-loader">
-          <VIcon icon="tabler-refresh" />
-        </span>
-      </template>
-    </VBtn>
-
-    <VBtn
-      :loading="loadings[4]"
-      :disabled="loadings[4]"
-      color="warning"
-      icon="tabler-cloud-upload"
-      @click="load(4)"
-    />
-  </div>
-</template>
-
-  <style lang="scss" scoped>
-  .custom-loader {
-    display: flex;
-    animation: loader 1s infinite;
-  }
-
-  @keyframes loader {
-    from {
-      transform: rotate(0);
-    }
-
-    to {
-      transform: rotate(360deg);
-    }
-  }
-  </style>
-`,
-  js: `<script setup>
-const loadings = ref([])
-
-const load = i => {
-  loadings.value[i] = true
-  setTimeout(() => {
-    loadings.value[i] = false
-  }, 3000)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBtn
-      :loading="loadings[0]"
-      :disabled="loadings[0]"
-      color="primary"
-      @click="load(0)"
-    >
-      Accept Terms
-    </VBtn>
-
-    <VBtn
-      :loading="loadings[1]"
-      :disabled="loadings[1]"
-      color="secondary"
-      @click="load(1)"
-    >
-      Upload
-      <VIcon
-        end
-        icon="tabler-cloud-upload"
-      />
-    </VBtn>
-
-    <VBtn
-      :loading="loadings[2]"
-      :disabled="loadings[2]"
-      color="success"
-      @click="load(2)"
-    >
-      Loader slot
-      <template #loader>
-        <span>Loading...</span>
-      </template>
-    </VBtn>
-
-    <VBtn
-      :loading="loadings[3]"
-      :disabled="loadings[3]"
-      color="info"
-      @click="load(3)"
-    >
-      Icon Loader
-      <template #loader>
-        <span class="custom-loader">
-          <VIcon icon="tabler-refresh" />
-        </span>
-      </template>
-    </VBtn>
-
-    <VBtn
-      :loading="loadings[4]"
-      :disabled="loadings[4]"
-      color="warning"
-      icon="tabler-cloud-upload"
-      @click="load(4)"
-    />
-  </div>
-</template>
-
-  <style lang="scss" scoped>
-  .custom-loader {
-    display: flex;
-    animation: loader 1s infinite;
-  }
-
-  @keyframes loader {
-    from {
-      transform: rotate(0);
-    }
-
-    to {
-      transform: rotate(360deg);
-    }
-  }
-  </style>
-`,
-}
-
-export const outlined = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBtn variant="outlined">
-      Primary
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="secondary"
-    >
-      Secondary
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="success"
-    >
-      Success
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="info"
-    >
-      Info
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="warning"
-    >
-      Warning
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="error"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBtn variant="outlined">
-      Primary
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="secondary"
-    >
-      Secondary
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="success"
-    >
-      Success
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="info"
-    >
-      Info
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="warning"
-    >
-      Warning
-    </VBtn>
-    <VBtn
-      variant="outlined"
-      color="error"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const plain = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBtn variant="plain">
-      Primary
-    </VBtn>
-
-    <VBtn
-      color="secondary"
-      variant="plain"
-    >
-      Secondary
-    </VBtn>
-
-    <VBtn
-      color="success"
-      variant="plain"
-    >
-      Success
-    </VBtn>
-
-    <VBtn
-      color="info"
-      variant="plain"
-    >
-      Info
-    </VBtn>
-
-    <VBtn
-      color="warning"
-      variant="plain"
-    >
-      Warning
-    </VBtn>
-
-    <VBtn
-      color="error"
-      variant="plain"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBtn variant="plain">
-      Primary
-    </VBtn>
-
-    <VBtn
-      color="secondary"
-      variant="plain"
-    >
-      Secondary
-    </VBtn>
-
-    <VBtn
-      color="success"
-      variant="plain"
-    >
-      Success
-    </VBtn>
-
-    <VBtn
-      color="info"
-      variant="plain"
-    >
-      Info
-    </VBtn>
-
-    <VBtn
-      color="warning"
-      variant="plain"
-    >
-      Warning
-    </VBtn>
-
-    <VBtn
-      color="error"
-      variant="plain"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const rounded = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBtn>
-      Normal Button
-    </VBtn>
-    <VBtn
-      rounded="lg"
-      color="secondary"
-    >
-      Rounded Button
-    </VBtn>
-    <VBtn
-      :rounded="0"
-      color="success"
-    >
-      Tile Button
-    </VBtn>
-    <VBtn
-      rounded="pill"
-      color="info"
-    >
-      Pill Button
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBtn>
-      Normal Button
-    </VBtn>
-    <VBtn
-      rounded="lg"
-      color="secondary"
-    >
-      Rounded Button
-    </VBtn>
-    <VBtn
-      :rounded="0"
-      color="success"
-    >
-      Tile Button
-    </VBtn>
-    <VBtn
-      rounded="pill"
-      color="info"
-    >
-      Pill Button
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const router = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBtn to="alert">
-      String Literal
-    </VBtn>
-
-    <VBtn
-      color="warning"
-      :to="{ path: 'alert' }"
-    >
-      Object Path
-    </VBtn>
-
-    <VBtn
-      color="success"
-      :to="{ name: 'components-alert' }"
-    >
-      Named Router
-    </VBtn>
-
-    <VBtn
-      color="secondary"
-      :to="{ path: 'alert', query: { plan: 'private' } }"
-    >
-      With Query
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBtn to="alert">
-      String Literal
-    </VBtn>
-
-    <VBtn
-      color="warning"
-      :to="{ path: 'alert' }"
-    >
-      Object Path
-    </VBtn>
-
-    <VBtn
-      color="success"
-      :to="{ name: 'components-alert' }"
-    >
-      Named Router
-    </VBtn>
-
-    <VBtn
-      color="secondary"
-      :to="{ path: 'alert', query: { plan: 'private' } }"
-    >
-      With Query
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const sizing = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBtn size="x-large">
-      Extra large Button
-    </VBtn>
-
-    <VBtn
-      color="success"
-      size="large"
-    >
-      Large Button
-    </VBtn>
-
-    <VBtn color="info">
-      Normal Button
-    </VBtn>
-
-    <VBtn
-      size="small"
-      color="warning"
-    >
-      Small Button
-    </VBtn>
-
-    <VBtn
-      size="x-small"
-      color="error"
-    >
-      Extra small Button
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBtn size="x-large">
-      Extra large Button
-    </VBtn>
-
-    <VBtn
-      color="success"
-      size="large"
-    >
-      Large Button
-    </VBtn>
-
-    <VBtn color="info">
-      Normal Button
-    </VBtn>
-
-    <VBtn
-      size="small"
-      color="warning"
-    >
-      Small Button
-    </VBtn>
-
-    <VBtn
-      size="x-small"
-      color="error"
-    >
-      Extra small Button
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const text = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBtn variant="text">
-      Primary
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="secondary"
-    >
-      Secondary
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="success"
-    >
-      Success
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="info"
-    >
-      Info
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="warning"
-    >
-      Warning
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="error"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBtn variant="text">
-      Primary
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="secondary"
-    >
-      Secondary
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="success"
-    >
-      Success
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="info"
-    >
-      Info
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="warning"
-    >
-      Warning
-    </VBtn>
-
-    <VBtn
-      variant="text"
-      color="error"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const tonal = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBtn variant="tonal">
-      Primary
-    </VBtn>
-
-    <VBtn
-      color="secondary"
-      variant="tonal"
-    >
-      Secondary
-    </VBtn>
-
-    <VBtn
-      color="success"
-      variant="tonal"
-    >
-      Success
-    </VBtn>
-
-    <VBtn
-      color="info"
-      variant="tonal"
-    >
-      Info
-    </VBtn>
-
-    <VBtn
-      color="warning"
-      variant="tonal"
-    >
-      Warning
-    </VBtn>
-
-    <VBtn
-      color="error"
-      variant="tonal"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBtn variant="tonal">
-      Primary
-    </VBtn>
-
-    <VBtn
-      color="secondary"
-      variant="tonal"
-    >
-      Secondary
-    </VBtn>
-
-    <VBtn
-      color="success"
-      variant="tonal"
-    >
-      Success
-    </VBtn>
-
-    <VBtn
-      color="info"
-      variant="tonal"
-    >
-      Info
-    </VBtn>
-
-    <VBtn
-      color="warning"
-      variant="tonal"
-    >
-      Warning
-    </VBtn>
-
-    <VBtn
-      color="error"
-      variant="tonal"
-    >
-      Error
-    </VBtn>
-  </div>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipClosable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipClosable.vue
deleted file mode 100644
index 4885325..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipClosable.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<script lang="ts" setup>
-const isDefaultChipVisible = ref(true)
-const isPrimaryChipVisible = ref(true)
-const isSecondaryChipVisible = ref(true)
-const isSuccessChipVisible = ref(true)
-const isInfoChipVisible = ref(true)
-const isWarningChipVisible = ref(true)
-const isErrorChipVisible = ref(true)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VChip
-      v-if="isDefaultChipVisible"
-      closable
-      @click:close="isDefaultChipVisible = !isDefaultChipVisible"
-    >
-      Default
-    </VChip>
-
-    <VChip
-      v-if="isPrimaryChipVisible"
-      closable
-      color="primary"
-      @click:close="isPrimaryChipVisible = !isPrimaryChipVisible"
-    >
-      Primary
-    </VChip>
-
-    <VChip
-      v-if="isSecondaryChipVisible"
-      closable
-      color="secondary"
-      @click:close="isSecondaryChipVisible = !isSecondaryChipVisible"
-    >
-      Secondary
-    </VChip>
-
-    <VChip
-      v-if="isSuccessChipVisible"
-      closable
-      color="success"
-      @click:close="isSuccessChipVisible = !isSuccessChipVisible"
-    >
-      Success
-    </VChip>
-
-    <VChip
-      v-if="isInfoChipVisible"
-      closable
-      color="info"
-      @click:close="isInfoChipVisible = !isInfoChipVisible"
-    >
-      Info
-    </VChip>
-
-    <VChip
-      v-if="isWarningChipVisible"
-      closable
-      color="warning"
-      @click:close="isWarningChipVisible = !isWarningChipVisible"
-    >
-      Warning
-    </VChip>
-
-    <VChip
-      v-if="isErrorChipVisible"
-      closable
-      color="error"
-      @click:close="isErrorChipVisible = !isErrorChipVisible"
-    >
-      Error
-    </VChip>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipColor.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipColor.vue
deleted file mode 100644
index a7e45c3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipColor.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VChip>
-      Default
-    </VChip>
-
-    <VChip color="primary">
-      Primary
-    </VChip>
-
-    <VChip color="secondary">
-      Secondary
-    </VChip>
-
-    <VChip color="success">
-      Success
-    </VChip>
-
-    <VChip color="info">
-      Info
-    </VChip>
-
-    <VChip color="warning">
-      Warning
-    </VChip>
-
-    <VChip color="error">
-      Error
-    </VChip>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipElevated.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipElevated.vue
deleted file mode 100644
index 0cf167f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipElevated.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VChip variant="elevated">
-      Default
-    </VChip>
-
-    <VChip
-      color="primary"
-      variant="elevated"
-    >
-      Primary
-    </VChip>
-
-    <VChip
-      color="secondary"
-      variant="elevated"
-    >
-      Secondary
-    </VChip>
-
-    <VChip
-      color="success"
-      variant="elevated"
-    >
-      Success
-    </VChip>
-
-    <VChip
-      color="info"
-      variant="elevated"
-    >
-      Info
-    </VChip>
-
-    <VChip
-      color="warning"
-      variant="elevated"
-    >
-      Warning
-    </VChip>
-
-    <VChip
-      color="error"
-      variant="elevated"
-    >
-      Error
-    </VChip>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipExpandable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipExpandable.vue
deleted file mode 100644
index 0674630..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipExpandable.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts" setup>
-const isMenuVisible = ref(false)
-</script>
-
-<template>
-  <VMenu
-    v-model="isMenuVisible"
-    transition="scale-transition"
-  >
-    <!-- v-menu activator -->
-    <template #activator="{ props }">
-      <VChip v-bind="props">
-        VueJS
-      </VChip>
-    </template>
-
-    <!-- v-menu list -->
-    <VList>
-      <VListItem>
-        <VListItemTitle class="mb-2">
-          VueJS
-        </VListItemTitle>
-        <VListItemSubtitle>The Progressive JavaScript Framework</VListItemSubtitle>
-
-        <template #append>
-          <VListItemAction class="ms-3">
-            <VBtn
-              icon
-              variant="text"
-              size="x-small"
-              color="default"
-              @click="isMenuVisible = false"
-            >
-              <VIcon
-                size="20"
-                icon="tabler-x"
-              />
-            </VBtn>
-          </VListItemAction>
-        </template>
-      </VListItem>
-    </VList>
-  </VMenu>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipInSelects.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipInSelects.vue
deleted file mode 100644
index 75182a9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipInSelects.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts" setup>
-const chips = ref(['Programming', 'Playing games', 'Sleeping'])
-const items = ref(['Streaming', 'Eating', 'Programming', 'Playing games', 'Sleeping'])
-</script>
-
-<template>
-  <AppCombobox
-    v-model="chips"
-    chips
-    clearable
-    multiple
-    closable-chips
-    clear-icon="tabler-circle-x"
-    :items="items"
-    label="Your favorite hobbies"
-    prepend-icon="tabler-filter"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipOutlined.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipOutlined.vue
deleted file mode 100644
index 0be805c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipOutlined.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VChip variant="outlined">
-      Default
-    </VChip>
-
-    <VChip
-      color="primary"
-      variant="outlined"
-    >
-      Primary
-    </VChip>
-
-    <VChip
-      color="secondary"
-      variant="outlined"
-    >
-      Secondary
-    </VChip>
-
-    <VChip
-      color="success"
-      variant="outlined"
-    >
-      Success
-    </VChip>
-
-    <VChip
-      color="info"
-      variant="outlined"
-    >
-      Info
-    </VChip>
-
-    <VChip
-      color="warning"
-      variant="outlined"
-    >
-      Warning
-    </VChip>
-
-    <VChip
-      color="error"
-      variant="outlined"
-    >
-      Error
-    </VChip>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipRounded.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipRounded.vue
deleted file mode 100644
index 908d8a6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipRounded.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VChip :label="false">
-      Default
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="primary"
-    >
-      Primary
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="secondary"
-    >
-      Secondary
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="success"
-    >
-      Success
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="info"
-    >
-      Info
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="warning"
-    >
-      Warning
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="error"
-    >
-      Error
-    </VChip>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipSizes.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipSizes.vue
deleted file mode 100644
index f693d07..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipSizes.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VChip size="x-small">
-      x-small chip
-    </VChip>
-
-    <VChip size="small">
-      small chip
-    </VChip>
-
-    <VChip size="default">
-      Default
-    </VChip>
-
-    <VChip size="large">
-      large chip
-    </VChip>
-
-    <VChip size="x-large">
-      x-large chip
-    </VChip>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipWithAvatar.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipWithAvatar.vue
deleted file mode 100644
index e6eabee..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipWithAvatar.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VChip>
-      <VAvatar
-        start
-        :image="avatar1"
-      />
-      <span>John Doe</span>
-    </VChip>
-
-    <VChip>
-      <VAvatar
-        start
-        :image="avatar2"
-      />
-      <span>Darcy Nooser</span>
-    </VChip>
-
-    <VChip
-      pill
-      :label="false"
-      :prepend-avatar="avatar3"
-    >
-      <span>Felicia Risker</span>
-    </VChip>
-
-    <VChip
-      pill
-      :label="false"
-    >
-      <VAvatar
-        start
-        :image="avatar4"
-      />
-      <span>Minnie Mostly</span>
-    </VChip>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipWithIcon.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipWithIcon.vue
deleted file mode 100644
index 3514a58..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/DemoChipWithIcon.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VChip>
-      <VIcon
-        start
-        icon="tabler-user"
-      />
-      Account
-    </VChip>
-
-    <VChip color="primary">
-      <VIcon
-        start
-        icon="tabler-star"
-      />
-      Premium
-    </VChip>
-
-    <VChip color="secondary">
-      <VIcon
-        start
-        icon="tabler-cake"
-      />
-      1 Year
-    </VChip>
-
-    <VChip color="success">
-      <VIcon
-        start
-        icon="tabler-bell"
-      />
-      Notification
-    </VChip>
-
-    <VChip color="info">
-      <VIcon
-        start
-        icon="tabler-messages"
-      />
-      Message
-    </VChip>
-
-    <VChip color="warning">
-      <VIcon
-        start
-        icon="tabler-alert-triangle"
-      />
-      Warning
-    </VChip>
-
-    <VChip color="error">
-      <VIcon
-        start
-        icon="tabler-alert-circle"
-      />
-      Error
-    </VChip>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/demoCodeChip.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/demoCodeChip.ts
deleted file mode 100644
index 9119c3b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/chip/demoCodeChip.ts
+++ /dev/null
@@ -1,944 +0,0 @@
-export const closable = {
-  ts: `<script lang="ts" setup>
-const isDefaultChipVisible = ref(true)
-const isPrimaryChipVisible = ref(true)
-const isSecondaryChipVisible = ref(true)
-const isSuccessChipVisible = ref(true)
-const isInfoChipVisible = ref(true)
-const isWarningChipVisible = ref(true)
-const isErrorChipVisible = ref(true)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VChip
-      v-if="isDefaultChipVisible"
-      closable
-      @click:close="isDefaultChipVisible = !isDefaultChipVisible"
-    >
-      Default
-    </VChip>
-
-    <VChip
-      v-if="isPrimaryChipVisible"
-      closable
-      color="primary"
-      @click:close="isPrimaryChipVisible = !isPrimaryChipVisible"
-    >
-      Primary
-    </VChip>
-
-    <VChip
-      v-if="isSecondaryChipVisible"
-      closable
-      color="secondary"
-      @click:close="isSecondaryChipVisible = !isSecondaryChipVisible"
-    >
-      Secondary
-    </VChip>
-
-    <VChip
-      v-if="isSuccessChipVisible"
-      closable
-      color="success"
-      @click:close="isSuccessChipVisible = !isSuccessChipVisible"
-    >
-      Success
-    </VChip>
-
-    <VChip
-      v-if="isInfoChipVisible"
-      closable
-      color="info"
-      @click:close="isInfoChipVisible = !isInfoChipVisible"
-    >
-      Info
-    </VChip>
-
-    <VChip
-      v-if="isWarningChipVisible"
-      closable
-      color="warning"
-      @click:close="isWarningChipVisible = !isWarningChipVisible"
-    >
-      Warning
-    </VChip>
-
-    <VChip
-      v-if="isErrorChipVisible"
-      closable
-      color="error"
-      @click:close="isErrorChipVisible = !isErrorChipVisible"
-    >
-      Error
-    </VChip>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const isDefaultChipVisible = ref(true)
-const isPrimaryChipVisible = ref(true)
-const isSecondaryChipVisible = ref(true)
-const isSuccessChipVisible = ref(true)
-const isInfoChipVisible = ref(true)
-const isWarningChipVisible = ref(true)
-const isErrorChipVisible = ref(true)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VChip
-      v-if="isDefaultChipVisible"
-      closable
-      @click:close="isDefaultChipVisible = !isDefaultChipVisible"
-    >
-      Default
-    </VChip>
-
-    <VChip
-      v-if="isPrimaryChipVisible"
-      closable
-      color="primary"
-      @click:close="isPrimaryChipVisible = !isPrimaryChipVisible"
-    >
-      Primary
-    </VChip>
-
-    <VChip
-      v-if="isSecondaryChipVisible"
-      closable
-      color="secondary"
-      @click:close="isSecondaryChipVisible = !isSecondaryChipVisible"
-    >
-      Secondary
-    </VChip>
-
-    <VChip
-      v-if="isSuccessChipVisible"
-      closable
-      color="success"
-      @click:close="isSuccessChipVisible = !isSuccessChipVisible"
-    >
-      Success
-    </VChip>
-
-    <VChip
-      v-if="isInfoChipVisible"
-      closable
-      color="info"
-      @click:close="isInfoChipVisible = !isInfoChipVisible"
-    >
-      Info
-    </VChip>
-
-    <VChip
-      v-if="isWarningChipVisible"
-      closable
-      color="warning"
-      @click:close="isWarningChipVisible = !isWarningChipVisible"
-    >
-      Warning
-    </VChip>
-
-    <VChip
-      v-if="isErrorChipVisible"
-      closable
-      color="error"
-      @click:close="isErrorChipVisible = !isErrorChipVisible"
-    >
-      Error
-    </VChip>
-  </div>
-</template>
-`,
-}
-
-export const color = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VChip>
-      Default
-    </VChip>
-
-    <VChip color="primary">
-      Primary
-    </VChip>
-
-    <VChip color="secondary">
-      Secondary
-    </VChip>
-
-    <VChip color="success">
-      Success
-    </VChip>
-
-    <VChip color="info">
-      Info
-    </VChip>
-
-    <VChip color="warning">
-      Warning
-    </VChip>
-
-    <VChip color="error">
-      Error
-    </VChip>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VChip>
-      Default
-    </VChip>
-
-    <VChip color="primary">
-      Primary
-    </VChip>
-
-    <VChip color="secondary">
-      Secondary
-    </VChip>
-
-    <VChip color="success">
-      Success
-    </VChip>
-
-    <VChip color="info">
-      Info
-    </VChip>
-
-    <VChip color="warning">
-      Warning
-    </VChip>
-
-    <VChip color="error">
-      Error
-    </VChip>
-  </div>
-</template>
-`,
-}
-
-export const elevated = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VChip variant="elevated">
-      Default
-    </VChip>
-
-    <VChip
-      color="primary"
-      variant="elevated"
-    >
-      Primary
-    </VChip>
-
-    <VChip
-      color="secondary"
-      variant="elevated"
-    >
-      Secondary
-    </VChip>
-
-    <VChip
-      color="success"
-      variant="elevated"
-    >
-      Success
-    </VChip>
-
-    <VChip
-      color="info"
-      variant="elevated"
-    >
-      Info
-    </VChip>
-
-    <VChip
-      color="warning"
-      variant="elevated"
-    >
-      Warning
-    </VChip>
-
-    <VChip
-      color="error"
-      variant="elevated"
-    >
-      Error
-    </VChip>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VChip variant="elevated">
-      Default
-    </VChip>
-
-    <VChip
-      color="primary"
-      variant="elevated"
-    >
-      Primary
-    </VChip>
-
-    <VChip
-      color="secondary"
-      variant="elevated"
-    >
-      Secondary
-    </VChip>
-
-    <VChip
-      color="success"
-      variant="elevated"
-    >
-      Success
-    </VChip>
-
-    <VChip
-      color="info"
-      variant="elevated"
-    >
-      Info
-    </VChip>
-
-    <VChip
-      color="warning"
-      variant="elevated"
-    >
-      Warning
-    </VChip>
-
-    <VChip
-      color="error"
-      variant="elevated"
-    >
-      Error
-    </VChip>
-  </div>
-</template>
-`,
-}
-
-export const expandable = {
-  ts: `<script lang="ts" setup>
-const isMenuVisible = ref(false)
-</script>
-
-<template>
-  <VMenu
-    v-model="isMenuVisible"
-    transition="scale-transition"
-  >
-    <!-- v-menu activator -->
-    <template #activator="{ props }">
-      <VChip v-bind="props">
-        VueJS
-      </VChip>
-    </template>
-
-    <!-- v-menu list -->
-    <VList>
-      <VListItem>
-        <VListItemTitle class="mb-2">
-          VueJS
-        </VListItemTitle>
-        <VListItemSubtitle>The Progressive JavaScript Framework</VListItemSubtitle>
-
-        <template #append>
-          <VListItemAction class="ms-3">
-            <VBtn
-              icon
-              variant="text"
-              size="x-small"
-              color="default"
-              @click="isMenuVisible = false"
-            >
-              <VIcon
-                size="20"
-                icon="tabler-x"
-              />
-            </VBtn>
-          </VListItemAction>
-        </template>
-      </VListItem>
-    </VList>
-  </VMenu>
-</template>
-`,
-  js: `<script setup>
-const isMenuVisible = ref(false)
-</script>
-
-<template>
-  <VMenu
-    v-model="isMenuVisible"
-    transition="scale-transition"
-  >
-    <!-- v-menu activator -->
-    <template #activator="{ props }">
-      <VChip v-bind="props">
-        VueJS
-      </VChip>
-    </template>
-
-    <!-- v-menu list -->
-    <VList>
-      <VListItem>
-        <VListItemTitle class="mb-2">
-          VueJS
-        </VListItemTitle>
-        <VListItemSubtitle>The Progressive JavaScript Framework</VListItemSubtitle>
-
-        <template #append>
-          <VListItemAction class="ms-3">
-            <VBtn
-              icon
-              variant="text"
-              size="x-small"
-              color="default"
-              @click="isMenuVisible = false"
-            >
-              <VIcon
-                size="20"
-                icon="tabler-x"
-              />
-            </VBtn>
-          </VListItemAction>
-        </template>
-      </VListItem>
-    </VList>
-  </VMenu>
-</template>
-`,
-}
-
-export const inSelects = {
-  ts: `<script lang="ts" setup>
-const chips = ref(['Programming', 'Playing games', 'Sleeping'])
-const items = ref(['Streaming', 'Eating', 'Programming', 'Playing games', 'Sleeping'])
-</script>
-
-<template>
-  <AppCombobox
-    v-model="chips"
-    chips
-    clearable
-    multiple
-    closable-chips
-    clear-icon="tabler-circle-x"
-    :items="items"
-    label="Your favorite hobbies"
-    prepend-icon="tabler-filter"
-  />
-</template>
-`,
-  js: `<script setup>
-const chips = ref([
-  'Programming',
-  'Playing games',
-  'Sleeping',
-])
-
-const items = ref([
-  'Streaming',
-  'Eating',
-  'Programming',
-  'Playing games',
-  'Sleeping',
-])
-</script>
-
-<template>
-  <AppCombobox
-    v-model="chips"
-    chips
-    clearable
-    multiple
-    closable-chips
-    clear-icon="tabler-circle-x"
-    :items="items"
-    label="Your favorite hobbies"
-    prepend-icon="tabler-filter"
-  />
-</template>
-`,
-}
-
-export const outlined = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VChip variant="outlined">
-      Default
-    </VChip>
-
-    <VChip
-      color="primary"
-      variant="outlined"
-    >
-      Primary
-    </VChip>
-
-    <VChip
-      color="secondary"
-      variant="outlined"
-    >
-      Secondary
-    </VChip>
-
-    <VChip
-      color="success"
-      variant="outlined"
-    >
-      Success
-    </VChip>
-
-    <VChip
-      color="info"
-      variant="outlined"
-    >
-      Info
-    </VChip>
-
-    <VChip
-      color="warning"
-      variant="outlined"
-    >
-      Warning
-    </VChip>
-
-    <VChip
-      color="error"
-      variant="outlined"
-    >
-      Error
-    </VChip>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VChip variant="outlined">
-      Default
-    </VChip>
-
-    <VChip
-      color="primary"
-      variant="outlined"
-    >
-      Primary
-    </VChip>
-
-    <VChip
-      color="secondary"
-      variant="outlined"
-    >
-      Secondary
-    </VChip>
-
-    <VChip
-      color="success"
-      variant="outlined"
-    >
-      Success
-    </VChip>
-
-    <VChip
-      color="info"
-      variant="outlined"
-    >
-      Info
-    </VChip>
-
-    <VChip
-      color="warning"
-      variant="outlined"
-    >
-      Warning
-    </VChip>
-
-    <VChip
-      color="error"
-      variant="outlined"
-    >
-      Error
-    </VChip>
-  </div>
-</template>
-`,
-}
-
-export const rounded = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VChip :label="false">
-      Default
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="primary"
-    >
-      Primary
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="secondary"
-    >
-      Secondary
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="success"
-    >
-      Success
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="info"
-    >
-      Info
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="warning"
-    >
-      Warning
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="error"
-    >
-      Error
-    </VChip>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VChip :label="false">
-      Default
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="primary"
-    >
-      Primary
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="secondary"
-    >
-      Secondary
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="success"
-    >
-      Success
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="info"
-    >
-      Info
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="warning"
-    >
-      Warning
-    </VChip>
-
-    <VChip
-      :label="false"
-      color="error"
-    >
-      Error
-    </VChip>
-  </div>
-</template>
-`,
-}
-
-export const sizes = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VChip size="x-small">
-      x-small chip
-    </VChip>
-
-    <VChip size="small">
-      small chip
-    </VChip>
-
-    <VChip size="default">
-      Default
-    </VChip>
-
-    <VChip size="large">
-      large chip
-    </VChip>
-
-    <VChip size="x-large">
-      x-large chip
-    </VChip>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VChip size="x-small">
-      x-small chip
-    </VChip>
-
-    <VChip size="small">
-      small chip
-    </VChip>
-
-    <VChip size="default">
-      Default
-    </VChip>
-
-    <VChip size="large">
-      large chip
-    </VChip>
-
-    <VChip size="x-large">
-      x-large chip
-    </VChip>
-  </div>
-</template>
-`,
-}
-
-export const withAvatar = {
-  ts: `<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VChip>
-      <VAvatar
-        start
-        :image="avatar1"
-      />
-      <span>John Doe</span>
-    </VChip>
-
-    <VChip>
-      <VAvatar
-        start
-        :image="avatar2"
-      />
-      <span>Darcy Nooser</span>
-    </VChip>
-
-    <VChip
-      pill
-      :label="false"
-      :prepend-avatar="avatar3"
-    >
-      <span>Felicia Risker</span>
-    </VChip>
-
-    <VChip
-      pill
-      :label="false"
-    >
-      <VAvatar
-        start
-        :image="avatar4"
-      />
-      <span>Minnie Mostly</span>
-    </VChip>
-  </div>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VChip>
-      <VAvatar
-        start
-        :image="avatar1"
-      />
-      <span>John Doe</span>
-    </VChip>
-
-    <VChip>
-      <VAvatar
-        start
-        :image="avatar2"
-      />
-      <span>Darcy Nooser</span>
-    </VChip>
-
-    <VChip
-      pill
-      :label="false"
-      :prepend-avatar="avatar3"
-    >
-      <span>Felicia Risker</span>
-    </VChip>
-
-    <VChip
-      pill
-      :label="false"
-    >
-      <VAvatar
-        start
-        :image="avatar4"
-      />
-      <span>Minnie Mostly</span>
-    </VChip>
-  </div>
-</template>
-`,
-}
-
-export const withIcon = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VChip>
-      <VIcon
-        start
-        icon="tabler-user"
-      />
-      Account
-    </VChip>
-
-    <VChip color="primary">
-      <VIcon
-        start
-        icon="tabler-star"
-      />
-      Premium
-    </VChip>
-
-    <VChip color="secondary">
-      <VIcon
-        start
-        icon="tabler-cake"
-      />
-      1 Year
-    </VChip>
-
-    <VChip color="success">
-      <VIcon
-        start
-        icon="tabler-bell"
-      />
-      Notification
-    </VChip>
-
-    <VChip color="info">
-      <VIcon
-        start
-        icon="tabler-messages"
-      />
-      Message
-    </VChip>
-
-    <VChip color="warning">
-      <VIcon
-        start
-        icon="tabler-alert-triangle"
-      />
-      Warning
-    </VChip>
-
-    <VChip color="error">
-      <VIcon
-        start
-        icon="tabler-alert-circle"
-      />
-      Error
-    </VChip>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VChip>
-      <VIcon
-        start
-        icon="tabler-user"
-      />
-      Account
-    </VChip>
-
-    <VChip color="primary">
-      <VIcon
-        start
-        icon="tabler-star"
-      />
-      Premium
-    </VChip>
-
-    <VChip color="secondary">
-      <VIcon
-        start
-        icon="tabler-cake"
-      />
-      1 Year
-    </VChip>
-
-    <VChip color="success">
-      <VIcon
-        start
-        icon="tabler-bell"
-      />
-      Notification
-    </VChip>
-
-    <VChip color="info">
-      <VIcon
-        start
-        icon="tabler-messages"
-      />
-      Message
-    </VChip>
-
-    <VChip color="warning">
-      <VIcon
-        start
-        icon="tabler-alert-triangle"
-      />
-      Warning
-    </VChip>
-
-    <VChip color="error">
-      <VIcon
-        start
-        icon="tabler-alert-circle"
-      />
-      Error
-    </VChip>
-  </div>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogBasic.vue
deleted file mode 100644
index dc07ef7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogBasic.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts" setup>
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    width="500"
-  >
-    <!-- Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Click Me
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard title="Privacy Policy">
-      <VCardText>
-        Bear claw pastry cotton candy jelly toffee. Pudding chocolate cake shortbread bonbon biscuit sweet. Lemon drops cupcake muffin brownie fruitcake. Pastry pastry tootsie roll jujubes chocolate cake gummi bears muffin pudding caramels. Jujubes lollipop gummies croissant shortbread. Cupcake dessert marzipan topping gingerbread apple pie chupa chups powder. Cake croissant halvah candy canes gummies.
-      </VCardText>
-
-      <VCardText class="d-flex justify-end">
-        <VBtn @click="isDialogVisible = false">
-          I accept
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogForm.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogForm.vue
deleted file mode 100644
index 31c77b5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogForm.vue
+++ /dev/null
@@ -1,119 +0,0 @@
-<script lang="ts" setup>
-const isDialogVisible = ref(false)
-const firstName = ref('')
-const middleName = ref('')
-const lastName = ref('')
-const email = ref('')
-const password = ref('')
-const age = ref()
-const interest = ref<string[]>([])
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    max-width="600"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard title="User Profile">
-      <VCardText>
-        <VRow>
-          <VCol
-            cols="12"
-            sm="6"
-            md="4"
-          >
-            <AppTextField
-              v-model="firstName"
-              label="First Name"
-              placeholder="John"
-            />
-          </VCol>
-          <VCol
-            cols="12"
-            sm="6"
-            md="4"
-          >
-            <AppTextField
-              v-model="middleName"
-              label="Middle Name"
-              placeholder="peter"
-            />
-          </VCol>
-          <VCol
-            cols="12"
-            sm="6"
-            md="4"
-          >
-            <AppTextField
-              v-model="lastName"
-              label="Last Name"
-              persistent-hint
-              placeholder="Doe"
-            />
-          </VCol>
-          <VCol cols="12">
-            <AppTextField
-              v-model="email"
-              label="Email"
-              placeholder="johndoe@email.com"
-            />
-          </VCol>
-          <VCol cols="12">
-            <AppTextField
-              v-model="password"
-              label="Password"
-              autocomplete="on"
-              type="password"
-              placeholder="············"
-            />
-          </VCol>
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="age"
-              label="Age"
-              type="number"
-              placeholder="18"
-            />
-          </VCol>
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="interest"
-              label="Interests"
-              placeholder="Sports, Music, Movies"
-            />
-          </VCol>
-        </VRow>
-      </VCardText>
-
-      <VCardText class="d-flex justify-end flex-wrap gap-3">
-        <VBtn
-          variant="tonal"
-          color="secondary"
-          @click="isDialogVisible = false"
-        >
-          Close
-        </VBtn>
-        <VBtn @click="isDialogVisible = false">
-          Save
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogFullscreen.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogFullscreen.vue
deleted file mode 100644
index 9f44760..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogFullscreen.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<script lang="ts" setup>
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    fullscreen
-    :scrim="false"
-    transition="dialog-bottom-transition"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog Content -->
-    <VCard>
-      <!-- Toolbar -->
-      <div>
-        <VToolbar color="primary">
-          <VBtn
-            icon
-            variant="plain"
-            @click="isDialogVisible = false"
-          >
-            <VIcon
-              color="white"
-              icon="tabler-x"
-            />
-          </VBtn>
-
-          <VToolbarTitle>Settings</VToolbarTitle>
-
-          <VSpacer />
-
-          <VToolbarItems>
-            <VBtn
-              variant="text"
-              @click="isDialogVisible = false"
-            >
-              Save
-            </VBtn>
-          </VToolbarItems>
-        </VToolbar>
-      </div>
-
-      <!-- List -->
-      <VList lines="two">
-        <VListSubheader>User Controls</VListSubheader>
-        <VListItem
-          title="Content filtering"
-          subtitle="Set the content filtering level to restrict apps that can be downloaded"
-        />
-        <VListItem
-          title="Password"
-          subtitle="Require password for purchase or use password to restrict purchase"
-        />
-      </VList>
-
-      <VDivider />
-
-      <!-- List -->
-      <VList
-        lines="two"
-        select-strategy="classic"
-        class="full-screen-dialog-list"
-      >
-        <VListSubheader>General</VListSubheader>
-
-        <VListItem
-          title="Notifications"
-          subtitle="Notify me about updates to apps or games that I downloaded"
-          value="Notifications"
-        >
-          <template #prepend="{ isActive }">
-            <VListItemAction start>
-              <VCheckbox
-                :model-value="isActive"
-                color="primary"
-              />
-            </VListItemAction>
-          </template>
-        </VListItem>
-
-        <VListItem
-          title="Sound"
-          subtitle="Auto-update apps at any time. Data charges may apply"
-          value="Sound"
-        >
-          <template #prepend="{ isActive }">
-            <VListItemAction start>
-              <VCheckbox
-                :model-value="isActive"
-                color="primary"
-              />
-            </VListItemAction>
-          </template>
-        </VListItem>
-
-        <VListItem
-          title="Auto-add widgets"
-          subtitle="Automatically add home screen widgets"
-          value="Auto-add widgets"
-        >
-          <template #prepend="{ isActive }">
-            <VListItemAction start>
-              <VCheckbox
-                :model-value="isActive"
-                color="primary"
-              />
-            </VListItemAction>
-          </template>
-        </VListItem>
-      </VList>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.dialog-bottom-transition-enter-active,
-.dialog-bottom-transition-leave-active {
-  transition: transform 0.2s ease-in-out;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogLoader.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogLoader.vue
deleted file mode 100644
index 94d6175..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogLoader.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts" setup>
-const isDialogVisible = ref(false)
-
-watch(isDialogVisible, value => {
-  if (!value)
-    return
-
-  setTimeout(() => {
-    isDialogVisible.value = false
-  }, 4000)
-})
-</script>
-
-<template>
-  <!-- Dialog Activator -->
-  <VBtn
-    :disabled="isDialogVisible"
-    @click="isDialogVisible = true"
-  >
-    Start loading
-  </VBtn>
-
-  <!-- Dialog -->
-  <VDialog
-    v-model="isDialogVisible"
-    width="300"
-  >
-    <VCard
-      color="primary"
-      width="300"
-    >
-      <VCardText class="pt-3">
-        Please stand by
-        <VProgressLinear
-          indeterminate
-          bg-color="rgba(var(--v-theme-surface), 0.1)"
-          :height="8"
-          class="mb-0 mt-4"
-        />
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogNesting.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogNesting.vue
deleted file mode 100644
index 346bef5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogNesting.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<script lang="ts" setup>
-const isDialogVisible = ref(false)
-const isDialogTwoShow = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isDialogVisible = true">
-    Open Dialog
-  </VBtn>
-
-  <!-- Dialog -->
-  <VDialog
-    v-model="isDialogVisible"
-    class="v-dialog-sm"
-  >
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = false" />
-
-    <VCard title="Dialog">
-      <VCardText>
-        Biscuit fruitcake marshmallow jelly beans jujubes halvah cupcake topping. Chocolate cookie jelly-o toffee tart oat cake. Tart sugar plum gingerbread halvah muffin sweet. Cake halvah tart soufflé pudding.
-      </VCardText>
-
-      <VCardText class="d-flex justify-end flex-wrap gap-3">
-        <VBtn
-          variant="tonal"
-          color="secondary"
-          @click="isDialogVisible = false"
-        >
-          Close
-        </VBtn>
-        <VBtn @click="isDialogTwoShow = !isDialogTwoShow">
-          Open Dialog 2
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-
-  <!-- Dialog 2 -->
-  <VDialog
-    v-model="isDialogTwoShow"
-    class="v-dialog-sm"
-  >
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogTwoShow = false" />
-
-    <VCard title="Dialog 2">
-      <VCardText>I'm a nested dialog.</VCardText>
-      <VCardText class="d-flex flex-wrap gap-3">
-        <VSpacer />
-        <VBtn @click="isDialogTwoShow = false">
-          Close
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogOverflowed.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogOverflowed.vue
deleted file mode 100644
index 4fe2216..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogOverflowed.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts" setup>
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    class="v-dialog-sm"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn
-        color="primary"
-        v-bind="props"
-      >
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard title="Use Google's location service?">
-      <VCardText>
-        Bear claw pastry cotton candy jelly toffee. Pudding chocolate cake shortbread bonbon biscuit sweet. Lemon drops cupcake muffin brownie fruitcake. Pastry pastry tootsie roll jujubes chocolate cake gummi bears muffin pudding caramels. Jujubes lollipop gummies croissant shortbread. Cupcake dessert marzipan topping gingerbread apple pie chupa chups powder. Cake croissant halvah candy canes gummies. Candy tootsie roll sweet lemon drops tart cotton candy jujubes topping chupa chups. Biscuit icing pastry chocolate bar lollipop. Lemon drops oat cake chocolate cake dessert chocolate. Carrot cake ice cream bonbon tart tootsie roll cupcake dessert gingerbread. Apple pie dessert sweet candy bonbon. Sugar plum gummies powder brownie dessert candy canes candy canes candy.
-
-        Sweet liquorice danish jujubes tart marshmallow cake. Danish chocolate bar icing dessert bonbon. Chocolate liquorice candy donut shortbread bonbon jujubes tart. Marshmallow cupcake marzipan icing pie dragée toffee. Cupcake soufflé pastry oat cake icing sesame snaps oat cake. Lollipop cheesecake cake tiramisu chocolate cake croissant. Donut candy canes sweet roll ice cream toffee gingerbread. Jelly-o biscuit oat cake cheesecake jujubes. Pudding chocolate biscuit gummies sesame snaps. Lemon drops candy canes chupa chups pudding muffin jujubes cupcake danish. Wafer chocolate oat cake sweet chocolate muffin. Pie dragée soufflé oat cake toffee dragée gummi bears. Jelly-o chocolate jelly fruitcake tart muffin icing sweet.
-
-        Gummies pie lollipop carrot cake gingerbread sweet. Marshmallow tiramisu chocolate cake cake marshmallow. Pudding fruitcake shortbread biscuit powder cake. Dragée cookie cheesecake chupa chups toffee wafer. Wafer donut pudding chocolate shortbread cheesecake. Cupcake sweet roll lollipop chupa chups donut croissant carrot cake chocolate cake. Toffee soufflé biscuit gingerbread fruitcake. Jelly beans pudding jelly-o gingerbread apple pie ice cream. Muffin halvah cookie topping muffin sugar plum. Bonbon dessert cake tiramisu marzipan apple pie. Jelly beans caramels icing cake cake tiramisu dessert dessert jelly-o. Halvah ice cream cotton candy chupa chups cheesecake pudding cheesecake cupcake gummies. Croissant cookie candy canes cake chocolate.
-
-        Pie cotton candy caramels sweet cake liquorice. Bear claw oat cake candy danish jelly-o fruitcake muffin sugar plum cupcake. Pudding cake cake lollipop chupa chups topping apple pie jelly oat cake. Pie candy canes tiramisu gummies icing cotton candy fruitcake marshmallow dragée. Pudding caramels muffin cookie cookie cupcake brownie ice cream. Liquorice lemon drops lemon drops cotton candy biscuit jelly-o jujubes topping. Lemon drops sweet dragée dessert sugar plum chocolate topping sugar plum oat cake. Muffin candy canes bonbon cotton candy liquorice gingerbread sesame snaps chocolate bar. Muffin gingerbread sesame snaps cake donut pie gingerbread soufflé croissant. Topping tart shortbread toffee jelly-o gingerbread cheesecake cupcake cake. Pudding powder icing marshmallow bear claw sesame snaps carrot cake. Jelly beans dessert tiramisu shortbread gummi bears gummies cotton candy. Tiramisu liquorice cookie pastry caramels icing tootsie roll.
-
-        Pudding croissant tootsie roll jelly-o jelly beans gummi bears. Shortbread candy canes biscuit candy donut marshmallow candy canes. Fruitcake marshmallow chocolate bar sweet roll tart gummi bears brownie cupcake dragée. Cheesecake gummies sesame snaps soufflé jelly beans halvah bonbon tootsie roll. Sesame snaps marzipan cupcake candy cheesecake lollipop. Donut candy jelly-o liquorice topping gummi bears halvah. Pie sweet sweet jujubes bear claw marshmallow pudding lollipop tiramisu. Tiramisu tootsie roll topping chocolate cake tootsie roll cotton candy brownie. Jelly beans biscuit caramels cake toffee toffee lemon drops dessert. Toffee chupa chups tart bonbon brownie cake shortbread. Gummies marshmallow topping dragée chocolate bar. Chupa chups donut cheesecake cookie fruitcake muffin. Jelly-o cupcake cheesecake chocolate bar cupcake wafer. Liquorice muffin marzipan cotton candy cake lemon drops cake brownie.
-      </VCardText>
-
-      <VCardText class="d-flex justify-end flex-wrap gap-3">
-        <VBtn
-          color="secondary"
-          variant="tonal"
-          @click="isDialogVisible = false"
-        >
-          Disagree
-        </VBtn>
-        <VBtn @click="isDialogVisible = false">
-          Agree
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogPersistent.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogPersistent.vue
deleted file mode 100644
index 09df7e1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogPersistent.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<script lang="ts" setup>
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    persistent
-    class="v-dialog-sm"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard title="Use Google's location service?">
-      <VCardText>
-        Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.
-      </VCardText>
-
-      <VCardText class="d-flex justify-end gap-3 flex-wrap">
-        <VBtn
-          color="secondary"
-          variant="tonal"
-          @click="isDialogVisible = false"
-        >
-          Disagree
-        </VBtn>
-        <VBtn @click="isDialogVisible = false">
-          Agree
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogScrollable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogScrollable.vue
deleted file mode 100644
index feae48e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/DemoDialogScrollable.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<script lang="ts" setup>
-const countryList = [
-  { label: 'Bahamas, The', value: 'bahamas' },
-  { label: 'Bahrain', value: 'bahrain' },
-  { label: 'Bangladesh', value: 'bangladesh' },
-  { label: 'Barbados', value: 'barbados' },
-  { label: 'Belarus', value: 'belarus' },
-  { label: 'Belgium', value: 'belgium' },
-  { label: 'Belize', value: 'belize' },
-  { label: 'Benin', value: 'benin' },
-  { label: 'Bhutan', value: 'bhutan' },
-  { label: 'Bolivia', value: 'bolivia' },
-  { label: 'Bosnia and Herzegovina', value: 'bosnia' },
-  { label: 'Botswana', value: 'botswana' },
-  { label: 'Brazil', value: 'brazil' },
-  { label: 'Brunei', value: 'brunei' },
-  { label: 'Bulgaria', value: 'bulgaria' },
-  { label: 'Burkina Faso', value: 'burkina' },
-]
-
-const selectedCountry = ref('')
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    scrollable
-    max-width="350"
-    content-class="scrollable-dialog"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard>
-      <VCardItem class="pb-5">
-        <VCardTitle>Select Country</VCardTitle>
-      </VCardItem>
-
-      <VDivider />
-      <VCardText style="block-size: 300px;">
-        <VRadioGroup
-          v-model="selectedCountry"
-          :inline="false"
-        >
-          <VRadio
-            v-for="country in countryList"
-            :key="country.label"
-            :label="country.label"
-            :value="country.value"
-            color="primary"
-          />
-        </VRadioGroup>
-      </VCardText>
-
-      <VDivider />
-
-      <VCardText class="d-flex justify-end flex-wrap gap-3 pt-5 overflow-visible">
-        <VBtn
-          color="secondary"
-          variant="tonal"
-          @click="isDialogVisible = false"
-        >
-          Close
-        </VBtn>
-        <VBtn @click="isDialogVisible = false">
-          Save
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.scrollable-dialog {
-  overflow: visible !important;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/demoCodeDialog.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/demoCodeDialog.ts
deleted file mode 100644
index 9378a6d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/dialog/demoCodeDialog.ts
+++ /dev/null
@@ -1,1200 +0,0 @@
-export const basic = {
-  ts: `<script lang="ts" setup>
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    width="500"
-  >
-    <!-- Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Click Me
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard title="Privacy Policy">
-      <VCardText>
-        Bear claw pastry cotton candy jelly toffee. Pudding chocolate cake shortbread bonbon biscuit sweet. Lemon drops cupcake muffin brownie fruitcake. Pastry pastry tootsie roll jujubes chocolate cake gummi bears muffin pudding caramels. Jujubes lollipop gummies croissant shortbread. Cupcake dessert marzipan topping gingerbread apple pie chupa chups powder. Cake croissant halvah candy canes gummies.
-      </VCardText>
-
-      <VCardText class="d-flex justify-end">
-        <VBtn @click="isDialogVisible = false">
-          I accept
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-  js: `<script setup>
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    width="500"
-  >
-    <!-- Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Click Me
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard title="Privacy Policy">
-      <VCardText>
-        Bear claw pastry cotton candy jelly toffee. Pudding chocolate cake shortbread bonbon biscuit sweet. Lemon drops cupcake muffin brownie fruitcake. Pastry pastry tootsie roll jujubes chocolate cake gummi bears muffin pudding caramels. Jujubes lollipop gummies croissant shortbread. Cupcake dessert marzipan topping gingerbread apple pie chupa chups powder. Cake croissant halvah candy canes gummies.
-      </VCardText>
-
-      <VCardText class="d-flex justify-end">
-        <VBtn @click="isDialogVisible = false">
-          I accept
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-}
-
-export const form = {
-  ts: `<script lang="ts" setup>
-const isDialogVisible = ref(false)
-const firstName = ref('')
-const middleName = ref('')
-const lastName = ref('')
-const email = ref('')
-const password = ref('')
-const age = ref()
-const interest = ref<string[]>([])
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    max-width="600"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard title="User Profile">
-      <VCardText>
-        <VRow>
-          <VCol
-            cols="12"
-            sm="6"
-            md="4"
-          >
-            <AppTextField
-              v-model="firstName"
-              label="First Name"
-              placeholder="John"
-            />
-          </VCol>
-          <VCol
-            cols="12"
-            sm="6"
-            md="4"
-          >
-            <AppTextField
-              v-model="middleName"
-              label="Middle Name"
-              placeholder="peter"
-            />
-          </VCol>
-          <VCol
-            cols="12"
-            sm="6"
-            md="4"
-          >
-            <AppTextField
-              v-model="lastName"
-              label="Last Name"
-              persistent-hint
-              placeholder="Doe"
-            />
-          </VCol>
-          <VCol cols="12">
-            <AppTextField
-              v-model="email"
-              label="Email"
-              placeholder="johndoe@email.com"
-            />
-          </VCol>
-          <VCol cols="12">
-            <AppTextField
-              v-model="password"
-              label="Password"
-              autocomplete="on"
-              type="password"
-              placeholder="············"
-            />
-          </VCol>
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="age"
-              label="Age"
-              type="number"
-              placeholder="18"
-            />
-          </VCol>
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="interest"
-              label="Interests"
-              placeholder="Sports, Music, Movies"
-            />
-          </VCol>
-        </VRow>
-      </VCardText>
-
-      <VCardText class="d-flex justify-end flex-wrap gap-3">
-        <VBtn
-          variant="tonal"
-          color="secondary"
-          @click="isDialogVisible = false"
-        >
-          Close
-        </VBtn>
-        <VBtn @click="isDialogVisible = false">
-          Save
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-  js: `<script setup>
-const isDialogVisible = ref(false)
-const firstName = ref('')
-const middleName = ref('')
-const lastName = ref('')
-const email = ref('')
-const password = ref('')
-const age = ref()
-const interest = ref([])
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    max-width="600"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard title="User Profile">
-      <VCardText>
-        <VRow>
-          <VCol
-            cols="12"
-            sm="6"
-            md="4"
-          >
-            <AppTextField
-              v-model="firstName"
-              label="First Name"
-              placeholder="John"
-            />
-          </VCol>
-          <VCol
-            cols="12"
-            sm="6"
-            md="4"
-          >
-            <AppTextField
-              v-model="middleName"
-              label="Middle Name"
-              placeholder="peter"
-            />
-          </VCol>
-          <VCol
-            cols="12"
-            sm="6"
-            md="4"
-          >
-            <AppTextField
-              v-model="lastName"
-              label="Last Name"
-              persistent-hint
-              placeholder="Doe"
-            />
-          </VCol>
-          <VCol cols="12">
-            <AppTextField
-              v-model="email"
-              label="Email"
-              placeholder="johndoe@email.com"
-            />
-          </VCol>
-          <VCol cols="12">
-            <AppTextField
-              v-model="password"
-              label="Password"
-              autocomplete="on"
-              type="password"
-              placeholder="············"
-            />
-          </VCol>
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="age"
-              label="Age"
-              type="number"
-              placeholder="18"
-            />
-          </VCol>
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="interest"
-              label="Interests"
-              placeholder="Sports, Music, Movies"
-            />
-          </VCol>
-        </VRow>
-      </VCardText>
-
-      <VCardText class="d-flex justify-end flex-wrap gap-3">
-        <VBtn
-          variant="tonal"
-          color="secondary"
-          @click="isDialogVisible = false"
-        >
-          Close
-        </VBtn>
-        <VBtn @click="isDialogVisible = false">
-          Save
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-}
-
-export const fullscreen = {
-  ts: `<script lang="ts" setup>
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    fullscreen
-    :scrim="false"
-    transition="dialog-bottom-transition"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog Content -->
-    <VCard>
-      <!-- Toolbar -->
-      <div>
-        <VToolbar color="primary">
-          <VBtn
-            icon
-            variant="plain"
-            @click="isDialogVisible = false"
-          >
-            <VIcon
-              color="white"
-              icon="tabler-x"
-            />
-          </VBtn>
-
-          <VToolbarTitle>Settings</VToolbarTitle>
-
-          <VSpacer />
-
-          <VToolbarItems>
-            <VBtn
-              variant="text"
-              @click="isDialogVisible = false"
-            >
-              Save
-            </VBtn>
-          </VToolbarItems>
-        </VToolbar>
-      </div>
-
-      <!-- List -->
-      <VList lines="two">
-        <VListSubheader>User Controls</VListSubheader>
-        <VListItem
-          title="Content filtering"
-          subtitle="Set the content filtering level to restrict apps that can be downloaded"
-        />
-        <VListItem
-          title="Password"
-          subtitle="Require password for purchase or use password to restrict purchase"
-        />
-      </VList>
-
-      <VDivider />
-
-      <!-- List -->
-      <VList
-        lines="two"
-        select-strategy="classic"
-        class="full-screen-dialog-list"
-      >
-        <VListSubheader>General</VListSubheader>
-
-        <VListItem
-          title="Notifications"
-          subtitle="Notify me about updates to apps or games that I downloaded"
-          value="Notifications"
-        >
-          <template #prepend="{ isActive }">
-            <VListItemAction start>
-              <VCheckbox
-                :model-value="isActive"
-                color="primary"
-              />
-            </VListItemAction>
-          </template>
-        </VListItem>
-
-        <VListItem
-          title="Sound"
-          subtitle="Auto-update apps at any time. Data charges may apply"
-          value="Sound"
-        >
-          <template #prepend="{ isActive }">
-            <VListItemAction start>
-              <VCheckbox
-                :model-value="isActive"
-                color="primary"
-              />
-            </VListItemAction>
-          </template>
-        </VListItem>
-
-        <VListItem
-          title="Auto-add widgets"
-          subtitle="Automatically add home screen widgets"
-          value="Auto-add widgets"
-        >
-          <template #prepend="{ isActive }">
-            <VListItemAction start>
-              <VCheckbox
-                :model-value="isActive"
-                color="primary"
-              />
-            </VListItemAction>
-          </template>
-        </VListItem>
-      </VList>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.dialog-bottom-transition-enter-active,
-.dialog-bottom-transition-leave-active {
-  transition: transform 0.2s ease-in-out;
-}
-</style>
-`,
-  js: `<script setup>
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    fullscreen
-    :scrim="false"
-    transition="dialog-bottom-transition"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog Content -->
-    <VCard>
-      <!-- Toolbar -->
-      <div>
-        <VToolbar color="primary">
-          <VBtn
-            icon
-            variant="plain"
-            @click="isDialogVisible = false"
-          >
-            <VIcon
-              color="white"
-              icon="tabler-x"
-            />
-          </VBtn>
-
-          <VToolbarTitle>Settings</VToolbarTitle>
-
-          <VSpacer />
-
-          <VToolbarItems>
-            <VBtn
-              variant="text"
-              @click="isDialogVisible = false"
-            >
-              Save
-            </VBtn>
-          </VToolbarItems>
-        </VToolbar>
-      </div>
-
-      <!-- List -->
-      <VList lines="two">
-        <VListSubheader>User Controls</VListSubheader>
-        <VListItem
-          title="Content filtering"
-          subtitle="Set the content filtering level to restrict apps that can be downloaded"
-        />
-        <VListItem
-          title="Password"
-          subtitle="Require password for purchase or use password to restrict purchase"
-        />
-      </VList>
-
-      <VDivider />
-
-      <!-- List -->
-      <VList
-        lines="two"
-        select-strategy="classic"
-        class="full-screen-dialog-list"
-      >
-        <VListSubheader>General</VListSubheader>
-
-        <VListItem
-          title="Notifications"
-          subtitle="Notify me about updates to apps or games that I downloaded"
-          value="Notifications"
-        >
-          <template #prepend="{ isActive }">
-            <VListItemAction start>
-              <VCheckbox
-                :model-value="isActive"
-                color="primary"
-              />
-            </VListItemAction>
-          </template>
-        </VListItem>
-
-        <VListItem
-          title="Sound"
-          subtitle="Auto-update apps at any time. Data charges may apply"
-          value="Sound"
-        >
-          <template #prepend="{ isActive }">
-            <VListItemAction start>
-              <VCheckbox
-                :model-value="isActive"
-                color="primary"
-              />
-            </VListItemAction>
-          </template>
-        </VListItem>
-
-        <VListItem
-          title="Auto-add widgets"
-          subtitle="Automatically add home screen widgets"
-          value="Auto-add widgets"
-        >
-          <template #prepend="{ isActive }">
-            <VListItemAction start>
-              <VCheckbox
-                :model-value="isActive"
-                color="primary"
-              />
-            </VListItemAction>
-          </template>
-        </VListItem>
-      </VList>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.dialog-bottom-transition-enter-active,
-.dialog-bottom-transition-leave-active {
-  transition: transform 0.2s ease-in-out;
-}
-</style>
-`,
-}
-
-export const loader = {
-  ts: `<script lang="ts" setup>
-const isDialogVisible = ref(false)
-
-watch(isDialogVisible, value => {
-  if (!value)
-    return
-
-  setTimeout(() => {
-    isDialogVisible.value = false
-  }, 4000)
-})
-</script>
-
-<template>
-  <!-- Dialog Activator -->
-  <VBtn
-    :disabled="isDialogVisible"
-    @click="isDialogVisible = true"
-  >
-    Start loading
-  </VBtn>
-
-  <!-- Dialog -->
-  <VDialog
-    v-model="isDialogVisible"
-    width="300"
-  >
-    <VCard
-      color="primary"
-      width="300"
-    >
-      <VCardText class="pt-3">
-        Please stand by
-        <VProgressLinear
-          indeterminate
-          bg-color="rgba(var(--v-theme-surface), 0.1)"
-          :height="8"
-          class="mb-0 mt-4"
-        />
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-  js: `<script setup>
-const isDialogVisible = ref(false)
-
-watch(isDialogVisible, value => {
-  if (!value)
-    return
-  setTimeout(() => {
-    isDialogVisible.value = false
-  }, 4000)
-})
-</script>
-
-<template>
-  <!-- Dialog Activator -->
-  <VBtn
-    :disabled="isDialogVisible"
-    @click="isDialogVisible = true"
-  >
-    Start loading
-  </VBtn>
-
-  <!-- Dialog -->
-  <VDialog
-    v-model="isDialogVisible"
-    width="300"
-  >
-    <VCard
-      color="primary"
-      width="300"
-    >
-      <VCardText class="pt-3">
-        Please stand by
-        <VProgressLinear
-          indeterminate
-          bg-color="rgba(var(--v-theme-surface), 0.1)"
-          :height="8"
-          class="mb-0 mt-4"
-        />
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-}
-
-export const nesting = {
-  ts: `<script lang="ts" setup>
-const isDialogVisible = ref(false)
-const isDialogTwoShow = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isDialogVisible = true">
-    Open Dialog
-  </VBtn>
-
-  <!-- Dialog -->
-  <VDialog
-    v-model="isDialogVisible"
-    class="v-dialog-sm"
-  >
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = false" />
-
-    <VCard title="Dialog">
-      <VCardText>
-        Biscuit fruitcake marshmallow jelly beans jujubes halvah cupcake topping. Chocolate cookie jelly-o toffee tart oat cake. Tart sugar plum gingerbread halvah muffin sweet. Cake halvah tart soufflé pudding.
-      </VCardText>
-
-      <VCardText class="d-flex justify-end flex-wrap gap-3">
-        <VBtn
-          variant="tonal"
-          color="secondary"
-          @click="isDialogVisible = false"
-        >
-          Close
-        </VBtn>
-        <VBtn @click="isDialogTwoShow = !isDialogTwoShow">
-          Open Dialog 2
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-
-  <!-- Dialog 2 -->
-  <VDialog
-    v-model="isDialogTwoShow"
-    class="v-dialog-sm"
-  >
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogTwoShow = false" />
-
-    <VCard title="Dialog 2">
-      <VCardText>I'm a nested dialog.</VCardText>
-      <VCardText class="d-flex flex-wrap gap-3">
-        <VSpacer />
-        <VBtn @click="isDialogTwoShow = false">
-          Close
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-  js: `<script setup>
-const isDialogVisible = ref(false)
-const isDialogTwoShow = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isDialogVisible = true">
-    Open Dialog
-  </VBtn>
-
-  <!-- Dialog -->
-  <VDialog
-    v-model="isDialogVisible"
-    class="v-dialog-sm"
-  >
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = false" />
-
-    <VCard title="Dialog">
-      <VCardText>
-        Biscuit fruitcake marshmallow jelly beans jujubes halvah cupcake topping. Chocolate cookie jelly-o toffee tart oat cake. Tart sugar plum gingerbread halvah muffin sweet. Cake halvah tart soufflé pudding.
-      </VCardText>
-
-      <VCardText class="d-flex justify-end flex-wrap gap-3">
-        <VBtn
-          variant="tonal"
-          color="secondary"
-          @click="isDialogVisible = false"
-        >
-          Close
-        </VBtn>
-        <VBtn @click="isDialogTwoShow = !isDialogTwoShow">
-          Open Dialog 2
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-
-  <!-- Dialog 2 -->
-  <VDialog
-    v-model="isDialogTwoShow"
-    class="v-dialog-sm"
-  >
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogTwoShow = false" />
-
-    <VCard title="Dialog 2">
-      <VCardText>I'm a nested dialog.</VCardText>
-      <VCardText class="d-flex flex-wrap gap-3">
-        <VSpacer />
-        <VBtn @click="isDialogTwoShow = false">
-          Close
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-}
-
-export const overflowed = {
-  ts: `<script lang="ts" setup>
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    class="v-dialog-sm"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn
-        color="primary"
-        v-bind="props"
-      >
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard title="Use Google's location service?">
-      <VCardText>
-        Bear claw pastry cotton candy jelly toffee. Pudding chocolate cake shortbread bonbon biscuit sweet. Lemon drops cupcake muffin brownie fruitcake. Pastry pastry tootsie roll jujubes chocolate cake gummi bears muffin pudding caramels. Jujubes lollipop gummies croissant shortbread. Cupcake dessert marzipan topping gingerbread apple pie chupa chups powder. Cake croissant halvah candy canes gummies. Candy tootsie roll sweet lemon drops tart cotton candy jujubes topping chupa chups. Biscuit icing pastry chocolate bar lollipop. Lemon drops oat cake chocolate cake dessert chocolate. Carrot cake ice cream bonbon tart tootsie roll cupcake dessert gingerbread. Apple pie dessert sweet candy bonbon. Sugar plum gummies powder brownie dessert candy canes candy canes candy.
-
-        Sweet liquorice danish jujubes tart marshmallow cake. Danish chocolate bar icing dessert bonbon. Chocolate liquorice candy donut shortbread bonbon jujubes tart. Marshmallow cupcake marzipan icing pie dragée toffee. Cupcake soufflé pastry oat cake icing sesame snaps oat cake. Lollipop cheesecake cake tiramisu chocolate cake croissant. Donut candy canes sweet roll ice cream toffee gingerbread. Jelly-o biscuit oat cake cheesecake jujubes. Pudding chocolate biscuit gummies sesame snaps. Lemon drops candy canes chupa chups pudding muffin jujubes cupcake danish. Wafer chocolate oat cake sweet chocolate muffin. Pie dragée soufflé oat cake toffee dragée gummi bears. Jelly-o chocolate jelly fruitcake tart muffin icing sweet.
-
-        Gummies pie lollipop carrot cake gingerbread sweet. Marshmallow tiramisu chocolate cake cake marshmallow. Pudding fruitcake shortbread biscuit powder cake. Dragée cookie cheesecake chupa chups toffee wafer. Wafer donut pudding chocolate shortbread cheesecake. Cupcake sweet roll lollipop chupa chups donut croissant carrot cake chocolate cake. Toffee soufflé biscuit gingerbread fruitcake. Jelly beans pudding jelly-o gingerbread apple pie ice cream. Muffin halvah cookie topping muffin sugar plum. Bonbon dessert cake tiramisu marzipan apple pie. Jelly beans caramels icing cake cake tiramisu dessert dessert jelly-o. Halvah ice cream cotton candy chupa chups cheesecake pudding cheesecake cupcake gummies. Croissant cookie candy canes cake chocolate.
-
-        Pie cotton candy caramels sweet cake liquorice. Bear claw oat cake candy danish jelly-o fruitcake muffin sugar plum cupcake. Pudding cake cake lollipop chupa chups topping apple pie jelly oat cake. Pie candy canes tiramisu gummies icing cotton candy fruitcake marshmallow dragée. Pudding caramels muffin cookie cookie cupcake brownie ice cream. Liquorice lemon drops lemon drops cotton candy biscuit jelly-o jujubes topping. Lemon drops sweet dragée dessert sugar plum chocolate topping sugar plum oat cake. Muffin candy canes bonbon cotton candy liquorice gingerbread sesame snaps chocolate bar. Muffin gingerbread sesame snaps cake donut pie gingerbread soufflé croissant. Topping tart shortbread toffee jelly-o gingerbread cheesecake cupcake cake. Pudding powder icing marshmallow bear claw sesame snaps carrot cake. Jelly beans dessert tiramisu shortbread gummi bears gummies cotton candy. Tiramisu liquorice cookie pastry caramels icing tootsie roll.
-
-        Pudding croissant tootsie roll jelly-o jelly beans gummi bears. Shortbread candy canes biscuit candy donut marshmallow candy canes. Fruitcake marshmallow chocolate bar sweet roll tart gummi bears brownie cupcake dragée. Cheesecake gummies sesame snaps soufflé jelly beans halvah bonbon tootsie roll. Sesame snaps marzipan cupcake candy cheesecake lollipop. Donut candy jelly-o liquorice topping gummi bears halvah. Pie sweet sweet jujubes bear claw marshmallow pudding lollipop tiramisu. Tiramisu tootsie roll topping chocolate cake tootsie roll cotton candy brownie. Jelly beans biscuit caramels cake toffee toffee lemon drops dessert. Toffee chupa chups tart bonbon brownie cake shortbread. Gummies marshmallow topping dragée chocolate bar. Chupa chups donut cheesecake cookie fruitcake muffin. Jelly-o cupcake cheesecake chocolate bar cupcake wafer. Liquorice muffin marzipan cotton candy cake lemon drops cake brownie.
-      </VCardText>
-
-      <VCardText class="d-flex justify-end flex-wrap gap-3">
-        <VBtn
-          color="secondary"
-          variant="tonal"
-          @click="isDialogVisible = false"
-        >
-          Disagree
-        </VBtn>
-        <VBtn @click="isDialogVisible = false">
-          Agree
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-  js: `<script setup>
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    class="v-dialog-sm"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn
-        color="primary"
-        v-bind="props"
-      >
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard title="Use Google's location service?">
-      <VCardText>
-        Bear claw pastry cotton candy jelly toffee. Pudding chocolate cake shortbread bonbon biscuit sweet. Lemon drops cupcake muffin brownie fruitcake. Pastry pastry tootsie roll jujubes chocolate cake gummi bears muffin pudding caramels. Jujubes lollipop gummies croissant shortbread. Cupcake dessert marzipan topping gingerbread apple pie chupa chups powder. Cake croissant halvah candy canes gummies. Candy tootsie roll sweet lemon drops tart cotton candy jujubes topping chupa chups. Biscuit icing pastry chocolate bar lollipop. Lemon drops oat cake chocolate cake dessert chocolate. Carrot cake ice cream bonbon tart tootsie roll cupcake dessert gingerbread. Apple pie dessert sweet candy bonbon. Sugar plum gummies powder brownie dessert candy canes candy canes candy.
-
-        Sweet liquorice danish jujubes tart marshmallow cake. Danish chocolate bar icing dessert bonbon. Chocolate liquorice candy donut shortbread bonbon jujubes tart. Marshmallow cupcake marzipan icing pie dragée toffee. Cupcake soufflé pastry oat cake icing sesame snaps oat cake. Lollipop cheesecake cake tiramisu chocolate cake croissant. Donut candy canes sweet roll ice cream toffee gingerbread. Jelly-o biscuit oat cake cheesecake jujubes. Pudding chocolate biscuit gummies sesame snaps. Lemon drops candy canes chupa chups pudding muffin jujubes cupcake danish. Wafer chocolate oat cake sweet chocolate muffin. Pie dragée soufflé oat cake toffee dragée gummi bears. Jelly-o chocolate jelly fruitcake tart muffin icing sweet.
-
-        Gummies pie lollipop carrot cake gingerbread sweet. Marshmallow tiramisu chocolate cake cake marshmallow. Pudding fruitcake shortbread biscuit powder cake. Dragée cookie cheesecake chupa chups toffee wafer. Wafer donut pudding chocolate shortbread cheesecake. Cupcake sweet roll lollipop chupa chups donut croissant carrot cake chocolate cake. Toffee soufflé biscuit gingerbread fruitcake. Jelly beans pudding jelly-o gingerbread apple pie ice cream. Muffin halvah cookie topping muffin sugar plum. Bonbon dessert cake tiramisu marzipan apple pie. Jelly beans caramels icing cake cake tiramisu dessert dessert jelly-o. Halvah ice cream cotton candy chupa chups cheesecake pudding cheesecake cupcake gummies. Croissant cookie candy canes cake chocolate.
-
-        Pie cotton candy caramels sweet cake liquorice. Bear claw oat cake candy danish jelly-o fruitcake muffin sugar plum cupcake. Pudding cake cake lollipop chupa chups topping apple pie jelly oat cake. Pie candy canes tiramisu gummies icing cotton candy fruitcake marshmallow dragée. Pudding caramels muffin cookie cookie cupcake brownie ice cream. Liquorice lemon drops lemon drops cotton candy biscuit jelly-o jujubes topping. Lemon drops sweet dragée dessert sugar plum chocolate topping sugar plum oat cake. Muffin candy canes bonbon cotton candy liquorice gingerbread sesame snaps chocolate bar. Muffin gingerbread sesame snaps cake donut pie gingerbread soufflé croissant. Topping tart shortbread toffee jelly-o gingerbread cheesecake cupcake cake. Pudding powder icing marshmallow bear claw sesame snaps carrot cake. Jelly beans dessert tiramisu shortbread gummi bears gummies cotton candy. Tiramisu liquorice cookie pastry caramels icing tootsie roll.
-
-        Pudding croissant tootsie roll jelly-o jelly beans gummi bears. Shortbread candy canes biscuit candy donut marshmallow candy canes. Fruitcake marshmallow chocolate bar sweet roll tart gummi bears brownie cupcake dragée. Cheesecake gummies sesame snaps soufflé jelly beans halvah bonbon tootsie roll. Sesame snaps marzipan cupcake candy cheesecake lollipop. Donut candy jelly-o liquorice topping gummi bears halvah. Pie sweet sweet jujubes bear claw marshmallow pudding lollipop tiramisu. Tiramisu tootsie roll topping chocolate cake tootsie roll cotton candy brownie. Jelly beans biscuit caramels cake toffee toffee lemon drops dessert. Toffee chupa chups tart bonbon brownie cake shortbread. Gummies marshmallow topping dragée chocolate bar. Chupa chups donut cheesecake cookie fruitcake muffin. Jelly-o cupcake cheesecake chocolate bar cupcake wafer. Liquorice muffin marzipan cotton candy cake lemon drops cake brownie.
-      </VCardText>
-
-      <VCardText class="d-flex justify-end flex-wrap gap-3">
-        <VBtn
-          color="secondary"
-          variant="tonal"
-          @click="isDialogVisible = false"
-        >
-          Disagree
-        </VBtn>
-        <VBtn @click="isDialogVisible = false">
-          Agree
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-}
-
-export const persistent = {
-  ts: `<script lang="ts" setup>
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    persistent
-    class="v-dialog-sm"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard title="Use Google's location service?">
-      <VCardText>
-        Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.
-      </VCardText>
-
-      <VCardText class="d-flex justify-end gap-3 flex-wrap">
-        <VBtn
-          color="secondary"
-          variant="tonal"
-          @click="isDialogVisible = false"
-        >
-          Disagree
-        </VBtn>
-        <VBtn @click="isDialogVisible = false">
-          Agree
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-  js: `<script setup>
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    persistent
-    class="v-dialog-sm"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard title="Use Google's location service?">
-      <VCardText>
-        Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.
-      </VCardText>
-
-      <VCardText class="d-flex justify-end gap-3 flex-wrap">
-        <VBtn
-          color="secondary"
-          variant="tonal"
-          @click="isDialogVisible = false"
-        >
-          Disagree
-        </VBtn>
-        <VBtn @click="isDialogVisible = false">
-          Agree
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-}
-
-export const scrollable = {
-  ts: `<script lang="ts" setup>
-const countryList = [
-  { label: 'Bahamas, The', value: 'bahamas' },
-  { label: 'Bahrain', value: 'bahrain' },
-  { label: 'Bangladesh', value: 'bangladesh' },
-  { label: 'Barbados', value: 'barbados' },
-  { label: 'Belarus', value: 'belarus' },
-  { label: 'Belgium', value: 'belgium' },
-  { label: 'Belize', value: 'belize' },
-  { label: 'Benin', value: 'benin' },
-  { label: 'Bhutan', value: 'bhutan' },
-  { label: 'Bolivia', value: 'bolivia' },
-  { label: 'Bosnia and Herzegovina', value: 'bosnia' },
-  { label: 'Botswana', value: 'botswana' },
-  { label: 'Brazil', value: 'brazil' },
-  { label: 'Brunei', value: 'brunei' },
-  { label: 'Bulgaria', value: 'bulgaria' },
-  { label: 'Burkina Faso', value: 'burkina' },
-]
-
-const selectedCountry = ref('')
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    scrollable
-    max-width="350"
-    content-class="scrollable-dialog"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard>
-      <VCardItem class="pb-5">
-        <VCardTitle>Select Country</VCardTitle>
-      </VCardItem>
-
-      <VDivider />
-      <VCardText style="block-size: 300px;">
-        <VRadioGroup
-          v-model="selectedCountry"
-          :inline="false"
-        >
-          <VRadio
-            v-for="country in countryList"
-            :key="country.label"
-            :label="country.label"
-            :value="country.value"
-            color="primary"
-          />
-        </VRadioGroup>
-      </VCardText>
-
-      <VDivider />
-
-      <VCardText class="d-flex justify-end flex-wrap gap-3 pt-5 overflow-visible">
-        <VBtn
-          color="secondary"
-          variant="tonal"
-          @click="isDialogVisible = false"
-        >
-          Close
-        </VBtn>
-        <VBtn @click="isDialogVisible = false">
-          Save
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.scrollable-dialog {
-  overflow: visible !important;
-}
-</style>
-`,
-  js: `<script setup>
-const countryList = [
-  {
-    label: 'Bahamas, The',
-    value: 'bahamas',
-  },
-  {
-    label: 'Bahrain',
-    value: 'bahrain',
-  },
-  {
-    label: 'Bangladesh',
-    value: 'bangladesh',
-  },
-  {
-    label: 'Barbados',
-    value: 'barbados',
-  },
-  {
-    label: 'Belarus',
-    value: 'belarus',
-  },
-  {
-    label: 'Belgium',
-    value: 'belgium',
-  },
-  {
-    label: 'Belize',
-    value: 'belize',
-  },
-  {
-    label: 'Benin',
-    value: 'benin',
-  },
-  {
-    label: 'Bhutan',
-    value: 'bhutan',
-  },
-  {
-    label: 'Bolivia',
-    value: 'bolivia',
-  },
-  {
-    label: 'Bosnia and Herzegovina',
-    value: 'bosnia',
-  },
-  {
-    label: 'Botswana',
-    value: 'botswana',
-  },
-  {
-    label: 'Brazil',
-    value: 'brazil',
-  },
-  {
-    label: 'Brunei',
-    value: 'brunei',
-  },
-  {
-    label: 'Bulgaria',
-    value: 'bulgaria',
-  },
-  {
-    label: 'Burkina Faso',
-    value: 'burkina',
-  },
-]
-
-const selectedCountry = ref('')
-const isDialogVisible = ref(false)
-</script>
-
-<template>
-  <VDialog
-    v-model="isDialogVisible"
-    scrollable
-    max-width="350"
-    content-class="scrollable-dialog"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Open Dialog
-      </VBtn>
-    </template>
-
-    <!-- Dialog close btn -->
-    <DialogCloseBtn @click="isDialogVisible = !isDialogVisible" />
-
-    <!-- Dialog Content -->
-    <VCard>
-      <VCardItem class="pb-5">
-        <VCardTitle>Select Country</VCardTitle>
-      </VCardItem>
-
-      <VDivider />
-      <VCardText style="block-size: 300px;">
-        <VRadioGroup
-          v-model="selectedCountry"
-          :inline="false"
-        >
-          <VRadio
-            v-for="country in countryList"
-            :key="country.label"
-            :label="country.label"
-            :value="country.value"
-            color="primary"
-          />
-        </VRadioGroup>
-      </VCardText>
-
-      <VDivider />
-
-      <VCardText class="d-flex justify-end flex-wrap gap-3 pt-5 overflow-visible">
-        <VBtn
-          color="secondary"
-          variant="tonal"
-          @click="isDialogVisible = false"
-        >
-          Close
-        </VBtn>
-        <VBtn @click="isDialogVisible = false">
-          Save
-        </VBtn>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-
-<style lang="scss">
-.scrollable-dialog {
-  overflow: visible !important;
-}
-</style>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelAccordion.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelAccordion.vue
deleted file mode 100644
index 10c61f5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelAccordion.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <VExpansionPanels variant="accordion">
-    <VExpansionPanel
-      v-for="item in 4"
-      :key="item"
-    >
-      <VExpansionPanelTitle>
-        Accordion {{ item }}
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Sweet roll ice cream chocolate bar. Ice cream croissant sugar plum I love cupcake gingerbread liquorice cake. Bonbon tart caramels marshmallow chocolate cake icing icing danish pie.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelBasic.vue
deleted file mode 100644
index 97a9786..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelBasic.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <VExpansionPanels multiple>
-    <VExpansionPanel
-      v-for="i in 4"
-      :key="i"
-    >
-      <VExpansionPanelTitle>
-        Item {{ i }}
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelCustomIcon.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelCustomIcon.vue
deleted file mode 100644
index 7fbce03..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelCustomIcon.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<script setup lang="ts">
-const panel = ref(0)
-</script>
-
-<template>
-  <VExpansionPanels
-    v-model="panel"
-    class="no-icon-rotate"
-  >
-    <VExpansionPanel>
-      <VExpansionPanelTitle disable-icon-rotate>
-        Server Down
-        <template #actions>
-          <VIcon
-            size="18"
-            icon="tabler-alert-circle"
-            color="error"
-          />
-        </template>
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Gummies biscuit dessert macaroon liquorice carrot cake oat cake jelly beans cake. Candy wafer tiramisu sugar plum sweet. Ice cream topping gummies biscuit soufflé marzipan topping brownie marshmallow. Chocolate cake cookie pudding gummies cotton candy ice cream. Pie liquorice marzipan cake carrot cake macaroon jelly toffee. Lollipop donut gummi bears caramels icing marzipan.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-
-    <VExpansionPanel>
-      <VExpansionPanelTitle disable-icon-rotate>
-        Sales report generated
-        <template #actions>
-          <VIcon
-            size="18"
-            icon="tabler-check"
-            color="success"
-          />
-        </template>
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Bear claw ice cream icing gummies gingerbread cotton candy tootsie roll cupcake macaroon. Halvah brownie soufflé. Pie dragée macaroon. Tart tootsie roll chocolate bar biscuit jujubes lemon drops. Pudding cotton candy tart jelly-o bear claw lollipop. Jelly-o apple pie candy bonbon chupa chups cupcake cotton candy. Sweet roll cotton candy toffee caramels. Jelly-o chocolate cake toffee pastry halvah. Muffin tiramisu ice cream danish jelly-o brownie powde
-      </VExpansionPanelText>
-    </VExpansionPanel>
-
-    <VExpansionPanel>
-      <VExpansionPanelTitle disable-icon-rotate>
-        High Memory usage
-        <template #actions>
-          <VIcon
-            size="18"
-            icon="tabler-alert-triangle"
-            color="warning"
-          />
-        </template>
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Jelly beans wafer lemon drops macaroon muffin gummies muffin. Ice cream oat cake chocolate bar sesame snaps. Halvah macaroon caramels gummies. Marshmallow jelly beans danish. Cake chocolate cake tiramisu chocolate bar sugar plum biscuit jelly danish. Pudding gummi bears sesame snaps cake soufflé ice cream chocolate bar. Cotton candy ice cream danish chocolate cake topping ice cream. Brownie muffin gingerbread.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelInset.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelInset.vue
deleted file mode 100644
index 4d4cc16..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelInset.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <VExpansionPanels variant="inset">
-    <VExpansionPanel
-      v-for="item in 4"
-      :key="item"
-    >
-      <VExpansionPanelTitle>Inset {{ item }}</VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Chocolate bar sweet roll chocolate cake pastry I love gummi bears pudding chocolate cake. I love brownie powder apple pie sugar plum I love cake candy canes wafer. Tiramisu I love oat cake oat cake danish icing. Dessert sugar plum sugar plum cookie donut chocolate cake oat cake I love gummi bears.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelModel.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelModel.vue
deleted file mode 100644
index e264de4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelModel.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<script lang="ts" setup>
-const openedPanels = ref<number[]>([])
-
-const items = ref(5)
-
-const all = () => {
-  // [...Array(5).keys()] => [0, 1, 2, 3, 4]
-  openedPanels.value = [...Array(items.value).keys()]
-}
-
-const none = () => {
-  openedPanels.value = []
-}
-</script>
-
-<template>
-  <div>
-    <div class="mb-4">
-      <VBtn
-        class="me-4"
-        @click="all"
-      >
-        all
-      </VBtn>
-
-      <VBtn
-        color="error"
-        @click="none"
-      >
-        none
-      </VBtn>
-
-      <div class="mt-3">
-        <span class="font-weight-bold">Selected: </span>{{ openedPanels }}
-      </div>
-    </div>
-
-    <VExpansionPanels
-      v-model="openedPanels"
-      multiple
-    >
-      <VExpansionPanel
-        v-for="item in items"
-        :key="item"
-      >
-        <VExpansionPanelTitle>Header {{ item }}</VExpansionPanelTitle>
-        <VExpansionPanelText>
-          I love I love jujubes halvah cheesecake cookie macaroon sugar plum. Sugar plum I love bear claw marzipan wafer. Wafer sesame snaps danish candy cheesecake carrot cake tootsie roll.
-        </VExpansionPanelText>
-      </VExpansionPanel>
-    </VExpansionPanels>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelPopout.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelPopout.vue
deleted file mode 100644
index 5ce2193..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelPopout.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <VExpansionPanels variant="popout">
-    <VExpansionPanel
-      v-for="item in 4"
-      :key="item"
-    >
-      <VExpansionPanelTitle>Popout {{ item }}</VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Cupcake ipsum dolor sit amet. Candy canes cheesecake chocolate bar I love I love jujubes gummi bears ice cream. Cheesecake tiramisu toffee cheesecake sugar plum candy canes bonbon candy.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelWithBorder.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelWithBorder.vue
deleted file mode 100644
index 20a199d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/DemoExpansionPanelWithBorder.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <VExpansionPanels
-    variant="accordion"
-    class="expansion-panels-width-border"
-  >
-    <VExpansionPanel
-      v-for="item in 4"
-      :key="item"
-      elevation="0"
-    >
-      <VExpansionPanelTitle
-        collapse-icon="tabler-minus"
-        expand-icon="tabler-plus"
-      >
-        Accordion {{ item }}
-      </VExpansionPanelTitle>
-
-      <VExpansionPanelText>
-        Sweet roll ice cream chocolate bar. Ice cream croissant sugar plum I love cupcake gingerbread liquorice cake. Bonbon tart caramels marshmallow chocolate cake icing icing danish pie.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/demoCodeExpansionPanel.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/demoCodeExpansionPanel.ts
deleted file mode 100644
index 755e23b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/expansion-panel/demoCodeExpansionPanel.ts
+++ /dev/null
@@ -1,414 +0,0 @@
-export const accordion = {
-  ts: `<template>
-  <VExpansionPanels variant="accordion">
-    <VExpansionPanel
-      v-for="item in 4"
-      :key="item"
-    >
-      <VExpansionPanelTitle>
-        Accordion {{ item }}
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Sweet roll ice cream chocolate bar. Ice cream croissant sugar plum I love cupcake gingerbread liquorice cake. Bonbon tart caramels marshmallow chocolate cake icing icing danish pie.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
-`,
-  js: `<template>
-  <VExpansionPanels variant="accordion">
-    <VExpansionPanel
-      v-for="item in 4"
-      :key="item"
-    >
-      <VExpansionPanelTitle>
-        Accordion {{ item }}
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Sweet roll ice cream chocolate bar. Ice cream croissant sugar plum I love cupcake gingerbread liquorice cake. Bonbon tart caramels marshmallow chocolate cake icing icing danish pie.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
-`,
-}
-
-export const basic = {
-  ts: `<template>
-  <VExpansionPanels multiple>
-    <VExpansionPanel
-      v-for="i in 4"
-      :key="i"
-    >
-      <VExpansionPanelTitle>
-        Item {{ i }}
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
-`,
-  js: `<template>
-  <VExpansionPanels multiple>
-    <VExpansionPanel
-      v-for="i in 4"
-      :key="i"
-    >
-      <VExpansionPanelTitle>
-        Item {{ i }}
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
-`,
-}
-
-export const customIcon = {
-  ts: `<script setup lang="ts">
-const panel = ref(0)
-</script>
-
-<template>
-  <VExpansionPanels
-    v-model="panel"
-    class="no-icon-rotate"
-  >
-    <VExpansionPanel>
-      <VExpansionPanelTitle disable-icon-rotate>
-        Server Down
-        <template #actions>
-          <VIcon
-            size="18"
-            icon="tabler-alert-circle"
-            color="error"
-          />
-        </template>
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Gummies biscuit dessert macaroon liquorice carrot cake oat cake jelly beans cake. Candy wafer tiramisu sugar plum sweet. Ice cream topping gummies biscuit soufflé marzipan topping brownie marshmallow. Chocolate cake cookie pudding gummies cotton candy ice cream. Pie liquorice marzipan cake carrot cake macaroon jelly toffee. Lollipop donut gummi bears caramels icing marzipan.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-
-    <VExpansionPanel>
-      <VExpansionPanelTitle disable-icon-rotate>
-        Sales report generated
-        <template #actions>
-          <VIcon
-            size="18"
-            icon="tabler-check"
-            color="success"
-          />
-        </template>
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Bear claw ice cream icing gummies gingerbread cotton candy tootsie roll cupcake macaroon. Halvah brownie soufflé. Pie dragée macaroon. Tart tootsie roll chocolate bar biscuit jujubes lemon drops. Pudding cotton candy tart jelly-o bear claw lollipop. Jelly-o apple pie candy bonbon chupa chups cupcake cotton candy. Sweet roll cotton candy toffee caramels. Jelly-o chocolate cake toffee pastry halvah. Muffin tiramisu ice cream danish jelly-o brownie powde
-      </VExpansionPanelText>
-    </VExpansionPanel>
-
-    <VExpansionPanel>
-      <VExpansionPanelTitle disable-icon-rotate>
-        High Memory usage
-        <template #actions>
-          <VIcon
-            size="18"
-            icon="tabler-alert-triangle"
-            color="warning"
-          />
-        </template>
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Jelly beans wafer lemon drops macaroon muffin gummies muffin. Ice cream oat cake chocolate bar sesame snaps. Halvah macaroon caramels gummies. Marshmallow jelly beans danish. Cake chocolate cake tiramisu chocolate bar sugar plum biscuit jelly danish. Pudding gummi bears sesame snaps cake soufflé ice cream chocolate bar. Cotton candy ice cream danish chocolate cake topping ice cream. Brownie muffin gingerbread.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
-`,
-  js: `<script setup>
-const panel = ref(0)
-</script>
-
-<template>
-  <VExpansionPanels
-    v-model="panel"
-    class="no-icon-rotate"
-  >
-    <VExpansionPanel>
-      <VExpansionPanelTitle disable-icon-rotate>
-        Server Down
-        <template #actions>
-          <VIcon
-            size="18"
-            icon="tabler-alert-circle"
-            color="error"
-          />
-        </template>
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Gummies biscuit dessert macaroon liquorice carrot cake oat cake jelly beans cake. Candy wafer tiramisu sugar plum sweet. Ice cream topping gummies biscuit soufflé marzipan topping brownie marshmallow. Chocolate cake cookie pudding gummies cotton candy ice cream. Pie liquorice marzipan cake carrot cake macaroon jelly toffee. Lollipop donut gummi bears caramels icing marzipan.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-
-    <VExpansionPanel>
-      <VExpansionPanelTitle disable-icon-rotate>
-        Sales report generated
-        <template #actions>
-          <VIcon
-            size="18"
-            icon="tabler-check"
-            color="success"
-          />
-        </template>
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Bear claw ice cream icing gummies gingerbread cotton candy tootsie roll cupcake macaroon. Halvah brownie soufflé. Pie dragée macaroon. Tart tootsie roll chocolate bar biscuit jujubes lemon drops. Pudding cotton candy tart jelly-o bear claw lollipop. Jelly-o apple pie candy bonbon chupa chups cupcake cotton candy. Sweet roll cotton candy toffee caramels. Jelly-o chocolate cake toffee pastry halvah. Muffin tiramisu ice cream danish jelly-o brownie powde
-      </VExpansionPanelText>
-    </VExpansionPanel>
-
-    <VExpansionPanel>
-      <VExpansionPanelTitle disable-icon-rotate>
-        High Memory usage
-        <template #actions>
-          <VIcon
-            size="18"
-            icon="tabler-alert-triangle"
-            color="warning"
-          />
-        </template>
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Jelly beans wafer lemon drops macaroon muffin gummies muffin. Ice cream oat cake chocolate bar sesame snaps. Halvah macaroon caramels gummies. Marshmallow jelly beans danish. Cake chocolate cake tiramisu chocolate bar sugar plum biscuit jelly danish. Pudding gummi bears sesame snaps cake soufflé ice cream chocolate bar. Cotton candy ice cream danish chocolate cake topping ice cream. Brownie muffin gingerbread.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
-`,
-}
-
-export const inset = {
-  ts: `<template>
-  <VExpansionPanels variant="inset">
-    <VExpansionPanel
-      v-for="item in 4"
-      :key="item"
-    >
-      <VExpansionPanelTitle>Inset {{ item }}</VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Chocolate bar sweet roll chocolate cake pastry I love gummi bears pudding chocolate cake. I love brownie powder apple pie sugar plum I love cake candy canes wafer. Tiramisu I love oat cake oat cake danish icing. Dessert sugar plum sugar plum cookie donut chocolate cake oat cake I love gummi bears.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
-`,
-  js: `<template>
-  <VExpansionPanels variant="inset">
-    <VExpansionPanel
-      v-for="item in 4"
-      :key="item"
-    >
-      <VExpansionPanelTitle>Inset {{ item }}</VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Chocolate bar sweet roll chocolate cake pastry I love gummi bears pudding chocolate cake. I love brownie powder apple pie sugar plum I love cake candy canes wafer. Tiramisu I love oat cake oat cake danish icing. Dessert sugar plum sugar plum cookie donut chocolate cake oat cake I love gummi bears.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
-`,
-}
-
-export const model = {
-  ts: `<script lang="ts" setup>
-const openedPanels = ref<number[]>([])
-
-const items = ref(5)
-
-const all = () => {
-  // [...Array(5).keys()] => [0, 1, 2, 3, 4]
-  openedPanels.value = [...Array(items.value).keys()]
-}
-
-const none = () => {
-  openedPanels.value = []
-}
-</script>
-
-<template>
-  <div>
-    <div class="mb-4">
-      <VBtn
-        class="me-4"
-        @click="all"
-      >
-        all
-      </VBtn>
-
-      <VBtn
-        color="error"
-        @click="none"
-      >
-        none
-      </VBtn>
-
-      <div class="mt-3">
-        <span class="font-weight-bold">Selected: </span>{{ openedPanels }}
-      </div>
-    </div>
-
-    <VExpansionPanels
-      v-model="openedPanels"
-      multiple
-    >
-      <VExpansionPanel
-        v-for="item in items"
-        :key="item"
-      >
-        <VExpansionPanelTitle>Header {{ item }}</VExpansionPanelTitle>
-        <VExpansionPanelText>
-          I love I love jujubes halvah cheesecake cookie macaroon sugar plum. Sugar plum I love bear claw marzipan wafer. Wafer sesame snaps danish candy cheesecake carrot cake tootsie roll.
-        </VExpansionPanelText>
-      </VExpansionPanel>
-    </VExpansionPanels>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const openedPanels = ref([])
-const items = ref(5)
-
-const all = () => {
-
-  // [...Array(5).keys()] => [0, 1, 2, 3, 4]
-  openedPanels.value = [...Array(items.value).keys()]
-}
-
-const none = () => {
-  openedPanels.value = []
-}
-</script>
-
-<template>
-  <div>
-    <div class="mb-4">
-      <VBtn
-        class="me-4"
-        @click="all"
-      >
-        all
-      </VBtn>
-
-      <VBtn
-        color="error"
-        @click="none"
-      >
-        none
-      </VBtn>
-
-      <div class="mt-3">
-        <span class="font-weight-bold">Selected: </span>{{ openedPanels }}
-      </div>
-    </div>
-
-    <VExpansionPanels
-      v-model="openedPanels"
-      multiple
-    >
-      <VExpansionPanel
-        v-for="item in items"
-        :key="item"
-      >
-        <VExpansionPanelTitle>Header {{ item }}</VExpansionPanelTitle>
-        <VExpansionPanelText>
-          I love I love jujubes halvah cheesecake cookie macaroon sugar plum. Sugar plum I love bear claw marzipan wafer. Wafer sesame snaps danish candy cheesecake carrot cake tootsie roll.
-        </VExpansionPanelText>
-      </VExpansionPanel>
-    </VExpansionPanels>
-  </div>
-</template>
-`,
-}
-
-export const popout = {
-  ts: `<template>
-  <VExpansionPanels variant="popout">
-    <VExpansionPanel
-      v-for="item in 4"
-      :key="item"
-    >
-      <VExpansionPanelTitle>Popout {{ item }}</VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Cupcake ipsum dolor sit amet. Candy canes cheesecake chocolate bar I love I love jujubes gummi bears ice cream. Cheesecake tiramisu toffee cheesecake sugar plum candy canes bonbon candy.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
-`,
-  js: `<template>
-  <VExpansionPanels variant="popout">
-    <VExpansionPanel
-      v-for="item in 4"
-      :key="item"
-    >
-      <VExpansionPanelTitle>Popout {{ item }}</VExpansionPanelTitle>
-      <VExpansionPanelText>
-        Cupcake ipsum dolor sit amet. Candy canes cheesecake chocolate bar I love I love jujubes gummi bears ice cream. Cheesecake tiramisu toffee cheesecake sugar plum candy canes bonbon candy.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
-`,
-}
-
-export const withBorder = {
-  ts: `<template>
-  <VExpansionPanels
-    variant="accordion"
-    class="expansion-panels-width-border"
-  >
-    <VExpansionPanel
-      v-for="item in 4"
-      :key="item"
-      elevation="0"
-    >
-      <VExpansionPanelTitle
-        collapse-icon="tabler-minus"
-        expand-icon="tabler-plus"
-      >
-        Accordion {{ item }}
-      </VExpansionPanelTitle>
-
-      <VExpansionPanelText>
-        Sweet roll ice cream chocolate bar. Ice cream croissant sugar plum I love cupcake gingerbread liquorice cake. Bonbon tart caramels marshmallow chocolate cake icing icing danish pie.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
-`,
-  js: `<template>
-  <VExpansionPanels
-    variant="accordion"
-    class="expansion-panels-width-border"
-  >
-    <VExpansionPanel
-      v-for="item in 4"
-      :key="item"
-      elevation="0"
-    >
-      <VExpansionPanelTitle
-        collapse-icon="tabler-minus"
-        expand-icon="tabler-plus"
-      >
-        Accordion {{ item }}
-      </VExpansionPanelTitle>
-
-      <VExpansionPanelText>
-        Sweet roll ice cream chocolate bar. Ice cream croissant sugar plum I love cupcake gingerbread liquorice cake. Bonbon tart caramels marshmallow chocolate cake icing icing danish pie.
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListActionAndItemGroup.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListActionAndItemGroup.vue
deleted file mode 100644
index 2d97aa8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListActionAndItemGroup.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-  <VList
-    lines="three"
-    density="compact"
-    select-strategy="classic"
-    class="action-item-group-list"
-  >
-    <VListSubheader>General</VListSubheader>
-
-    <VListItem value="notifications">
-      <template #prepend="{ isActive }">
-        <VListItemAction>
-          <VCheckbox
-            :model-value="isActive"
-            color="primary"
-            class="mt-1"
-          />
-        </VListItemAction>
-      </template>
-
-      <VListItemTitle>Notifications</VListItemTitle>
-      <VListItemSubtitle>Notify me about updates to apps or games that I downloaded</VListItemSubtitle>
-    </VListItem>
-
-    <VListItem value="sound">
-      <template #prepend="{ isActive }">
-        <VListItemAction>
-          <VCheckbox
-            :model-value="isActive"
-            color="primary"
-            class="mt-1"
-          />
-        </VListItemAction>
-      </template>
-
-      <VListItemTitle>Sound</VListItemTitle>
-      <VListItemSubtitle>Auto-update apps at any time. Data charges may apply</VListItemSubtitle>
-    </VListItem>
-
-    <VListItem value="widgets">
-      <template #prepend="{ isActive }">
-        <VListItemAction>
-          <VCheckbox
-            :model-value="isActive"
-            color="primary"
-            class="mt-1"
-          />
-        </VListItemAction>
-      </template>
-
-      <VListItemTitle>Auto-add widgets</VListItemTitle>
-      <VListItemSubtitle>Automatically add home screen widgets when downloads complete</VListItemSubtitle>
-    </VListItem>
-  </VList>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListBasic.vue
deleted file mode 100644
index 8d50317..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListBasic.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script setup lang="ts">
-const items = ['Cras justo odio', 'Dapibus ac facilisis in', 'Morbi leo risus', 'Porta ac consectetur ac']
-</script>
-
-<template>
-  <VList :items="items" />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListDensity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListDensity.vue
deleted file mode 100644
index 1595549..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListDensity.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts" setup>
-const items = [
-  { title: 'halvah icing marshmallow', value: 1 },
-  { title: 'Cake caramels donut danish muffin biscuit', value: 2 },
-  { title: 'Chocolate cake pie lollipop', value: 3 },
-  { title: 'Apple pie toffee pudding gummi bears', value: 4 },
-  { title: 'Jujubes chupa chups cheesecake tart', value: 5 },
-  { title: 'Candy fruitcake bonbon sesame snaps dessert', value: 6 },
-  { title: 'Candy wafer tiramisu sugar plum sweet.', value: 7 },
-  { title: 'Toffee gingerbread muffin macaroon cotton candy bonbon lollipop.', value: 8 },
-]
-</script>
-
-<template>
-  <VList
-    density="comfortable"
-    :items="items"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListNav.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListNav.vue
deleted file mode 100644
index e7b9da5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListNav.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts" setup>
-const items = [
-  { title: 'My Files', value: 1, prependIcon: 'tabler-folder' },
-  { title: 'Shared with me', value: 2, prependIcon: 'tabler-users' },
-  { title: 'Starred', value: 3, prependIcon: 'tabler-star' },
-  { title: 'Recent', value: 4, prependIcon: 'tabler-history' },
-  { title: 'Offline', value: 5, prependIcon: 'tabler-circle-check' },
-  { title: 'Uploads', value: 6, prependIcon: 'tabler-upload' },
-  { title: 'Backups', value: 7, prependIcon: 'tabler-cloud-upload' },
-]
-</script>
-
-<template>
-  <VList
-    nav
-    :lines="false"
-  >
-    <VListItem
-      v-for="item in items"
-      :key="item.value"
-      :value="item.value"
-    >
-      <template #prepend>
-        <VIcon :icon="item.prependIcon" />
-      </template>
-
-      <VListItemTitle>
-        {{ item.title }}
-      </VListItemTitle>
-    </VListItem>
-  </VList>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListProgressList.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListProgressList.vue
deleted file mode 100644
index eff22a2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListProgressList.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<script setup lang="ts">
-interface Language {
-  'react': string
-  'bootstrap': string
-  'vue': string
-  'angular': string
-  'javascript': string
-}
-
-interface Progress {
-  avatar: string
-  title: string
-  language: keyof Language
-  amount: number
-}
-
-const languageProgress: Progress[] = [
-  {
-    avatar: 'tabler-brand-react',
-    title: 'React is a JavaScript library for building user interfaces',
-    language: 'react',
-    amount: 90,
-  },
-  {
-    avatar: 'tabler-brand-bootstrap',
-    title: 'Bootstrap is an open source toolkit',
-    language: 'bootstrap',
-    amount: 80,
-  },
-  {
-    avatar: 'tabler-brand-vue',
-    title: 'Vue.js is the Progressive JavaScript Framework',
-    language: 'vue',
-    amount: 65,
-  },
-  {
-    avatar: 'tabler-brand-angular',
-    title: 'Angular implements Functional Programming concepts',
-    language: 'angular',
-    amount: 75,
-  },
-  {
-    avatar: 'tabler-brand-javascript',
-    title: 'JavaScript is the programming language of the Web',
-    language: 'javascript',
-    amount: 70,
-  },
-]
-
-const resolveStatusColor: Language = {
-  react: 'info',
-  bootstrap: 'primary',
-  vue: 'success',
-  angular: 'error',
-  javascript: 'warning',
-}
-</script>
-
-<template>
-  <VList
-    lines="two"
-    border
-  >
-    <template
-      v-for="(progress, index) of languageProgress"
-      :key="progress.language"
-    >
-      <VListItem>
-        <template #prepend>
-          <VAvatar
-            size="36"
-            rounded
-            variant="tonal"
-            :icon="progress.avatar"
-            :color="resolveStatusColor[progress.language]"
-          />
-        </template>
-
-        <VListItemTitle>
-          {{ progress.title }}
-        </VListItemTitle>
-
-        <VListItemSubtitle class="mt-2">
-          <VProgressLinear
-            height="6"
-            rounded
-            rounded-bar
-            :model-value="progress.amount"
-            :color="resolveStatusColor[progress.language]"
-          />
-        </VListItemSubtitle>
-      </VListItem>
-
-      <VDivider v-if="index !== languageProgress.length - 1" />
-    </template>
-  </VList>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListRounded.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListRounded.vue
deleted file mode 100644
index 84a2b67..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListRounded.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts" setup>
-const items = [
-  {
-    title: 'Cupcake sesame snaps dessert marzipan.',
-    value: 1,
-    props: {
-      prependIcon: 'tabler-brand-instagram',
-      rounded: 'xl',
-    },
-  },
-  {
-    title: 'Jelly beans jelly-o gummi bears chupa chups marshmallow.',
-    value: 2,
-    props: {
-      prependIcon: 'tabler-brand-facebook',
-      rounded: 'xl',
-    },
-  },
-  {
-    title: 'Bonbon macaroon gummies pie jelly',
-    value: 3,
-    props: {
-      prependIcon: 'tabler-brand-twitter',
-      rounded: 'xl',
-    },
-  },
-  {
-    title: 'halvah icing marshmallow',
-    value: 4,
-    props: {
-      prependIcon: 'tabler-brand-instagram',
-      rounded: 'xl',
-    },
-  },
-]
-</script>
-
-<template>
-  <VList :items="items" />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListShaped.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListShaped.vue
deleted file mode 100644
index 3a60608..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListShaped.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts" setup>
-const items = [
-  { text: 'Cupcake sesame snaps dessert marzipan.', icon: 'tabler-brand-instagram' },
-  { text: 'Jelly beans jelly-o gummi bears chupa chups marshmallow.', icon: 'tabler-brand-facebook' },
-  { text: 'Bonbon macaroon gummies pie jelly', icon: 'tabler-brand-twitter' },
-]
-</script>
-
-<template>
-  <VList>
-    <VListItem
-      v-for="(item, i) in items"
-      :key="i"
-      :value="item.text"
-      rounded="shaped"
-    >
-      <template #prepend>
-        <VIcon :icon="item.icon" />
-      </template>
-      <!-- eslint-disable-next-line vue/no-v-text-v-html-on-component -->
-      <VListItemTitle v-text="item.text" />
-    </VListItem>
-  </VList>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListSubGroup.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListSubGroup.vue
deleted file mode 100644
index 8de8fda..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListSubGroup.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<script lang="ts" setup>
-const open = ref(['Users', 'Admin'])
-
-const admins = [
-  ['Management', 'tabler-users'],
-  ['Settings', 'tabler-settings'],
-]
-
-const cruds = [
-  ['Create', 'tabler-plus'],
-  ['Read', 'tabler-file'],
-  ['Update', 'tabler-reload'],
-  ['Delete', 'tabler-trash'],
-]
-</script>
-
-<template>
-  <VList v-model:opened="open">
-    <VListItem
-      prepend-icon="tabler-home"
-      title="Home"
-      value="Home"
-    />
-
-    <VListGroup value="Users">
-      <template #activator="{ props }">
-        <VListItem
-          v-bind="props"
-          prepend-icon="tabler-users"
-          title="Users"
-        />
-      </template>
-
-      <VListGroup value="Admin">
-        <template #activator="{ props }">
-          <VListItem
-            v-bind="props"
-            title="Admin"
-          />
-        </template>
-
-        <VListItem
-          v-for="([title, icon], i) in admins"
-          :key="i"
-          :value="title"
-          :title="title"
-          :prepend-icon="icon"
-        />
-      </VListGroup>
-
-      <VListGroup value="Actions">
-        <template #activator="{ props }">
-          <VListItem
-            v-bind="props"
-            title="Actions"
-          />
-        </template>
-
-        <VListItem
-          v-for="([title, icon], i) in cruds"
-          :key="i"
-          :value="title"
-          :title="title"
-          :prepend-icon="icon"
-        />
-      </VListGroup>
-    </VListGroup>
-  </VList>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListThreeLine.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListThreeLine.vue
deleted file mode 100644
index a1ec2a0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListThreeLine.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script lang="ts" setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-
-const items = [
-  { type: 'subheader', title: 'Today' },
-  {
-    prependAvatar: avatar1,
-    title: 'Brunch this weekend?',
-    subtitle: '<span class="text-primary">Ali Connors</span> &mdash; I\'ll be in your neighborhood doing errands this weekend. Do you want to hang out?',
-  },
-  { type: 'divider', inset: true },
-  {
-    prependAvatar: avatar2,
-    title: 'Summer BBQ',
-    subtitle: '<span class="text-primary">to Alex, Scott, Jennifer</span> &mdash; Wish I could come, but I\'m out of town this weekend.',
-  },
-  { type: 'divider', inset: true },
-  {
-    prependAvatar: avatar3,
-    title: 'Oui oui',
-    subtitle: '<span class="text-primary">Sandra Adams</span> &mdash; Do you have Paris recommendations? Have you ever been?',
-  },
-  { type: 'divider', inset: true },
-  {
-    prependAvatar: avatar4,
-    title: 'Birthday gift',
-    subtitle: '<span class="text-primary">Trevor Hansen</span> &mdash; Have any ideas about what we should get Heidi for her birthday?',
-  },
-]
-</script>
-
-<template>
-  <VList
-    lines="three"
-    :items="items"
-    item-props
-  >
-    <template #subtitle="{ subtitle }">
-      <!-- eslint-disable-next-line vue/no-v-html -->
-      <div v-html="subtitle" />
-    </template>
-  </VList>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListTwoLinesAndSubheader.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListTwoLinesAndSubheader.vue
deleted file mode 100644
index 4eceb84..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListTwoLinesAndSubheader.vue
+++ /dev/null
@@ -1,99 +0,0 @@
-<script lang="ts" setup>
-const files = [
-  {
-    color: 'blue',
-    icon: 'tabler-clipboard-text',
-    subtitle: 'Jan 20, 2014',
-    title: 'Vacation itinerary',
-  },
-  {
-    color: 'amber',
-    icon: 'tabler-device-mobile-rotated',
-    subtitle: 'Jan 10, 2014',
-    title: 'Kitchen remodel',
-  },
-]
-
-const folders = [
-  {
-    subtitle: 'Jan 9, 2014',
-    title: 'Photos',
-  },
-  {
-    subtitle: 'Jan 17, 2014',
-    title: 'Recipes',
-  },
-  {
-    subtitle: 'Jan 28, 2014',
-    title: 'Work',
-  },
-]
-</script>
-
-<template>
-  <VList lines="two">
-    <VListSubheader inset>
-      Folders
-    </VListSubheader>
-
-    <VListItem
-      v-for="folder in folders"
-      :key="folder.title"
-      :title="folder.title"
-      :subtitle="folder.subtitle"
-    >
-      <template #prepend>
-        <VAvatar
-          color="secondary"
-          variant="tonal"
-        >
-          <VIcon
-            :size="22"
-            icon="tabler-folder"
-          />
-        </VAvatar>
-      </template>
-
-      <template #append>
-        <VBtn
-          variant="text"
-          color="default"
-          icon="tabler-info-circle"
-        />
-      </template>
-    </VListItem>
-
-    <VDivider inset />
-
-    <VListSubheader inset>
-      Files
-    </VListSubheader>
-
-    <VListItem
-      v-for="file in files"
-      :key="file.title"
-      :title="file.title"
-      :subtitle="file.subtitle"
-    >
-      <template #prepend>
-        <VAvatar
-          color="secondary"
-          variant="tonal"
-        >
-          <VIcon
-            :size="22"
-            :icon="file.icon"
-          />
-        </VAvatar>
-      </template>
-
-      <template #append>
-        <VBtn
-          variant="text"
-          color="default"
-          icon="tabler-info-circle"
-        />
-      </template>
-    </VListItem>
-  </VList>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListUserList.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListUserList.vue
deleted file mode 100644
index 897e8bf..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/DemoListUserList.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-
-interface Status {
-  'Online': string
-  'Away': string
-  'Offline': string
-  'In Meeting': string
-}
-
-interface Users {
-  avatar: string
-  name: string
-  status: keyof Status
-  lastVisited: string
-}
-
-const users: Users[] = [
-  {
-    avatar: avatar1,
-    name: 'Caroline Black',
-    status: 'Online',
-    lastVisited: '13 minutes ago',
-  },
-  {
-    avatar: avatar2,
-    name: 'Alfred Copeland',
-    status: 'Away',
-    lastVisited: '11 minutes ago',
-  },
-  {
-    avatar: avatar3,
-    name: 'Celia Schneider',
-    status: 'Offline',
-    lastVisited: '9 minutes ago',
-  },
-  {
-    avatar: avatar4,
-    name: 'Max Rogan',
-    status: 'In Meeting',
-    lastVisited: '28 minutes ago',
-  },
-]
-
-const resolveStatusColor: Status = {
-  'Online': 'success',
-  'Away': 'warning',
-  'Offline': 'secondary',
-  'In Meeting': 'error',
-}
-</script>
-
-<template>
-  <VList
-    lines="two"
-    border
-  >
-    <template
-      v-for="(user, index) of users"
-      :key="user.name"
-    >
-      <VListItem>
-        <template #prepend>
-          <VAvatar :image="user.avatar" />
-        </template>
-        <VListItemTitle>
-          {{ user.name }}
-        </VListItemTitle>
-        <VListItemSubtitle class="mt-1">
-          <VBadge
-            dot
-            location="start center"
-            offset-x="2"
-            :color="resolveStatusColor[user.status]"
-            class="me-3"
-          >
-            <span class="ms-4">{{ user.status }}</span>
-          </VBadge>
-
-          <span class="text-xs text-disabled">{{ user.lastVisited }}</span>
-        </VListItemSubtitle>
-
-        <template #append>
-          <VBtn size="small">
-            Add
-          </VBtn>
-        </template>
-      </VListItem>
-      <VDivider v-if="index !== users.length - 1" />
-    </template>
-  </VList>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/demoCodeList.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/demoCodeList.ts
deleted file mode 100644
index 68d2dfa..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/list/demoCodeList.ts
+++ /dev/null
@@ -1,1290 +0,0 @@
-export const actionAndItemGroup = {
-  ts: `<template>
-  <VList
-    lines="three"
-    density="compact"
-    select-strategy="classic"
-    class="action-item-group-list"
-  >
-    <VListSubheader>General</VListSubheader>
-
-    <VListItem value="notifications">
-      <template #prepend="{ isActive }">
-        <VListItemAction>
-          <VCheckbox
-            :model-value="isActive"
-            color="primary"
-            class="mt-1"
-          />
-        </VListItemAction>
-      </template>
-
-      <VListItemTitle>Notifications</VListItemTitle>
-      <VListItemSubtitle>Notify me about updates to apps or games that I downloaded</VListItemSubtitle>
-    </VListItem>
-
-    <VListItem value="sound">
-      <template #prepend="{ isActive }">
-        <VListItemAction>
-          <VCheckbox
-            :model-value="isActive"
-            color="primary"
-            class="mt-1"
-          />
-        </VListItemAction>
-      </template>
-
-      <VListItemTitle>Sound</VListItemTitle>
-      <VListItemSubtitle>Auto-update apps at any time. Data charges may apply</VListItemSubtitle>
-    </VListItem>
-
-    <VListItem value="widgets">
-      <template #prepend="{ isActive }">
-        <VListItemAction>
-          <VCheckbox
-            :model-value="isActive"
-            color="primary"
-            class="mt-1"
-          />
-        </VListItemAction>
-      </template>
-
-      <VListItemTitle>Auto-add widgets</VListItemTitle>
-      <VListItemSubtitle>Automatically add home screen widgets when downloads complete</VListItemSubtitle>
-    </VListItem>
-  </VList>
-</template>
-`,
-  js: `<template>
-  <VList
-    lines="three"
-    density="compact"
-    select-strategy="classic"
-    class="action-item-group-list"
-  >
-    <VListSubheader>General</VListSubheader>
-
-    <VListItem value="notifications">
-      <template #prepend="{ isActive }">
-        <VListItemAction>
-          <VCheckbox
-            :model-value="isActive"
-            color="primary"
-            class="mt-1"
-          />
-        </VListItemAction>
-      </template>
-
-      <VListItemTitle>Notifications</VListItemTitle>
-      <VListItemSubtitle>Notify me about updates to apps or games that I downloaded</VListItemSubtitle>
-    </VListItem>
-
-    <VListItem value="sound">
-      <template #prepend="{ isActive }">
-        <VListItemAction>
-          <VCheckbox
-            :model-value="isActive"
-            color="primary"
-            class="mt-1"
-          />
-        </VListItemAction>
-      </template>
-
-      <VListItemTitle>Sound</VListItemTitle>
-      <VListItemSubtitle>Auto-update apps at any time. Data charges may apply</VListItemSubtitle>
-    </VListItem>
-
-    <VListItem value="widgets">
-      <template #prepend="{ isActive }">
-        <VListItemAction>
-          <VCheckbox
-            :model-value="isActive"
-            color="primary"
-            class="mt-1"
-          />
-        </VListItemAction>
-      </template>
-
-      <VListItemTitle>Auto-add widgets</VListItemTitle>
-      <VListItemSubtitle>Automatically add home screen widgets when downloads complete</VListItemSubtitle>
-    </VListItem>
-  </VList>
-</template>
-`,
-}
-
-export const basic = {
-  ts: `<script setup lang="ts">
-const items = ['Cras justo odio', 'Dapibus ac facilisis in', 'Morbi leo risus', 'Porta ac consectetur ac']
-</script>
-
-<template>
-  <VList :items="items" />
-</template>
-`,
-  js: `<script setup>
-const items = [
-  'Cras justo odio',
-  'Dapibus ac facilisis in',
-  'Morbi leo risus',
-  'Porta ac consectetur ac',
-]
-</script>
-
-<template>
-  <VList :items="items" />
-</template>
-`,
-}
-
-export const density = {
-  ts: `<script lang="ts" setup>
-const items = [
-  { title: 'halvah icing marshmallow', value: 1 },
-  { title: 'Cake caramels donut danish muffin biscuit', value: 2 },
-  { title: 'Chocolate cake pie lollipop', value: 3 },
-  { title: 'Apple pie toffee pudding gummi bears', value: 4 },
-  { title: 'Jujubes chupa chups cheesecake tart', value: 5 },
-  { title: 'Candy fruitcake bonbon sesame snaps dessert', value: 6 },
-  { title: 'Candy wafer tiramisu sugar plum sweet.', value: 7 },
-  { title: 'Toffee gingerbread muffin macaroon cotton candy bonbon lollipop.', value: 8 },
-]
-</script>
-
-<template>
-  <VList
-    density="comfortable"
-    :items="items"
-  />
-</template>
-`,
-  js: `<script setup>
-const items = [
-  {
-    title: 'halvah icing marshmallow',
-    value: 1,
-  },
-  {
-    title: 'Cake caramels donut danish muffin biscuit',
-    value: 2,
-  },
-  {
-    title: 'Chocolate cake pie lollipop',
-    value: 3,
-  },
-  {
-    title: 'Apple pie toffee pudding gummi bears',
-    value: 4,
-  },
-  {
-    title: 'Jujubes chupa chups cheesecake tart',
-    value: 5,
-  },
-  {
-    title: 'Candy fruitcake bonbon sesame snaps dessert',
-    value: 6,
-  },
-  {
-    title: 'Candy wafer tiramisu sugar plum sweet.',
-    value: 7,
-  },
-  {
-    title: 'Toffee gingerbread muffin macaroon cotton candy bonbon lollipop.',
-    value: 8,
-  },
-]
-</script>
-
-<template>
-  <VList
-    density="comfortable"
-    :items="items"
-  />
-</template>
-`,
-}
-
-export const nav = {
-  ts: `<script lang="ts" setup>
-const items = [
-  { title: 'My Files', value: 1, prependIcon: 'tabler-folder' },
-  { title: 'Shared with me', value: 2, prependIcon: 'tabler-users' },
-  { title: 'Starred', value: 3, prependIcon: 'tabler-star' },
-  { title: 'Recent', value: 4, prependIcon: 'tabler-history' },
-  { title: 'Offline', value: 5, prependIcon: 'tabler-circle-check' },
-  { title: 'Uploads', value: 6, prependIcon: 'tabler-upload' },
-  { title: 'Backups', value: 7, prependIcon: 'tabler-cloud-upload' },
-]
-</script>
-
-<template>
-  <VList
-    nav
-    :lines="false"
-  >
-    <VListItem
-      v-for="item in items"
-      :key="item.value"
-      :value="item.value"
-    >
-      <template #prepend>
-        <VIcon :icon="item.prependIcon" />
-      </template>
-
-      <VListItemTitle>
-        {{ item.title }}
-      </VListItemTitle>
-    </VListItem>
-  </VList>
-</template>
-`,
-  js: `<script setup>
-const items = [
-  {
-    title: 'My Files',
-    value: 1,
-    prependIcon: 'tabler-folder',
-  },
-  {
-    title: 'Shared with me',
-    value: 2,
-    prependIcon: 'tabler-users',
-  },
-  {
-    title: 'Starred',
-    value: 3,
-    prependIcon: 'tabler-star',
-  },
-  {
-    title: 'Recent',
-    value: 4,
-    prependIcon: 'tabler-history',
-  },
-  {
-    title: 'Offline',
-    value: 5,
-    prependIcon: 'tabler-circle-check',
-  },
-  {
-    title: 'Uploads',
-    value: 6,
-    prependIcon: 'tabler-upload',
-  },
-  {
-    title: 'Backups',
-    value: 7,
-    prependIcon: 'tabler-cloud-upload',
-  },
-]
-</script>
-
-<template>
-  <VList
-    nav
-    :lines="false"
-  >
-    <VListItem
-      v-for="item in items"
-      :key="item.value"
-      :value="item.value"
-    >
-      <template #prepend>
-        <VIcon :icon="item.prependIcon" />
-      </template>
-
-      <VListItemTitle>
-        {{ item.title }}
-      </VListItemTitle>
-    </VListItem>
-  </VList>
-</template>
-`,
-}
-
-export const progressList = {
-  ts: `<script setup lang="ts">
-interface Language {
-  'react': string
-  'bootstrap': string
-  'vue': string
-  'angular': string
-  'javascript': string
-}
-
-interface Progress {
-  avatar: string
-  title: string
-  language: keyof Language
-  amount: number
-}
-
-const languageProgress: Progress[] = [
-  {
-    avatar: 'tabler-brand-react',
-    title: 'React is a JavaScript library for building user interfaces',
-    language: 'react',
-    amount: 90,
-  },
-  {
-    avatar: 'tabler-brand-bootstrap',
-    title: 'Bootstrap is an open source toolkit',
-    language: 'bootstrap',
-    amount: 80,
-  },
-  {
-    avatar: 'tabler-brand-vue',
-    title: 'Vue.js is the Progressive JavaScript Framework',
-    language: 'vue',
-    amount: 65,
-  },
-  {
-    avatar: 'tabler-brand-angular',
-    title: 'Angular implements Functional Programming concepts',
-    language: 'angular',
-    amount: 75,
-  },
-  {
-    avatar: 'tabler-brand-javascript',
-    title: 'JavaScript is the programming language of the Web',
-    language: 'javascript',
-    amount: 70,
-  },
-]
-
-const resolveStatusColor: Language = {
-  react: 'info',
-  bootstrap: 'primary',
-  vue: 'success',
-  angular: 'error',
-  javascript: 'warning',
-}
-</script>
-
-<template>
-  <VList
-    lines="two"
-    border
-  >
-    <template
-      v-for="(progress, index) of languageProgress"
-      :key="progress.language"
-    >
-      <VListItem>
-        <template #prepend>
-          <VAvatar
-            size="36"
-            rounded
-            variant="tonal"
-            :icon="progress.avatar"
-            :color="resolveStatusColor[progress.language]"
-          />
-        </template>
-
-        <VListItemTitle>
-          {{ progress.title }}
-        </VListItemTitle>
-
-        <VListItemSubtitle class="mt-2">
-          <VProgressLinear
-            height="6"
-            rounded
-            rounded-bar
-            :model-value="progress.amount"
-            :color="resolveStatusColor[progress.language]"
-          />
-        </VListItemSubtitle>
-      </VListItem>
-
-      <VDivider v-if="index !== languageProgress.length - 1" />
-    </template>
-  </VList>
-</template>
-`,
-  js: `<script setup>
-const languageProgress = [
-  {
-    avatar: 'tabler-brand-react',
-    title: 'React is a JavaScript library for building user interfaces',
-    language: 'react',
-    amount: 90,
-  },
-  {
-    avatar: 'tabler-brand-bootstrap',
-    title: 'Bootstrap is an open source toolkit',
-    language: 'bootstrap',
-    amount: 80,
-  },
-  {
-    avatar: 'tabler-brand-vue',
-    title: 'Vue.js is the Progressive JavaScript Framework',
-    language: 'vue',
-    amount: 65,
-  },
-  {
-    avatar: 'tabler-brand-angular',
-    title: 'Angular implements Functional Programming concepts',
-    language: 'angular',
-    amount: 75,
-  },
-  {
-    avatar: 'tabler-brand-javascript',
-    title: 'JavaScript is the programming language of the Web',
-    language: 'javascript',
-    amount: 70,
-  },
-]
-
-const resolveStatusColor = {
-  react: 'info',
-  bootstrap: 'primary',
-  vue: 'success',
-  angular: 'error',
-  javascript: 'warning',
-}
-</script>
-
-<template>
-  <VList
-    lines="two"
-    border
-  >
-    <template
-      v-for="(progress, index) of languageProgress"
-      :key="progress.language"
-    >
-      <VListItem>
-        <template #prepend>
-          <VAvatar
-            size="36"
-            rounded
-            variant="tonal"
-            :icon="progress.avatar"
-            :color="resolveStatusColor[progress.language]"
-          />
-        </template>
-
-        <VListItemTitle>
-          {{ progress.title }}
-        </VListItemTitle>
-
-        <VListItemSubtitle class="mt-2">
-          <VProgressLinear
-            height="6"
-            rounded
-            rounded-bar
-            :model-value="progress.amount"
-            :color="resolveStatusColor[progress.language]"
-          />
-        </VListItemSubtitle>
-      </VListItem>
-
-      <VDivider v-if="index !== languageProgress.length - 1" />
-    </template>
-  </VList>
-</template>
-`,
-}
-
-export const rounded = {
-  ts: `<script lang="ts" setup>
-const items = [
-  {
-    title: 'Cupcake sesame snaps dessert marzipan.',
-    value: 1,
-    props: {
-      prependIcon: 'tabler-brand-instagram',
-      rounded: 'xl',
-    },
-  },
-  {
-    title: 'Jelly beans jelly-o gummi bears chupa chups marshmallow.',
-    value: 2,
-    props: {
-      prependIcon: 'tabler-brand-facebook',
-      rounded: 'xl',
-    },
-  },
-  {
-    title: 'Bonbon macaroon gummies pie jelly',
-    value: 3,
-    props: {
-      prependIcon: 'tabler-brand-twitter',
-      rounded: 'xl',
-    },
-  },
-  {
-    title: 'halvah icing marshmallow',
-    value: 4,
-    props: {
-      prependIcon: 'tabler-brand-instagram',
-      rounded: 'xl',
-    },
-  },
-]
-</script>
-
-<template>
-  <VList :items="items" />
-</template>
-`,
-  js: `<script setup>
-const items = [
-  {
-    title: 'Cupcake sesame snaps dessert marzipan.',
-    value: 1,
-    props: {
-      prependIcon: 'tabler-brand-instagram',
-      rounded: 'xl',
-    },
-  },
-  {
-    title: 'Jelly beans jelly-o gummi bears chupa chups marshmallow.',
-    value: 2,
-    props: {
-      prependIcon: 'tabler-brand-facebook',
-      rounded: 'xl',
-    },
-  },
-  {
-    title: 'Bonbon macaroon gummies pie jelly',
-    value: 3,
-    props: {
-      prependIcon: 'tabler-brand-twitter',
-      rounded: 'xl',
-    },
-  },
-  {
-    title: 'halvah icing marshmallow',
-    value: 4,
-    props: {
-      prependIcon: 'tabler-brand-instagram',
-      rounded: 'xl',
-    },
-  },
-]
-</script>
-
-<template>
-  <VList :items="items" />
-</template>
-`,
-}
-
-export const shaped = {
-  ts: `<script lang="ts" setup>
-const items = [
-  { text: 'Cupcake sesame snaps dessert marzipan.', icon: 'tabler-brand-instagram' },
-  { text: 'Jelly beans jelly-o gummi bears chupa chups marshmallow.', icon: 'tabler-brand-facebook' },
-  { text: 'Bonbon macaroon gummies pie jelly', icon: 'tabler-brand-twitter' },
-]
-</script>
-
-<template>
-  <VList>
-    <VListItem
-      v-for="(item, i) in items"
-      :key="i"
-      :value="item.text"
-      rounded="shaped"
-    >
-      <template #prepend>
-        <VIcon :icon="item.icon" />
-      </template>
-      <!-- eslint-disable-next-line vue/no-v-text-v-html-on-component -->
-      <VListItemTitle v-text="item.text" />
-    </VListItem>
-  </VList>
-</template>
-`,
-  js: `<script setup>
-const items = [
-  {
-    text: 'Cupcake sesame snaps dessert marzipan.',
-    icon: 'tabler-brand-instagram',
-  },
-  {
-    text: 'Jelly beans jelly-o gummi bears chupa chups marshmallow.',
-    icon: 'tabler-brand-facebook',
-  },
-  {
-    text: 'Bonbon macaroon gummies pie jelly',
-    icon: 'tabler-brand-twitter',
-  },
-]
-</script>
-
-<template>
-  <VList>
-    <VListItem
-      v-for="(item, i) in items"
-      :key="i"
-      :value="item.text"
-      rounded="shaped"
-    >
-      <template #prepend>
-        <VIcon :icon="item.icon" />
-      </template>
-      <!-- eslint-disable-next-line vue/no-v-text-v-html-on-component -->
-      <VListItemTitle v-text="item.text" />
-    </VListItem>
-  </VList>
-</template>
-`,
-}
-
-export const subGroup = {
-  ts: `<script lang="ts" setup>
-const open = ref(['Users', 'Admin'])
-
-const admins = [
-  ['Management', 'tabler-users'],
-  ['Settings', 'tabler-settings'],
-]
-
-const cruds = [
-  ['Create', 'tabler-plus'],
-  ['Read', 'tabler-file'],
-  ['Update', 'tabler-reload'],
-  ['Delete', 'tabler-trash'],
-]
-</script>
-
-<template>
-  <VList v-model:opened="open">
-    <VListItem
-      prepend-icon="tabler-home"
-      title="Home"
-      value="Home"
-    />
-
-    <VListGroup value="Users">
-      <template #activator="{ props }">
-        <VListItem
-          v-bind="props"
-          prepend-icon="tabler-users"
-          title="Users"
-        />
-      </template>
-
-      <VListGroup value="Admin">
-        <template #activator="{ props }">
-          <VListItem
-            v-bind="props"
-            title="Admin"
-          />
-        </template>
-
-        <VListItem
-          v-for="([title, icon], i) in admins"
-          :key="i"
-          :value="title"
-          :title="title"
-          :prepend-icon="icon"
-        />
-      </VListGroup>
-
-      <VListGroup value="Actions">
-        <template #activator="{ props }">
-          <VListItem
-            v-bind="props"
-            title="Actions"
-          />
-        </template>
-
-        <VListItem
-          v-for="([title, icon], i) in cruds"
-          :key="i"
-          :value="title"
-          :title="title"
-          :prepend-icon="icon"
-        />
-      </VListGroup>
-    </VListGroup>
-  </VList>
-</template>
-`,
-  js: `<script setup>
-const open = ref([
-  'Users',
-  'Admin',
-])
-
-const admins = [
-  [
-    'Management',
-    'tabler-users',
-  ],
-  [
-    'Settings',
-    'tabler-settings',
-  ],
-]
-
-const cruds = [
-  [
-    'Create',
-    'tabler-plus',
-  ],
-  [
-    'Read',
-    'tabler-file',
-  ],
-  [
-    'Update',
-    'tabler-reload',
-  ],
-  [
-    'Delete',
-    'tabler-trash',
-  ],
-]
-</script>
-
-<template>
-  <VList v-model:opened="open">
-    <VListItem
-      prepend-icon="tabler-home"
-      title="Home"
-      value="Home"
-    />
-
-    <VListGroup value="Users">
-      <template #activator="{ props }">
-        <VListItem
-          v-bind="props"
-          prepend-icon="tabler-users"
-          title="Users"
-        />
-      </template>
-
-      <VListGroup value="Admin">
-        <template #activator="{ props }">
-          <VListItem
-            v-bind="props"
-            title="Admin"
-          />
-        </template>
-
-        <VListItem
-          v-for="([title, icon], i) in admins"
-          :key="i"
-          :value="title"
-          :title="title"
-          :prepend-icon="icon"
-        />
-      </VListGroup>
-
-      <VListGroup value="Actions">
-        <template #activator="{ props }">
-          <VListItem
-            v-bind="props"
-            title="Actions"
-          />
-        </template>
-
-        <VListItem
-          v-for="([title, icon], i) in cruds"
-          :key="i"
-          :value="title"
-          :title="title"
-          :prepend-icon="icon"
-        />
-      </VListGroup>
-    </VListGroup>
-  </VList>
-</template>
-`,
-}
-
-export const threeLine = {
-  ts: `<script lang="ts" setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-
-const items = [
-  { type: 'subheader', title: 'Today' },
-  {
-    prependAvatar: avatar1,
-    title: 'Brunch this weekend?',
-    subtitle: '<span class="text-primary">Ali Connors</span> &mdash; I\'ll be in your neighborhood doing errands this weekend. Do you want to hang out?',
-  },
-  { type: 'divider', inset: true },
-  {
-    prependAvatar: avatar2,
-    title: 'Summer BBQ',
-    subtitle: '<span class="text-primary">to Alex, Scott, Jennifer</span> &mdash; Wish I could come, but I\'m out of town this weekend.',
-  },
-  { type: 'divider', inset: true },
-  {
-    prependAvatar: avatar3,
-    title: 'Oui oui',
-    subtitle: '<span class="text-primary">Sandra Adams</span> &mdash; Do you have Paris recommendations? Have you ever been?',
-  },
-  { type: 'divider', inset: true },
-  {
-    prependAvatar: avatar4,
-    title: 'Birthday gift',
-    subtitle: '<span class="text-primary">Trevor Hansen</span> &mdash; Have any ideas about what we should get Heidi for her birthday?',
-  },
-]
-</script>
-
-<template>
-  <VList
-    lines="three"
-    :items="items"
-    item-props
-  >
-    <template #subtitle="{ subtitle }">
-      <!-- eslint-disable-next-line vue/no-v-html -->
-      <div v-html="subtitle" />
-    </template>
-  </VList>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-
-const items = [
-  {
-    type: 'subheader',
-    title: 'Today',
-  },
-  {
-    prependAvatar: avatar1,
-    title: 'Brunch this weekend?',
-    subtitle: '<span class="text-primary">Ali Connors</span> &mdash; I\'ll be in your neighborhood doing errands this weekend. Do you want to hang out?',
-  },
-  {
-    type: 'divider',
-    inset: true,
-  },
-  {
-    prependAvatar: avatar2,
-    title: 'Summer BBQ',
-    subtitle: '<span class="text-primary">to Alex, Scott, Jennifer</span> &mdash; Wish I could come, but I\'m out of town this weekend.',
-  },
-  {
-    type: 'divider',
-    inset: true,
-  },
-  {
-    prependAvatar: avatar3,
-    title: 'Oui oui',
-    subtitle: '<span class="text-primary">Sandra Adams</span> &mdash; Do you have Paris recommendations? Have you ever been?',
-  },
-  {
-    type: 'divider',
-    inset: true,
-  },
-  {
-    prependAvatar: avatar4,
-    title: 'Birthday gift',
-    subtitle: '<span class="text-primary">Trevor Hansen</span> &mdash; Have any ideas about what we should get Heidi for her birthday?',
-  },
-]
-</script>
-
-<template>
-  <VList
-    lines="three"
-    :items="items"
-    item-props
-  >
-    <template #subtitle="{ subtitle }">
-      <!-- eslint-disable-next-line vue/no-v-html -->
-      <div v-html="subtitle" />
-    </template>
-  </VList>
-</template>
-`,
-}
-
-export const twoLinesAndSubheader = {
-  ts: `<script lang="ts" setup>
-const files = [
-  {
-    color: 'blue',
-    icon: 'tabler-clipboard-text',
-    subtitle: 'Jan 20, 2014',
-    title: 'Vacation itinerary',
-  },
-  {
-    color: 'amber',
-    icon: 'tabler-device-mobile-rotated',
-    subtitle: 'Jan 10, 2014',
-    title: 'Kitchen remodel',
-  },
-]
-
-const folders = [
-  {
-    subtitle: 'Jan 9, 2014',
-    title: 'Photos',
-  },
-  {
-    subtitle: 'Jan 17, 2014',
-    title: 'Recipes',
-  },
-  {
-    subtitle: 'Jan 28, 2014',
-    title: 'Work',
-  },
-]
-</script>
-
-<template>
-  <VList lines="two">
-    <VListSubheader inset>
-      Folders
-    </VListSubheader>
-
-    <VListItem
-      v-for="folder in folders"
-      :key="folder.title"
-      :title="folder.title"
-      :subtitle="folder.subtitle"
-    >
-      <template #prepend>
-        <VAvatar
-          color="secondary"
-          variant="tonal"
-        >
-          <VIcon
-            :size="22"
-            icon="tabler-folder"
-          />
-        </VAvatar>
-      </template>
-
-      <template #append>
-        <VBtn
-          variant="text"
-          color="default"
-          icon="tabler-info-circle"
-        />
-      </template>
-    </VListItem>
-
-    <VDivider inset />
-
-    <VListSubheader inset>
-      Files
-    </VListSubheader>
-
-    <VListItem
-      v-for="file in files"
-      :key="file.title"
-      :title="file.title"
-      :subtitle="file.subtitle"
-    >
-      <template #prepend>
-        <VAvatar
-          color="secondary"
-          variant="tonal"
-        >
-          <VIcon
-            :size="22"
-            :icon="file.icon"
-          />
-        </VAvatar>
-      </template>
-
-      <template #append>
-        <VBtn
-          variant="text"
-          color="default"
-          icon="tabler-info-circle"
-        />
-      </template>
-    </VListItem>
-  </VList>
-</template>
-`,
-  js: `<script setup>
-const files = [
-  {
-    color: 'blue',
-    icon: 'tabler-clipboard-text',
-    subtitle: 'Jan 20, 2014',
-    title: 'Vacation itinerary',
-  },
-  {
-    color: 'amber',
-    icon: 'tabler-device-mobile-rotated',
-    subtitle: 'Jan 10, 2014',
-    title: 'Kitchen remodel',
-  },
-]
-
-const folders = [
-  {
-    subtitle: 'Jan 9, 2014',
-    title: 'Photos',
-  },
-  {
-    subtitle: 'Jan 17, 2014',
-    title: 'Recipes',
-  },
-  {
-    subtitle: 'Jan 28, 2014',
-    title: 'Work',
-  },
-]
-</script>
-
-<template>
-  <VList lines="two">
-    <VListSubheader inset>
-      Folders
-    </VListSubheader>
-
-    <VListItem
-      v-for="folder in folders"
-      :key="folder.title"
-      :title="folder.title"
-      :subtitle="folder.subtitle"
-    >
-      <template #prepend>
-        <VAvatar
-          color="secondary"
-          variant="tonal"
-        >
-          <VIcon
-            :size="22"
-            icon="tabler-folder"
-          />
-        </VAvatar>
-      </template>
-
-      <template #append>
-        <VBtn
-          variant="text"
-          color="default"
-          icon="tabler-info-circle"
-        />
-      </template>
-    </VListItem>
-
-    <VDivider inset />
-
-    <VListSubheader inset>
-      Files
-    </VListSubheader>
-
-    <VListItem
-      v-for="file in files"
-      :key="file.title"
-      :title="file.title"
-      :subtitle="file.subtitle"
-    >
-      <template #prepend>
-        <VAvatar
-          color="secondary"
-          variant="tonal"
-        >
-          <VIcon
-            :size="22"
-            :icon="file.icon"
-          />
-        </VAvatar>
-      </template>
-
-      <template #append>
-        <VBtn
-          variant="text"
-          color="default"
-          icon="tabler-info-circle"
-        />
-      </template>
-    </VListItem>
-  </VList>
-</template>
-`,
-}
-
-export const userList = {
-  ts: `<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-
-interface Status {
-  'Online': string
-  'Away': string
-  'Offline': string
-  'In Meeting': string
-}
-
-interface Users {
-  avatar: string
-  name: string
-  status: keyof Status
-  lastVisited: string
-}
-
-const users: Users[] = [
-  {
-    avatar: avatar1,
-    name: 'Caroline Black',
-    status: 'Online',
-    lastVisited: '13 minutes ago',
-  },
-  {
-    avatar: avatar2,
-    name: 'Alfred Copeland',
-    status: 'Away',
-    lastVisited: '11 minutes ago',
-  },
-  {
-    avatar: avatar3,
-    name: 'Celia Schneider',
-    status: 'Offline',
-    lastVisited: '9 minutes ago',
-  },
-  {
-    avatar: avatar4,
-    name: 'Max Rogan',
-    status: 'In Meeting',
-    lastVisited: '28 minutes ago',
-  },
-]
-
-const resolveStatusColor: Status = {
-  'Online': 'success',
-  'Away': 'warning',
-  'Offline': 'secondary',
-  'In Meeting': 'error',
-}
-</script>
-
-<template>
-  <VList
-    lines="two"
-    border
-  >
-    <template
-      v-for="(user, index) of users"
-      :key="user.name"
-    >
-      <VListItem>
-        <template #prepend>
-          <VAvatar :image="user.avatar" />
-        </template>
-        <VListItemTitle>
-          {{ user.name }}
-        </VListItemTitle>
-        <VListItemSubtitle class="mt-1">
-          <VBadge
-            dot
-            location="start center"
-            offset-x="2"
-            :color="resolveStatusColor[user.status]"
-            class="me-3"
-          >
-            <span class="ms-4">{{ user.status }}</span>
-          </VBadge>
-
-          <span class="text-xs text-disabled">{{ user.lastVisited }}</span>
-        </VListItemSubtitle>
-
-        <template #append>
-          <VBtn size="small">
-            Add
-          </VBtn>
-        </template>
-      </VListItem>
-      <VDivider v-if="index !== users.length - 1" />
-    </template>
-  </VList>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-
-const users = [
-  {
-    avatar: avatar1,
-    name: 'Caroline Black',
-    status: 'Online',
-    lastVisited: '13 minutes ago',
-  },
-  {
-    avatar: avatar2,
-    name: 'Alfred Copeland',
-    status: 'Away',
-    lastVisited: '11 minutes ago',
-  },
-  {
-    avatar: avatar3,
-    name: 'Celia Schneider',
-    status: 'Offline',
-    lastVisited: '9 minutes ago',
-  },
-  {
-    avatar: avatar4,
-    name: 'Max Rogan',
-    status: 'In Meeting',
-    lastVisited: '28 minutes ago',
-  },
-]
-
-const resolveStatusColor = {
-  'Online': 'success',
-  'Away': 'warning',
-  'Offline': 'secondary',
-  'In Meeting': 'error',
-}
-</script>
-
-<template>
-  <VList
-    lines="two"
-    border
-  >
-    <template
-      v-for="(user, index) of users"
-      :key="user.name"
-    >
-      <VListItem>
-        <template #prepend>
-          <VAvatar :image="user.avatar" />
-        </template>
-        <VListItemTitle>
-          {{ user.name }}
-        </VListItemTitle>
-        <VListItemSubtitle class="mt-1">
-          <VBadge
-            dot
-            location="start center"
-            offset-x="2"
-            :color="resolveStatusColor[user.status]"
-            class="me-3"
-          >
-            <span class="ms-4">{{ user.status }}</span>
-          </VBadge>
-
-          <span class="text-xs text-disabled">{{ user.lastVisited }}</span>
-        </VListItemSubtitle>
-
-        <template #append>
-          <VBtn size="small">
-            Add
-          </VBtn>
-        </template>
-      </VListItem>
-      <VDivider v-if="index !== users.length - 1" />
-    </template>
-  </VList>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuActivatorAndTooltip.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuActivatorAndTooltip.vue
deleted file mode 100644
index 519ad1a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuActivatorAndTooltip.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts" setup>
-import { mergeProps } from 'vue'
-
-const items = [{ title: 'Option 1', value: 'Option 1' }, { title: 'Option 2', value: 'Option 2' }, { title: 'Option 3', value: 'Option 3' }]
-</script>
-
-<template>
-  <VMenu location="top">
-    <template #activator="{ props: menuProps }">
-      <VTooltip location="top">
-        <template #activator="{ props: tooltipProps }">
-          <VBtn v-bind="mergeProps(menuProps, tooltipProps)">
-            Dropdown w/ Tooltip
-          </VBtn>
-        </template>
-        <span>I am a Tooltip</span>
-      </VTooltip>
-    </template>
-
-    <VList :items="items" />
-  </VMenu>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuBasic.vue
deleted file mode 100644
index c755612..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuBasic.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts" setup>
-const menusVariant = ['primary', 'secondary', 'success', 'info', 'warning', 'error']
-const items = [{ title: 'Option 1', value: 'Option 1' }, { title: 'Option 2', value: 'Option 2' }, { title: 'Option 3', value: 'Option 3' }]
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VMenu
-      v-for="menu in menusVariant"
-      :key="menu"
-    >
-      <template #activator="{ props }">
-        <VBtn
-          :color="menu"
-          v-bind="props"
-        >
-          {{ menu }}
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuCustomTransitions.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuCustomTransitions.vue
deleted file mode 100644
index 9a04e9f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuCustomTransitions.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts" setup>
-const items = [{ title: 'Option 1', value: 'Option 1' }, { title: 'Option 2', value: 'Option 2' }, { title: 'Option 3', value: 'Option 3' }]
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VMenu transition="scale-transition">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Scale Transition
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu transition="slide-x-transition">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Slide X Transition
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu transition="slide-y-transition">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Slide Y Transition
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuLocation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuLocation.vue
deleted file mode 100644
index 71f6817..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuLocation.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<script lang="ts" setup>
-const items = [{ title: 'Option 1', value: 'Option 1' }, { title: 'Option 2', value: 'Option 2' }, { title: 'Option 3', value: 'Option 3' }]
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VMenu location="top">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Top
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu location="bottom">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Bottom
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu location="start">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Start
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu location="end">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          End
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuOpenOnHover.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuOpenOnHover.vue
deleted file mode 100644
index b7c9501..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuOpenOnHover.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts" setup>
-const items = [{ title: 'Option 1', value: 'Option 1' }, { title: 'Option 2', value: 'Option 2' }, { title: 'Option 3', value: 'Option 3' }]
-</script>
-
-<template>
-  <VMenu open-on-hover>
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        On hover
-      </VBtn>
-    </template>
-
-    <VList :items="items" />
-  </VMenu>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuPopover.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuPopover.vue
deleted file mode 100644
index f3e3f2c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/DemoMenuPopover.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<script lang="ts" setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-
-const menu = ref(false)
-</script>
-
-<template>
-  <VMenu
-    v-model="menu"
-    location="top"
-  >
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Menu as Popover
-      </VBtn>
-    </template>
-
-    <VCard max-width="300">
-      <VList>
-        <VListItem
-          :prepend-avatar="avatar1"
-          title="John Leider"
-          subtitle="Founder of Vuetify"
-          class="mx-0"
-        />
-      </VList>
-
-      <VDivider />
-
-      <VCardText>
-        Gingerbread bear claw cake. Soufflé candy sesame snaps chocolate ice cream cake.
-        Dessert candy canes oat cake pudding cupcake. Bear claw sweet wafer bonbon dragée toffee.
-      </VCardText>
-
-      <VCardActions>
-        <IconBtn icon="tabler-heart" />
-        <IconBtn icon="tabler-bookmark" />
-        <IconBtn icon="tabler-thumb-down" />
-      </VCardActions>
-    </VCard>
-  </VMenu>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/demoCodeMenu.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/demoCodeMenu.ts
deleted file mode 100644
index 101a5a9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/menu/demoCodeMenu.ts
+++ /dev/null
@@ -1,476 +0,0 @@
-export const activatorAndTooltip = {
-  ts: `<script lang="ts" setup>
-import { mergeProps } from 'vue'
-
-const items = [{ title: 'Option 1', value: 'Option 1' }, { title: 'Option 2', value: 'Option 2' }, { title: 'Option 3', value: 'Option 3' }]
-</script>
-
-<template>
-  <VMenu location="top">
-    <template #activator="{ props: menuProps }">
-      <VTooltip location="top">
-        <template #activator="{ props: tooltipProps }">
-          <VBtn v-bind="mergeProps(menuProps, tooltipProps)">
-            Dropdown w/ Tooltip
-          </VBtn>
-        </template>
-        <span>I am a Tooltip</span>
-      </VTooltip>
-    </template>
-
-    <VList :items="items" />
-  </VMenu>
-</template>
-`,
-  js: `<script setup>
-import { mergeProps } from 'vue'
-
-const items = [
-  {
-    title: 'Option 1',
-    value: 'Option 1',
-  },
-  {
-    title: 'Option 2',
-    value: 'Option 2',
-  },
-  {
-    title: 'Option 3',
-    value: 'Option 3',
-  },
-]
-</script>
-
-<template>
-  <VMenu location="top">
-    <template #activator="{ props: menuProps }">
-      <VTooltip location="top">
-        <template #activator="{ props: tooltipProps }">
-          <VBtn v-bind="mergeProps(menuProps, tooltipProps)">
-            Dropdown w/ Tooltip
-          </VBtn>
-        </template>
-        <span>I am a Tooltip</span>
-      </VTooltip>
-    </template>
-
-    <VList :items="items" />
-  </VMenu>
-</template>
-`,
-}
-
-export const basic = {
-  ts: `<script lang="ts" setup>
-const menusVariant = ['primary', 'secondary', 'success', 'info', 'warning', 'error']
-const items = [{ title: 'Option 1', value: 'Option 1' }, { title: 'Option 2', value: 'Option 2' }, { title: 'Option 3', value: 'Option 3' }]
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VMenu
-      v-for="menu in menusVariant"
-      :key="menu"
-    >
-      <template #activator="{ props }">
-        <VBtn
-          :color="menu"
-          v-bind="props"
-        >
-          {{ menu }}
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const menusVariant = [
-  'primary',
-  'secondary',
-  'success',
-  'info',
-  'warning',
-  'error',
-]
-
-const items = [
-  {
-    title: 'Option 1',
-    value: 'Option 1',
-  },
-  {
-    title: 'Option 2',
-    value: 'Option 2',
-  },
-  {
-    title: 'Option 3',
-    value: 'Option 3',
-  },
-]
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VMenu
-      v-for="menu in menusVariant"
-      :key="menu"
-    >
-      <template #activator="{ props }">
-        <VBtn
-          :color="menu"
-          v-bind="props"
-        >
-          {{ menu }}
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-  </div>
-</template>
-`,
-}
-
-export const customTransitions = {
-  ts: `<script lang="ts" setup>
-const items = [{ title: 'Option 1', value: 'Option 1' }, { title: 'Option 2', value: 'Option 2' }, { title: 'Option 3', value: 'Option 3' }]
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VMenu transition="scale-transition">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Scale Transition
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu transition="slide-x-transition">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Slide X Transition
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu transition="slide-y-transition">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Slide Y Transition
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const items = [
-  {
-    title: 'Option 1',
-    value: 'Option 1',
-  },
-  {
-    title: 'Option 2',
-    value: 'Option 2',
-  },
-  {
-    title: 'Option 3',
-    value: 'Option 3',
-  },
-]
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VMenu transition="scale-transition">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Scale Transition
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu transition="slide-x-transition">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Slide X Transition
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu transition="slide-y-transition">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Slide Y Transition
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-  </div>
-</template>
-`,
-}
-
-export const location = {
-  ts: `<script lang="ts" setup>
-const items = [{ title: 'Option 1', value: 'Option 1' }, { title: 'Option 2', value: 'Option 2' }, { title: 'Option 3', value: 'Option 3' }]
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VMenu location="top">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Top
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu location="bottom">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Bottom
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu location="start">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Start
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu location="end">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          End
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const items = [
-  {
-    title: 'Option 1',
-    value: 'Option 1',
-  },
-  {
-    title: 'Option 2',
-    value: 'Option 2',
-  },
-  {
-    title: 'Option 3',
-    value: 'Option 3',
-  },
-]
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VMenu location="top">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Top
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu location="bottom">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Bottom
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu location="start">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          Start
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-
-    <VMenu location="end">
-      <template #activator="{ props }">
-        <VBtn v-bind="props">
-          End
-        </VBtn>
-      </template>
-
-      <VList :items="items" />
-    </VMenu>
-  </div>
-</template>
-`,
-}
-
-export const openOnHover = {
-  ts: `<script lang="ts" setup>
-const items = [{ title: 'Option 1', value: 'Option 1' }, { title: 'Option 2', value: 'Option 2' }, { title: 'Option 3', value: 'Option 3' }]
-</script>
-
-<template>
-  <VMenu open-on-hover>
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        On hover
-      </VBtn>
-    </template>
-
-    <VList :items="items" />
-  </VMenu>
-</template>
-`,
-  js: `<script setup>
-const items = [
-  {
-    title: 'Option 1',
-    value: 'Option 1',
-  },
-  {
-    title: 'Option 2',
-    value: 'Option 2',
-  },
-  {
-    title: 'Option 3',
-    value: 'Option 3',
-  },
-]
-</script>
-
-<template>
-  <VMenu open-on-hover>
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        On hover
-      </VBtn>
-    </template>
-
-    <VList :items="items" />
-  </VMenu>
-</template>
-`,
-}
-
-export const popover = {
-  ts: `<script lang="ts" setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-
-const menu = ref(false)
-</script>
-
-<template>
-  <VMenu
-    v-model="menu"
-    location="top"
-  >
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Menu as Popover
-      </VBtn>
-    </template>
-
-    <VCard max-width="300">
-      <VList>
-        <VListItem
-          :prepend-avatar="avatar1"
-          title="John Leider"
-          subtitle="Founder of Vuetify"
-          class="mx-0"
-        />
-      </VList>
-
-      <VDivider />
-
-      <VCardText>
-        Gingerbread bear claw cake. Soufflé candy sesame snaps chocolate ice cream cake.
-        Dessert candy canes oat cake pudding cupcake. Bear claw sweet wafer bonbon dragée toffee.
-      </VCardText>
-
-      <VCardActions>
-        <IconBtn icon="tabler-heart" />
-        <IconBtn icon="tabler-bookmark" />
-        <IconBtn icon="tabler-thumb-down" />
-      </VCardActions>
-    </VCard>
-  </VMenu>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-
-const menu = ref(false)
-</script>
-
-<template>
-  <VMenu
-    v-model="menu"
-    location="top"
-  >
-    <template #activator="{ props }">
-      <VBtn v-bind="props">
-        Menu as Popover
-      </VBtn>
-    </template>
-
-    <VCard max-width="300">
-      <VList>
-        <VListItem
-          :prepend-avatar="avatar1"
-          title="John Leider"
-          subtitle="Founder of Vuetify"
-          class="mx-0"
-        />
-      </VList>
-
-      <VDivider />
-
-      <VCardText>
-        Gingerbread bear claw cake. Soufflé candy sesame snaps chocolate ice cream cake.
-        Dessert candy canes oat cake pudding cupcake. Bear claw sweet wafer bonbon dragée toffee.
-      </VCardText>
-
-      <VCardActions>
-        <IconBtn icon="tabler-heart" />
-        <IconBtn icon="tabler-bookmark" />
-        <IconBtn icon="tabler-thumb-down" />
-      </VCardActions>
-    </VCard>
-  </VMenu>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationBasic.vue
deleted file mode 100644
index 5ac5766..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationBasic.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts" setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="5"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationCircle.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationCircle.vue
deleted file mode 100644
index 2fe237f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationCircle.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts" setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="5"
-    rounded="circle"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationColor.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationColor.vue
deleted file mode 100644
index e3f24e7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationColor.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script setup lang="ts">
-const pageSuccess = ref(1)
-const pageError = ref(2)
-const pageInfo = ref(3)
-</script>
-
-<template>
-  <div class="d-flex flex-column gap-6">
-    <VPagination
-      v-model="pageSuccess"
-      :length="7"
-      active-color="success"
-    />
-    <VPagination
-      v-model="pageError"
-      :length="7"
-      active-color="error"
-    />
-    <VPagination
-      v-model="pageInfo"
-      :length="7"
-      active-color="info"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationDisabled.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationDisabled.vue
deleted file mode 100644
index 5e44aa0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationDisabled.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <VPagination
-    :length="5"
-    disabled
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationIcons.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationIcons.vue
deleted file mode 100644
index e4588e4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationIcons.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts" setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="5"
-    prev-icon="tabler-caret-left"
-    next-icon="tabler-caret-right"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationLength.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationLength.vue
deleted file mode 100644
index e83b272..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationLength.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts" setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="15"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationOutline.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationOutline.vue
deleted file mode 100644
index f6b6c37..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationOutline.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script setup lang="ts">
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    variant="outlined"
-    :length="5"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationOutlineCircle.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationOutlineCircle.vue
deleted file mode 100644
index 4482dab..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationOutlineCircle.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    variant="outlined"
-    :length="5"
-    rounded="circle"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationSize.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationSize.vue
deleted file mode 100644
index ca0edf4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationSize.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script setup lang="ts">
-const xSmallPagination = ref(1)
-const smallPagination = ref(2)
-const largePagination = ref(3)
-</script>
-
-<template>
-  <div class="d-flex flex-column gap-6 px-4">
-    <VPagination
-      v-model="xSmallPagination"
-      :length="7"
-      size="small"
-    />
-    <VPagination
-      v-model="smallPagination"
-      :length="7"
-    />
-    <VPagination
-      v-model="largePagination"
-      :length="7"
-      :total-visible="$vuetify.display.xs ? 1 : 7"
-      size="large"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationTotalVisible.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationTotalVisible.vue
deleted file mode 100644
index 3253b50..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/DemoPaginationTotalVisible.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts" setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="15"
-    :total-visible="$vuetify.display.mdAndUp ? 7 : 3"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/demoCodePagination.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/demoCodePagination.ts
deleted file mode 100644
index b08b136..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/pagination/demoCodePagination.ts
+++ /dev/null
@@ -1,315 +0,0 @@
-export const basic = {
-  ts: `<script lang="ts" setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="5"
-  />
-</template>
-`,
-  js: `<script setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="5"
-  />
-</template>
-`,
-}
-
-export const circle = {
-  ts: `<script lang="ts" setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="5"
-    rounded="circle"
-  />
-</template>
-`,
-  js: `<script setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="5"
-    rounded="circle"
-  />
-</template>
-`,
-}
-
-export const color = {
-  ts: `<script setup lang="ts">
-const pageSuccess = ref(1)
-const pageError = ref(2)
-const pageInfo = ref(3)
-</script>
-
-<template>
-  <div class="d-flex flex-column gap-6">
-    <VPagination
-      v-model="pageSuccess"
-      :length="7"
-      active-color="success"
-    />
-    <VPagination
-      v-model="pageError"
-      :length="7"
-      active-color="error"
-    />
-    <VPagination
-      v-model="pageInfo"
-      :length="7"
-      active-color="info"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const pageSuccess = ref(1)
-const pageError = ref(2)
-const pageInfo = ref(3)
-</script>
-
-<template>
-  <div class="d-flex flex-column gap-6">
-    <VPagination
-      v-model="pageSuccess"
-      :length="7"
-      active-color="success"
-    />
-    <VPagination
-      v-model="pageError"
-      :length="7"
-      active-color="error"
-    />
-    <VPagination
-      v-model="pageInfo"
-      :length="7"
-      active-color="info"
-    />
-  </div>
-</template>
-`,
-}
-
-export const disabled = {
-  ts: `<template>
-  <VPagination
-    :length="5"
-    disabled
-  />
-</template>
-`,
-  js: `<template>
-  <VPagination
-    :length="5"
-    disabled
-  />
-</template>
-`,
-}
-
-export const icons = {
-  ts: `<script lang="ts" setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="5"
-    prev-icon="tabler-caret-left"
-    next-icon="tabler-caret-right"
-  />
-</template>
-`,
-  js: `<script setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="5"
-    prev-icon="tabler-caret-left"
-    next-icon="tabler-caret-right"
-  />
-</template>
-`,
-}
-
-export const length = {
-  ts: `<script lang="ts" setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="15"
-  />
-</template>
-`,
-  js: `<script setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="15"
-  />
-</template>
-`,
-}
-
-export const outline = {
-  ts: `<script setup lang="ts">
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    variant="outlined"
-    :length="5"
-  />
-</template>
-`,
-  js: `<script setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    variant="outlined"
-    :length="5"
-  />
-</template>
-`,
-}
-
-export const outlineCircle = {
-  ts: `<script setup lang="ts">
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    variant="outlined"
-    :length="5"
-    rounded="circle"
-  />
-</template>
-`,
-  js: `<script setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    variant="outlined"
-    :length="5"
-    rounded="circle"
-  />
-</template>
-`,
-}
-
-export const size = {
-  ts: `<script setup lang="ts">
-const xSmallPagination = ref(1)
-const smallPagination = ref(2)
-const largePagination = ref(3)
-</script>
-
-<template>
-  <div class="d-flex flex-column gap-6 px-4">
-    <VPagination
-      v-model="xSmallPagination"
-      :length="7"
-      size="small"
-    />
-    <VPagination
-      v-model="smallPagination"
-      :length="7"
-    />
-    <VPagination
-      v-model="largePagination"
-      :length="7"
-      :total-visible="$vuetify.display.xs ? 1 : 7"
-      size="large"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const xSmallPagination = ref(1)
-const smallPagination = ref(2)
-const largePagination = ref(3)
-</script>
-
-<template>
-  <div class="d-flex flex-column gap-6 px-4">
-    <VPagination
-      v-model="xSmallPagination"
-      :length="7"
-      size="small"
-    />
-    <VPagination
-      v-model="smallPagination"
-      :length="7"
-    />
-    <VPagination
-      v-model="largePagination"
-      :length="7"
-      :total-visible="$vuetify.display.xs ? 1 : 7"
-      size="large"
-    />
-  </div>
-</template>
-`,
-}
-
-export const totalVisible = {
-  ts: `<script lang="ts" setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="15"
-    :total-visible="$vuetify.display.mdAndUp ? 7 : 3"
-  />
-</template>
-`,
-  js: `<script setup>
-const currentPage = ref(1)
-</script>
-
-<template>
-  <VPagination
-    v-model="currentPage"
-    :length="15"
-    :total-visible="$vuetify.display.mdAndUp ? 7 : 3"
-  />
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/DemoProgressCircularColor.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/DemoProgressCircularColor.vue
deleted file mode 100644
index 1a6c528..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/DemoProgressCircularColor.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VProgressCircular
-      model-value="50"
-      color="primary"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="secondary"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="success"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="info"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="warning"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="error"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/DemoProgressCircularIndeterminate.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/DemoProgressCircularIndeterminate.vue
deleted file mode 100644
index 76b1dfe..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/DemoProgressCircularIndeterminate.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VProgressCircular
-      indeterminate
-      color="primary"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="secondary"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="success"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="info"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="warning"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="error"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/DemoProgressCircularRotate.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/DemoProgressCircularRotate.vue
deleted file mode 100644
index afd298a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/DemoProgressCircularRotate.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<script setup lang="ts">
-const interval = ref()
-const progressValue = ref(0)
-
-onMounted(() => {
-  interval.value = setInterval(() => {
-    if (progressValue.value === 100)
-      return progressValue.value = 0
-    progressValue.value += 10
-  }, 1000)
-})
-
-onBeforeUnmount(() => {
-  clearInterval(interval.value)
-})
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VProgressCircular
-      :rotate="360"
-      :size="70"
-      :width="6"
-      :model-value="progressValue"
-      color="primary"
-    >
-      {{ progressValue }}
-    </VProgressCircular>
-
-    <VProgressCircular
-      :rotate="90"
-      :size="70"
-      :width="6"
-      :model-value="progressValue"
-      color="primary"
-    >
-      {{ progressValue }}
-    </VProgressCircular>
-
-    <VProgressCircular
-      :rotate="170"
-      :size="70"
-      :width="6"
-      :model-value="progressValue"
-      color="primary"
-    >
-      {{ progressValue }}
-    </VProgressCircular>
-
-    <VProgressCircular
-      :rotate="-90"
-      :size="70"
-      :width="6"
-      :model-value="progressValue"
-      color="primary"
-    >
-      {{ progressValue }}
-    </VProgressCircular>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/DemoProgressCircularSize.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/DemoProgressCircularSize.vue
deleted file mode 100644
index 83066ef..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/DemoProgressCircularSize.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VProgressCircular
-      :size="30"
-      width="3"
-      color="primary"
-      indeterminate
-    />
-
-    <VProgressCircular
-      :size="40"
-      color="primary"
-      indeterminate
-    />
-
-    <VProgressCircular
-      :size="50"
-      color="primary"
-      indeterminate
-    />
-
-    <VProgressCircular
-      :size="60"
-      color="primary"
-      indeterminate
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/demoCodeProgressCircular.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/demoCodeProgressCircular.ts
deleted file mode 100644
index 36b6df7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-circular/demoCodeProgressCircular.ts
+++ /dev/null
@@ -1,326 +0,0 @@
-export const color = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VProgressCircular
-      model-value="50"
-      color="primary"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="secondary"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="success"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="info"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="warning"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="error"
-    />
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VProgressCircular
-      model-value="50"
-      color="primary"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="secondary"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="success"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="info"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="warning"
-    />
-
-    <VProgressCircular
-      model-value="50"
-      color="error"
-    />
-  </div>
-</template>
-`,
-}
-
-export const indeterminate = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VProgressCircular
-      indeterminate
-      color="primary"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="secondary"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="success"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="info"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="warning"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="error"
-    />
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VProgressCircular
-      indeterminate
-      color="primary"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="secondary"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="success"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="info"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="warning"
-    />
-
-    <VProgressCircular
-      indeterminate
-      color="error"
-    />
-  </div>
-</template>
-`,
-}
-
-export const rotate = {
-  ts: `<script setup lang="ts">
-const interval = ref()
-const progressValue = ref(0)
-
-onMounted(() => {
-  interval.value = setInterval(() => {
-    if (progressValue.value === 100)
-      return progressValue.value = 0
-    progressValue.value += 10
-  }, 1000)
-})
-
-onBeforeUnmount(() => {
-  clearInterval(interval.value)
-})
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VProgressCircular
-      :rotate="360"
-      :size="70"
-      :width="6"
-      :model-value="progressValue"
-      color="primary"
-    >
-      {{ progressValue }}
-    </VProgressCircular>
-
-    <VProgressCircular
-      :rotate="90"
-      :size="70"
-      :width="6"
-      :model-value="progressValue"
-      color="primary"
-    >
-      {{ progressValue }}
-    </VProgressCircular>
-
-    <VProgressCircular
-      :rotate="170"
-      :size="70"
-      :width="6"
-      :model-value="progressValue"
-      color="primary"
-    >
-      {{ progressValue }}
-    </VProgressCircular>
-
-    <VProgressCircular
-      :rotate="-90"
-      :size="70"
-      :width="6"
-      :model-value="progressValue"
-      color="primary"
-    >
-      {{ progressValue }}
-    </VProgressCircular>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const interval = ref()
-const progressValue = ref(0)
-
-onMounted(() => {
-  interval.value = setInterval(() => {
-    if (progressValue.value === 100)
-      return progressValue.value = 0
-    progressValue.value += 10
-  }, 1000)
-})
-onBeforeUnmount(() => {
-  clearInterval(interval.value)
-})
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VProgressCircular
-      :rotate="360"
-      :size="70"
-      :width="6"
-      :model-value="progressValue"
-      color="primary"
-    >
-      {{ progressValue }}
-    </VProgressCircular>
-
-    <VProgressCircular
-      :rotate="90"
-      :size="70"
-      :width="6"
-      :model-value="progressValue"
-      color="primary"
-    >
-      {{ progressValue }}
-    </VProgressCircular>
-
-    <VProgressCircular
-      :rotate="170"
-      :size="70"
-      :width="6"
-      :model-value="progressValue"
-      color="primary"
-    >
-      {{ progressValue }}
-    </VProgressCircular>
-
-    <VProgressCircular
-      :rotate="-90"
-      :size="70"
-      :width="6"
-      :model-value="progressValue"
-      color="primary"
-    >
-      {{ progressValue }}
-    </VProgressCircular>
-  </div>
-</template>
-`,
-}
-
-export const size = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VProgressCircular
-      :size="30"
-      width="3"
-      color="primary"
-      indeterminate
-    />
-
-    <VProgressCircular
-      :size="40"
-      color="primary"
-      indeterminate
-    />
-
-    <VProgressCircular
-      :size="50"
-      color="primary"
-      indeterminate
-    />
-
-    <VProgressCircular
-      :size="60"
-      color="primary"
-      indeterminate
-    />
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VProgressCircular
-      :size="30"
-      width="3"
-      color="primary"
-      indeterminate
-    />
-
-    <VProgressCircular
-      :size="40"
-      color="primary"
-      indeterminate
-    />
-
-    <VProgressCircular
-      :size="50"
-      color="primary"
-      indeterminate
-    />
-
-    <VProgressCircular
-      :size="60"
-      color="primary"
-      indeterminate
-    />
-  </div>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearBuffering.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearBuffering.vue
deleted file mode 100644
index 10d560e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearBuffering.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script setup lang="ts">
-const modelValue = ref(10)
-const bufferValue = ref(20)
-const interval = ref()
-
-const startBuffer = () => {
-  clearInterval(interval.value)
-
-  interval.value = setInterval(() => {
-    modelValue.value += Math.random() * (15 - 5) + 5
-    bufferValue.value += Math.random() * (15 - 5) + 6
-  }, 2000)
-}
-
-onMounted(startBuffer)
-
-onBeforeUnmount(() => {
-  clearInterval(interval.value)
-})
-
-watch(modelValue, () => {
-  if (modelValue.value < 100)
-    return false
-
-  modelValue.value = 0
-  bufferValue.value = 10
-  startBuffer()
-})
-</script>
-
-<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      v-model="modelValue"
-      color="primary"
-      :buffer-value="bufferValue"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearColor.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearColor.vue
deleted file mode 100644
index aa148df..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearColor.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      model-value="15"
-      color="primary"
-    />
-
-    <VProgressLinear
-      model-value="30"
-      color="secondary"
-    />
-
-    <VProgressLinear
-      model-value="45"
-      color="success"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearIndeterminate.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearIndeterminate.vue
deleted file mode 100644
index 9abd7de..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearIndeterminate.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <VProgressLinear
-    indeterminate
-    color="primary"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearReversed.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearReversed.vue
deleted file mode 100644
index 73fcb6a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearReversed.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <VProgressLinear
-    color="primary"
-    indeterminate
-    reverse
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearRounded.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearRounded.vue
deleted file mode 100644
index a939d5c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearRounded.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      model-value="78"
-      height="8"
-      color="primary"
-      :rounded="false"
-    />
-
-    <VProgressLinear
-      model-value="20"
-      color="primary"
-      height="20"
-      :rounded="false"
-    />
-
-    <VProgressLinear
-      model-value="33"
-      height="20"
-      color="primary"
-      :rounded="false"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearSlots.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearSlots.vue
deleted file mode 100644
index 3f552bf..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearSlots.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<script setup lang="ts">
-const skill = ref(20)
-const knowledge = ref(33)
-const power = ref(78)
-</script>
-
-<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      v-model="power"
-      color="primary"
-      height="8"
-    />
-
-    <VProgressLinear
-      v-model="skill"
-      color="primary"
-      height="20"
-    >
-      <template #default="{ value }">
-        <span>{{ Math.ceil(value) }}%</span>
-      </template>
-    </VProgressLinear>
-
-    <VProgressLinear
-      v-model="knowledge"
-      height="20"
-      color="primary"
-    >
-      <span>{{ Math.ceil(knowledge) }}%</span>
-    </VProgressLinear>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearStriped.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearStriped.vue
deleted file mode 100644
index 659ab71..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/DemoProgressLinearStriped.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      color="rgb(var(--v-theme-primary))"
-      model-value="75"
-      striped
-    />
-
-    <VProgressLinear
-      color="rgb(var(--v-theme-success))"
-      model-value="55"
-      striped
-    />
-
-    <VProgressLinear
-      color="rgb(var(--v-theme-warning))"
-      model-value="35"
-      striped
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/demoCodeProgressLinear.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/demoCodeProgressLinear.ts
deleted file mode 100644
index fe9a0c7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/progress-linear/demoCodeProgressLinear.ts
+++ /dev/null
@@ -1,326 +0,0 @@
-export const buffering = {
-  ts: `<script setup lang="ts">
-const modelValue = ref(10)
-const bufferValue = ref(20)
-const interval = ref()
-
-const startBuffer = () => {
-  clearInterval(interval.value)
-
-  interval.value = setInterval(() => {
-    modelValue.value += Math.random() * (15 - 5) + 5
-    bufferValue.value += Math.random() * (15 - 5) + 6
-  }, 2000)
-}
-
-onMounted(startBuffer)
-
-onBeforeUnmount(() => {
-  clearInterval(interval.value)
-})
-
-watch(modelValue, () => {
-  if (modelValue.value < 100)
-    return false
-
-  modelValue.value = 0
-  bufferValue.value = 10
-  startBuffer()
-})
-</script>
-
-<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      v-model="modelValue"
-      color="primary"
-      :buffer-value="bufferValue"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const modelValue = ref(10)
-const bufferValue = ref(20)
-const interval = ref()
-
-const startBuffer = () => {
-  clearInterval(interval.value)
-  interval.value = setInterval(() => {
-    modelValue.value += Math.random() * (15 - 5) + 5
-    bufferValue.value += Math.random() * (15 - 5) + 6
-  }, 2000)
-}
-
-onMounted(startBuffer)
-onBeforeUnmount(() => {
-  clearInterval(interval.value)
-})
-watch(modelValue, () => {
-  if (modelValue.value < 100)
-    return false
-  modelValue.value = 0
-  bufferValue.value = 10
-  startBuffer()
-})
-</script>
-
-<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      v-model="modelValue"
-      color="primary"
-      :buffer-value="bufferValue"
-    />
-  </div>
-</template>
-`,
-}
-
-export const color = {
-  ts: `<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      model-value="15"
-      color="primary"
-    />
-
-    <VProgressLinear
-      model-value="30"
-      color="secondary"
-    />
-
-    <VProgressLinear
-      model-value="45"
-      color="success"
-    />
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      model-value="15"
-      color="primary"
-    />
-
-    <VProgressLinear
-      model-value="30"
-      color="secondary"
-    />
-
-    <VProgressLinear
-      model-value="45"
-      color="success"
-    />
-  </div>
-</template>
-`,
-}
-
-export const indeterminate = {
-  ts: `<template>
-  <VProgressLinear
-    indeterminate
-    color="primary"
-  />
-</template>
-`,
-  js: `<template>
-  <VProgressLinear
-    indeterminate
-    color="primary"
-  />
-</template>
-`,
-}
-
-export const reversed = {
-  ts: `<template>
-  <VProgressLinear
-    color="primary"
-    indeterminate
-    reverse
-  />
-</template>
-`,
-  js: `<template>
-  <VProgressLinear
-    color="primary"
-    indeterminate
-    reverse
-  />
-</template>
-`,
-}
-
-export const rounded = {
-  ts: `<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      model-value="78"
-      height="8"
-      color="primary"
-      :rounded="false"
-    />
-
-    <VProgressLinear
-      model-value="20"
-      color="primary"
-      height="20"
-      :rounded="false"
-    />
-
-    <VProgressLinear
-      model-value="33"
-      height="20"
-      color="primary"
-      :rounded="false"
-    />
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      model-value="78"
-      height="8"
-      color="primary"
-      :rounded="false"
-    />
-
-    <VProgressLinear
-      model-value="20"
-      color="primary"
-      height="20"
-      :rounded="false"
-    />
-
-    <VProgressLinear
-      model-value="33"
-      height="20"
-      color="primary"
-      :rounded="false"
-    />
-  </div>
-</template>
-`,
-}
-
-export const slots = {
-  ts: `<script setup lang="ts">
-const skill = ref(20)
-const knowledge = ref(33)
-const power = ref(78)
-</script>
-
-<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      v-model="power"
-      color="primary"
-      height="8"
-    />
-
-    <VProgressLinear
-      v-model="skill"
-      color="primary"
-      height="20"
-    >
-      <template #default="{ value }">
-        <span>{{ Math.ceil(value) }}%</span>
-      </template>
-    </VProgressLinear>
-
-    <VProgressLinear
-      v-model="knowledge"
-      height="20"
-      color="primary"
-    >
-      <span>{{ Math.ceil(knowledge) }}%</span>
-    </VProgressLinear>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const skill = ref(20)
-const knowledge = ref(33)
-const power = ref(78)
-</script>
-
-<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      v-model="power"
-      color="primary"
-      height="8"
-    />
-
-    <VProgressLinear
-      v-model="skill"
-      color="primary"
-      height="20"
-    >
-      <template #default="{ value }">
-        <span>{{ Math.ceil(value) }}%</span>
-      </template>
-    </VProgressLinear>
-
-    <VProgressLinear
-      v-model="knowledge"
-      height="20"
-      color="primary"
-    >
-      <span>{{ Math.ceil(knowledge) }}%</span>
-    </VProgressLinear>
-  </div>
-</template>
-`,
-}
-
-export const striped = {
-  ts: `<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      color="rgb(var(--v-theme-primary))"
-      model-value="75"
-      striped
-    />
-
-    <VProgressLinear
-      color="rgb(var(--v-theme-success))"
-      model-value="55"
-      striped
-    />
-
-    <VProgressLinear
-      color="rgb(var(--v-theme-warning))"
-      model-value="35"
-      striped
-    />
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-y">
-    <VProgressLinear
-      color="rgb(var(--v-theme-primary))"
-      model-value="75"
-      striped
-    />
-
-    <VProgressLinear
-      color="rgb(var(--v-theme-success))"
-      model-value="55"
-      striped
-    />
-
-    <VProgressLinear
-      color="rgb(var(--v-theme-warning))"
-      model-value="35"
-      striped
-    />
-  </div>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarBasic.vue
deleted file mode 100644
index 00fd5e4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarBasic.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts" setup>
-const isSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisible = true">
-    Open Snackbar
-  </VBtn>
-
-  <!-- SnackBar -->
-  <VSnackbar v-model="isSnackbarVisible">
-    Hello, I'm a snackbar
-  </VSnackbar>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarMultiLine.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarMultiLine.vue
deleted file mode 100644
index f6f4cca..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarMultiLine.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts" setup>
-const isSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisible = true">
-    Open Snackbar
-  </VBtn>
-
-  <!-- Snackbar -->
-  <VSnackbar
-    v-model="isSnackbarVisible"
-    multi-line
-  >
-    I am a multi-line snackbar. I can have more than one line. This is another line that is quite long.
-
-    <template #actions>
-      <VBtn
-        color="error"
-        @click="isSnackbarVisible = false"
-      >
-        Close
-      </VBtn>
-    </template>
-  </VSnackbar>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarPosition.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarPosition.vue
deleted file mode 100644
index a19f1be..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarPosition.vue
+++ /dev/null
@@ -1,156 +0,0 @@
-<script lang="ts" setup>
-const isSnackbarTopStartVisible = ref(false)
-const isSnackbarTopVisible = ref(false)
-const isSnackbarTopEndVisible = ref(false)
-const isSnackbarBottomEndVisible = ref(false)
-const isSnackbarBottomVisible = ref(false)
-const isSnackbarBottomStartVisible = ref(false)
-const isSnackbarEndVisible = ref(false)
-const isSnackbarStartVisible = ref(false)
-const isSnackbarCenteredVisible = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- top  -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarTopVisible = true"
-    >
-      <VIcon icon="tabler-arrow-up" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarTopVisible"
-      location="top"
-    >
-      I'm a top snackbar.
-    </VSnackbar>
-
-    <!-- top end -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarTopEndVisible = true"
-    >
-      <VIcon icon="tabler-arrow-up-right" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarTopEndVisible"
-      location="top end"
-    >
-      I'm a top right snackbar.
-    </VSnackbar>
-
-    <!-- center end -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarEndVisible = true"
-    >
-      <VIcon icon="tabler-arrow-right" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarEndVisible"
-      location="end center"
-    >
-      I'm a center end snackbar.
-    </VSnackbar>
-
-    <!-- bottom end -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarBottomEndVisible = true"
-    >
-      <VIcon icon="tabler-arrow-down-right" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarBottomEndVisible"
-      location="bottom end"
-    >
-      I'm a bottom end snackbar.
-    </VSnackbar>
-
-    <!-- bottom -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarBottomVisible = true"
-    >
-      <VIcon icon="tabler-arrow-down" />
-    </VBtn>
-
-    <VSnackbar v-model="isSnackbarBottomVisible">
-      I'm a bottom snackbar.
-    </VSnackbar>
-
-    <!-- bottom start -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarBottomStartVisible = true"
-    >
-      <VIcon icon="tabler-arrow-down-left" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarBottomStartVisible"
-      location="bottom start"
-    >
-      I'm a bottom start snackbar.
-    </VSnackbar>
-
-    <!-- center start -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarStartVisible = true"
-    >
-      <VIcon icon="tabler-arrow-left" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarStartVisible"
-      location="start center"
-    >
-      I'm a center start snackbar.
-    </VSnackbar>
-
-    <!-- top start -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarTopStartVisible = true"
-    >
-      <VIcon icon="tabler-arrow-up-left" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarTopStartVisible"
-      location="top start"
-    >
-      I'm a top start snackbar.
-    </VSnackbar>
-
-    <!-- center -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarCenteredVisible = true"
-    >
-      <VIcon icon="tabler-arrows-minimize" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarCenteredVisible"
-      location="center"
-    >
-      I'm a center snackbar.
-    </VSnackbar>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarTimeout.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarTimeout.vue
deleted file mode 100644
index b85cabd..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarTimeout.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts" setup>
-const isSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisible = true">
-    Open Snackbar
-  </VBtn>
-
-  <!-- Snackbar -->
-  <VSnackbar
-    v-model="isSnackbarVisible"
-    :timeout="2000"
-  >
-    My timeout is set to 2000.
-  </VSnackbar>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarTransition.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarTransition.vue
deleted file mode 100644
index 7398a29..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarTransition.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts" setup>
-const isSnackbarFadeVisible = ref(false)
-const isSnackbarScaleVisible = ref(false)
-const isSnackbarScrollReverseVisible = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- fade -->
-    <VBtn @click="isSnackbarFadeVisible = true">
-      fade snackbar
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarFadeVisible"
-      transition="fade-transition"
-      location="top start"
-    >
-      I'm a fade transition snackbar.
-    </VSnackbar>
-
-    <!-- scale -->
-    <VBtn @click="isSnackbarScaleVisible = true">
-      Scale snackbar
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarScaleVisible"
-      transition="scale-transition"
-      location="bottom end"
-    >
-      I'm a scale transition snackbar.
-    </VSnackbar>
-
-    <!-- scroll y reverse -->
-    <VBtn @click="isSnackbarScrollReverseVisible = true">
-      scroll y reverse
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarScrollReverseVisible"
-      transition="scroll-y-reverse-transition"
-      location="top end"
-    >
-      I'm a scroll y reverse transition snackbar.
-    </VSnackbar>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarVariants.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarVariants.vue
deleted file mode 100644
index 0b83bfb..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarVariants.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<script lang="ts" setup>
-const isDefaultSnackbarVisible = ref(false)
-const isTonalSnackbarVisible = ref(false)
-const isTextSnackbarVisible = ref(false)
-const isOutlinedSnackbarVisible = ref(false)
-const isFlatSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- Default toggle btn -->
-    <VBtn @click="isDefaultSnackbarVisible = true">
-      Default
-    </VBtn>
-
-    <!-- Default snackbar -->
-    <VSnackbar
-      v-model="isDefaultSnackbarVisible"
-      location="top start"
-    >
-      Jelly chocolate bar candy canes apple pie.
-    </VSnackbar>
-
-    <!-- tonal toggle btn -->
-    <VBtn @click="isTonalSnackbarVisible = true">
-      tonal
-    </VBtn>
-
-    <!-- tonal snackbar -->
-    <VSnackbar
-      v-model="isTonalSnackbarVisible"
-      location="top end"
-      variant="tonal"
-    >
-      Ice cream cake candy canes.
-    </VSnackbar>
-
-    <!-- Text toggle btn -->
-    <VBtn @click="isTextSnackbarVisible = true">
-      Text
-    </VBtn>
-
-    <!-- Text snackbar -->
-    <VSnackbar
-      v-model="isTextSnackbarVisible"
-      location="end center"
-      variant="text"
-    >
-      Pie icing biscuit soufflé liquorice topping.
-    </VSnackbar>
-
-    <!-- Outline toggle btn -->
-    <VBtn @click="isOutlinedSnackbarVisible = true">
-      Outlined
-    </VBtn>
-
-    <!-- Outline snackbar -->
-    <VSnackbar
-      v-model="isOutlinedSnackbarVisible"
-      location="bottom end"
-      variant="outlined"
-      color="error"
-    >
-      Oat cake caramels sesame snaps candy.
-    </VSnackbar>
-
-    <!-- flat toggle btn -->
-    <VBtn @click="isFlatSnackbarVisible = true">
-      Flat
-    </VBtn>
-
-    <!-- flat snackbar -->
-    <VSnackbar
-      v-model="isFlatSnackbarVisible"
-      location="bottom start"
-      variant="flat"
-      color="error"
-    >
-      Oat cake caramels sesame snaps candy.
-    </VSnackbar>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarVertical.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarVertical.vue
deleted file mode 100644
index aa1e927..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarVertical.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts" setup>
-const isSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisible = true">
-    Open Snackbar
-  </VBtn>
-
-  <VSnackbar
-    v-model="isSnackbarVisible"
-    vertical
-  >
-    Sugar plum chocolate bar halvah sesame snaps apple pie donut croissant marshmallow. Sweet roll donut gummies sesame snaps icing bear claw tiramisu cotton candy.
-
-    <template #actions>
-      <VBtn
-        color="success"
-        @click="isSnackbarVisible = false"
-      >
-        Undo
-      </VBtn>
-
-      <VBtn
-        color="error"
-        @click="isSnackbarVisible = false"
-      >
-        Close
-      </VBtn>
-    </template>
-  </VSnackbar>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarWithAction.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarWithAction.vue
deleted file mode 100644
index 110c8f6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/DemoSnackbarWithAction.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts" setup>
-const isSnackbarVisibility = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisibility = true">
-    Open Snackbar
-  </VBtn>
-
-  <!-- Snackbar -->
-  <VSnackbar v-model="isSnackbarVisibility">
-    Hello, I'm a snackbar with actions.
-
-    <template #actions>
-      <VBtn
-        color="error"
-        @click="isSnackbarVisibility = false"
-      >
-        Close
-      </VBtn>
-    </template>
-  </VSnackbar>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/demoCodeSnackbar.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/demoCodeSnackbar.ts
deleted file mode 100644
index b88025d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/snackbar/demoCodeSnackbar.ts
+++ /dev/null
@@ -1,835 +0,0 @@
-export const basic = {
-  ts: `<script lang="ts" setup>
-const isSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisible = true">
-    Open Snackbar
-  </VBtn>
-
-  <!-- SnackBar -->
-  <VSnackbar v-model="isSnackbarVisible">
-    Hello, I'm a snackbar
-  </VSnackbar>
-</template>
-`,
-  js: `<script setup>
-const isSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisible = true">
-    Open Snackbar
-  </VBtn>
-
-  <!-- SnackBar -->
-  <VSnackbar v-model="isSnackbarVisible">
-    Hello, I'm a snackbar
-  </VSnackbar>
-</template>
-`,
-}
-
-export const multiLine = {
-  ts: `<script lang="ts" setup>
-const isSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisible = true">
-    Open Snackbar
-  </VBtn>
-
-  <!-- Snackbar -->
-  <VSnackbar
-    v-model="isSnackbarVisible"
-    multi-line
-  >
-    I am a multi-line snackbar. I can have more than one line. This is another line that is quite long.
-
-    <template #actions>
-      <VBtn
-        color="error"
-        @click="isSnackbarVisible = false"
-      >
-        Close
-      </VBtn>
-    </template>
-  </VSnackbar>
-</template>
-`,
-  js: `<script setup>
-const isSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisible = true">
-    Open Snackbar
-  </VBtn>
-
-  <!-- Snackbar -->
-  <VSnackbar
-    v-model="isSnackbarVisible"
-    multi-line
-  >
-    I am a multi-line snackbar. I can have more than one line. This is another line that is quite long.
-
-    <template #actions>
-      <VBtn
-        color="error"
-        @click="isSnackbarVisible = false"
-      >
-        Close
-      </VBtn>
-    </template>
-  </VSnackbar>
-</template>
-`,
-}
-
-export const position = {
-  ts: `<script lang="ts" setup>
-const isSnackbarTopStartVisible = ref(false)
-const isSnackbarTopVisible = ref(false)
-const isSnackbarTopEndVisible = ref(false)
-const isSnackbarBottomEndVisible = ref(false)
-const isSnackbarBottomVisible = ref(false)
-const isSnackbarBottomStartVisible = ref(false)
-const isSnackbarEndVisible = ref(false)
-const isSnackbarStartVisible = ref(false)
-const isSnackbarCenteredVisible = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- top  -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarTopVisible = true"
-    >
-      <VIcon icon="tabler-arrow-up" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarTopVisible"
-      location="top"
-    >
-      I'm a top snackbar.
-    </VSnackbar>
-
-    <!-- top end -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarTopEndVisible = true"
-    >
-      <VIcon icon="tabler-arrow-up-right" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarTopEndVisible"
-      location="top end"
-    >
-      I'm a top right snackbar.
-    </VSnackbar>
-
-    <!-- center end -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarEndVisible = true"
-    >
-      <VIcon icon="tabler-arrow-right" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarEndVisible"
-      location="end center"
-    >
-      I'm a center end snackbar.
-    </VSnackbar>
-
-    <!-- bottom end -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarBottomEndVisible = true"
-    >
-      <VIcon icon="tabler-arrow-down-right" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarBottomEndVisible"
-      location="bottom end"
-    >
-      I'm a bottom end snackbar.
-    </VSnackbar>
-
-    <!-- bottom -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarBottomVisible = true"
-    >
-      <VIcon icon="tabler-arrow-down" />
-    </VBtn>
-
-    <VSnackbar v-model="isSnackbarBottomVisible">
-      I'm a bottom snackbar.
-    </VSnackbar>
-
-    <!-- bottom start -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarBottomStartVisible = true"
-    >
-      <VIcon icon="tabler-arrow-down-left" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarBottomStartVisible"
-      location="bottom start"
-    >
-      I'm a bottom start snackbar.
-    </VSnackbar>
-
-    <!-- center start -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarStartVisible = true"
-    >
-      <VIcon icon="tabler-arrow-left" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarStartVisible"
-      location="start center"
-    >
-      I'm a center start snackbar.
-    </VSnackbar>
-
-    <!-- top start -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarTopStartVisible = true"
-    >
-      <VIcon icon="tabler-arrow-up-left" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarTopStartVisible"
-      location="top start"
-    >
-      I'm a top start snackbar.
-    </VSnackbar>
-
-    <!-- center -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarCenteredVisible = true"
-    >
-      <VIcon icon="tabler-arrows-minimize" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarCenteredVisible"
-      location="center"
-    >
-      I'm a center snackbar.
-    </VSnackbar>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const isSnackbarTopStartVisible = ref(false)
-const isSnackbarTopVisible = ref(false)
-const isSnackbarTopEndVisible = ref(false)
-const isSnackbarBottomEndVisible = ref(false)
-const isSnackbarBottomVisible = ref(false)
-const isSnackbarBottomStartVisible = ref(false)
-const isSnackbarEndVisible = ref(false)
-const isSnackbarStartVisible = ref(false)
-const isSnackbarCenteredVisible = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- top  -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarTopVisible = true"
-    >
-      <VIcon icon="tabler-arrow-up" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarTopVisible"
-      location="top"
-    >
-      I'm a top snackbar.
-    </VSnackbar>
-
-    <!-- top end -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarTopEndVisible = true"
-    >
-      <VIcon icon="tabler-arrow-up-right" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarTopEndVisible"
-      location="top end"
-    >
-      I'm a top right snackbar.
-    </VSnackbar>
-
-    <!-- center end -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarEndVisible = true"
-    >
-      <VIcon icon="tabler-arrow-right" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarEndVisible"
-      location="end center"
-    >
-      I'm a center end snackbar.
-    </VSnackbar>
-
-    <!-- bottom end -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarBottomEndVisible = true"
-    >
-      <VIcon icon="tabler-arrow-down-right" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarBottomEndVisible"
-      location="bottom end"
-    >
-      I'm a bottom end snackbar.
-    </VSnackbar>
-
-    <!-- bottom -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarBottomVisible = true"
-    >
-      <VIcon icon="tabler-arrow-down" />
-    </VBtn>
-
-    <VSnackbar v-model="isSnackbarBottomVisible">
-      I'm a bottom snackbar.
-    </VSnackbar>
-
-    <!-- bottom start -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarBottomStartVisible = true"
-    >
-      <VIcon icon="tabler-arrow-down-left" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarBottomStartVisible"
-      location="bottom start"
-    >
-      I'm a bottom start snackbar.
-    </VSnackbar>
-
-    <!-- center start -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarStartVisible = true"
-    >
-      <VIcon icon="tabler-arrow-left" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarStartVisible"
-      location="start center"
-    >
-      I'm a center start snackbar.
-    </VSnackbar>
-
-    <!-- top start -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarTopStartVisible = true"
-    >
-      <VIcon icon="tabler-arrow-up-left" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarTopStartVisible"
-      location="top start"
-    >
-      I'm a top start snackbar.
-    </VSnackbar>
-
-    <!-- center -->
-    <VBtn
-      icon
-      variant="text"
-      @click="isSnackbarCenteredVisible = true"
-    >
-      <VIcon icon="tabler-arrows-minimize" />
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarCenteredVisible"
-      location="center"
-    >
-      I'm a center snackbar.
-    </VSnackbar>
-  </div>
-</template>
-`,
-}
-
-export const timeout = {
-  ts: `<script lang="ts" setup>
-const isSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisible = true">
-    Open Snackbar
-  </VBtn>
-
-  <!-- Snackbar -->
-  <VSnackbar
-    v-model="isSnackbarVisible"
-    :timeout="2000"
-  >
-    My timeout is set to 2000.
-  </VSnackbar>
-</template>
-`,
-  js: `<script setup>
-const isSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisible = true">
-    Open Snackbar
-  </VBtn>
-
-  <!-- Snackbar -->
-  <VSnackbar
-    v-model="isSnackbarVisible"
-    :timeout="2000"
-  >
-    My timeout is set to 2000.
-  </VSnackbar>
-</template>
-`,
-}
-
-export const transition = {
-  ts: `<script lang="ts" setup>
-const isSnackbarFadeVisible = ref(false)
-const isSnackbarScaleVisible = ref(false)
-const isSnackbarScrollReverseVisible = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- fade -->
-    <VBtn @click="isSnackbarFadeVisible = true">
-      fade snackbar
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarFadeVisible"
-      transition="fade-transition"
-      location="top start"
-    >
-      I'm a fade transition snackbar.
-    </VSnackbar>
-
-    <!-- scale -->
-    <VBtn @click="isSnackbarScaleVisible = true">
-      Scale snackbar
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarScaleVisible"
-      transition="scale-transition"
-      location="bottom end"
-    >
-      I'm a scale transition snackbar.
-    </VSnackbar>
-
-    <!-- scroll y reverse -->
-    <VBtn @click="isSnackbarScrollReverseVisible = true">
-      scroll y reverse
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarScrollReverseVisible"
-      transition="scroll-y-reverse-transition"
-      location="top end"
-    >
-      I'm a scroll y reverse transition snackbar.
-    </VSnackbar>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const isSnackbarFadeVisible = ref(false)
-const isSnackbarScaleVisible = ref(false)
-const isSnackbarScrollReverseVisible = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- fade -->
-    <VBtn @click="isSnackbarFadeVisible = true">
-      fade snackbar
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarFadeVisible"
-      transition="fade-transition"
-      location="top start"
-    >
-      I'm a fade transition snackbar.
-    </VSnackbar>
-
-    <!-- scale -->
-    <VBtn @click="isSnackbarScaleVisible = true">
-      Scale snackbar
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarScaleVisible"
-      transition="scale-transition"
-      location="bottom end"
-    >
-      I'm a scale transition snackbar.
-    </VSnackbar>
-
-    <!-- scroll y reverse -->
-    <VBtn @click="isSnackbarScrollReverseVisible = true">
-      scroll y reverse
-    </VBtn>
-
-    <VSnackbar
-      v-model="isSnackbarScrollReverseVisible"
-      transition="scroll-y-reverse-transition"
-      location="top end"
-    >
-      I'm a scroll y reverse transition snackbar.
-    </VSnackbar>
-  </div>
-</template>
-`,
-}
-
-export const variants = {
-  ts: `<script lang="ts" setup>
-const isDefaultSnackbarVisible = ref(false)
-const isTonalSnackbarVisible = ref(false)
-const isTextSnackbarVisible = ref(false)
-const isOutlinedSnackbarVisible = ref(false)
-const isFlatSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- Default toggle btn -->
-    <VBtn @click="isDefaultSnackbarVisible = true">
-      Default
-    </VBtn>
-
-    <!-- Default snackbar -->
-    <VSnackbar
-      v-model="isDefaultSnackbarVisible"
-      location="top start"
-    >
-      Jelly chocolate bar candy canes apple pie.
-    </VSnackbar>
-
-    <!-- tonal toggle btn -->
-    <VBtn @click="isTonalSnackbarVisible = true">
-      tonal
-    </VBtn>
-
-    <!-- tonal snackbar -->
-    <VSnackbar
-      v-model="isTonalSnackbarVisible"
-      location="top end"
-      variant="tonal"
-    >
-      Ice cream cake candy canes.
-    </VSnackbar>
-
-    <!-- Text toggle btn -->
-    <VBtn @click="isTextSnackbarVisible = true">
-      Text
-    </VBtn>
-
-    <!-- Text snackbar -->
-    <VSnackbar
-      v-model="isTextSnackbarVisible"
-      location="end center"
-      variant="text"
-    >
-      Pie icing biscuit soufflé liquorice topping.
-    </VSnackbar>
-
-    <!-- Outline toggle btn -->
-    <VBtn @click="isOutlinedSnackbarVisible = true">
-      Outlined
-    </VBtn>
-
-    <!-- Outline snackbar -->
-    <VSnackbar
-      v-model="isOutlinedSnackbarVisible"
-      location="bottom end"
-      variant="outlined"
-      color="error"
-    >
-      Oat cake caramels sesame snaps candy.
-    </VSnackbar>
-
-    <!-- flat toggle btn -->
-    <VBtn @click="isFlatSnackbarVisible = true">
-      Flat
-    </VBtn>
-
-    <!-- flat snackbar -->
-    <VSnackbar
-      v-model="isFlatSnackbarVisible"
-      location="bottom start"
-      variant="flat"
-      color="error"
-    >
-      Oat cake caramels sesame snaps candy.
-    </VSnackbar>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const isDefaultSnackbarVisible = ref(false)
-const isTonalSnackbarVisible = ref(false)
-const isTextSnackbarVisible = ref(false)
-const isOutlinedSnackbarVisible = ref(false)
-const isFlatSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <!-- Default toggle btn -->
-    <VBtn @click="isDefaultSnackbarVisible = true">
-      Default
-    </VBtn>
-
-    <!-- Default snackbar -->
-    <VSnackbar
-      v-model="isDefaultSnackbarVisible"
-      location="top start"
-    >
-      Jelly chocolate bar candy canes apple pie.
-    </VSnackbar>
-
-    <!-- tonal toggle btn -->
-    <VBtn @click="isTonalSnackbarVisible = true">
-      tonal
-    </VBtn>
-
-    <!-- tonal snackbar -->
-    <VSnackbar
-      v-model="isTonalSnackbarVisible"
-      location="top end"
-      variant="tonal"
-    >
-      Ice cream cake candy canes.
-    </VSnackbar>
-
-    <!-- Text toggle btn -->
-    <VBtn @click="isTextSnackbarVisible = true">
-      Text
-    </VBtn>
-
-    <!-- Text snackbar -->
-    <VSnackbar
-      v-model="isTextSnackbarVisible"
-      location="end center"
-      variant="text"
-    >
-      Pie icing biscuit soufflé liquorice topping.
-    </VSnackbar>
-
-    <!-- Outline toggle btn -->
-    <VBtn @click="isOutlinedSnackbarVisible = true">
-      Outlined
-    </VBtn>
-
-    <!-- Outline snackbar -->
-    <VSnackbar
-      v-model="isOutlinedSnackbarVisible"
-      location="bottom end"
-      variant="outlined"
-      color="error"
-    >
-      Oat cake caramels sesame snaps candy.
-    </VSnackbar>
-
-    <!-- flat toggle btn -->
-    <VBtn @click="isFlatSnackbarVisible = true">
-      Flat
-    </VBtn>
-
-    <!-- flat snackbar -->
-    <VSnackbar
-      v-model="isFlatSnackbarVisible"
-      location="bottom start"
-      variant="flat"
-      color="error"
-    >
-      Oat cake caramels sesame snaps candy.
-    </VSnackbar>
-  </div>
-</template>
-`,
-}
-
-export const vertical = {
-  ts: `<script lang="ts" setup>
-const isSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisible = true">
-    Open Snackbar
-  </VBtn>
-
-  <VSnackbar
-    v-model="isSnackbarVisible"
-    vertical
-  >
-    Sugar plum chocolate bar halvah sesame snaps apple pie donut croissant marshmallow. Sweet roll donut gummies sesame snaps icing bear claw tiramisu cotton candy.
-
-    <template #actions>
-      <VBtn
-        color="success"
-        @click="isSnackbarVisible = false"
-      >
-        Undo
-      </VBtn>
-
-      <VBtn
-        color="error"
-        @click="isSnackbarVisible = false"
-      >
-        Close
-      </VBtn>
-    </template>
-  </VSnackbar>
-</template>
-`,
-  js: `<script setup>
-const isSnackbarVisible = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisible = true">
-    Open Snackbar
-  </VBtn>
-
-  <VSnackbar
-    v-model="isSnackbarVisible"
-    vertical
-  >
-    Sugar plum chocolate bar halvah sesame snaps apple pie donut croissant marshmallow. Sweet roll donut gummies sesame snaps icing bear claw tiramisu cotton candy.
-
-    <template #actions>
-      <VBtn
-        color="success"
-        @click="isSnackbarVisible = false"
-      >
-        Undo
-      </VBtn>
-
-      <VBtn
-        color="error"
-        @click="isSnackbarVisible = false"
-      >
-        Close
-      </VBtn>
-    </template>
-  </VSnackbar>
-</template>
-`,
-}
-
-export const withAction = {
-  ts: `<script lang="ts" setup>
-const isSnackbarVisibility = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisibility = true">
-    Open Snackbar
-  </VBtn>
-
-  <!-- Snackbar -->
-  <VSnackbar v-model="isSnackbarVisibility">
-    Hello, I'm a snackbar with actions.
-
-    <template #actions>
-      <VBtn
-        color="error"
-        @click="isSnackbarVisibility = false"
-      >
-        Close
-      </VBtn>
-    </template>
-  </VSnackbar>
-</template>
-`,
-  js: `<script setup>
-const isSnackbarVisibility = ref(false)
-</script>
-
-<template>
-  <VBtn @click="isSnackbarVisibility = true">
-    Open Snackbar
-  </VBtn>
-
-  <!-- Snackbar -->
-  <VSnackbar v-model="isSnackbarVisibility">
-    Hello, I'm a snackbar with actions.
-
-    <template #actions>
-      <VBtn
-        color="error"
-        @click="isSnackbarVisibility = false"
-      >
-        Close
-      </VBtn>
-    </template>
-  </VSnackbar>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperAutoplay.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperAutoplay.vue
deleted file mode 100644
index b9d0354..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperAutoplay.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper10 from '@images/banner/banner-10.jpg'
-import swiper11 from '@images/banner/banner-11.jpg'
-import swiper20 from '@images/banner/banner-20.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-import swiper8 from '@images/banner/banner-8.jpg'
-import swiper9 from '@images/banner/banner-9.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    navigation="true"
-    autoplay="true"
-    centered-slides="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in
-        [
-          swiper7,
-          swiper8,
-          swiper9,
-          swiper10,
-          swiper11,
-          swiper20,
-        ]"
-      :key="swiperImg"
-    >
-      <VImg
-        :src="swiperImg"
-        cover
-      />
-    </swiper-slide>
-  </swiper-container>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperBasic.vue
deleted file mode 100644
index 80d923c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperBasic.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-
-import swiper1 from '@images/banner/banner-1.jpg'
-import swiper13 from '@images/banner/banner-13.jpg'
-import swiper2 from '@images/banner/banner-2.jpg'
-import swiper4 from '@images/banner/banner-4.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container events-prefix="swiper-">
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper1,
-        swiper2,
-        swiper4,
-        swiper7,
-        swiper13,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperCenteredSlidesOption1.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperCenteredSlidesOption1.vue
deleted file mode 100644
index 2bf0b1a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperCenteredSlidesOption1.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-
-register()
-</script>
-
-<template>
-  <!-- eslint-disable vue/attribute-hyphenation -->
-  <div class="swiper-centered-slide">
-    <swiper-container
-      navigation="true"
-      centered-slides="true"
-      space-between="30"
-      slides-per-view="1"
-      events-prefix="swiper-"
-      :injectStyles="[
-        `
-        .swiper-button-next, .swiper-button-prev{
-          background: rgb(var(--v-theme-primary)) !important;
-          color: #fff !important;
-          padding-inline: 0.45rem !important;
-          padding-block: 0.45rem !important;
-          inline-size: 1rem !important;
-          block-size: 1rem !important;
-          border-radius: 50%
-        }
-        `,
-      ]"
-      :breakpoints="{
-        992: {
-          slidesPerView: 4,
-          spaceBetween: 30,
-        },
-        780: {
-          slidesPerView: 3,
-          spaceBetween: 30,
-        },
-        460: {
-          slidesPerView: 2,
-          spaceBetween: 20,
-        },
-      }"
-    >
-      <swiper-slide
-        v-for="{ icon, text } in [
-          { icon: 'tabler-brand-github', text: 'Getting Started' },
-          { icon: 'tabler-brand-facebook', text: 'Pricing & Plans' },
-          { icon: 'tabler-brand-twitter', text: 'Sales Question' },
-          { icon: 'tabler-brand-instagram', text: 'Usage Guidelines' },
-          { icon: 'tabler-brand-gitlab', text: 'General Guide' },
-        ]"
-        :key="text"
-      >
-        <VCard>
-          <VCardText>
-            <div class="d-flex flex-column align-center gap-y-3">
-              <VIcon
-                :icon="icon"
-                size="28"
-              />
-              <span class="text-high-emphasis">{{ text }}</span>
-            </div>
-          </VCardText>
-        </VCard>
-      </swiper-slide>
-    </swiper-container>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-swiper-slide {
-  padding-block: 1rem;
-
-  &.swiper-slide-active {
-    .v-card {
-      border: 1px solid rgb(var(--v-theme-primary));
-
-      .v-icon {
-        color: rgb(var(--v-theme-primary));
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperCenteredSlidesOption2.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperCenteredSlidesOption2.vue
deleted file mode 100644
index 90e0468..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperCenteredSlidesOption2.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    centered-slides="true"
-    space-between="30"
-    slides-per-view="1"
-    events-prefix="swiper-"
-    :breakpoints="{
-      992: {
-        slidesPerView: 4,
-        spaceBetween: 30,
-      },
-      780: {
-        slidesPerView: 3,
-        spaceBetween: 30,
-      },
-      460: {
-        slidesPerView: 2,
-        spaceBetween: 20,
-      },
-    }"
-  >
-    <swiper-slide
-      v-for="{ icon, text } in [
-        { icon: 'tabler-brand-github', text: 'Getting Started' },
-        { icon: 'tabler-brand-facebook', text: 'Pricing & Plans' },
-        { icon: 'tabler-brand-twitter', text: 'Sales Question' },
-        { icon: 'tabler-brand-instagram', text: 'Usage Guidelines' },
-        { icon: 'tabler-brand-gitlab', text: 'General Guide' },
-      ]"
-      :key="text"
-    >
-      <VCard class="bg-default">
-        <VCardText>
-          <div class="d-flex align-center gap-x-3">
-            <VIcon
-              :icon="icon"
-              size="28"
-            />
-            <span class="font-weight-medium">{{ text }}</span>
-          </div>
-        </VCardText>
-      </VCard>
-    </swiper-slide>
-  </swiper-container>
-</template>
-
-<style lang="scss" scoped>
-swiper-slide {
-  padding-block: 1rem;
-
-  &.swiper-slide-active {
-    .v-card {
-      border: 1px solid rgb(var(--v-theme-primary));
-      background: rgb(var(--v-theme-primary));
-      color: rgb(var(--v-theme-on-primary));
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperCoverflowEffect.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperCoverflowEffect.vue
deleted file mode 100644
index 2138d58..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperCoverflowEffect.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper31 from '@images/banner/banner-31.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-import swiper33 from '@images/banner/banner-33.jpg'
-import swiper34 from '@images/banner/banner-34.jpg'
-import swiper35 from '@images/banner/banner-35.jpg'
-import swiper36 from '@images/banner/banner-36.jpg'
-import swiper37 from '@images/banner/banner-37.jpg'
-import swiper38 from '@images/banner/banner-38.jpg'
-import swiper39 from '@images/banner/banner-39.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    effect="coverflow"
-    grab-cursor="true"
-    centered-slides="true"
-    slides-per-view="auto"
-    coverflow-effect-rotate="50"
-    coverflow-effect-stretch="0"
-    coverflow-effect-depth="100"
-    coverflow-effect-modifier="1"
-    coverflow-effect-slide-shadows="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper31,
-        swiper32,
-        swiper33,
-        swiper34,
-        swiper35,
-        swiper36,
-        swiper37,
-        swiper38,
-        swiper39,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-
-<style lang="scss" scoped>
-swiper-slide {
-  background-position: center;
-  background-size: cover;
-  block-size: 300px;
-  inline-size: 300px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperCubeEffect.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperCubeEffect.vue
deleted file mode 100644
index 440c68c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperCubeEffect.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper21 from '@images/banner/banner-21.jpg'
-import swiper23 from '@images/banner/banner-23.jpg'
-import swiper24 from '@images/banner/banner-24.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    centered-slides="true"
-    effect="cube"
-    grab-cursor="true"
-    cube-effect-shadow="true"
-    cube-effect-slide-shadows="true"
-    cube-effect-shadow-scale="0.94"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper21,
-        swiper32,
-        swiper23,
-        swiper24,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-
-<style lang="scss" scoped>
-swiper-slide {
-  background-position: center;
-  background-size: cover;
-  block-size: 250px;
-  inline-size: 250px;
-}
-
-swiper-container {
-  margin: auto;
-  block-size: 250px;
-  inline-size: 250px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperFade.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperFade.vue
deleted file mode 100644
index 18018a6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperFade.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper16 from '@images/banner/banner-16.jpg'
-import swiper17 from '@images/banner/banner-17.jpg'
-import swiper18 from '@images/banner/banner-18.jpg'
-import swiper19 from '@images/banner/banner-19.jpg'
-import swiper20 from '@images/banner/banner-20.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    space-between="30"
-    pagination="true"
-    navigation="true"
-    effect="fade"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper20,
-        swiper19,
-        swiper18,
-        swiper17,
-        swiper16,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperGallery.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperGallery.vue
deleted file mode 100644
index f3c2d34..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperGallery.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-
-import swiper11 from '@images/banner/banner-11.jpg'
-import swiper12 from '@images/banner/banner-12.jpg'
-import swiper13 from '@images/banner/banner-13.jpg'
-import swiper15 from '@images/banner/banner-15.jpg'
-import swiper16 from '@images/banner/banner-16.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    class="mySwiper"
-    thumbs-swiper=".mySwiper2"
-    loop="true"
-    space-between="10"
-    navigation="true"
-    centered-slides="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper11,
-        swiper12,
-        swiper13,
-        swiper15,
-        swiper16,
-        swiper11,
-        swiper12,
-        swiper13,
-
-      ]"
-      :key="swiperImg"
-    >
-      <VImg
-        :src="swiperImg"
-        cover
-      />
-    </swiper-slide>
-  </swiper-container>
-
-  <swiper-container
-    class="mySwiper2"
-    loop="true"
-    free-mode="true"
-    events-prefix="swiper-"
-    slides-per-view="4"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper11,
-        swiper12,
-        swiper13,
-        swiper15,
-        swiper16,
-        swiper11,
-        swiper12,
-        swiper13,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg
-        :src="swiperImg"
-        cover
-      />
-    </swiper-slide>
-  </swiper-container>
-</template>
-
-<style lang="scss" scoped>
-swiper-container {
-  background-color: #000;
-}
-
-.mySwiper2 {
-  swiper-slide {
-    border: 5px solid black;
-    block-size: 100%;
-    inline-size: 25%;
-    opacity: 0.4;
-  }
-
-  .swiper-slide-thumb-active {
-    opacity: 1;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperGrid.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperGrid.vue
deleted file mode 100644
index 66f7736..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperGrid.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper26 from '@images/banner/banner-26.jpg'
-import swiper28 from '@images/banner/banner-28.jpg'
-import swiper29 from '@images/banner/banner-29.jpg'
-import swiper30 from '@images/banner/banner-30.jpg'
-import swiper31 from '@images/banner/banner-31.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-import swiper33 from '@images/banner/banner-33.jpg'
-import swiper34 from '@images/banner/banner-34.jpg'
-import swiper35 from '@images/banner/banner-35.jpg'
-import swiper39 from '@images/banner/banner-39.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    slides-per-view="4"
-    grid-fill="rows"
-    space-between="30"
-    grid-rows="2"
-    pagination-clickable="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper26,
-        swiper39,
-        swiper28,
-        swiper29,
-        swiper30,
-        swiper31,
-        swiper32,
-        swiper33,
-        swiper34,
-        swiper35,
-        swiper26,
-        swiper39,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperLazyLoading.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperLazyLoading.vue
deleted file mode 100644
index a00ad41..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperLazyLoading.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper20 from '@images/banner/banner-20.jpg'
-import swiper4 from '@images/banner/banner-4.jpg'
-import swiper5 from '@images/banner/banner-5.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-import swiper8 from '@images/banner/banner-8.jpg'
-import swiper9 from '@images/banner/banner-9.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination-clickable="true"
-    autoplay="true"
-    navigation="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper4,
-        swiper5,
-        swiper9,
-        swiper7,
-        swiper8,
-        swiper20,
-      ]"
-      :key="swiperImg"
-      lazy="true"
-    >
-      <VImg
-        :src="swiperImg"
-        cover
-        loading="lazy"
-      />
-    </swiper-slide>
-  </swiper-container>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperMultipleSlidesPerView.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperMultipleSlidesPerView.vue
deleted file mode 100644
index 1691496..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperMultipleSlidesPerView.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper31 from '@images/banner/banner-31.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-import swiper33 from '@images/banner/banner-33.jpg'
-import swiper34 from '@images/banner/banner-34.jpg'
-import swiper35 from '@images/banner/banner-35.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    slides-per-view="3"
-    space-between="25"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper31,
-        swiper32,
-        swiper33,
-        swiper34,
-        swiper35,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperNavigation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperNavigation.vue
deleted file mode 100644
index f4e50f0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperNavigation.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-
-import swiper14 from '@images/banner/banner-14.jpg'
-import swiper2 from '@images/banner/banner-2.jpg'
-import swiper3 from '@images/banner/banner-3.jpg'
-import swiper4 from '@images/banner/banner-4.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    navigation="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper7,
-        swiper4,
-        swiper14,
-        swiper3,
-        swiper2,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperPagination.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperPagination.vue
deleted file mode 100644
index 43dd82b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperPagination.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper8 from '@images/banner/banner-8.jpg'
-import swiper9 from '@images/banner/banner-9.jpg'
-
-import swiper12 from '@images/banner/banner-12.jpg'
-import swiper20 from '@images/banner/banner-20.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper12,
-        swiper9,
-        swiper8,
-        swiper7,
-        swiper20,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperProgress.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperProgress.vue
deleted file mode 100644
index 5546f88..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperProgress.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper5 from '@images/banner/banner-5.jpg'
-import swiper8 from '@images/banner/banner-8.jpg'
-
-import swiper20 from '@images/banner/banner-20.jpg'
-import swiper4 from '@images/banner/banner-4.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    navigation="true"
-    pagination-type="progressbar"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper8,
-        swiper7,
-        swiper20,
-        swiper4,
-        swiper5,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperResponsiveBreakpoints.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperResponsiveBreakpoints.vue
deleted file mode 100644
index 5f539aa..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperResponsiveBreakpoints.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper31 from '@images/banner/banner-31.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-import swiper33 from '@images/banner/banner-33.jpg'
-import swiper34 from '@images/banner/banner-34.jpg'
-import swiper35 from '@images/banner/banner-35.jpg'
-import swiper36 from '@images/banner/banner-36.jpg'
-import swiper37 from '@images/banner/banner-37.jpg'
-import swiper38 from '@images/banner/banner-38.jpg'
-import swiper39 from '@images/banner/banner-39.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination-clickable="true"
-    slides-per-view="5"
-    space-between="50"
-    events-prefix="swiper-"
-    :breakpoints="{
-      1024: {
-        slidesPerView: 4,
-        spaceBetween: 40,
-      },
-      768: {
-        slidesPerView: 3,
-        spaceBetween: 30,
-      },
-      640: {
-        slidesPerView: 2,
-        spaceBetween: 20,
-      },
-      320: {
-        slidesPerView: 1,
-        spaceBetween: 10,
-      },
-    }"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper31,
-        swiper32,
-        swiper33,
-        swiper34,
-        swiper35,
-        swiper36,
-        swiper37,
-        swiper38,
-        swiper39,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperVirtualSlides.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperVirtualSlides.vue
deleted file mode 100644
index a838627..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/DemoSwiperVirtualSlides.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-
-register()
-
-const slides = Array.from({ length: 500 }, (_, index) => `Slides ${index + 1}`)
-const swiperEl = ref<any>(null)
-const prependNumber = ref(1)
-const appendNumber = ref(500)
-
-const toSlide = (index: number) => {
-  swiperEl.value?.swiper.slideTo(index - 1)
-}
-
-const prependSlide = () => {
-  swiperEl.value?.swiper.prependSlide([
-    `<swiper-slide>Slide ${(--prependNumber.value)} </swiper-slide>`,
-    `<swiper-slide>Slide ${(--prependNumber.value)} </swiper-slide>`,
-  ])
-}
-
-const appendSlide = () => {
-  swiperEl.value?.swiper.appendSlide([
-    `<swiper-slide>Slide ${(++appendNumber.value)} </swiper-slide>`,
-  ])
-}
-</script>
-
-<template>
-  <section class="swiper-virtual">
-    <swiper-container
-      ref="swiperEl"
-      virtual="true"
-      :slides="slides"
-      navigation="true"
-      slides-per-view="5"
-      space-between="50"
-      free-mode="true"
-      events-prefix="swiper-"
-      :breakpoints="{
-        1024: {
-          slidesPerView: 4,
-          spaceBetween: 40,
-        },
-        768: {
-          slidesPerView: 3,
-          spaceBetween: 30,
-        },
-        640: {
-          slidesPerView: 2,
-          spaceBetween: 20,
-        },
-        320: {
-          slidesPerView: 1,
-          spaceBetween: 10,
-        },
-      }"
-    >
-      <swiper-slide
-        v-for="(item, index) in slides"
-        :key="index"
-      >
-        <div class="text-secondary">
-          {{ item }}
-        </div>
-      </swiper-slide>
-    </swiper-container>
-
-    <div class="d-flex justify-center gap-4 flex-wrap">
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="prependSlide"
-      >
-        Prepend 2 Slides
-      </VBtn>
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="toSlide(1)"
-      >
-        Slide 1
-      </VBtn>
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="toSlide(250)"
-      >
-        Slide 250
-      </VBtn>
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="toSlide(500)"
-      >
-        Slide 500
-      </VBtn>
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="appendSlide"
-      >
-        Append Slide
-      </VBtn>
-    </div>
-  </section>
-</template>
-
-<style lang="scss">
-.swiper-virtual {
-  swiper-slide {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: #eee;
-    font-size: 18px;
-    text-align: center;
-  }
-
-  swiper-container {
-    block-size: 300px;
-    inline-size: 100%;
-    margin-block: 20px;
-    margin-inline: auto;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/demoCodeSwiper.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/demoCodeSwiper.ts
deleted file mode 100644
index 7c09b56..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/swiper/demoCodeSwiper.ts
+++ /dev/null
@@ -1,1750 +0,0 @@
-export const autoplay = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper10 from '@images/banner/banner-10.jpg'
-import swiper11 from '@images/banner/banner-11.jpg'
-import swiper20 from '@images/banner/banner-20.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-import swiper8 from '@images/banner/banner-8.jpg'
-import swiper9 from '@images/banner/banner-9.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    navigation="true"
-    autoplay="true"
-    centered-slides="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in
-        [
-          swiper7,
-          swiper8,
-          swiper9,
-          swiper10,
-          swiper11,
-          swiper20,
-        ]"
-      :key="swiperImg"
-    >
-      <VImg
-        :src="swiperImg"
-        cover
-      />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-import swiper10 from '@images/banner/banner-10.jpg'
-import swiper11 from '@images/banner/banner-11.jpg'
-import swiper20 from '@images/banner/banner-20.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-import swiper8 from '@images/banner/banner-8.jpg'
-import swiper9 from '@images/banner/banner-9.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    navigation="true"
-    autoplay="true"
-    centered-slides="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in
-        [
-          swiper7,
-          swiper8,
-          swiper9,
-          swiper10,
-          swiper11,
-          swiper20,
-        ]"
-      :key="swiperImg"
-    >
-      <VImg
-        :src="swiperImg"
-        cover
-      />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-}
-
-export const basic = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-
-import swiper1 from '@images/banner/banner-1.jpg'
-import swiper13 from '@images/banner/banner-13.jpg'
-import swiper2 from '@images/banner/banner-2.jpg'
-import swiper4 from '@images/banner/banner-4.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container events-prefix="swiper-">
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper1,
-        swiper2,
-        swiper4,
-        swiper7,
-        swiper13,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-import swiper1 from '@images/banner/banner-1.jpg'
-import swiper13 from '@images/banner/banner-13.jpg'
-import swiper2 from '@images/banner/banner-2.jpg'
-import swiper4 from '@images/banner/banner-4.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container events-prefix="swiper-">
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper1,
-        swiper2,
-        swiper4,
-        swiper7,
-        swiper13,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-}
-
-export const centeredSlidesOption1 = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-
-register()
-</script>
-
-<template>
-  <!-- eslint-disable vue/attribute-hyphenation -->
-  <div class="swiper-centered-slide">
-    <swiper-container
-      navigation="true"
-      centered-slides="true"
-      space-between="30"
-      slides-per-view="1"
-      events-prefix="swiper-"
-      :injectStyles="[
-        \`
-        .swiper-button-next, .swiper-button-prev{
-          background: rgb(var(--v-theme-primary)) !important;
-          color: #fff !important;
-          padding-inline: 0.45rem !important;
-          padding-block: 0.45rem !important;
-          inline-size: 1rem !important;
-          block-size: 1rem !important;
-          border-radius: 50%
-        }
-        \`,
-      ]"
-      :breakpoints="{
-        992: {
-          slidesPerView: 4,
-          spaceBetween: 30,
-        },
-        780: {
-          slidesPerView: 3,
-          spaceBetween: 30,
-        },
-        460: {
-          slidesPerView: 2,
-          spaceBetween: 20,
-        },
-      }"
-    >
-      <swiper-slide
-        v-for="{ icon, text } in [
-          { icon: 'tabler-brand-github', text: 'Getting Started' },
-          { icon: 'tabler-brand-facebook', text: 'Pricing & Plans' },
-          { icon: 'tabler-brand-twitter', text: 'Sales Question' },
-          { icon: 'tabler-brand-instagram', text: 'Usage Guidelines' },
-          { icon: 'tabler-brand-gitlab', text: 'General Guide' },
-        ]"
-        :key="text"
-      >
-        <VCard>
-          <VCardText>
-            <div class="d-flex flex-column align-center gap-y-3">
-              <VIcon
-                :icon="icon"
-                size="28"
-              />
-              <span class="text-high-emphasis">{{ text }}</span>
-            </div>
-          </VCardText>
-        </VCard>
-      </swiper-slide>
-    </swiper-container>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-swiper-slide {
-  padding-block: 1rem;
-
-  &.swiper-slide-active {
-    .v-card {
-      border: 1px solid rgb(var(--v-theme-primary));
-
-      .v-icon {
-        color: rgb(var(--v-theme-primary));
-      }
-    }
-  }
-}
-</style>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-
-register()
-</script>
-
-<template>
-  <!-- eslint-disable vue/attribute-hyphenation -->
-  <div class="swiper-centered-slide">
-    <swiper-container
-      navigation="true"
-      centered-slides="true"
-      space-between="30"
-      slides-per-view="1"
-      events-prefix="swiper-"
-      :injectStyles="[
-        \`
-        .swiper-button-next, .swiper-button-prev{
-          background: rgb(var(--v-theme-primary)) !important;
-          color: #fff !important;
-          padding-inline: 0.45rem !important;
-          padding-block: 0.45rem !important;
-          inline-size: 1rem !important;
-          block-size: 1rem !important;
-          border-radius: 50%
-        }
-        \`,
-      ]"
-      :breakpoints="{
-        992: {
-          slidesPerView: 4,
-          spaceBetween: 30,
-        },
-        780: {
-          slidesPerView: 3,
-          spaceBetween: 30,
-        },
-        460: {
-          slidesPerView: 2,
-          spaceBetween: 20,
-        },
-      }"
-    >
-      <swiper-slide
-        v-for="{ icon, text } in [
-          { icon: 'tabler-brand-github', text: 'Getting Started' },
-          { icon: 'tabler-brand-facebook', text: 'Pricing & Plans' },
-          { icon: 'tabler-brand-twitter', text: 'Sales Question' },
-          { icon: 'tabler-brand-instagram', text: 'Usage Guidelines' },
-          { icon: 'tabler-brand-gitlab', text: 'General Guide' },
-        ]"
-        :key="text"
-      >
-        <VCard>
-          <VCardText>
-            <div class="d-flex flex-column align-center gap-y-3">
-              <VIcon
-                :icon="icon"
-                size="28"
-              />
-              <span class="text-high-emphasis">{{ text }}</span>
-            </div>
-          </VCardText>
-        </VCard>
-      </swiper-slide>
-    </swiper-container>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-swiper-slide {
-  padding-block: 1rem;
-
-  &.swiper-slide-active {
-    .v-card {
-      border: 1px solid rgb(var(--v-theme-primary));
-
-      .v-icon {
-        color: rgb(var(--v-theme-primary));
-      }
-    }
-  }
-}
-</style>
-`,
-}
-
-export const centeredSlidesOption2 = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    centered-slides="true"
-    space-between="30"
-    slides-per-view="1"
-    events-prefix="swiper-"
-    :breakpoints="{
-      992: {
-        slidesPerView: 4,
-        spaceBetween: 30,
-      },
-      780: {
-        slidesPerView: 3,
-        spaceBetween: 30,
-      },
-      460: {
-        slidesPerView: 2,
-        spaceBetween: 20,
-      },
-    }"
-  >
-    <swiper-slide
-      v-for="{ icon, text } in [
-        { icon: 'tabler-brand-github', text: 'Getting Started' },
-        { icon: 'tabler-brand-facebook', text: 'Pricing & Plans' },
-        { icon: 'tabler-brand-twitter', text: 'Sales Question' },
-        { icon: 'tabler-brand-instagram', text: 'Usage Guidelines' },
-        { icon: 'tabler-brand-gitlab', text: 'General Guide' },
-      ]"
-      :key="text"
-    >
-      <VCard class="bg-default">
-        <VCardText>
-          <div class="d-flex align-center gap-x-3">
-            <VIcon
-              :icon="icon"
-              size="28"
-            />
-            <span class="font-weight-medium">{{ text }}</span>
-          </div>
-        </VCardText>
-      </VCard>
-    </swiper-slide>
-  </swiper-container>
-</template>
-
-<style lang="scss" scoped>
-swiper-slide {
-  padding-block: 1rem;
-
-  &.swiper-slide-active {
-    .v-card {
-      border: 1px solid rgb(var(--v-theme-primary));
-      background: rgb(var(--v-theme-primary));
-      color: rgb(var(--v-theme-on-primary));
-    }
-  }
-}
-</style>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    centered-slides="true"
-    space-between="30"
-    slides-per-view="1"
-    events-prefix="swiper-"
-    :breakpoints="{
-      992: {
-        slidesPerView: 4,
-        spaceBetween: 30,
-      },
-      780: {
-        slidesPerView: 3,
-        spaceBetween: 30,
-      },
-      460: {
-        slidesPerView: 2,
-        spaceBetween: 20,
-      },
-    }"
-  >
-    <swiper-slide
-      v-for="{ icon, text } in [
-        { icon: 'tabler-brand-github', text: 'Getting Started' },
-        { icon: 'tabler-brand-facebook', text: 'Pricing & Plans' },
-        { icon: 'tabler-brand-twitter', text: 'Sales Question' },
-        { icon: 'tabler-brand-instagram', text: 'Usage Guidelines' },
-        { icon: 'tabler-brand-gitlab', text: 'General Guide' },
-      ]"
-      :key="text"
-    >
-      <VCard class="bg-default">
-        <VCardText>
-          <div class="d-flex align-center gap-x-3">
-            <VIcon
-              :icon="icon"
-              size="28"
-            />
-            <span class="font-weight-medium">{{ text }}</span>
-          </div>
-        </VCardText>
-      </VCard>
-    </swiper-slide>
-  </swiper-container>
-</template>
-
-<style lang="scss" scoped>
-swiper-slide {
-  padding-block: 1rem;
-
-  &.swiper-slide-active {
-    .v-card {
-      border: 1px solid rgb(var(--v-theme-primary));
-      background: rgb(var(--v-theme-primary));
-      color: rgb(var(--v-theme-on-primary));
-    }
-  }
-}
-</style>
-`,
-}
-
-export const coverflowEffect = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper31 from '@images/banner/banner-31.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-import swiper33 from '@images/banner/banner-33.jpg'
-import swiper34 from '@images/banner/banner-34.jpg'
-import swiper35 from '@images/banner/banner-35.jpg'
-import swiper36 from '@images/banner/banner-36.jpg'
-import swiper37 from '@images/banner/banner-37.jpg'
-import swiper38 from '@images/banner/banner-38.jpg'
-import swiper39 from '@images/banner/banner-39.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    effect="coverflow"
-    grab-cursor="true"
-    centered-slides="true"
-    slides-per-view="auto"
-    coverflow-effect-rotate="50"
-    coverflow-effect-stretch="0"
-    coverflow-effect-depth="100"
-    coverflow-effect-modifier="1"
-    coverflow-effect-slide-shadows="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper31,
-        swiper32,
-        swiper33,
-        swiper34,
-        swiper35,
-        swiper36,
-        swiper37,
-        swiper38,
-        swiper39,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-
-<style lang="scss" scoped>
-swiper-slide {
-  background-position: center;
-  background-size: cover;
-  block-size: 300px;
-  inline-size: 300px;
-}
-</style>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-import swiper31 from '@images/banner/banner-31.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-import swiper33 from '@images/banner/banner-33.jpg'
-import swiper34 from '@images/banner/banner-34.jpg'
-import swiper35 from '@images/banner/banner-35.jpg'
-import swiper36 from '@images/banner/banner-36.jpg'
-import swiper37 from '@images/banner/banner-37.jpg'
-import swiper38 from '@images/banner/banner-38.jpg'
-import swiper39 from '@images/banner/banner-39.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    effect="coverflow"
-    grab-cursor="true"
-    centered-slides="true"
-    slides-per-view="auto"
-    coverflow-effect-rotate="50"
-    coverflow-effect-stretch="0"
-    coverflow-effect-depth="100"
-    coverflow-effect-modifier="1"
-    coverflow-effect-slide-shadows="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper31,
-        swiper32,
-        swiper33,
-        swiper34,
-        swiper35,
-        swiper36,
-        swiper37,
-        swiper38,
-        swiper39,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-
-<style lang="scss" scoped>
-swiper-slide {
-  background-position: center;
-  background-size: cover;
-  block-size: 300px;
-  inline-size: 300px;
-}
-</style>
-`,
-}
-
-export const cubeEffect = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper21 from '@images/banner/banner-21.jpg'
-import swiper23 from '@images/banner/banner-23.jpg'
-import swiper24 from '@images/banner/banner-24.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    centered-slides="true"
-    effect="cube"
-    grab-cursor="true"
-    cube-effect-shadow="true"
-    cube-effect-slide-shadows="true"
-    cube-effect-shadow-scale="0.94"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper21,
-        swiper32,
-        swiper23,
-        swiper24,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-
-<style lang="scss" scoped>
-swiper-slide {
-  background-position: center;
-  background-size: cover;
-  block-size: 250px;
-  inline-size: 250px;
-}
-
-swiper-container {
-  margin: auto;
-  block-size: 250px;
-  inline-size: 250px;
-}
-</style>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-import swiper21 from '@images/banner/banner-21.jpg'
-import swiper23 from '@images/banner/banner-23.jpg'
-import swiper24 from '@images/banner/banner-24.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    centered-slides="true"
-    effect="cube"
-    grab-cursor="true"
-    cube-effect-shadow="true"
-    cube-effect-slide-shadows="true"
-    cube-effect-shadow-scale="0.94"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper21,
-        swiper32,
-        swiper23,
-        swiper24,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-
-<style lang="scss" scoped>
-swiper-slide {
-  background-position: center;
-  background-size: cover;
-  block-size: 250px;
-  inline-size: 250px;
-}
-
-swiper-container {
-  margin: auto;
-  block-size: 250px;
-  inline-size: 250px;
-}
-</style>
-`,
-}
-
-export const fade = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper16 from '@images/banner/banner-16.jpg'
-import swiper17 from '@images/banner/banner-17.jpg'
-import swiper18 from '@images/banner/banner-18.jpg'
-import swiper19 from '@images/banner/banner-19.jpg'
-import swiper20 from '@images/banner/banner-20.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    space-between="30"
-    pagination="true"
-    navigation="true"
-    effect="fade"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper20,
-        swiper19,
-        swiper18,
-        swiper17,
-        swiper16,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-import swiper16 from '@images/banner/banner-16.jpg'
-import swiper17 from '@images/banner/banner-17.jpg'
-import swiper18 from '@images/banner/banner-18.jpg'
-import swiper19 from '@images/banner/banner-19.jpg'
-import swiper20 from '@images/banner/banner-20.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    space-between="30"
-    pagination="true"
-    navigation="true"
-    effect="fade"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper20,
-        swiper19,
-        swiper18,
-        swiper17,
-        swiper16,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-}
-
-export const gallery = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-
-import swiper11 from '@images/banner/banner-11.jpg'
-import swiper12 from '@images/banner/banner-12.jpg'
-import swiper13 from '@images/banner/banner-13.jpg'
-import swiper15 from '@images/banner/banner-15.jpg'
-import swiper16 from '@images/banner/banner-16.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    class="mySwiper"
-    thumbs-swiper=".mySwiper2"
-    loop="true"
-    space-between="10"
-    navigation="true"
-    centered-slides="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper11,
-        swiper12,
-        swiper13,
-        swiper15,
-        swiper16,
-        swiper11,
-        swiper12,
-        swiper13,
-
-      ]"
-      :key="swiperImg"
-    >
-      <VImg
-        :src="swiperImg"
-        cover
-      />
-    </swiper-slide>
-  </swiper-container>
-
-  <swiper-container
-    class="mySwiper2"
-    loop="true"
-    free-mode="true"
-    events-prefix="swiper-"
-    slides-per-view="4"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper11,
-        swiper12,
-        swiper13,
-        swiper15,
-        swiper16,
-        swiper11,
-        swiper12,
-        swiper13,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg
-        :src="swiperImg"
-        cover
-      />
-    </swiper-slide>
-  </swiper-container>
-</template>
-
-<style lang="scss" scoped>
-swiper-container {
-  background-color: #000;
-}
-
-.mySwiper2 {
-  swiper-slide {
-    border: 5px solid black;
-    block-size: 100%;
-    inline-size: 25%;
-    opacity: 0.4;
-  }
-
-  .swiper-slide-thumb-active {
-    opacity: 1;
-  }
-}
-</style>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-import swiper11 from '@images/banner/banner-11.jpg'
-import swiper12 from '@images/banner/banner-12.jpg'
-import swiper13 from '@images/banner/banner-13.jpg'
-import swiper15 from '@images/banner/banner-15.jpg'
-import swiper16 from '@images/banner/banner-16.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    class="mySwiper"
-    thumbs-swiper=".mySwiper2"
-    loop="true"
-    space-between="10"
-    navigation="true"
-    centered-slides="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper11,
-        swiper12,
-        swiper13,
-        swiper15,
-        swiper16,
-        swiper11,
-        swiper12,
-        swiper13,
-
-      ]"
-      :key="swiperImg"
-    >
-      <VImg
-        :src="swiperImg"
-        cover
-      />
-    </swiper-slide>
-  </swiper-container>
-
-  <swiper-container
-    class="mySwiper2"
-    loop="true"
-    free-mode="true"
-    events-prefix="swiper-"
-    slides-per-view="4"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper11,
-        swiper12,
-        swiper13,
-        swiper15,
-        swiper16,
-        swiper11,
-        swiper12,
-        swiper13,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg
-        :src="swiperImg"
-        cover
-      />
-    </swiper-slide>
-  </swiper-container>
-</template>
-
-<style lang="scss" scoped>
-swiper-container {
-  background-color: #000;
-}
-
-.mySwiper2 {
-  swiper-slide {
-    border: 5px solid black;
-    block-size: 100%;
-    inline-size: 25%;
-    opacity: 0.4;
-  }
-
-  .swiper-slide-thumb-active {
-    opacity: 1;
-  }
-}
-</style>
-`,
-}
-
-export const grid = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper26 from '@images/banner/banner-26.jpg'
-import swiper28 from '@images/banner/banner-28.jpg'
-import swiper29 from '@images/banner/banner-29.jpg'
-import swiper30 from '@images/banner/banner-30.jpg'
-import swiper31 from '@images/banner/banner-31.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-import swiper33 from '@images/banner/banner-33.jpg'
-import swiper34 from '@images/banner/banner-34.jpg'
-import swiper35 from '@images/banner/banner-35.jpg'
-import swiper39 from '@images/banner/banner-39.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    slides-per-view="4"
-    grid-fill="rows"
-    space-between="30"
-    grid-rows="2"
-    pagination-clickable="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper26,
-        swiper39,
-        swiper28,
-        swiper29,
-        swiper30,
-        swiper31,
-        swiper32,
-        swiper33,
-        swiper34,
-        swiper35,
-        swiper26,
-        swiper39,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-import swiper26 from '@images/banner/banner-26.jpg'
-import swiper28 from '@images/banner/banner-28.jpg'
-import swiper29 from '@images/banner/banner-29.jpg'
-import swiper30 from '@images/banner/banner-30.jpg'
-import swiper31 from '@images/banner/banner-31.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-import swiper33 from '@images/banner/banner-33.jpg'
-import swiper34 from '@images/banner/banner-34.jpg'
-import swiper35 from '@images/banner/banner-35.jpg'
-import swiper39 from '@images/banner/banner-39.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    slides-per-view="4"
-    grid-fill="rows"
-    space-between="30"
-    grid-rows="2"
-    pagination-clickable="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper26,
-        swiper39,
-        swiper28,
-        swiper29,
-        swiper30,
-        swiper31,
-        swiper32,
-        swiper33,
-        swiper34,
-        swiper35,
-        swiper26,
-        swiper39,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-}
-
-export const lazyLoading = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper20 from '@images/banner/banner-20.jpg'
-import swiper4 from '@images/banner/banner-4.jpg'
-import swiper5 from '@images/banner/banner-5.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-import swiper8 from '@images/banner/banner-8.jpg'
-import swiper9 from '@images/banner/banner-9.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination-clickable="true"
-    autoplay="true"
-    navigation="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper4,
-        swiper5,
-        swiper9,
-        swiper7,
-        swiper8,
-        swiper20,
-      ]"
-      :key="swiperImg"
-      lazy="true"
-    >
-      <VImg
-        :src="swiperImg"
-        cover
-        loading="lazy"
-      />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-import swiper20 from '@images/banner/banner-20.jpg'
-import swiper4 from '@images/banner/banner-4.jpg'
-import swiper5 from '@images/banner/banner-5.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-import swiper8 from '@images/banner/banner-8.jpg'
-import swiper9 from '@images/banner/banner-9.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination-clickable="true"
-    autoplay="true"
-    navigation="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper4,
-        swiper5,
-        swiper9,
-        swiper7,
-        swiper8,
-        swiper20,
-      ]"
-      :key="swiperImg"
-      lazy="true"
-    >
-      <VImg
-        :src="swiperImg"
-        cover
-        loading="lazy"
-      />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-}
-
-export const multipleSlidesPerView = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper31 from '@images/banner/banner-31.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-import swiper33 from '@images/banner/banner-33.jpg'
-import swiper34 from '@images/banner/banner-34.jpg'
-import swiper35 from '@images/banner/banner-35.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    slides-per-view="3"
-    space-between="25"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper31,
-        swiper32,
-        swiper33,
-        swiper34,
-        swiper35,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-import swiper31 from '@images/banner/banner-31.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-import swiper33 from '@images/banner/banner-33.jpg'
-import swiper34 from '@images/banner/banner-34.jpg'
-import swiper35 from '@images/banner/banner-35.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    slides-per-view="3"
-    space-between="25"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper31,
-        swiper32,
-        swiper33,
-        swiper34,
-        swiper35,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-}
-
-export const navigation = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-
-import swiper14 from '@images/banner/banner-14.jpg'
-import swiper2 from '@images/banner/banner-2.jpg'
-import swiper3 from '@images/banner/banner-3.jpg'
-import swiper4 from '@images/banner/banner-4.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    navigation="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper7,
-        swiper4,
-        swiper14,
-        swiper3,
-        swiper2,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-import swiper14 from '@images/banner/banner-14.jpg'
-import swiper2 from '@images/banner/banner-2.jpg'
-import swiper3 from '@images/banner/banner-3.jpg'
-import swiper4 from '@images/banner/banner-4.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    navigation="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper7,
-        swiper4,
-        swiper14,
-        swiper3,
-        swiper2,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-}
-
-export const pagination = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper8 from '@images/banner/banner-8.jpg'
-import swiper9 from '@images/banner/banner-9.jpg'
-
-import swiper12 from '@images/banner/banner-12.jpg'
-import swiper20 from '@images/banner/banner-20.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper12,
-        swiper9,
-        swiper8,
-        swiper7,
-        swiper20,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-import swiper8 from '@images/banner/banner-8.jpg'
-import swiper9 from '@images/banner/banner-9.jpg'
-import swiper12 from '@images/banner/banner-12.jpg'
-import swiper20 from '@images/banner/banner-20.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination="true"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper12,
-        swiper9,
-        swiper8,
-        swiper7,
-        swiper20,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-}
-
-export const progress = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper5 from '@images/banner/banner-5.jpg'
-import swiper8 from '@images/banner/banner-8.jpg'
-
-import swiper20 from '@images/banner/banner-20.jpg'
-import swiper4 from '@images/banner/banner-4.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    navigation="true"
-    pagination-type="progressbar"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper8,
-        swiper7,
-        swiper20,
-        swiper4,
-        swiper5,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-import swiper5 from '@images/banner/banner-5.jpg'
-import swiper8 from '@images/banner/banner-8.jpg'
-import swiper20 from '@images/banner/banner-20.jpg'
-import swiper4 from '@images/banner/banner-4.jpg'
-import swiper7 from '@images/banner/banner-7.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    navigation="true"
-    pagination-type="progressbar"
-    events-prefix="swiper-"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper8,
-        swiper7,
-        swiper20,
-        swiper4,
-        swiper5,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-}
-
-export const responsiveBreakpoints = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import swiper31 from '@images/banner/banner-31.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-import swiper33 from '@images/banner/banner-33.jpg'
-import swiper34 from '@images/banner/banner-34.jpg'
-import swiper35 from '@images/banner/banner-35.jpg'
-import swiper36 from '@images/banner/banner-36.jpg'
-import swiper37 from '@images/banner/banner-37.jpg'
-import swiper38 from '@images/banner/banner-38.jpg'
-import swiper39 from '@images/banner/banner-39.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination-clickable="true"
-    slides-per-view="5"
-    space-between="50"
-    events-prefix="swiper-"
-    :breakpoints="{
-      1024: {
-        slidesPerView: 4,
-        spaceBetween: 40,
-      },
-      768: {
-        slidesPerView: 3,
-        spaceBetween: 30,
-      },
-      640: {
-        slidesPerView: 2,
-        spaceBetween: 20,
-      },
-      320: {
-        slidesPerView: 1,
-        spaceBetween: 10,
-      },
-    }"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper31,
-        swiper32,
-        swiper33,
-        swiper34,
-        swiper35,
-        swiper36,
-        swiper37,
-        swiper38,
-        swiper39,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-import swiper31 from '@images/banner/banner-31.jpg'
-import swiper32 from '@images/banner/banner-32.jpg'
-import swiper33 from '@images/banner/banner-33.jpg'
-import swiper34 from '@images/banner/banner-34.jpg'
-import swiper35 from '@images/banner/banner-35.jpg'
-import swiper36 from '@images/banner/banner-36.jpg'
-import swiper37 from '@images/banner/banner-37.jpg'
-import swiper38 from '@images/banner/banner-38.jpg'
-import swiper39 from '@images/banner/banner-39.jpg'
-
-register()
-</script>
-
-<template>
-  <swiper-container
-    pagination-clickable="true"
-    slides-per-view="5"
-    space-between="50"
-    events-prefix="swiper-"
-    :breakpoints="{
-      1024: {
-        slidesPerView: 4,
-        spaceBetween: 40,
-      },
-      768: {
-        slidesPerView: 3,
-        spaceBetween: 30,
-      },
-      640: {
-        slidesPerView: 2,
-        spaceBetween: 20,
-      },
-      320: {
-        slidesPerView: 1,
-        spaceBetween: 10,
-      },
-    }"
-  >
-    <swiper-slide
-      v-for="swiperImg in [
-        swiper31,
-        swiper32,
-        swiper33,
-        swiper34,
-        swiper35,
-        swiper36,
-        swiper37,
-        swiper38,
-        swiper39,
-      ]"
-      :key="swiperImg"
-    >
-      <VImg :src="swiperImg" />
-    </swiper-slide>
-  </swiper-container>
-</template>
-`,
-}
-
-export const virtualSlides = {
-  ts: `<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-
-register()
-
-const slides = Array.from({ length: 500 }, (_, index) => \`Slides \${index + 1}\`)
-const swiperEl = ref<any>(null)
-const prependNumber = ref(1)
-const appendNumber = ref(500)
-
-const toSlide = (index: number) => {
-  swiperEl.value?.swiper.slideTo(index - 1)
-}
-
-const prependSlide = () => {
-  swiperEl.value?.swiper.prependSlide([
-    \`<swiper-slide>Slide \${(--prependNumber.value)} </swiper-slide>\`,
-    \`<swiper-slide>Slide \${(--prependNumber.value)} </swiper-slide>\`,
-  ])
-}
-
-const appendSlide = () => {
-  swiperEl.value?.swiper.appendSlide([
-    \`<swiper-slide>Slide \${(++appendNumber.value)} </swiper-slide>\`,
-  ])
-}
-</script>
-
-<template>
-  <section class="swiper-virtual">
-    <swiper-container
-      ref="swiperEl"
-      virtual="true"
-      :slides="slides"
-      navigation="true"
-      slides-per-view="5"
-      space-between="50"
-      free-mode="true"
-      events-prefix="swiper-"
-      :breakpoints="{
-        1024: {
-          slidesPerView: 4,
-          spaceBetween: 40,
-        },
-        768: {
-          slidesPerView: 3,
-          spaceBetween: 30,
-        },
-        640: {
-          slidesPerView: 2,
-          spaceBetween: 20,
-        },
-        320: {
-          slidesPerView: 1,
-          spaceBetween: 10,
-        },
-      }"
-    >
-      <swiper-slide
-        v-for="(item, index) in slides"
-        :key="index"
-      >
-        <div class="text-secondary">
-          {{ item }}
-        </div>
-      </swiper-slide>
-    </swiper-container>
-
-    <div class="d-flex justify-center gap-4 flex-wrap">
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="prependSlide"
-      >
-        Prepend 2 Slides
-      </VBtn>
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="toSlide(1)"
-      >
-        Slide 1
-      </VBtn>
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="toSlide(250)"
-      >
-        Slide 250
-      </VBtn>
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="toSlide(500)"
-      >
-        Slide 500
-      </VBtn>
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="appendSlide"
-      >
-        Append Slide
-      </VBtn>
-    </div>
-  </section>
-</template>
-
-<style lang="scss">
-.swiper-virtual {
-  swiper-slide {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: #eee;
-    font-size: 18px;
-    text-align: center;
-  }
-
-  swiper-container {
-    block-size: 300px;
-    inline-size: 100%;
-    margin-block: 20px;
-    margin-inline: auto;
-  }
-}
-</style>
-`,
-  js: `<script setup>
-import { register } from 'swiper/element/bundle'
-
-register()
-
-const slides = Array.from({ length: 500 }, (_, index) => \`Slides \${ index + 1 }\`)
-const swiperEl = ref(null)
-const prependNumber = ref(1)
-const appendNumber = ref(500)
-
-const toSlide = index => {
-  swiperEl.value?.swiper.slideTo(index - 1)
-}
-
-const prependSlide = () => {
-  swiperEl.value?.swiper.prependSlide([
-    \`<swiper-slide>Slide \${ --prependNumber.value } </swiper-slide>\`,
-    \`<swiper-slide>Slide \${ --prependNumber.value } </swiper-slide>\`,
-  ])
-}
-
-const appendSlide = () => {
-  swiperEl.value?.swiper.appendSlide([\`<swiper-slide>Slide \${ ++appendNumber.value } </swiper-slide>\`])
-}
-</script>
-
-<template>
-  <section class="swiper-virtual">
-    <swiper-container
-      ref="swiperEl"
-      virtual="true"
-      :slides="slides"
-      navigation="true"
-      slides-per-view="5"
-      space-between="50"
-      free-mode="true"
-      events-prefix="swiper-"
-      :breakpoints="{
-        1024: {
-          slidesPerView: 4,
-          spaceBetween: 40,
-        },
-        768: {
-          slidesPerView: 3,
-          spaceBetween: 30,
-        },
-        640: {
-          slidesPerView: 2,
-          spaceBetween: 20,
-        },
-        320: {
-          slidesPerView: 1,
-          spaceBetween: 10,
-        },
-      }"
-    >
-      <swiper-slide
-        v-for="(item, index) in slides"
-        :key="index"
-      >
-        <div class="text-secondary">
-          {{ item }}
-        </div>
-      </swiper-slide>
-    </swiper-container>
-
-    <div class="d-flex justify-center gap-4 flex-wrap">
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="prependSlide"
-      >
-        Prepend 2 Slides
-      </VBtn>
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="toSlide(1)"
-      >
-        Slide 1
-      </VBtn>
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="toSlide(250)"
-      >
-        Slide 250
-      </VBtn>
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="toSlide(500)"
-      >
-        Slide 500
-      </VBtn>
-      <VBtn
-        variant="outlined"
-        color="primary"
-        @click.prevent="appendSlide"
-      >
-        Append Slide
-      </VBtn>
-    </div>
-  </section>
-</template>
-
-<style lang="scss">
-.swiper-virtual {
-  swiper-slide {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: #eee;
-    font-size: 18px;
-    text-align: center;
-  }
-
-  swiper-container {
-    block-size: 300px;
-    inline-size: 100%;
-    margin-block: 20px;
-    margin-inline: auto;
-  }
-}
-</style>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsAlignment.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsAlignment.vue
deleted file mode 100644
index 665fd3c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsAlignment.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-  <VCard>
-    <VCardText class="d-flex flex-column gap-4">
-      <!-- Default -->
-      <div>
-        <VTabs>
-          <VTab>Home</VTab>
-          <VTab>Service</VTab>
-          <VTab>Account</VTab>
-        </VTabs>
-      </div>
-
-      <!-- Center -->
-      <div>
-        <VTabs align-tabs="center">
-          <VTab>Home</VTab>
-          <VTab>Service</VTab>
-          <VTab>Account</VTab>
-        </VTabs>
-      </div>
-
-      <!-- End -->
-      <div>
-        <VTabs align-tabs="end">
-          <VTab>Home</VTab>
-          <VTab>Service</VTab>
-          <VTab>Account</VTab>
-        </VTabs>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsBasic.vue
deleted file mode 100644
index 72fc99f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsBasic.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts" setup>
-const currentTab = ref('item-1')
-const tabItemContent = 'Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Pudding candy canes sugar plum cookie chocolate cake powder croissant.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs v-model="currentTab">
-      <VTab>Tab One</VTab>
-      <VTab>Tab Two</VTab>
-      <VTab>Tab Three</VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in 3"
-          :key="item"
-        >
-          {{ tabItemContent }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsBasicPill.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsBasicPill.vue
deleted file mode 100644
index 60e7174..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsBasicPill.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script lang="ts" setup>
-const currentTab = ref('window1')
-const tabItemContent = 'Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Pudding candy canes sugar plum cookie chocolate cake powder croissant.'
-</script>
-
-<template>
-  <VTabs
-    v-model="currentTab"
-    class="v-tabs-pill"
-  >
-    <VTab>Tab One</VTab>
-    <VTab>Tab Two</VTab>
-    <VTab>Tab Three</VTab>
-  </VTabs>
-
-  <VCard class="mt-5">
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in 3"
-          :key="`window${item}`"
-        >
-          {{ tabItemContent }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsCustomIcons.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsCustomIcons.vue
deleted file mode 100644
index 9e46c57..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsCustomIcons.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script setup lang="ts">
-const currentTab = ref(0)
-const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      next-icon="tabler-arrow-right"
-      prev-icon="tabler-arrow-left"
-    >
-      <VTab
-        v-for="i in 10"
-        :key="i"
-      >
-        Item {{ i }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="i in 10"
-          :key="i"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsDynamic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsDynamic.vue
deleted file mode 100644
index e196759..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsDynamic.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script lang="ts" setup>
-const totalTabs = ref(3)
-const currentTab = ref(0)
-
-watch(totalTabs, newValue => {
-  currentTab.value = newValue - 1
-})
-</script>
-
-<template>
-  <VCard>
-    <VTabs v-model="currentTab">
-      <VTab
-        v-for="n in totalTabs"
-        :key="n"
-        :value="n"
-      >
-        Tab {{ n }}
-      </VTab>
-    </VTabs>
-
-    <!-- buttons -->
-    <VCardText class="text-center d-flex items-center gap-y-2 flex-wrap">
-      <VBtn
-        :disabled="!totalTabs"
-        class="me-4"
-        :variant="!totalTabs ? 'tonal' : undefined"
-        @click="totalTabs--"
-      >
-        Remove Tab
-      </VBtn>
-
-      <VBtn @click="totalTabs++">
-        Add Tab
-      </VBtn>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsFixed.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsFixed.vue
deleted file mode 100644
index 0a19eae..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsFixed.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts" setup>
-const currentTab = ref('Appetizers')
-const items = ['Fixed Tab 1', 'Fixed Tab 2', 'Fixed Tab 3', 'Fixed Tab 4']
-const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer. Gummies sweet brownie brownie marshmallow chocolate cake pastry. Topping macaroon shortbread liquorice dragée macaroon.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      v-model="currentTab"
-      fixed-tabs
-    >
-      <VTab
-        v-for="item in items"
-        :key="item"
-        :value="item"
-      >
-        {{ item }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in items"
-          :key="item"
-          :value="item"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsGrow.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsGrow.vue
deleted file mode 100644
index 253654f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsGrow.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts" setup>
-const currentTab = ref('Appetizers')
-const items = ['Appetizers', 'Entrees', 'Deserts', 'Cocktails']
-const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer. Gummies sweet brownie brownie marshmallow chocolate cake pastry. Topping macaroon shortbread liquorice dragée macaroon.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      v-model="currentTab"
-      grow
-    >
-      <VTab
-        v-for="item in items"
-        :key="item"
-        :value="item"
-      >
-        {{ item }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in items"
-          :key="item"
-          :value="item"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsPagination.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsPagination.vue
deleted file mode 100644
index c29b377..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsPagination.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script setup lang="ts">
-const currentTab = ref('item1')
-const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs v-model="currentTab">
-      <VTab
-        v-for="i in 10"
-        :key="i"
-      >
-        Item {{ i }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="i in 10"
-          :key="i"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsProgrammaticNavigation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsProgrammaticNavigation.vue
deleted file mode 100644
index 01eef57..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsProgrammaticNavigation.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<script lang="ts" setup>
-const currentTab = ref(1)
-const items = ['Appetizers', 'Entrees', 'Deserts', 'Cocktails']
-const tabItemText = 'Chocolate cake marshmallow toffee sweet caramels tootsie roll chocolate bar. Chocolate candy lemon drops cupcake macaroon liquorice. Icing tiramisu cake pastry jujubes lollipop gummies sugar plum pie.'
-const totalTabs = items.length
-
-const preTab = () => {
-  if (currentTab.value !== 1)
-    currentTab.value -= 1
-}
-
-const nextTab = () => {
-  if (currentTab.value !== totalTabs)
-    currentTab.value += 1
-}
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      v-model="currentTab"
-      grow
-    >
-      <VTab
-        v-for="item in items.length"
-        :key="item"
-        :value="item"
-      >
-        {{ items[item - 1] }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in items.length"
-          :key="item"
-          :value="item"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-
-      <div class="d-flex justify-center gap-4 mt-3">
-        <VBtn
-          :disabled="currentTab === 1"
-          @click="preTab"
-        >
-          Previous
-        </VBtn>
-
-        <VBtn
-          :disabled="currentTab === totalTabs"
-          @click="nextTab"
-        >
-          Next
-        </VBtn>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsStacked.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsStacked.vue
deleted file mode 100644
index fac9784..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsStacked.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts" setup>
-const currentTab = ref('tab-1')
-const tabItemText = 'Biscuit cheesecake gingerbread oat cake tiramisu. Marzipan tiramisu jelly-o muffin biscuit jelly cake pie. Chocolate cookie candy croissant brownie cupcake powder cheesecake. Biscuit sesame snaps biscuit topping tiramisu croissant.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      v-model="currentTab"
-      grow
-      stacked
-    >
-      <VTab>
-        <VIcon
-          icon="tabler-phone"
-          class="mb-2"
-        />
-        <span>Recent</span>
-      </VTab>
-
-      <VTab>
-        <VIcon
-          icon="tabler-heart"
-          class="mb-2"
-        />
-        <span>Favorites</span>
-      </VTab>
-
-      <VTab>
-        <VIcon
-          icon="tabler-user"
-          class="mb-2"
-        />
-        <span>Nearby</span>
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="i in 3"
-          :key="i"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsVertical.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsVertical.vue
deleted file mode 100644
index b2c1d04..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsVertical.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<script setup lang="ts">
-const currentTab = ref(0)
-</script>
-
-<template>
-  <VCard>
-    <div class="d-flex">
-      <div>
-        <VTabs
-          v-model="currentTab"
-          direction="vertical"
-        >
-          <VTab>
-            <VIcon
-              start
-              icon="tabler-user"
-            />
-            Option 1
-          </VTab>
-
-          <VTab>
-            <VIcon
-              start
-              icon="tabler-lock"
-            />
-            Option 2
-          </VTab>
-
-          <VTab>
-            <VIcon
-              start
-              icon="tabler-access-point"
-            />
-            Option 3
-          </VTab>
-        </VTabs>
-      </div>
-
-      <VCardText>
-        <VWindow
-          v-model="currentTab"
-          class="ms-3"
-        >
-          <VWindowItem>
-            <p>
-              fsdfSed aliquam ultrices mauris. Donec posuere vulputate arcu. Morbi ac felis. Etiam feugiat lorem non metus. Sed a libero.
-            </p>
-
-            <p class="mb-0">
-              Phasellus dolor. Fusce neque. Fusce fermentum odio nec arcu. Pellentesque libero tortor, tincidunt et, tincidunt eget.
-            </p>
-          </VWindowItem>
-
-          <VWindowItem>
-            <p class="mb-0">
-              Morbi nec metus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero.
-            </p>
-          </VWindowItem>
-
-          <VWindowItem>
-            <p class="mb-0">
-              Fusce a quam. Phasellus nec sem in justo pellentesque facilisis. Nam eget dui. Proin viverra, ligula sit amet ultrices semper.
-            </p>
-          </VWindowItem>
-        </VWindow>
-      </VCardText>
-    </div>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsVerticalPill.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsVerticalPill.vue
deleted file mode 100644
index 384b1f2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/DemoTabsVerticalPill.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<script setup lang="ts">
-const currentTab = ref(0)
-</script>
-
-<template>
-  <div class="d-flex gap-6">
-    <div>
-      <VTabs
-        v-model="currentTab"
-        direction="vertical"
-        class="v-tabs-pill"
-      >
-        <VTab>
-          <VIcon
-            start
-            icon="tabler-user"
-          />
-          Option 1
-        </VTab>
-
-        <VTab>
-          <VIcon
-            start
-            icon="tabler-lock"
-          />
-          Option 2
-        </VTab>
-
-        <VTab>
-          <VIcon
-            start
-            icon="tabler-access-point"
-          />
-          Option 3
-        </VTab>
-      </VTabs>
-    </div>
-
-    <VCard>
-      <VCardText>
-        <VWindow v-model="currentTab">
-          <VWindowItem>
-            <p>
-              Sed aliquam ultrices mauris. Donec posuere vulputate arcu. Morbi ac felis. Etiam feugiat lorem non metus. Sed a libero.
-            </p>
-
-            <p class="mb-0">
-              Phasellus dolor. Fusce neque. Fusce fermentum odio nec arcu. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam. Phasellus blandit leo ut odio.
-            </p>
-          </VWindowItem>
-
-          <VWindowItem>
-            <p class="mb-0">
-              Morbi nec metus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Nunc sed turpis.
-            </p>
-          </VWindowItem>
-
-          <VWindowItem>
-            <p class="mb-0">
-              Fusce a quam. Phasellus nec sem in justo pellentesque facilisis. Nam eget dui. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. In dui magna, posuere eget, vestibulum et, tempor auctor, justo.
-            </p>
-          </VWindowItem>
-        </VWindow>
-      </VCardText>
-    </VCard>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/demoCodeTabs.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/demoCodeTabs.ts
deleted file mode 100644
index 3469c13..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tabs/demoCodeTabs.ts
+++ /dev/null
@@ -1,1072 +0,0 @@
-export const alignment = {
-  ts: `<template>
-  <VCard>
-    <VCardText class="d-flex flex-column gap-4">
-      <!-- Default -->
-      <div>
-        <VTabs>
-          <VTab>Home</VTab>
-          <VTab>Service</VTab>
-          <VTab>Account</VTab>
-        </VTabs>
-      </div>
-
-      <!-- Center -->
-      <div>
-        <VTabs align-tabs="center">
-          <VTab>Home</VTab>
-          <VTab>Service</VTab>
-          <VTab>Account</VTab>
-        </VTabs>
-      </div>
-
-      <!-- End -->
-      <div>
-        <VTabs align-tabs="end">
-          <VTab>Home</VTab>
-          <VTab>Service</VTab>
-          <VTab>Account</VTab>
-        </VTabs>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<template>
-  <VCard>
-    <VCardText class="d-flex flex-column gap-4">
-      <!-- Default -->
-      <div>
-        <VTabs>
-          <VTab>Home</VTab>
-          <VTab>Service</VTab>
-          <VTab>Account</VTab>
-        </VTabs>
-      </div>
-
-      <!-- Center -->
-      <div>
-        <VTabs align-tabs="center">
-          <VTab>Home</VTab>
-          <VTab>Service</VTab>
-          <VTab>Account</VTab>
-        </VTabs>
-      </div>
-
-      <!-- End -->
-      <div>
-        <VTabs align-tabs="end">
-          <VTab>Home</VTab>
-          <VTab>Service</VTab>
-          <VTab>Account</VTab>
-        </VTabs>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const basic = {
-  ts: `<script lang="ts" setup>
-const currentTab = ref('item-1')
-const tabItemContent = 'Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Pudding candy canes sugar plum cookie chocolate cake powder croissant.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs v-model="currentTab">
-      <VTab>Tab One</VTab>
-      <VTab>Tab Two</VTab>
-      <VTab>Tab Three</VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in 3"
-          :key="item"
-        >
-          {{ tabItemContent }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const currentTab = ref('item-1')
-const tabItemContent = 'Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Pudding candy canes sugar plum cookie chocolate cake powder croissant.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs v-model="currentTab">
-      <VTab>Tab One</VTab>
-      <VTab>Tab Two</VTab>
-      <VTab>Tab Three</VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in 3"
-          :key="item"
-        >
-          {{ tabItemContent }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const basicPill = {
-  ts: `<script lang="ts" setup>
-const currentTab = ref('window1')
-const tabItemContent = 'Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Pudding candy canes sugar plum cookie chocolate cake powder croissant.'
-</script>
-
-<template>
-  <VTabs
-    v-model="currentTab"
-    class="v-tabs-pill"
-  >
-    <VTab>Tab One</VTab>
-    <VTab>Tab Two</VTab>
-    <VTab>Tab Three</VTab>
-  </VTabs>
-
-  <VCard class="mt-5">
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in 3"
-          :key="\`window\${item}\`"
-        >
-          {{ tabItemContent }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const currentTab = ref('window1')
-const tabItemContent = 'Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Pudding candy canes sugar plum cookie chocolate cake powder croissant.'
-</script>
-
-<template>
-  <VTabs
-    v-model="currentTab"
-    class="v-tabs-pill"
-  >
-    <VTab>Tab One</VTab>
-    <VTab>Tab Two</VTab>
-    <VTab>Tab Three</VTab>
-  </VTabs>
-
-  <VCard class="mt-5">
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in 3"
-          :key="\`window\${item}\`"
-        >
-          {{ tabItemContent }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const customIcons = {
-  ts: `<script setup lang="ts">
-const currentTab = ref(0)
-const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      next-icon="tabler-arrow-right"
-      prev-icon="tabler-arrow-left"
-    >
-      <VTab
-        v-for="i in 10"
-        :key="i"
-      >
-        Item {{ i }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="i in 10"
-          :key="i"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const currentTab = ref(0)
-const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      next-icon="tabler-arrow-right"
-      prev-icon="tabler-arrow-left"
-    >
-      <VTab
-        v-for="i in 10"
-        :key="i"
-      >
-        Item {{ i }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="i in 10"
-          :key="i"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const dynamic = {
-  ts: `<script lang="ts" setup>
-const totalTabs = ref(3)
-const currentTab = ref(0)
-
-watch(totalTabs, newValue => {
-  currentTab.value = newValue - 1
-})
-</script>
-
-<template>
-  <VCard>
-    <VTabs v-model="currentTab">
-      <VTab
-        v-for="n in totalTabs"
-        :key="n"
-        :value="n"
-      >
-        Tab {{ n }}
-      </VTab>
-    </VTabs>
-
-    <!-- buttons -->
-    <VCardText class="text-center d-flex items-center gap-y-2 flex-wrap">
-      <VBtn
-        :disabled="!totalTabs"
-        class="me-4"
-        :variant="!totalTabs ? 'tonal' : undefined"
-        @click="totalTabs--"
-      >
-        Remove Tab
-      </VBtn>
-
-      <VBtn @click="totalTabs++">
-        Add Tab
-      </VBtn>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const totalTabs = ref(3)
-const currentTab = ref(0)
-
-watch(totalTabs, newValue => {
-  currentTab.value = newValue - 1
-})
-</script>
-
-<template>
-  <VCard>
-    <VTabs v-model="currentTab">
-      <VTab
-        v-for="n in totalTabs"
-        :key="n"
-        :value="n"
-      >
-        Tab {{ n }}
-      </VTab>
-    </VTabs>
-
-    <!-- buttons -->
-    <VCardText class="text-center d-flex items-center gap-y-2 flex-wrap">
-      <VBtn
-        :disabled="!totalTabs"
-        class="me-4"
-        :variant="!totalTabs ? 'tonal' : undefined"
-        @click="totalTabs--"
-      >
-        Remove Tab
-      </VBtn>
-
-      <VBtn @click="totalTabs++">
-        Add Tab
-      </VBtn>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const fixed = {
-  ts: `<script lang="ts" setup>
-const currentTab = ref('Appetizers')
-const items = ['Fixed Tab 1', 'Fixed Tab 2', 'Fixed Tab 3', 'Fixed Tab 4']
-const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer. Gummies sweet brownie brownie marshmallow chocolate cake pastry. Topping macaroon shortbread liquorice dragée macaroon.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      v-model="currentTab"
-      fixed-tabs
-    >
-      <VTab
-        v-for="item in items"
-        :key="item"
-        :value="item"
-      >
-        {{ item }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in items"
-          :key="item"
-          :value="item"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const currentTab = ref('Appetizers')
-
-const items = [
-  'Fixed Tab 1',
-  'Fixed Tab 2',
-  'Fixed Tab 3',
-  'Fixed Tab 4',
-]
-
-const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer. Gummies sweet brownie brownie marshmallow chocolate cake pastry. Topping macaroon shortbread liquorice dragée macaroon.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      v-model="currentTab"
-      fixed-tabs
-    >
-      <VTab
-        v-for="item in items"
-        :key="item"
-        :value="item"
-      >
-        {{ item }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in items"
-          :key="item"
-          :value="item"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const grow = {
-  ts: `<script lang="ts" setup>
-const currentTab = ref('Appetizers')
-const items = ['Appetizers', 'Entrees', 'Deserts', 'Cocktails']
-const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer. Gummies sweet brownie brownie marshmallow chocolate cake pastry. Topping macaroon shortbread liquorice dragée macaroon.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      v-model="currentTab"
-      grow
-    >
-      <VTab
-        v-for="item in items"
-        :key="item"
-        :value="item"
-      >
-        {{ item }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in items"
-          :key="item"
-          :value="item"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const currentTab = ref('Appetizers')
-
-const items = [
-  'Appetizers',
-  'Entrees',
-  'Deserts',
-  'Cocktails',
-]
-
-const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer. Gummies sweet brownie brownie marshmallow chocolate cake pastry. Topping macaroon shortbread liquorice dragée macaroon.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      v-model="currentTab"
-      grow
-    >
-      <VTab
-        v-for="item in items"
-        :key="item"
-        :value="item"
-      >
-        {{ item }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in items"
-          :key="item"
-          :value="item"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const pagination = {
-  ts: `<script setup lang="ts">
-const currentTab = ref('item1')
-const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs v-model="currentTab">
-      <VTab
-        v-for="i in 10"
-        :key="i"
-      >
-        Item {{ i }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="i in 10"
-          :key="i"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const currentTab = ref('item1')
-const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs v-model="currentTab">
-      <VTab
-        v-for="i in 10"
-        :key="i"
-      >
-        Item {{ i }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="i in 10"
-          :key="i"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const programmaticNavigation = {
-  ts: `<script lang="ts" setup>
-const currentTab = ref(1)
-const items = ['Appetizers', 'Entrees', 'Deserts', 'Cocktails']
-const tabItemText = 'Chocolate cake marshmallow toffee sweet caramels tootsie roll chocolate bar. Chocolate candy lemon drops cupcake macaroon liquorice. Icing tiramisu cake pastry jujubes lollipop gummies sugar plum pie.'
-const totalTabs = items.length
-
-const preTab = () => {
-  if (currentTab.value !== 1)
-    currentTab.value -= 1
-}
-
-const nextTab = () => {
-  if (currentTab.value !== totalTabs)
-    currentTab.value += 1
-}
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      v-model="currentTab"
-      grow
-    >
-      <VTab
-        v-for="item in items.length"
-        :key="item"
-        :value="item"
-      >
-        {{ items[item - 1] }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in items.length"
-          :key="item"
-          :value="item"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-
-      <div class="d-flex justify-center gap-4 mt-3">
-        <VBtn
-          :disabled="currentTab === 1"
-          @click="preTab"
-        >
-          Previous
-        </VBtn>
-
-        <VBtn
-          :disabled="currentTab === totalTabs"
-          @click="nextTab"
-        >
-          Next
-        </VBtn>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const currentTab = ref(1)
-
-const items = [
-  'Appetizers',
-  'Entrees',
-  'Deserts',
-  'Cocktails',
-]
-
-const tabItemText = 'Chocolate cake marshmallow toffee sweet caramels tootsie roll chocolate bar. Chocolate candy lemon drops cupcake macaroon liquorice. Icing tiramisu cake pastry jujubes lollipop gummies sugar plum pie.'
-const totalTabs = items.length
-
-const preTab = () => {
-  if (currentTab.value !== 1)
-    currentTab.value -= 1
-}
-
-const nextTab = () => {
-  if (currentTab.value !== totalTabs)
-    currentTab.value += 1
-}
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      v-model="currentTab"
-      grow
-    >
-      <VTab
-        v-for="item in items.length"
-        :key="item"
-        :value="item"
-      >
-        {{ items[item - 1] }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="item in items.length"
-          :key="item"
-          :value="item"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-
-      <div class="d-flex justify-center gap-4 mt-3">
-        <VBtn
-          :disabled="currentTab === 1"
-          @click="preTab"
-        >
-          Previous
-        </VBtn>
-
-        <VBtn
-          :disabled="currentTab === totalTabs"
-          @click="nextTab"
-        >
-          Next
-        </VBtn>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const stacked = {
-  ts: `<script lang="ts" setup>
-const currentTab = ref('tab-1')
-const tabItemText = 'Biscuit cheesecake gingerbread oat cake tiramisu. Marzipan tiramisu jelly-o muffin biscuit jelly cake pie. Chocolate cookie candy croissant brownie cupcake powder cheesecake. Biscuit sesame snaps biscuit topping tiramisu croissant.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      v-model="currentTab"
-      grow
-      stacked
-    >
-      <VTab>
-        <VIcon
-          icon="tabler-phone"
-          class="mb-2"
-        />
-        <span>Recent</span>
-      </VTab>
-
-      <VTab>
-        <VIcon
-          icon="tabler-heart"
-          class="mb-2"
-        />
-        <span>Favorites</span>
-      </VTab>
-
-      <VTab>
-        <VIcon
-          icon="tabler-user"
-          class="mb-2"
-        />
-        <span>Nearby</span>
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="i in 3"
-          :key="i"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const currentTab = ref('tab-1')
-const tabItemText = 'Biscuit cheesecake gingerbread oat cake tiramisu. Marzipan tiramisu jelly-o muffin biscuit jelly cake pie. Chocolate cookie candy croissant brownie cupcake powder cheesecake. Biscuit sesame snaps biscuit topping tiramisu croissant.'
-</script>
-
-<template>
-  <VCard>
-    <VTabs
-      v-model="currentTab"
-      grow
-      stacked
-    >
-      <VTab>
-        <VIcon
-          icon="tabler-phone"
-          class="mb-2"
-        />
-        <span>Recent</span>
-      </VTab>
-
-      <VTab>
-        <VIcon
-          icon="tabler-heart"
-          class="mb-2"
-        />
-        <span>Favorites</span>
-      </VTab>
-
-      <VTab>
-        <VIcon
-          icon="tabler-user"
-          class="mb-2"
-        />
-        <span>Nearby</span>
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem
-          v-for="i in 3"
-          :key="i"
-        >
-          {{ tabItemText }}
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const vertical = {
-  ts: `<script setup lang="ts">
-const currentTab = ref(0)
-</script>
-
-<template>
-  <VCard>
-    <div class="d-flex">
-      <div>
-        <VTabs
-          v-model="currentTab"
-          direction="vertical"
-        >
-          <VTab>
-            <VIcon
-              start
-              icon="tabler-user"
-            />
-            Option 1
-          </VTab>
-
-          <VTab>
-            <VIcon
-              start
-              icon="tabler-lock"
-            />
-            Option 2
-          </VTab>
-
-          <VTab>
-            <VIcon
-              start
-              icon="tabler-access-point"
-            />
-            Option 3
-          </VTab>
-        </VTabs>
-      </div>
-
-      <VCardText>
-        <VWindow
-          v-model="currentTab"
-          class="ms-3"
-        >
-          <VWindowItem>
-            <p>
-              fsdfSed aliquam ultrices mauris. Donec posuere vulputate arcu. Morbi ac felis. Etiam feugiat lorem non metus. Sed a libero.
-            </p>
-
-            <p class="mb-0">
-              Phasellus dolor. Fusce neque. Fusce fermentum odio nec arcu. Pellentesque libero tortor, tincidunt et, tincidunt eget.
-            </p>
-          </VWindowItem>
-
-          <VWindowItem>
-            <p class="mb-0">
-              Morbi nec metus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero.
-            </p>
-          </VWindowItem>
-
-          <VWindowItem>
-            <p class="mb-0">
-              Fusce a quam. Phasellus nec sem in justo pellentesque facilisis. Nam eget dui. Proin viverra, ligula sit amet ultrices semper.
-            </p>
-          </VWindowItem>
-        </VWindow>
-      </VCardText>
-    </div>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const currentTab = ref(0)
-</script>
-
-<template>
-  <VCard>
-    <div class="d-flex">
-      <div>
-        <VTabs
-          v-model="currentTab"
-          direction="vertical"
-        >
-          <VTab>
-            <VIcon
-              start
-              icon="tabler-user"
-            />
-            Option 1
-          </VTab>
-
-          <VTab>
-            <VIcon
-              start
-              icon="tabler-lock"
-            />
-            Option 2
-          </VTab>
-
-          <VTab>
-            <VIcon
-              start
-              icon="tabler-access-point"
-            />
-            Option 3
-          </VTab>
-        </VTabs>
-      </div>
-
-      <VCardText>
-        <VWindow
-          v-model="currentTab"
-          class="ms-3"
-        >
-          <VWindowItem>
-            <p>
-              fsdfSed aliquam ultrices mauris. Donec posuere vulputate arcu. Morbi ac felis. Etiam feugiat lorem non metus. Sed a libero.
-            </p>
-
-            <p class="mb-0">
-              Phasellus dolor. Fusce neque. Fusce fermentum odio nec arcu. Pellentesque libero tortor, tincidunt et, tincidunt eget.
-            </p>
-          </VWindowItem>
-
-          <VWindowItem>
-            <p class="mb-0">
-              Morbi nec metus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero.
-            </p>
-          </VWindowItem>
-
-          <VWindowItem>
-            <p class="mb-0">
-              Fusce a quam. Phasellus nec sem in justo pellentesque facilisis. Nam eget dui. Proin viverra, ligula sit amet ultrices semper.
-            </p>
-          </VWindowItem>
-        </VWindow>
-      </VCardText>
-    </div>
-  </VCard>
-</template>
-`,
-}
-
-export const verticalPill = {
-  ts: `<script setup lang="ts">
-const currentTab = ref(0)
-</script>
-
-<template>
-  <div class="d-flex gap-6">
-    <div>
-      <VTabs
-        v-model="currentTab"
-        direction="vertical"
-        class="v-tabs-pill"
-      >
-        <VTab>
-          <VIcon
-            start
-            icon="tabler-user"
-          />
-          Option 1
-        </VTab>
-
-        <VTab>
-          <VIcon
-            start
-            icon="tabler-lock"
-          />
-          Option 2
-        </VTab>
-
-        <VTab>
-          <VIcon
-            start
-            icon="tabler-access-point"
-          />
-          Option 3
-        </VTab>
-      </VTabs>
-    </div>
-
-    <VCard>
-      <VCardText>
-        <VWindow v-model="currentTab">
-          <VWindowItem>
-            <p>
-              Sed aliquam ultrices mauris. Donec posuere vulputate arcu. Morbi ac felis. Etiam feugiat lorem non metus. Sed a libero.
-            </p>
-
-            <p class="mb-0">
-              Phasellus dolor. Fusce neque. Fusce fermentum odio nec arcu. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam. Phasellus blandit leo ut odio.
-            </p>
-          </VWindowItem>
-
-          <VWindowItem>
-            <p class="mb-0">
-              Morbi nec metus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Nunc sed turpis.
-            </p>
-          </VWindowItem>
-
-          <VWindowItem>
-            <p class="mb-0">
-              Fusce a quam. Phasellus nec sem in justo pellentesque facilisis. Nam eget dui. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. In dui magna, posuere eget, vestibulum et, tempor auctor, justo.
-            </p>
-          </VWindowItem>
-        </VWindow>
-      </VCardText>
-    </VCard>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const currentTab = ref(0)
-</script>
-
-<template>
-  <div class="d-flex gap-6">
-    <div>
-      <VTabs
-        v-model="currentTab"
-        direction="vertical"
-        class="v-tabs-pill"
-      >
-        <VTab>
-          <VIcon
-            start
-            icon="tabler-user"
-          />
-          Option 1
-        </VTab>
-
-        <VTab>
-          <VIcon
-            start
-            icon="tabler-lock"
-          />
-          Option 2
-        </VTab>
-
-        <VTab>
-          <VIcon
-            start
-            icon="tabler-access-point"
-          />
-          Option 3
-        </VTab>
-      </VTabs>
-    </div>
-
-    <VCard>
-      <VCardText>
-        <VWindow v-model="currentTab">
-          <VWindowItem>
-            <p>
-              Sed aliquam ultrices mauris. Donec posuere vulputate arcu. Morbi ac felis. Etiam feugiat lorem non metus. Sed a libero.
-            </p>
-
-            <p class="mb-0">
-              Phasellus dolor. Fusce neque. Fusce fermentum odio nec arcu. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam. Phasellus blandit leo ut odio.
-            </p>
-          </VWindowItem>
-
-          <VWindowItem>
-            <p class="mb-0">
-              Morbi nec metus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Nunc sed turpis.
-            </p>
-          </VWindowItem>
-
-          <VWindowItem>
-            <p class="mb-0">
-              Fusce a quam. Phasellus nec sem in justo pellentesque facilisis. Nam eget dui. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. In dui magna, posuere eget, vestibulum et, tempor auctor, justo.
-            </p>
-          </VWindowItem>
-        </VWindow>
-      </VCardText>
-    </VCard>
-  </div>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/timeline/TimelineBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/timeline/TimelineBasic.vue
deleted file mode 100644
index 72d38f8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/timeline/TimelineBasic.vue
+++ /dev/null
@@ -1,148 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import pdf from '@images/icons/project-icons/pdf.png'
-</script>
-
-<template>
-  <VCard title="Basic Timeline">
-    <VCardText>
-      <VTimeline
-        side="end"
-        align="start"
-        line-inset="8"
-        truncate-line="start"
-        density="compact"
-      >
-        <!-- SECTION Timeline Item: Flight -->
-        <VTimelineItem
-          dot-color="primary"
-          size="x-small"
-        >
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center gap-2 flex-wrap mb-2">
-            <span class="app-timeline-title">
-              12 Invoices have been paid
-            </span>
-            <span class="app-timeline-meta">12 min ago</span>
-          </div>
-
-          <!-- 👉 Content -->
-          <div class="app-timeline-text mt-1">
-            Invoices have been paid to the company
-          </div>
-
-          <div class="d-inline-flex align-center timeline-chip mt-2">
-            <img
-              :src="pdf"
-              height="20"
-              class="me-2"
-              alt="img"
-            >
-            <span class="app-timeline-text font-weight-medium">
-              invoice.pdf
-            </span>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-
-        <!-- SECTION Timeline Item: Interview Schedule -->
-        <VTimelineItem
-          size="x-small"
-          dot-color="success"
-        >
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center flex-wrap mb-2">
-            <div class="app-timeline-title">
-              Client Meeting
-            </div>
-            <span class="app-timeline-meta">45 min ago</span>
-          </div>
-
-          <div class="app-timeline-text mt-1">
-            Project meeting with john @10:15am
-          </div>
-
-          <!-- 👉 Person -->
-          <div class="d-flex justify-space-between align-center flex-wrap">
-            <!-- 👉 Avatar & Personal Info -->
-            <div class="d-flex align-center mt-2">
-              <VAvatar
-                size="32"
-                class="me-2"
-                :image="avatar1"
-              />
-              <div class="d-flex flex-column">
-                <p class="text-sm font-weight-medium text-medium-emphasis mb-0">
-                  Lester McCarthy (Client)
-                </p>
-                <span class="text-sm">CEO of Pixinvent</span>
-              </div>
-            </div>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-
-        <!-- SECTION Design Review -->
-        <VTimelineItem
-          size="x-small"
-          dot-color="info"
-        >
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center flex-wrap mb-2">
-            <span class="app-timeline-title">
-              Create a new project for client
-            </span>
-            <span class="app-timeline-meta">2 Day Ago</span>
-          </div>
-
-          <!-- 👉 Content -->
-          <p class="app-timeline-text mt-1 mb-2">
-            6 team members in a project
-          </p>
-
-          <div class="v-avatar-group demo-avatar-group">
-            <VAvatar :size="40">
-              <VImg :src="avatar1" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                John Doe
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar :size="40">
-              <VImg :src="avatar2" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                Jennie Obrien
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar :size="40">
-              <VImg :src="avatar3" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                Peter Harper
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar
-              :size="40"
-              :color="$vuetify.theme.current.dark ? '#373b50' : '#eeedf0'"
-            >
-              +3
-            </VAvatar>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-      </VTimeline>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/timeline/TimelineOutlined.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/timeline/TimelineOutlined.vue
deleted file mode 100644
index 4568fc5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/timeline/TimelineOutlined.vue
+++ /dev/null
@@ -1,170 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import pdf from '@images/icons/project-icons/pdf.png'
-</script>
-
-<template>
-  <VCard title="Outlined Timeline">
-    <VCardText>
-      <VTimeline
-        side="end"
-        align="start"
-        line-inset="8"
-        truncate-line="start"
-        density="compact"
-        class="v-timeline--variant-outlined"
-      >
-        <!-- SECTION Timeline Item: Flight -->
-        <VTimelineItem
-          dot-color="rgb(var(--v-theme-surface))"
-          size="x-small"
-        >
-          <template #icon>
-            <VIcon
-              icon="tabler-circle"
-              color="primary"
-              size="16"
-            />
-          </template>
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center gap-2 flex-wrap mb-2">
-            <span class="app-timeline-title">
-              12 Invoices have been paid
-            </span>
-            <span class="app-timeline-meta">12 min ago</span>
-          </div>
-
-          <!-- 👉 Content -->
-          <div class="app-timeline-text mt-1">
-            Invoices have been paid to the company
-          </div>
-
-          <div class="d-inline-flex align-center timeline-chip mt-2">
-            <img
-              :src="pdf"
-              height="20"
-              class="me-2"
-              alt="img"
-            >
-            <span class="app-timeline-text font-weight-medium">
-              invoice.pdf
-            </span>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-
-        <!-- SECTION Timeline Item: Interview Schedule -->
-        <VTimelineItem
-          size="x-small"
-          dot-color="rgb(var(--v-theme-surface))"
-        >
-          <template #icon>
-            <VIcon
-              icon="tabler-circle"
-              color="success"
-              size="16"
-            />
-          </template>
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center flex-wrap mb-2">
-            <div class="app-timeline-title">
-              Client Meeting
-            </div>
-            <span class="app-timeline-meta">45 min ago</span>
-          </div>
-
-          <div class="app-timeline-text mt-1">
-            Project meeting with john @10:15am
-          </div>
-
-          <!-- 👉 Person -->
-          <div class="d-flex justify-space-between align-center flex-wrap">
-            <!-- 👉 Avatar & Personal Info -->
-            <div class="d-flex align-center mt-2">
-              <VAvatar
-                size="32"
-                class="me-2"
-                :image="avatar1"
-              />
-              <div class="d-flex flex-column">
-                <p class="text-sm font-weight-medium text-medium-emphasis mb-0">
-                  Lester McCarthy (Client)
-                </p>
-                <span class="text-sm">CEO of Pixinvent</span>
-              </div>
-            </div>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-
-        <!-- SECTION Design Review -->
-        <VTimelineItem
-          size="x-small"
-          dot-color="rgb(var(--v-theme-surface))"
-        >
-          <template #icon>
-            <VIcon
-              icon="tabler-circle"
-              color="info"
-              size="16"
-            />
-          </template>
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center flex-wrap mb-2">
-            <span class="app-timeline-title">
-              Create a new project for client
-            </span>
-            <span class="app-timeline-meta">2 Day Ago</span>
-          </div>
-
-          <!-- 👉 Content -->
-          <p class="app-timeline-text mt-1 mb-2">
-            6 team members in a project
-          </p>
-
-          <div class="v-avatar-group demo-avatar-group">
-            <VAvatar :size="40">
-              <VImg :src="avatar1" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                John Doe
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar :size="40">
-              <VImg :src="avatar2" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                Jennie Obrien
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar :size="40">
-              <VImg :src="avatar3" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                Peter Harper
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar
-              :size="40"
-              :color="$vuetify.theme.current.dark ? '#373b50' : '#eeedf0'"
-            >
-              +3
-            </VAvatar>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-      </VTimeline>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/timeline/TimelineWithIcons.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/timeline/TimelineWithIcons.vue
deleted file mode 100644
index 7be4e59..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/timeline/TimelineWithIcons.vue
+++ /dev/null
@@ -1,395 +0,0 @@
-<script setup lang="ts">
-import avatar8 from '@images/avatars/avatar-8.png'
-import xls from '@images/icons/file/xls.png'
-import pdf from '@images/icons/project-icons/pdf.png'
-import aviato from '@images/logos/aviato.png'
-import bitbank from '@images/logos/bitbank.png'
-import zipcar from '@images/logos/zipcar.png'
-import TimelineRectangle1 from '@images/pages/TimelineRectangle1.png'
-import TimelineRectangle2 from '@images/pages/TimelineRectangle2.png'
-import TimelineRectangle3 from '@images/pages/TimelineRectangle3.png'
-import TimelineRectangle4 from '@images/pages/TimelineRectangle4.png'
-
-const albumImages = [
-  TimelineRectangle1,
-  TimelineRectangle2,
-  TimelineRectangle3,
-  TimelineRectangle4,
-]
-
-const earnings = [
-  {
-    avatar: zipcar,
-    title: 'Zipcar',
-    subtitle: 'Vuejs, React & HTML',
-    amount: '$24,895.65',
-    progress: 'primary',
-  },
-  {
-    avatar: bitbank,
-    title: 'Bitbank',
-    subtitle: 'Sketch, Figma & XD',
-    amount: '$8,6500.20',
-    progress: 'info',
-  },
-  {
-    avatar: aviato,
-    title: 'Aviato',
-    subtitle: 'HTML & Anguler',
-    amount: '$1,2450.80',
-    progress: 'secondary',
-  },
-]
-</script>
-
-<template>
-  <div class="my-6">
-    <div>
-      <h5 class="text-h5">
-        Timeline with icons
-      </h5>
-    </div>
-    <VTimeline
-      align="start"
-      line-inset="19"
-      truncate-line="start"
-      justify="center"
-      :density="$vuetify.display.smAndDown ? 'compact' : 'default'"
-      class="mt-4"
-    >
-      <!-- SECTION Timeline Item: Document -->
-      <VTimelineItem
-        fill-dot
-        size="small"
-      >
-        <template #opposite>
-          <span class="app-timeline-meta">
-            2 month's ago
-          </span>
-        </template>
-        <template #icon>
-          <div class="v-timeline-avatar-wrapper rounded-circle">
-            <VAvatar
-              size="32"
-              color="error"
-              variant="tonal"
-            >
-              <VIcon
-                icon="tabler-file"
-                size="20"
-              />
-            </VAvatar>
-          </div>
-        </template>
-        <!-- 👉 Header -->
-        <VCard class="mb-10 mt-n4">
-          <VCardItem class="pb-4">
-            <VCardTitle>You've uploaded doc pdf to the Pixinvent project</VCardTitle>
-          </VCardItem>
-          <VCardText>
-            <!-- 👉 Content -->
-            <p class="app-timeline-text mb-3">
-              he process of recording the key project details and producing the documents that are required to implement it successfully. Simply put, it's an umbrella term which includes all the documents created over the course of the project.
-            </p>
-            <div class="d-inline-flex align-items-center timeline-chip">
-              <img
-                :src="pdf"
-                height="20"
-                class="me-2"
-                alt="img"
-              >
-              <span class="app-timeline-text font-weight-medium">
-                documentation.pdf
-              </span>
-            </div>
-          </VCardText>
-        </VCard>
-      </VTimelineItem>
-      <!-- !SECTION -->
-      <!-- SECTION Timeline Item: Image Album -->
-      <VTimelineItem
-        fill-dot
-        size="small"
-      >
-        <template #opposite>
-          <span class="app-timeline-meta">
-            24 day's ago
-          </span>
-        </template>
-        <template #icon>
-          <div class="v-timeline-avatar-wrapper rounded-circle">
-            <VAvatar
-              size="32"
-              color="success"
-              variant="tonal"
-            >
-              <VIcon
-                size="20"
-                icon="tabler-photo"
-              />
-            </VAvatar>
-          </div>
-        </template>
-        <VCard class="mb-10 mt-n4">
-          <VCardItem class="pb-4">
-            <VCardTitle>Heather added 4 images to the Team album</VCardTitle>
-          </VCardItem>
-          <VCardText>
-            <p class="mb-3">
-              In the Select Image for Project dialog box, choose one of the following: Under the Upload New Image section
-            </p>
-            <div class="d-flex gap-4 flex-wrap">
-              <template
-                v-for="(img, i) in albumImages"
-                :key="i"
-              >
-                <VImg :src="img" />
-              </template>
-            </div>
-          </VCardText>
-        </VCard>
-      </VTimelineItem>
-      <!-- !SECTION -->
-      <!-- SECTION Timeline Item: Review -->
-      <VTimelineItem
-        fill-dot
-        size="small"
-      >
-        <template #opposite>
-          <span class="app-timeline-meta">
-            6 day's ago
-          </span>
-        </template>
-        <template #icon>
-          <div class="v-timeline-avatar-wrapper rounded-circle">
-            <VAvatar
-              size="32"
-              color="warning"
-              variant="tonal"
-            >
-              <VIcon
-                size="20"
-                icon="tabler-star"
-              />
-            </VAvatar>
-          </div>
-        </template>
-        <VCard class="mb-10 mt-n4">
-          <VCardItem class="pb-4">
-            <VCardTitle>
-              Loretta write a review on Pixinvent
-            </VCardTitle>
-          </VCardItem>
-          <VCardText>
-            <div>
-              <div class="d-flex align-center mb-3">
-                <VAvatar
-                  size="38"
-                  class="me-4"
-                  :image="avatar8"
-                />
-                <div>
-                  <h6 class="text-h6">
-                    Loretta Moore
-                  </h6>
-                  <div class="text-body-2">
-                    CTO of Airbnb
-                  </div>
-                </div>
-              </div>
-              <div class="d-flex align-center justify-space-between flex-wrap mb-3">
-                <VRating
-                  :model-value="5"
-                  class="timeline-rating"
-                />
-                <VChip
-                  color="success"
-                  size="small"
-                  label
-                >
-                  <template #prepend>
-                    <VAvatar
-                      start
-                      :image="avatar8"
-                      size="16"
-                    />
-                  </template>
-                  VERIFIED BUYER
-                </VChip>
-              </div>
-              <div class="text-body-1">
-                I wish I could select more than one main reason for rating this. I love how they constantly work on to make the template better. I am so thankful for this. Also, in the past, they had responded well to my tickets. Thank you for this great theme, for such an amazing support, for the better updates. I wish I could rate this for so many times. I highly recommend this template!
-              </div>
-            </div>
-          </VCardText>
-        </VCard>
-      </VTimelineItem>
-      <!-- !SECTION -->
-      <!-- SECTION Timeline Item: Earning Report -->
-      <VTimelineItem
-        fill-dot
-        size="small"
-      >
-        <template #opposite>
-          <span class="app-timeline-meta">
-            2 day's ago
-          </span>
-        </template>
-        <template #icon>
-          <div class="v-timeline-avatar-wrapper rounded-circle">
-            <VAvatar
-              size="32"
-              color="info"
-              variant="tonal"
-            >
-              <VIcon
-                size="20"
-                icon="tabler-chart-pie"
-              />
-            </VAvatar>
-          </div>
-        </template>
-        <VCard class="mb-10 mt-n4">
-          <VCardItem class="pb-4">
-            <VCardTitle>Julia stiles shared an earnings report</VCardTitle>
-          </VCardItem>
-          <VCardText>
-            <div class="mb-3">
-              <div class="d-flex align-center">
-                <h4 class="text-h4">
-                  $24,895
-                </h4>
-                <span class="text-success d-flex">
-                  <VIcon
-                    size="24"
-                    icon="tabler-caret-up-filled"
-                  />
-                  <div class="align-self-center text-body-2 font-weight-medium text-success">10%</div>
-                </span>
-              </div>
-              <div class="text-body-2">
-                Compared to $84,325 last year
-              </div>
-            </div>
-            <VList class="card-list">
-              <VListItem
-                v-for="earning in earnings"
-                :key="earning.title"
-              >
-                <template #prepend>
-                  <VAvatar
-                    rounded
-                    :image="earning.avatar"
-                  />
-                </template>
-                <VListItemTitle>
-                  <div class="text-body-1 font-weight-medium text-high-emphasis">
-                    {{ earning.title }}
-                  </div>
-                </VListItemTitle>
-                <VListItemSubtitle>
-                  <div class="text-body-2">
-                    {{ earning.subtitle }}
-                  </div>
-                </VListItemSubtitle>
-                <template #append>
-                  <div>
-                    <h6 class="text-h6 mb-2">
-                      {{ earning.amount }}
-                    </h6>
-                    <VProgressLinear
-                      :color="earning.progress"
-                      model-value="80"
-                      height="4"
-                    />
-                  </div>
-                </template>
-              </VListItem>
-            </VList>
-          </VCardText>
-        </VCard>
-      </VTimelineItem>
-      <!-- !SECTION -->
-      <!-- SECTION Timeline Item: Progress Report -->
-      <VTimelineItem
-        fill-dot
-        size="small"
-      >
-        <template #icon>
-          <div class="v-timeline-avatar-wrapper rounded-circle">
-            <VAvatar
-              size="32"
-              color="primary"
-              variant="tonal"
-            >
-              <VIcon
-                size="18"
-                icon="tabler-folder"
-              />
-            </VAvatar>
-          </div>
-        </template>
-        <template #opposite>
-          <span class="app-timeline-meta">
-            2 day's ago
-          </span>
-        </template>
-        <VCard class="mb-10 mt-n4">
-          <VCardItem class="pb-4">
-            <VCardTitle>josh johnson shared Nuxt js project progress report</VCardTitle>
-          </VCardItem>
-          <VCardText>
-            <p class="mb-3">
-              The structure and process are defined in the project organization considering the attainment of the corporate objectives and therefore also project objectives. The components of the project process are
-            </p>
-            <div class="d-inline-flex align-items-center timeline-chip mb-3">
-              <img
-                :src="xls"
-                height="20"
-                class="me-2"
-                alt="img"
-              >
-              <span class="app-timeline-text font-weight-medium">
-                progress-report.xls
-              </span>
-            </div>
-            <div class="d-flex gap-2 align-center">
-              <div class="flex-grow-1">
-                <VProgressLinear
-                  :model-value="34"
-                  color="primary"
-                />
-              </div>
-              <div class="text-body-2 font-weight-medium">
-                34%
-              </div>
-            </div>
-          </VCardText>
-        </VCard>
-      </VTimelineItem>
-      <!-- !SECTION -->
-    </VTimeline>
-  </div>
-</template>
-
-<style lang="scss">
-.v-timeline-avatar-wrapper {
-  background-color: rgb(var(--v-theme-surface));
-}
-
-.timeline-rating {
-  .v-rating__item {
-    .v-btn--icon {
-      --v-btn-height: 28px;
-
-      .v-btn__content {
-        .v-icon {
-          block-size: 28px !important;
-          font-size: 28px !important;
-          inline-size: 28px !important;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipDelayOnHover.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipDelayOnHover.vue
deleted file mode 100644
index db8c541..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipDelayOnHover.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-  <!-- Delay on open -->
-  <VBtn variant="outlined">
-    <span>Open Delay On Hover</span> <VTooltip
-      open-delay="500"
-      location="top"
-      activator="parent"
-    >
-      <span>Open Delay On Hover</span>
-    </VTooltip>
-  </VBtn>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipEvents.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipEvents.vue
deleted file mode 100644
index 08eec64..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipEvents.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <!-- open on hover -->
-    <VBtn variant="outlined">
-      <span>Open On Hover</span>
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Open On Hover
-      </VTooltip>
-    </VBtn>
-
-    <!-- open on click -->
-    <VBtn
-      variant="outlined"
-      color="primary"
-    >
-      <span>Open On click</span>
-
-      <VTooltip
-        open-on-click
-        :open-on-hover="false"
-        location="top"
-        activator="parent"
-      >
-        Open On click
-      </VTooltip>
-    </VBtn>
-
-    <!-- open on focus -->
-    <VBtn variant="outlined">
-      <span>Open On Hover + Focus</span>
-      <VTooltip
-        open-on-focus
-        location="top"
-        activator="parent"
-      >
-        Open On Hover + Focus
-      </VTooltip>
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipLocation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipLocation.vue
deleted file mode 100644
index 53e9a3f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipLocation.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <VBtn variant="tonal">
-      Tooltip on End
-      <VTooltip
-        activator="parent"
-        location="end"
-      >
-        End Tooltip
-      </VTooltip>
-    </VBtn>
-
-    <VBtn variant="tonal">
-      Tooltip on Start
-      <VTooltip
-        activator="parent"
-        location="start"
-      >
-        Start Tooltip
-      </VTooltip>
-    </VBtn>
-
-    <VBtn variant="tonal">
-      Tooltip on Top
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Top Tooltip
-      </VTooltip>
-    </VBtn>
-
-    <VBtn variant="tonal">
-      Tooltip on Bottom
-      <VTooltip
-        activator="parent"
-        location="bottom"
-      >
-        Bottom Tooltip
-      </VTooltip>
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipTooltipOnVariousElements.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipTooltipOnVariousElements.vue
deleted file mode 100644
index 5557a76..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipTooltipOnVariousElements.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import avatar4 from '@images/avatars/avatar-4.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBtn>
-      Button
-      <VTooltip
-        location="top"
-        activator="parent"
-      >
-        Tooltip
-      </VTooltip>
-    </VBtn>
-
-    <VAvatar color="info">
-      <VImg :src="avatar4" />
-      <VTooltip
-        location="top"
-        activator="parent"
-      >
-        Tooltip on Avatar
-      </VTooltip>
-    </VAvatar>
-
-    <VTooltip location="top">
-      <template #activator="{ props }">
-        <VIcon
-          v-bind="props"
-          size="30"
-          icon="tabler-user"
-        />
-      </template>
-      <span>Tooltip on Icon</span>
-    </VTooltip>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipTransition.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipTransition.vue
deleted file mode 100644
index 49a732a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipTransition.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <div class="demo-space-x">
-    <!-- Scale transition -->
-    <VBtn>
-      scale transition
-      <VTooltip
-        location="top"
-        transition="scale-transition"
-        activator="parent"
-      >
-        <span>Scale Transition</span>
-      </VTooltip>
-    </VBtn>
-
-    <!-- Scroll x transition -->
-    <VBtn>
-      scroll X transition
-      <VTooltip
-        location="top"
-        activator="parent"
-        transition="scroll-x-transition"
-      >
-        <span>Scroll X Transition</span>
-      </VTooltip>
-    </VBtn>
-
-    <!-- Scroll y transition -->
-    <VBtn>
-      scroll y transition
-      <VTooltip
-        location="top"
-        activator="parent"
-        transition="scroll-y-transition"
-      >
-        <span>Scroll Y Transition</span>
-      </VTooltip>
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipVModelSupport.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipVModelSupport.vue
deleted file mode 100644
index 32a5ffa..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/DemoTooltipVModelSupport.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts" setup>
-const isTooltipVisible = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBtn @click="isTooltipVisible = !isTooltipVisible">
-      toggle tooltip
-    </VBtn>
-
-    <VTooltip
-      :model-value="isTooltipVisible"
-      location="top"
-    >
-      <template #activator="{ props }">
-        <VIcon
-          v-bind="props"
-          icon="tabler-brand-instagram"
-        />
-      </template>
-      <span>Programmatic tooltip</span>
-    </VTooltip>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/demoCodeTooltip.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/demoCodeTooltip.ts
deleted file mode 100644
index e72bcb1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/components/tooltip/demoCodeTooltip.ts
+++ /dev/null
@@ -1,427 +0,0 @@
-export const delayOnHover = {
-  ts: `<template>
-  <!-- Delay on open -->
-  <VBtn variant="outlined">
-    <span>Open Delay On Hover</span> <VTooltip
-      open-delay="500"
-      location="top"
-      activator="parent"
-    >
-      <span>Open Delay On Hover</span>
-    </VTooltip>
-  </VBtn>
-</template>
-`,
-  js: `<template>
-  <!-- Delay on open -->
-  <VBtn variant="outlined">
-    <span>Open Delay On Hover</span> <VTooltip
-      open-delay="500"
-      location="top"
-      activator="parent"
-    >
-      <span>Open Delay On Hover</span>
-    </VTooltip>
-  </VBtn>
-</template>
-`,
-}
-
-export const events = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <!-- open on hover -->
-    <VBtn variant="outlined">
-      <span>Open On Hover</span>
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Open On Hover
-      </VTooltip>
-    </VBtn>
-
-    <!-- open on click -->
-    <VBtn
-      variant="outlined"
-      color="primary"
-    >
-      <span>Open On click</span>
-
-      <VTooltip
-        open-on-click
-        :open-on-hover="false"
-        location="top"
-        activator="parent"
-      >
-        Open On click
-      </VTooltip>
-    </VBtn>
-
-    <!-- open on focus -->
-    <VBtn variant="outlined">
-      <span>Open On Hover + Focus</span>
-      <VTooltip
-        open-on-focus
-        location="top"
-        activator="parent"
-      >
-        Open On Hover + Focus
-      </VTooltip>
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <!-- open on hover -->
-    <VBtn variant="outlined">
-      <span>Open On Hover</span>
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Open On Hover
-      </VTooltip>
-    </VBtn>
-
-    <!-- open on click -->
-    <VBtn
-      variant="outlined"
-      color="primary"
-    >
-      <span>Open On click</span>
-
-      <VTooltip
-        open-on-click
-        :open-on-hover="false"
-        location="top"
-        activator="parent"
-      >
-        Open On click
-      </VTooltip>
-    </VBtn>
-
-    <!-- open on focus -->
-    <VBtn variant="outlined">
-      <span>Open On Hover + Focus</span>
-      <VTooltip
-        open-on-focus
-        location="top"
-        activator="parent"
-      >
-        Open On Hover + Focus
-      </VTooltip>
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const location = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <VBtn variant="tonal">
-      Tooltip on End
-      <VTooltip
-        activator="parent"
-        location="end"
-      >
-        End Tooltip
-      </VTooltip>
-    </VBtn>
-
-    <VBtn variant="tonal">
-      Tooltip on Start
-      <VTooltip
-        activator="parent"
-        location="start"
-      >
-        Start Tooltip
-      </VTooltip>
-    </VBtn>
-
-    <VBtn variant="tonal">
-      Tooltip on Top
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Top Tooltip
-      </VTooltip>
-    </VBtn>
-
-    <VBtn variant="tonal">
-      Tooltip on Bottom
-      <VTooltip
-        activator="parent"
-        location="bottom"
-      >
-        Bottom Tooltip
-      </VTooltip>
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <VBtn variant="tonal">
-      Tooltip on End
-      <VTooltip
-        activator="parent"
-        location="end"
-      >
-        End Tooltip
-      </VTooltip>
-    </VBtn>
-
-    <VBtn variant="tonal">
-      Tooltip on Start
-      <VTooltip
-        activator="parent"
-        location="start"
-      >
-        Start Tooltip
-      </VTooltip>
-    </VBtn>
-
-    <VBtn variant="tonal">
-      Tooltip on Top
-      <VTooltip
-        activator="parent"
-        location="top"
-      >
-        Top Tooltip
-      </VTooltip>
-    </VBtn>
-
-    <VBtn variant="tonal">
-      Tooltip on Bottom
-      <VTooltip
-        activator="parent"
-        location="bottom"
-      >
-        Bottom Tooltip
-      </VTooltip>
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const tooltipOnVariousElements = {
-  ts: `<script setup lang="ts">
-import avatar4 from '@images/avatars/avatar-4.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBtn>
-      Button
-      <VTooltip
-        location="top"
-        activator="parent"
-      >
-        Tooltip
-      </VTooltip>
-    </VBtn>
-
-    <VAvatar color="info">
-      <VImg :src="avatar4" />
-      <VTooltip
-        location="top"
-        activator="parent"
-      >
-        Tooltip on Avatar
-      </VTooltip>
-    </VAvatar>
-
-    <VTooltip location="top">
-      <template #activator="{ props }">
-        <VIcon
-          v-bind="props"
-          size="30"
-          icon="tabler-user"
-        />
-      </template>
-      <span>Tooltip on Icon</span>
-    </VTooltip>
-  </div>
-</template>
-`,
-  js: `<script setup>
-import avatar4 from '@images/avatars/avatar-4.png'
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBtn>
-      Button
-      <VTooltip
-        location="top"
-        activator="parent"
-      >
-        Tooltip
-      </VTooltip>
-    </VBtn>
-
-    <VAvatar color="info">
-      <VImg :src="avatar4" />
-      <VTooltip
-        location="top"
-        activator="parent"
-      >
-        Tooltip on Avatar
-      </VTooltip>
-    </VAvatar>
-
-    <VTooltip location="top">
-      <template #activator="{ props }">
-        <VIcon
-          v-bind="props"
-          size="30"
-          icon="tabler-user"
-        />
-      </template>
-      <span>Tooltip on Icon</span>
-    </VTooltip>
-  </div>
-</template>
-`,
-}
-
-export const transition = {
-  ts: `<template>
-  <div class="demo-space-x">
-    <!-- Scale transition -->
-    <VBtn>
-      scale transition
-      <VTooltip
-        location="top"
-        transition="scale-transition"
-        activator="parent"
-      >
-        <span>Scale Transition</span>
-      </VTooltip>
-    </VBtn>
-
-    <!-- Scroll x transition -->
-    <VBtn>
-      scroll X transition
-      <VTooltip
-        location="top"
-        activator="parent"
-        transition="scroll-x-transition"
-      >
-        <span>Scroll X Transition</span>
-      </VTooltip>
-    </VBtn>
-
-    <!-- Scroll y transition -->
-    <VBtn>
-      scroll y transition
-      <VTooltip
-        location="top"
-        activator="parent"
-        transition="scroll-y-transition"
-      >
-        <span>Scroll Y Transition</span>
-      </VTooltip>
-    </VBtn>
-  </div>
-</template>
-`,
-  js: `<template>
-  <div class="demo-space-x">
-    <!-- Scale transition -->
-    <VBtn>
-      scale transition
-      <VTooltip
-        location="top"
-        transition="scale-transition"
-        activator="parent"
-      >
-        <span>Scale Transition</span>
-      </VTooltip>
-    </VBtn>
-
-    <!-- Scroll x transition -->
-    <VBtn>
-      scroll X transition
-      <VTooltip
-        location="top"
-        activator="parent"
-        transition="scroll-x-transition"
-      >
-        <span>Scroll X Transition</span>
-      </VTooltip>
-    </VBtn>
-
-    <!-- Scroll y transition -->
-    <VBtn>
-      scroll y transition
-      <VTooltip
-        location="top"
-        activator="parent"
-        transition="scroll-y-transition"
-      >
-        <span>Scroll Y Transition</span>
-      </VTooltip>
-    </VBtn>
-  </div>
-</template>
-`,
-}
-
-export const vModelSupport = {
-  ts: `<script lang="ts" setup>
-const isTooltipVisible = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBtn @click="isTooltipVisible = !isTooltipVisible">
-      toggle tooltip
-    </VBtn>
-
-    <VTooltip
-      :model-value="isTooltipVisible"
-      location="top"
-    >
-      <template #activator="{ props }">
-        <VIcon
-          v-bind="props"
-          icon="tabler-brand-instagram"
-        />
-      </template>
-      <span>Programmatic tooltip</span>
-    </VTooltip>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const isTooltipVisible = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VBtn @click="isTooltipVisible = !isTooltipVisible">
-      toggle tooltip
-    </VBtn>
-
-    <VTooltip
-      :model-value="isTooltipVisible"
-      location="top"
-    >
-      <template #activator="{ props }">
-        <VIcon
-          v-bind="props"
-          icon="tabler-brand-instagram"
-        />
-      </template>
-      <span>Programmatic tooltip</span>
-    </VTooltip>
-  </div>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteAsyncItems.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteAsyncItems.vue
deleted file mode 100644
index bfe014a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteAsyncItems.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<script setup lang="ts">
-const loading = ref(false)
-const search = ref()
-const select = ref(null)
-
-const states = [
-  'Alabama',
-  'Alaska',
-  'American Samoa',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'District of Columbia',
-  'Federated States of Micronesia',
-  'Florida',
-  'Georgia',
-  'Guam',
-  'Hawaii',
-  'Idaho',
-  'Illinois',
-  'Indiana',
-  'Iowa',
-  'Kansas',
-  'Kentucky',
-  'Louisiana',
-  'Maine',
-  'Marshall Islands',
-  'Maryland',
-  'Massachusetts',
-  'Michigan',
-  'Minnesota',
-  'Mississippi',
-  'Missouri',
-  'Montana',
-  'Nebraska',
-  'Nevada',
-  'New Hampshire',
-  'New Jersey',
-  'New Mexico',
-  'New York',
-  'North Carolina',
-  'North Dakota',
-  'Northern Mariana Islands',
-  'Ohio',
-  'Oklahoma',
-  'Oregon',
-  'Palau',
-  'Pennsylvania',
-  'Puerto Rico',
-  'Rhode Island',
-  'South Carolina',
-  'South Dakota',
-  'Tennessee',
-  'Texas',
-  'Utah',
-  'Vermont',
-  'Virgin Island',
-  'Virginia',
-  'Washington',
-  'West Virginia',
-  'Wisconsin',
-  'Wyoming',
-]
-
-const items = ref(states)
-
-const querySelections = (query: string) => {
-  loading.value = true
-
-  // Simulated ajax query
-  setTimeout(() => {
-    items.value = states.filter(state => (state || '').toLowerCase().includes((query || '').toLowerCase()))
-    loading.value = false
-  }, 500)
-}
-
-watch(search, query => {
-  query && query !== select.value && querySelections(query)
-})
-</script>
-
-<template>
-  <VAutocomplete
-    v-model="select"
-    v-model:search="search"
-    :loading="loading"
-    :items="items"
-    placeholder="Search for a state"
-    label="What state are you from?"
-    variant="underlined"
-    :menu-props="{ maxHeight: '200px' }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteBasic.vue
deleted file mode 100644
index 68e6cb3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteBasic.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script setup lang="ts">
-const items = ['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="items"
-    placeholder="Select State"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteChips.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteChips.vue
deleted file mode 100644
index a9046be..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteChips.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script setup lang="ts">
-const items = ['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="items"
-    placeholder="Select State"
-    chips
-    multiple
-    closable-chips
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteClearable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteClearable.vue
deleted file mode 100644
index a0f41c8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteClearable.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<script setup lang="ts">
-const items = ['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="items"
-    multiple
-    placeholder="Select State"
-    clearable
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteCustomFilter.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteCustomFilter.vue
deleted file mode 100644
index 75fc5db..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteCustomFilter.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script setup lang="ts">
-const states = [
-  { name: 'Florida', abbr: 'FL', id: 1 },
-  { name: 'Georgia', abbr: 'GA', id: 2 },
-  { name: 'Nebraska', abbr: 'NE', id: 3 },
-  { name: 'California', abbr: 'CA', id: 4 },
-  { name: 'New York', abbr: 'NY', id: 5 },
-]
-
-function customFilter(itemTitle: any, queryText: any, item: any) {
-  const textOne = item.raw.name.toLowerCase()
-  const textTwo = item.raw.abbr.toLowerCase()
-  const searchText = queryText.toLowerCase()
-
-  return textOne.includes(searchText) || textTwo.includes(searchText)
-}
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="states"
-    :custom-filter="customFilter"
-    item-title="name"
-    item-value="abbr"
-    placeholder="Select State"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteDensity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteDensity.vue
deleted file mode 100644
index 7566e8f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteDensity.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script setup lang="ts">
-const select = ref('Florida')
-const items = ['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']
-</script>
-
-<template>
-  <AppAutocomplete
-    v-model="select"
-    label="States"
-    density="compact"
-    placeholder="Select State"
-    :items="items"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteMultiple.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteMultiple.vue
deleted file mode 100644
index d939e5e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteMultiple.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<script setup lang="ts">
-const items = ['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="items"
-    placeholder="Select State"
-    multiple
-    eager
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteSlots.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteSlots.vue
deleted file mode 100644
index 07244a4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteSlots.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-
-const friends = ref(['Sandra Adams', 'Britta Holt'])
-
-const people = [
-  { name: 'Sandra Adams', group: 'Group 1', avatar: avatar1 },
-  { name: 'Ali Connors', group: 'Group 1', avatar: avatar2 },
-  { name: 'Trevor Hansen', group: 'Group 1', avatar: avatar3 },
-  { name: 'Tucker Smith', group: 'Group 1', avatar: avatar4 },
-  { name: 'Britta Holt', group: 'Group 2', avatar: avatar5 },
-  { name: 'Jane Smith ', group: 'Group 2', avatar: avatar6 },
-  { name: 'John Smith', group: 'Group 2', avatar: avatar7 },
-  { name: 'Sandra Williams', group: 'Group 2', avatar: avatar8 },
-]
-</script>
-
-<template>
-  <AppAutocomplete
-    v-model="friends"
-    chips
-    closable-chips
-    multiple
-    :items="people"
-    item-title="name"
-    item-value="name"
-    placeholder="Select User"
-    label="Select"
-  >
-    <template #chip="{ props, item }">
-      <VChip
-        v-bind="props"
-        :prepend-avatar="item.raw.avatar"
-        :text="item.raw.name"
-      />
-    </template>
-
-    <template #item="{ props, item }">
-      <VListItem
-        v-bind="props"
-        :prepend-avatar="item?.raw?.avatar"
-        :title="item?.raw?.name"
-        :subtitle="item?.raw?.group"
-      />
-    </template>
-  </AppAutocomplete>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteStateSelector.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteStateSelector.vue
deleted file mode 100644
index 4a025ac..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteStateSelector.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<script setup lang="ts">
-const isEditing = ref(false)
-const selectedState = ref(null)
-
-const states = [
-  'Alabama',
-  'Alaska',
-  'American Samoa',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'District of Columbia',
-  'Federated States of Micronesia',
-  'Florida',
-  'Georgia',
-  'Guam',
-  'Hawaii',
-  'Idaho',
-  'Illinois',
-  'Indiana',
-  'Iowa',
-  'Kansas',
-  'Kentucky',
-  'Louisiana',
-  'Maine',
-  'Marshall Islands',
-  'Maryland',
-  'Massachusetts',
-  'Michigan',
-  'Minnesota',
-  'Mississippi',
-  'Missouri',
-  'Montana',
-  'Nebraska',
-  'Nevada',
-  'New Hampshire',
-  'New Jersey',
-  'New Mexico',
-  'New York',
-  'North Carolina',
-  'North Dakota',
-  'Northern Mariana Islands',
-  'Ohio',
-  'Oklahoma',
-  'Oregon',
-  'Palau',
-  'Pennsylvania',
-  'Puerto Rico',
-  'Rhode Island',
-  'South Carolina',
-  'South Dakota',
-  'Tennessee',
-  'Texas',
-  'Utah',
-  'Vermont',
-  'Virgin Island',
-  'Virginia',
-  'Washington',
-  'West Virginia',
-  'Wisconsin',
-  'Wyoming',
-]
-</script>
-
-<template>
-  <AppAutocomplete
-    v-model="selectedState"
-    :hint="!isEditing ? 'Click the icon to edit' : 'Click the icon to save'"
-    placeholder="Select Your State"
-    :items="states"
-    :readonly="!isEditing"
-    :label="`State — ${isEditing ? 'Editable' : 'Readonly'}`"
-    persistent-hint
-    prepend-icon="tabler-building"
-    :menu-props="{ maxHeight: '200px' }"
-  >
-    <template #append>
-      <VSlideXReverseTransition mode="out-in">
-        <VIcon
-          :key="`icon-${isEditing}`"
-          :color="isEditing ? 'success' : 'info'"
-          :icon="isEditing ? 'tabler-checks' : 'tabler-edit-circle'"
-          @click="isEditing = !isEditing"
-        />
-      </VSlideXReverseTransition>
-    </template>
-  </AppAutocomplete>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteValidation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteValidation.vue
deleted file mode 100644
index 370bd04..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteValidation.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script setup lang="ts">
-const items = ['foo', 'bar', 'fizz', 'buzz']
-const values = ref(['foo'])
-const nameRules = [(v: string) => !!v.length || 'Select at least one option.']
-</script>
-
-<template>
-  <AppAutocomplete
-    v-model="values"
-    :items="items"
-    :rules="nameRules"
-    placeholder="Select Option"
-    multiple
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteVariant.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteVariant.vue
deleted file mode 100644
index 20f72b9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/DemoAutocompleteVariant.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<script setup lang="ts">
-const items = ['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 solo variant  -->
-      <VAutocomplete
-        variant="solo"
-        label="Solo"
-        :items="items"
-        placeholder="Select State"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 outlined variant -->
-      <VAutocomplete
-        variant="outlined"
-        label="Outlined"
-        placeholder="Select State"
-        :items="items"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 underlined variant -->
-      <VAutocomplete
-        variant="underlined"
-        label="Underlined"
-        placeholder="Select State"
-        :items="items"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 filled variant  -->
-      <VAutocomplete
-        variant="filled"
-        label="Filled"
-        placeholder="Select State"
-        :items="items"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!--  👉 plain variant -->
-      <VAutocomplete
-        variant="plain"
-        label="Plain"
-        placeholder="Select State"
-        :items="items"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/demoCodeAutocomplete.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/demoCodeAutocomplete.ts
deleted file mode 100644
index c64ad23..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/autocomplete/demoCodeAutocomplete.ts
+++ /dev/null
@@ -1,1000 +0,0 @@
-export const asyncItems = {
-  ts: `<script setup lang="ts">
-const loading = ref(false)
-const search = ref()
-const select = ref(null)
-
-const states = [
-  'Alabama',
-  'Alaska',
-  'American Samoa',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'District of Columbia',
-  'Federated States of Micronesia',
-  'Florida',
-  'Georgia',
-  'Guam',
-  'Hawaii',
-  'Idaho',
-  'Illinois',
-  'Indiana',
-  'Iowa',
-  'Kansas',
-  'Kentucky',
-  'Louisiana',
-  'Maine',
-  'Marshall Islands',
-  'Maryland',
-  'Massachusetts',
-  'Michigan',
-  'Minnesota',
-  'Mississippi',
-  'Missouri',
-  'Montana',
-  'Nebraska',
-  'Nevada',
-  'New Hampshire',
-  'New Jersey',
-  'New Mexico',
-  'New York',
-  'North Carolina',
-  'North Dakota',
-  'Northern Mariana Islands',
-  'Ohio',
-  'Oklahoma',
-  'Oregon',
-  'Palau',
-  'Pennsylvania',
-  'Puerto Rico',
-  'Rhode Island',
-  'South Carolina',
-  'South Dakota',
-  'Tennessee',
-  'Texas',
-  'Utah',
-  'Vermont',
-  'Virgin Island',
-  'Virginia',
-  'Washington',
-  'West Virginia',
-  'Wisconsin',
-  'Wyoming',
-]
-
-const items = ref(states)
-
-const querySelections = (query: string) => {
-  loading.value = true
-
-  // Simulated ajax query
-  setTimeout(() => {
-    items.value = states.filter(state => (state || '').toLowerCase().includes((query || '').toLowerCase()))
-    loading.value = false
-  }, 500)
-}
-
-watch(search, query => {
-  query && query !== select.value && querySelections(query)
-})
-</script>
-
-<template>
-  <VAutocomplete
-    v-model="select"
-    v-model:search="search"
-    :loading="loading"
-    :items="items"
-    placeholder="Search for a state"
-    label="What state are you from?"
-    variant="underlined"
-    :menu-props="{ maxHeight: '200px' }"
-  />
-</template>
-`,
-  js: `<script setup>
-const loading = ref(false)
-const search = ref()
-const select = ref(null)
-
-const states = [
-  'Alabama',
-  'Alaska',
-  'American Samoa',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'District of Columbia',
-  'Federated States of Micronesia',
-  'Florida',
-  'Georgia',
-  'Guam',
-  'Hawaii',
-  'Idaho',
-  'Illinois',
-  'Indiana',
-  'Iowa',
-  'Kansas',
-  'Kentucky',
-  'Louisiana',
-  'Maine',
-  'Marshall Islands',
-  'Maryland',
-  'Massachusetts',
-  'Michigan',
-  'Minnesota',
-  'Mississippi',
-  'Missouri',
-  'Montana',
-  'Nebraska',
-  'Nevada',
-  'New Hampshire',
-  'New Jersey',
-  'New Mexico',
-  'New York',
-  'North Carolina',
-  'North Dakota',
-  'Northern Mariana Islands',
-  'Ohio',
-  'Oklahoma',
-  'Oregon',
-  'Palau',
-  'Pennsylvania',
-  'Puerto Rico',
-  'Rhode Island',
-  'South Carolina',
-  'South Dakota',
-  'Tennessee',
-  'Texas',
-  'Utah',
-  'Vermont',
-  'Virgin Island',
-  'Virginia',
-  'Washington',
-  'West Virginia',
-  'Wisconsin',
-  'Wyoming',
-]
-
-const items = ref(states)
-
-const querySelections = query => {
-  loading.value = true
-
-  // Simulated ajax query
-  setTimeout(() => {
-    items.value = states.filter(state => (state || '').toLowerCase().includes((query || '').toLowerCase()))
-    loading.value = false
-  }, 500)
-}
-
-watch(search, query => {
-  query && query !== select.value && querySelections(query)
-})
-</script>
-
-<template>
-  <VAutocomplete
-    v-model="select"
-    v-model:search="search"
-    :loading="loading"
-    :items="items"
-    placeholder="Search for a state"
-    label="What state are you from?"
-    variant="underlined"
-    :menu-props="{ maxHeight: '200px' }"
-  />
-</template>
-`,
-}
-
-export const basic = {
-  ts: `<script setup lang="ts">
-const items = ['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="items"
-    placeholder="Select State"
-  />
-</template>
-`,
-  js: `<script setup>
-const items = [
-  'California',
-  'Colorado',
-  'Florida',
-  'Georgia',
-  'Texas',
-  'Wyoming',
-]
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="items"
-    placeholder="Select State"
-  />
-</template>
-`,
-}
-
-export const chips = {
-  ts: `<script setup lang="ts">
-const items = ['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="items"
-    placeholder="Select State"
-    chips
-    multiple
-    closable-chips
-  />
-</template>
-`,
-  js: `<script setup>
-const items = [
-  'California',
-  'Colorado',
-  'Florida',
-  'Georgia',
-  'Texas',
-  'Wyoming',
-]
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="items"
-    placeholder="Select State"
-    chips
-    multiple
-    closable-chips
-  />
-</template>
-`,
-}
-
-export const clearable = {
-  ts: `<script setup lang="ts">
-const items = ['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="items"
-    multiple
-    placeholder="Select State"
-    clearable
-  />
-</template>
-`,
-  js: `<script setup>
-const items = [
-  'California',
-  'Colorado',
-  'Florida',
-  'Georgia',
-  'Texas',
-  'Wyoming',
-]
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="items"
-    multiple
-    placeholder="Select State"
-    clearable
-  />
-</template>
-`,
-}
-
-export const customFilter = {
-  ts: `<script setup lang="ts">
-const states = [
-  { name: 'Florida', abbr: 'FL', id: 1 },
-  { name: 'Georgia', abbr: 'GA', id: 2 },
-  { name: 'Nebraska', abbr: 'NE', id: 3 },
-  { name: 'California', abbr: 'CA', id: 4 },
-  { name: 'New York', abbr: 'NY', id: 5 },
-]
-
-function customFilter(itemTitle: any, queryText: any, item: any) {
-  const textOne = item.raw.name.toLowerCase()
-  const textTwo = item.raw.abbr.toLowerCase()
-  const searchText = queryText.toLowerCase()
-
-  return textOne.includes(searchText) || textTwo.includes(searchText)
-}
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="states"
-    :custom-filter="customFilter"
-    item-title="name"
-    item-value="abbr"
-    placeholder="Select State"
-  />
-</template>
-`,
-  js: `<script setup>
-const states = [
-  {
-    name: 'Florida',
-    abbr: 'FL',
-    id: 1,
-  },
-  {
-    name: 'Georgia',
-    abbr: 'GA',
-    id: 2,
-  },
-  {
-    name: 'Nebraska',
-    abbr: 'NE',
-    id: 3,
-  },
-  {
-    name: 'California',
-    abbr: 'CA',
-    id: 4,
-  },
-  {
-    name: 'New York',
-    abbr: 'NY',
-    id: 5,
-  },
-]
-
-function customFilter(itemTitle, queryText, item) {
-  const textOne = item.raw.name.toLowerCase()
-  const textTwo = item.raw.abbr.toLowerCase()
-  const searchText = queryText.toLowerCase()
-  
-  return textOne.includes(searchText) || textTwo.includes(searchText)
-}
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="states"
-    :custom-filter="customFilter"
-    item-title="name"
-    item-value="abbr"
-    placeholder="Select State"
-  />
-</template>
-`,
-}
-
-export const density = {
-  ts: `<script setup lang="ts">
-const select = ref('Florida')
-const items = ['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']
-</script>
-
-<template>
-  <AppAutocomplete
-    v-model="select"
-    label="States"
-    density="compact"
-    placeholder="Select State"
-    :items="items"
-  />
-</template>
-`,
-  js: `<script setup>
-const select = ref('Florida')
-
-const items = [
-  'California',
-  'Colorado',
-  'Florida',
-  'Georgia',
-  'Texas',
-  'Wyoming',
-]
-</script>
-
-<template>
-  <AppAutocomplete
-    v-model="select"
-    label="States"
-    density="compact"
-    placeholder="Select State"
-    :items="items"
-  />
-</template>
-`,
-}
-
-export const multiple = {
-  ts: `<script setup lang="ts">
-const items = ['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="items"
-    placeholder="Select State"
-    multiple
-    eager
-  />
-</template>
-`,
-  js: `<script setup>
-const items = [
-  'California',
-  'Colorado',
-  'Florida',
-  'Georgia',
-  'Texas',
-  'Wyoming',
-]
-</script>
-
-<template>
-  <AppAutocomplete
-    label="States"
-    :items="items"
-    placeholder="Select State"
-    multiple
-    eager
-  />
-</template>
-`,
-}
-
-export const slots = {
-  ts: `<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-
-const friends = ref(['Sandra Adams', 'Britta Holt'])
-
-const people = [
-  { name: 'Sandra Adams', group: 'Group 1', avatar: avatar1 },
-  { name: 'Ali Connors', group: 'Group 1', avatar: avatar2 },
-  { name: 'Trevor Hansen', group: 'Group 1', avatar: avatar3 },
-  { name: 'Tucker Smith', group: 'Group 1', avatar: avatar4 },
-  { name: 'Britta Holt', group: 'Group 2', avatar: avatar5 },
-  { name: 'Jane Smith ', group: 'Group 2', avatar: avatar6 },
-  { name: 'John Smith', group: 'Group 2', avatar: avatar7 },
-  { name: 'Sandra Williams', group: 'Group 2', avatar: avatar8 },
-]
-</script>
-
-<template>
-  <AppAutocomplete
-    v-model="friends"
-    chips
-    closable-chips
-    multiple
-    :items="people"
-    item-title="name"
-    item-value="name"
-    placeholder="Select User"
-    label="Select"
-  >
-    <template #chip="{ props, item }">
-      <VChip
-        v-bind="props"
-        :prepend-avatar="item.raw.avatar"
-        :text="item.raw.name"
-      />
-    </template>
-
-    <template #item="{ props, item }">
-      <VListItem
-        v-bind="props"
-        :prepend-avatar="item?.raw?.avatar"
-        :title="item?.raw?.name"
-        :subtitle="item?.raw?.group"
-      />
-    </template>
-  </AppAutocomplete>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-
-const friends = ref([
-  'Sandra Adams',
-  'Britta Holt',
-])
-
-const people = [
-  {
-    name: 'Sandra Adams',
-    group: 'Group 1',
-    avatar: avatar1,
-  },
-  {
-    name: 'Ali Connors',
-    group: 'Group 1',
-    avatar: avatar2,
-  },
-  {
-    name: 'Trevor Hansen',
-    group: 'Group 1',
-    avatar: avatar3,
-  },
-  {
-    name: 'Tucker Smith',
-    group: 'Group 1',
-    avatar: avatar4,
-  },
-  {
-    name: 'Britta Holt',
-    group: 'Group 2',
-    avatar: avatar5,
-  },
-  {
-    name: 'Jane Smith ',
-    group: 'Group 2',
-    avatar: avatar6,
-  },
-  {
-    name: 'John Smith',
-    group: 'Group 2',
-    avatar: avatar7,
-  },
-  {
-    name: 'Sandra Williams',
-    group: 'Group 2',
-    avatar: avatar8,
-  },
-]
-</script>
-
-<template>
-  <AppAutocomplete
-    v-model="friends"
-    chips
-    closable-chips
-    multiple
-    :items="people"
-    item-title="name"
-    item-value="name"
-    placeholder="Select User"
-    label="Select"
-  >
-    <template #chip="{ props, item }">
-      <VChip
-        v-bind="props"
-        :prepend-avatar="item.raw.avatar"
-        :text="item.raw.name"
-      />
-    </template>
-
-    <template #item="{ props, item }">
-      <VListItem
-        v-bind="props"
-        :prepend-avatar="item?.raw?.avatar"
-        :title="item?.raw?.name"
-        :subtitle="item?.raw?.group"
-      />
-    </template>
-  </AppAutocomplete>
-</template>
-`,
-}
-
-export const stateSelector = {
-  ts: `<script setup lang="ts">
-const isEditing = ref(false)
-const selectedState = ref(null)
-
-const states = [
-  'Alabama',
-  'Alaska',
-  'American Samoa',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'District of Columbia',
-  'Federated States of Micronesia',
-  'Florida',
-  'Georgia',
-  'Guam',
-  'Hawaii',
-  'Idaho',
-  'Illinois',
-  'Indiana',
-  'Iowa',
-  'Kansas',
-  'Kentucky',
-  'Louisiana',
-  'Maine',
-  'Marshall Islands',
-  'Maryland',
-  'Massachusetts',
-  'Michigan',
-  'Minnesota',
-  'Mississippi',
-  'Missouri',
-  'Montana',
-  'Nebraska',
-  'Nevada',
-  'New Hampshire',
-  'New Jersey',
-  'New Mexico',
-  'New York',
-  'North Carolina',
-  'North Dakota',
-  'Northern Mariana Islands',
-  'Ohio',
-  'Oklahoma',
-  'Oregon',
-  'Palau',
-  'Pennsylvania',
-  'Puerto Rico',
-  'Rhode Island',
-  'South Carolina',
-  'South Dakota',
-  'Tennessee',
-  'Texas',
-  'Utah',
-  'Vermont',
-  'Virgin Island',
-  'Virginia',
-  'Washington',
-  'West Virginia',
-  'Wisconsin',
-  'Wyoming',
-]
-</script>
-
-<template>
-  <AppAutocomplete
-    v-model="selectedState"
-    :hint="!isEditing ? 'Click the icon to edit' : 'Click the icon to save'"
-    placeholder="Select Your State"
-    :items="states"
-    :readonly="!isEditing"
-    :label="\`State — \${isEditing ? 'Editable' : 'Readonly'}\`"
-    persistent-hint
-    prepend-icon="tabler-building"
-    :menu-props="{ maxHeight: '200px' }"
-  >
-    <template #append>
-      <VSlideXReverseTransition mode="out-in">
-        <VIcon
-          :key="\`icon-\${isEditing}\`"
-          :color="isEditing ? 'success' : 'info'"
-          :icon="isEditing ? 'tabler-checks' : 'tabler-edit-circle'"
-          @click="isEditing = !isEditing"
-        />
-      </VSlideXReverseTransition>
-    </template>
-  </AppAutocomplete>
-</template>
-`,
-  js: `<script setup>
-const isEditing = ref(false)
-const selectedState = ref(null)
-
-const states = [
-  'Alabama',
-  'Alaska',
-  'American Samoa',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'District of Columbia',
-  'Federated States of Micronesia',
-  'Florida',
-  'Georgia',
-  'Guam',
-  'Hawaii',
-  'Idaho',
-  'Illinois',
-  'Indiana',
-  'Iowa',
-  'Kansas',
-  'Kentucky',
-  'Louisiana',
-  'Maine',
-  'Marshall Islands',
-  'Maryland',
-  'Massachusetts',
-  'Michigan',
-  'Minnesota',
-  'Mississippi',
-  'Missouri',
-  'Montana',
-  'Nebraska',
-  'Nevada',
-  'New Hampshire',
-  'New Jersey',
-  'New Mexico',
-  'New York',
-  'North Carolina',
-  'North Dakota',
-  'Northern Mariana Islands',
-  'Ohio',
-  'Oklahoma',
-  'Oregon',
-  'Palau',
-  'Pennsylvania',
-  'Puerto Rico',
-  'Rhode Island',
-  'South Carolina',
-  'South Dakota',
-  'Tennessee',
-  'Texas',
-  'Utah',
-  'Vermont',
-  'Virgin Island',
-  'Virginia',
-  'Washington',
-  'West Virginia',
-  'Wisconsin',
-  'Wyoming',
-]
-</script>
-
-<template>
-  <AppAutocomplete
-    v-model="selectedState"
-    :hint="!isEditing ? 'Click the icon to edit' : 'Click the icon to save'"
-    placeholder="Select Your State"
-    :items="states"
-    :readonly="!isEditing"
-    :label="\`State — \${isEditing ? 'Editable' : 'Readonly'}\`"
-    persistent-hint
-    prepend-icon="tabler-building"
-    :menu-props="{ maxHeight: '200px' }"
-  >
-    <template #append>
-      <VSlideXReverseTransition mode="out-in">
-        <VIcon
-          :key="\`icon-\${isEditing}\`"
-          :color="isEditing ? 'success' : 'info'"
-          :icon="isEditing ? 'tabler-checks' : 'tabler-edit-circle'"
-          @click="isEditing = !isEditing"
-        />
-      </VSlideXReverseTransition>
-    </template>
-  </AppAutocomplete>
-</template>
-`,
-}
-
-export const validation = {
-  ts: `<script setup lang="ts">
-const items = ['foo', 'bar', 'fizz', 'buzz']
-const values = ref(['foo'])
-const nameRules = [(v: string) => !!v.length || 'Select at least one option.']
-</script>
-
-<template>
-  <AppAutocomplete
-    v-model="values"
-    :items="items"
-    :rules="nameRules"
-    placeholder="Select Option"
-    multiple
-  />
-</template>
-`,
-  js: `<script setup>
-const items = [
-  'foo',
-  'bar',
-  'fizz',
-  'buzz',
-]
-
-const values = ref(['foo'])
-const nameRules = [v => !!v.length || 'Select at least one option.']
-</script>
-
-<template>
-  <AppAutocomplete
-    v-model="values"
-    :items="items"
-    :rules="nameRules"
-    placeholder="Select Option"
-    multiple
-  />
-</template>
-`,
-}
-
-export const variant = {
-  ts: `<script setup lang="ts">
-const items = ['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 solo variant  -->
-      <VAutocomplete
-        variant="solo"
-        label="Solo"
-        :items="items"
-        placeholder="Select State"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 outlined variant -->
-      <VAutocomplete
-        variant="outlined"
-        label="Outlined"
-        placeholder="Select State"
-        :items="items"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 underlined variant -->
-      <VAutocomplete
-        variant="underlined"
-        label="Underlined"
-        placeholder="Select State"
-        :items="items"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 filled variant  -->
-      <VAutocomplete
-        variant="filled"
-        label="Filled"
-        placeholder="Select State"
-        :items="items"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!--  👉 plain variant -->
-      <VAutocomplete
-        variant="plain"
-        label="Plain"
-        placeholder="Select State"
-        :items="items"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const items = [
-  'California',
-  'Colorado',
-  'Florida',
-  'Georgia',
-  'Texas',
-  'Wyoming',
-]
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 solo variant  -->
-      <VAutocomplete
-        variant="solo"
-        label="Solo"
-        :items="items"
-        placeholder="Select State"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 outlined variant -->
-      <VAutocomplete
-        variant="outlined"
-        label="Outlined"
-        placeholder="Select State"
-        :items="items"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 underlined variant -->
-      <VAutocomplete
-        variant="underlined"
-        label="Underlined"
-        placeholder="Select State"
-        :items="items"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!-- 👉 filled variant  -->
-      <VAutocomplete
-        variant="filled"
-        label="Filled"
-        placeholder="Select State"
-        :items="items"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <!--  👉 plain variant -->
-      <VAutocomplete
-        variant="plain"
-        label="Plain"
-        placeholder="Select State"
-        :items="items"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxBasic.vue
deleted file mode 100644
index fcaa9f5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxBasic.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts" setup>
-const checkboxOne = ref(true)
-const checkboxTwo = ref(false)
-
-const capitalizedLabel = (label: boolean) => {
-  const convertLabelText = label.toString()
-
-  return convertLabelText.charAt(0).toUpperCase() + convertLabelText.slice(1)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="checkboxOne"
-      :label="capitalizedLabel(checkboxOne)"
-    />
-
-    <VCheckbox
-      v-model="checkboxTwo"
-      :label="capitalizedLabel(checkboxTwo)"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxCheckboxValue.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxCheckboxValue.vue
deleted file mode 100644
index f301114..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxCheckboxValue.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts" setup>
-const checkbox = ref(1)
-const checkboxString = ref('Show')
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="checkbox"
-      :true-value="1"
-      :false-value="0"
-      :label="`${checkbox.toString()}`"
-    />
-
-    <VCheckbox
-      v-model="checkboxString"
-      true-value="Show"
-      false-value="Hide"
-      color="success"
-      :label="`${checkboxString.toString()}`"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxColors.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxColors.vue
deleted file mode 100644
index 1c72603..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxColors.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts" setup>
-const colorCheckbox = ref(['Primary', 'Secondary', 'Success', 'Info', 'Warning', 'Error'])
-const selectedCheckbox = ref(['Primary', 'Secondary', 'Success', 'Info', 'Warning', 'Error'])
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-for="color in colorCheckbox"
-      :key="color"
-      v-model="selectedCheckbox"
-      :label="color"
-      :color="color.toLowerCase()"
-      :value="color"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxDensity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxDensity.vue
deleted file mode 100644
index 774882d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxDensity.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts" setup>
-const checkboxOne = ref(true)
-const checkboxTwo = ref(false)
-
-const capitalizedLabel = (label: boolean) => {
-  const convertLabelText = label.toString()
-
-  return convertLabelText.charAt(0).toUpperCase() + convertLabelText.slice(1)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="checkboxOne"
-      density="compact"
-      :label="capitalizedLabel(checkboxOne)"
-    />
-
-    <VCheckbox
-      v-model="checkboxTwo"
-      density="compact"
-      :label="capitalizedLabel(checkboxTwo)"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxIcon.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxIcon.vue
deleted file mode 100644
index b4e8f1d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxIcon.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script lang="ts" setup>
-const toggleCheckboxOne = ref(true)
-const toggleCheckboxTwo = ref(true)
-const toggleCheckboxThree = ref(true)
-
-const capitalizedLabel = (label: boolean) => {
-  const convertLabelText = label.toString()
-
-  return convertLabelText.charAt(0).toUpperCase() + convertLabelText.slice(1)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="toggleCheckboxOne"
-      :label="capitalizedLabel(toggleCheckboxOne)"
-      true-icon="tabler-check"
-      false-icon="tabler-x"
-    />
-
-    <VCheckbox
-      v-model="toggleCheckboxTwo"
-      :label="capitalizedLabel(toggleCheckboxTwo)"
-      true-icon="tabler-alarm"
-      false-icon="tabler-alarm"
-      color="success"
-    />
-
-    <VCheckbox
-      v-model="toggleCheckboxThree"
-      :label="capitalizedLabel(toggleCheckboxThree)"
-      true-icon="tabler-check"
-      false-icon="tabler-circle-x"
-      color="error"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxInlineTextField.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxInlineTextField.vue
deleted file mode 100644
index 9aaf890..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxInlineTextField.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<script lang="ts" setup>
-const includeFiles = ref(true)
-const isInputEnabled = ref(false)
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      sm="1"
-      cols="2"
-      class="d-flex align-end"
-    >
-      <VCheckbox v-model="includeFiles" />
-    </VCol>
-
-    <VCol
-      sm="11"
-      cols="10"
-    >
-      <AppTextField
-        label="Include files"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-  </VRow>
-
-  <VRow>
-    <VCol
-      cols="2"
-      sm="1"
-      class="d-flex align-end"
-    >
-      <VCheckbox v-model="isInputEnabled" />
-    </VCol>
-
-    <VCol
-      cols="10"
-      sm="11"
-    >
-      <AppTextField
-        :disabled="!isInputEnabled"
-        label="I only work if you check the box"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxLabelSlot.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxLabelSlot.vue
deleted file mode 100644
index bbf2add..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxLabelSlot.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script lang="ts" setup>
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VCheckbox v-model="checkbox">
-    <template #label>
-      <div>
-        I agree that
-        <VTooltip location="bottom">
-          <template #activator="{ props }">
-            <a
-              href="https://vuetifyjs.com/"
-              target="_blank"
-              rel="noopener noreferrer"
-              v-bind="props"
-              @click.stop
-            >
-              Vuetify
-            </a>
-          </template>
-          Opens in new window
-        </VTooltip>
-        is awesome
-      </div>
-    </template>
-  </VCheckbox>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxModelAsArray.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxModelAsArray.vue
deleted file mode 100644
index 0f17f16..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxModelAsArray.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts" setup>
-const selected = ref(['John'])
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="selected"
-      label="John"
-      value="John"
-    />
-
-    <VCheckbox
-      v-model="selected"
-      label="Jacob"
-      color="success"
-      value="Jacob"
-    />
-
-    <VCheckbox
-      v-model="selected"
-      label="Johnson"
-      color="info"
-      value="Johnson"
-    />
-  </div>
-
-  <p class="mt-1">
-    {{ selected }}
-  </p>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxStates.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxStates.vue
deleted file mode 100644
index b22feb0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/DemoCheckboxStates.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<script setup lang="ts">
-const toggleCheckbox = ref(true)
-const toggleIndeterminateCheckbox = ref(true)
-const disabledCheckbox = ref(true)
-const toggleOffCheckbox = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="toggleCheckbox"
-      label="On"
-    />
-
-    <VCheckbox
-      v-model="toggleOffCheckbox"
-      label="Off"
-    />
-
-    <VCheckbox
-      v-model:indeterminate="toggleIndeterminateCheckbox"
-      v-model="toggleIndeterminateCheckbox"
-      label="Indeterminate"
-    />
-
-    <VCheckbox
-      :model-value="disabledCheckbox"
-      disabled
-      label="On disabled"
-    />
-
-    <VCheckbox
-      disabled
-      label="Off disabled"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/demoCodeCheckbox.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/demoCodeCheckbox.ts
deleted file mode 100644
index 9fd4408..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/checkbox/demoCodeCheckbox.ts
+++ /dev/null
@@ -1,601 +0,0 @@
-export const basic = {
-  ts: `<script lang="ts" setup>
-const checkboxOne = ref(true)
-const checkboxTwo = ref(false)
-
-const capitalizedLabel = (label: boolean) => {
-  const convertLabelText = label.toString()
-
-  return convertLabelText.charAt(0).toUpperCase() + convertLabelText.slice(1)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="checkboxOne"
-      :label="capitalizedLabel(checkboxOne)"
-    />
-
-    <VCheckbox
-      v-model="checkboxTwo"
-      :label="capitalizedLabel(checkboxTwo)"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const checkboxOne = ref(true)
-const checkboxTwo = ref(false)
-
-const capitalizedLabel = label => {
-  const convertLabelText = label.toString()
-  
-  return convertLabelText.charAt(0).toUpperCase() + convertLabelText.slice(1)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="checkboxOne"
-      :label="capitalizedLabel(checkboxOne)"
-    />
-
-    <VCheckbox
-      v-model="checkboxTwo"
-      :label="capitalizedLabel(checkboxTwo)"
-    />
-  </div>
-</template>
-`,
-}
-
-export const checkboxValue = {
-  ts: `<script lang="ts" setup>
-const checkbox = ref(1)
-const checkboxString = ref('Show')
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="checkbox"
-      :true-value="1"
-      :false-value="0"
-      :label="\`\${checkbox.toString()}\`"
-    />
-
-    <VCheckbox
-      v-model="checkboxString"
-      true-value="Show"
-      false-value="Hide"
-      color="success"
-      :label="\`\${checkboxString.toString()}\`"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const checkbox = ref(1)
-const checkboxString = ref('Show')
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="checkbox"
-      :true-value="1"
-      :false-value="0"
-      :label="\`\${checkbox.toString()}\`"
-    />
-
-    <VCheckbox
-      v-model="checkboxString"
-      true-value="Show"
-      false-value="Hide"
-      color="success"
-      :label="\`\${checkboxString.toString()}\`"
-    />
-  </div>
-</template>
-`,
-}
-
-export const colors = {
-  ts: `<script lang="ts" setup>
-const colorCheckbox = ref(['Primary', 'Secondary', 'Success', 'Info', 'Warning', 'Error'])
-const selectedCheckbox = ref(['Primary', 'Secondary', 'Success', 'Info', 'Warning', 'Error'])
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-for="color in colorCheckbox"
-      :key="color"
-      v-model="selectedCheckbox"
-      :label="color"
-      :color="color.toLowerCase()"
-      :value="color"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const colorCheckbox = ref([
-  'Primary',
-  'Secondary',
-  'Success',
-  'Info',
-  'Warning',
-  'Error',
-])
-
-const selectedCheckbox = ref([
-  'Primary',
-  'Secondary',
-  'Success',
-  'Info',
-  'Warning',
-  'Error',
-])
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-for="color in colorCheckbox"
-      :key="color"
-      v-model="selectedCheckbox"
-      :label="color"
-      :color="color.toLowerCase()"
-      :value="color"
-    />
-  </div>
-</template>
-`,
-}
-
-export const density = {
-  ts: `<script lang="ts" setup>
-const checkboxOne = ref(true)
-const checkboxTwo = ref(false)
-
-const capitalizedLabel = (label: boolean) => {
-  const convertLabelText = label.toString()
-
-  return convertLabelText.charAt(0).toUpperCase() + convertLabelText.slice(1)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="checkboxOne"
-      density="compact"
-      :label="capitalizedLabel(checkboxOne)"
-    />
-
-    <VCheckbox
-      v-model="checkboxTwo"
-      density="compact"
-      :label="capitalizedLabel(checkboxTwo)"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const checkboxOne = ref(true)
-const checkboxTwo = ref(false)
-
-const capitalizedLabel = label => {
-  const convertLabelText = label.toString()
-  
-  return convertLabelText.charAt(0).toUpperCase() + convertLabelText.slice(1)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="checkboxOne"
-      density="compact"
-      :label="capitalizedLabel(checkboxOne)"
-    />
-
-    <VCheckbox
-      v-model="checkboxTwo"
-      density="compact"
-      :label="capitalizedLabel(checkboxTwo)"
-    />
-  </div>
-</template>
-`,
-}
-
-export const icon = {
-  ts: `<script lang="ts" setup>
-const toggleCheckboxOne = ref(true)
-const toggleCheckboxTwo = ref(true)
-const toggleCheckboxThree = ref(true)
-
-const capitalizedLabel = (label: boolean) => {
-  const convertLabelText = label.toString()
-
-  return convertLabelText.charAt(0).toUpperCase() + convertLabelText.slice(1)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="toggleCheckboxOne"
-      :label="capitalizedLabel(toggleCheckboxOne)"
-      true-icon="tabler-check"
-      false-icon="tabler-x"
-    />
-
-    <VCheckbox
-      v-model="toggleCheckboxTwo"
-      :label="capitalizedLabel(toggleCheckboxTwo)"
-      true-icon="tabler-alarm"
-      false-icon="tabler-alarm"
-      color="success"
-    />
-
-    <VCheckbox
-      v-model="toggleCheckboxThree"
-      :label="capitalizedLabel(toggleCheckboxThree)"
-      true-icon="tabler-check"
-      false-icon="tabler-circle-x"
-      color="error"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const toggleCheckboxOne = ref(true)
-const toggleCheckboxTwo = ref(true)
-const toggleCheckboxThree = ref(true)
-
-const capitalizedLabel = label => {
-  const convertLabelText = label.toString()
-  
-  return convertLabelText.charAt(0).toUpperCase() + convertLabelText.slice(1)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="toggleCheckboxOne"
-      :label="capitalizedLabel(toggleCheckboxOne)"
-      true-icon="tabler-check"
-      false-icon="tabler-x"
-    />
-
-    <VCheckbox
-      v-model="toggleCheckboxTwo"
-      :label="capitalizedLabel(toggleCheckboxTwo)"
-      true-icon="tabler-alarm"
-      false-icon="tabler-alarm"
-      color="success"
-    />
-
-    <VCheckbox
-      v-model="toggleCheckboxThree"
-      :label="capitalizedLabel(toggleCheckboxThree)"
-      true-icon="tabler-check"
-      false-icon="tabler-circle-x"
-      color="error"
-    />
-  </div>
-</template>
-`,
-}
-
-export const inlineTextField = {
-  ts: `<script lang="ts" setup>
-const includeFiles = ref(true)
-const isInputEnabled = ref(false)
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      sm="1"
-      cols="2"
-      class="d-flex align-end"
-    >
-      <VCheckbox v-model="includeFiles" />
-    </VCol>
-
-    <VCol
-      sm="11"
-      cols="10"
-    >
-      <AppTextField
-        label="Include files"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-  </VRow>
-
-  <VRow>
-    <VCol
-      cols="2"
-      sm="1"
-      class="d-flex align-end"
-    >
-      <VCheckbox v-model="isInputEnabled" />
-    </VCol>
-
-    <VCol
-      cols="10"
-      sm="11"
-    >
-      <AppTextField
-        :disabled="!isInputEnabled"
-        label="I only work if you check the box"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const includeFiles = ref(true)
-const isInputEnabled = ref(false)
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      sm="1"
-      cols="2"
-      class="d-flex align-end"
-    >
-      <VCheckbox v-model="includeFiles" />
-    </VCol>
-
-    <VCol
-      sm="11"
-      cols="10"
-    >
-      <AppTextField
-        label="Include files"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-  </VRow>
-
-  <VRow>
-    <VCol
-      cols="2"
-      sm="1"
-      class="d-flex align-end"
-    >
-      <VCheckbox v-model="isInputEnabled" />
-    </VCol>
-
-    <VCol
-      cols="10"
-      sm="11"
-    >
-      <AppTextField
-        :disabled="!isInputEnabled"
-        label="I only work if you check the box"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const labelSlot = {
-  ts: `<script lang="ts" setup>
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VCheckbox v-model="checkbox">
-    <template #label>
-      <div>
-        I agree that
-        <VTooltip location="bottom">
-          <template #activator="{ props }">
-            <a
-              href="https://vuetifyjs.com/"
-              target="_blank"
-              rel="noopener noreferrer"
-              v-bind="props"
-              @click.stop
-            >
-              Vuetify
-            </a>
-          </template>
-          Opens in new window
-        </VTooltip>
-        is awesome
-      </div>
-    </template>
-  </VCheckbox>
-</template>
-`,
-  js: `<script setup>
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VCheckbox v-model="checkbox">
-    <template #label>
-      <div>
-        I agree that
-        <VTooltip location="bottom">
-          <template #activator="{ props }">
-            <a
-              href="https://vuetifyjs.com/"
-              target="_blank"
-              rel="noopener noreferrer"
-              v-bind="props"
-              @click.stop
-            >
-              Vuetify
-            </a>
-          </template>
-          Opens in new window
-        </VTooltip>
-        is awesome
-      </div>
-    </template>
-  </VCheckbox>
-</template>
-`,
-}
-
-export const modelAsArray = {
-  ts: `<script lang="ts" setup>
-const selected = ref(['John'])
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="selected"
-      label="John"
-      value="John"
-    />
-
-    <VCheckbox
-      v-model="selected"
-      label="Jacob"
-      color="success"
-      value="Jacob"
-    />
-
-    <VCheckbox
-      v-model="selected"
-      label="Johnson"
-      color="info"
-      value="Johnson"
-    />
-  </div>
-
-  <p class="mt-1">
-    {{ selected }}
-  </p>
-</template>
-`,
-  js: `<script setup>
-const selected = ref(['John'])
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="selected"
-      label="John"
-      value="John"
-    />
-
-    <VCheckbox
-      v-model="selected"
-      label="Jacob"
-      color="success"
-      value="Jacob"
-    />
-
-    <VCheckbox
-      v-model="selected"
-      label="Johnson"
-      color="info"
-      value="Johnson"
-    />
-  </div>
-
-  <p class="mt-1">
-    {{ selected }}
-  </p>
-</template>
-`,
-}
-
-export const states = {
-  ts: `<script setup lang="ts">
-const toggleCheckbox = ref(true)
-const toggleIndeterminateCheckbox = ref(true)
-const disabledCheckbox = ref(true)
-const toggleOffCheckbox = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="toggleCheckbox"
-      label="On"
-    />
-
-    <VCheckbox
-      v-model="toggleOffCheckbox"
-      label="Off"
-    />
-
-    <VCheckbox
-      v-model:indeterminate="toggleIndeterminateCheckbox"
-      v-model="toggleIndeterminateCheckbox"
-      label="Indeterminate"
-    />
-
-    <VCheckbox
-      :model-value="disabledCheckbox"
-      disabled
-      label="On disabled"
-    />
-
-    <VCheckbox
-      disabled
-      label="Off disabled"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const toggleCheckbox = ref(true)
-const toggleIndeterminateCheckbox = ref(true)
-const disabledCheckbox = ref(true)
-const toggleOffCheckbox = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VCheckbox
-      v-model="toggleCheckbox"
-      label="On"
-    />
-
-    <VCheckbox
-      v-model="toggleOffCheckbox"
-      label="Off"
-    />
-
-    <VCheckbox
-      v-model:indeterminate="toggleIndeterminateCheckbox"
-      v-model="toggleIndeterminateCheckbox"
-      label="Indeterminate"
-    />
-
-    <VCheckbox
-      :model-value="disabledCheckbox"
-      disabled
-      label="On disabled"
-    />
-
-    <VCheckbox
-      disabled
-      label="Off disabled"
-    />
-  </div>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxBasic.vue
deleted file mode 100644
index 75558d3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxBasic.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts" setup>
-const selectedItem = ref('Programming')
-const items = ['Programming', 'Design', 'Vue', 'Vuetify']
-</script>
-
-<template>
-  <AppCombobox
-    v-model="selectedItem"
-    :items="items"
-    placeholder="deployment"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxClearable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxClearable.vue
deleted file mode 100644
index fb3adfe..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxClearable.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts" setup>
-const select = ref(['Vuetify', 'Programming'])
-const items = ['Programming', 'Design', 'Vue', 'Vuetify']
-</script>
-
-<template>
-  <AppCombobox
-    v-model="select"
-    :items="items"
-    label="Combobox"
-    multiple
-    placeholder="deployment"
-    clearable
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxDensity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxDensity.vue
deleted file mode 100644
index e0f2d4e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxDensity.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts" setup>
-const select = ref(['Vuetify', 'Programming'])
-const items = ['Programming', 'Design', 'Vue', 'Vuetify']
-</script>
-
-<template>
-  <AppCombobox
-    v-model="select"
-    :items="items"
-    label="Combobox"
-    density="compact"
-    placeholder="deployment"
-    multiple
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxMultiple.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxMultiple.vue
deleted file mode 100644
index 3b552fc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxMultiple.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<script lang="ts" setup>
-const selectedItem = ref(['Vuetify', 'Programming'])
-const items = ['Programming', 'Design', 'Vue', 'Vuetify']
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppCombobox
-        v-model="selectedItem"
-        :items="items"
-        placeholder="deployment"
-        label="Select a favorite activity or create a new one"
-        multiple
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppCombobox
-        v-model="selectedItem"
-        :items="items"
-        placeholder="deployment"
-        label="I use chips"
-        multiple
-        chips
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppCombobox
-        v-model="selectedItem"
-        placeholder="deployment"
-        label="I'm readonly"
-        chips
-        multiple
-        readonly
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppCombobox
-        v-model="selectedItem"
-        :items="items"
-        placeholder="deployment"
-        label="I use selection slot"
-        multiple
-      >
-        <template #selection="{ item }">
-          <VChip size="small">
-            <template #prepend>
-              <VAvatar
-                start
-                color="primary"
-                size="16"
-              >
-                {{ String(item.title).charAt(0).toUpperCase() }}
-              </VAvatar>
-            </template>
-
-            {{ item.title }}
-          </VChip>
-        </template>
-      </AppCombobox>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxNoDataWithChips.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxNoDataWithChips.vue
deleted file mode 100644
index 4451288..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxNoDataWithChips.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts" setup>
-const items = ['Gaming', 'Programming', 'Vue', 'Vuetify']
-const selectedList = ref(['Vuetify'])
-const search = ref(null)
-
-watch(selectedList, value => {
-  if (value.length > 5)
-    nextTick(() => selectedList.value.pop())
-})
-</script>
-
-<template>
-  <AppCombobox
-    v-model="selectedList"
-    v-model:search-input="search"
-    :items="items"
-    hide-selected
-    :hide-no-data="false"
-    placeholder="deployment"
-    hint="Maximum of 5 tags"
-    label="Add some tags"
-    multiple
-    persistent-hint
-  >
-    <template #no-data>
-      <VListItem>
-        <VListItemTitle>
-          No results matching "<strong>{{ search }}</strong>". Press <kbd>enter</kbd> to create a new one
-        </VListItemTitle>
-      </VListItem>
-    </template>
-  </AppCombobox>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxVariant.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxVariant.vue
deleted file mode 100644
index 2a79b35..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/DemoComboboxVariant.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<script lang="ts" setup>
-const selectedItem = ref(['Programming'])
-const items = ['Programming', 'Design', 'Vue', 'Vuetify']
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        :items="items"
-        multiple
-        placeholder="deployment"
-        variant="solo"
-        label="solo"
-      />
-    </VCol>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        multiple
-        :items="items"
-        placeholder="deployment"
-        variant="outlined"
-        label="Outlined"
-      />
-    </VCol>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        multiple
-        :items="items"
-        placeholder="deployment"
-        variant="underlined"
-        label="Underlined"
-      />
-    </VCol>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        multiple
-        :items="items"
-        placeholder="deployment"
-        variant="filled"
-        label="Filled"
-      />
-    </VCol>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        multiple
-        :items="items"
-        variant="plain"
-        placeholder="deployment"
-        label="Plain"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/demoCodeCombobox.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/demoCodeCombobox.ts
deleted file mode 100644
index 4b0b2a0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/combobox/demoCodeCombobox.ts
+++ /dev/null
@@ -1,474 +0,0 @@
-export const basic = {
-  ts: `<script lang="ts" setup>
-const selectedItem = ref('Programming')
-const items = ['Programming', 'Design', 'Vue', 'Vuetify']
-</script>
-
-<template>
-  <AppCombobox
-    v-model="selectedItem"
-    :items="items"
-    placeholder="deployment"
-  />
-</template>
-`,
-  js: `<script setup>
-const selectedItem = ref('Programming')
-
-const items = [
-  'Programming',
-  'Design',
-  'Vue',
-  'Vuetify',
-]
-</script>
-
-<template>
-  <AppCombobox
-    v-model="selectedItem"
-    :items="items"
-    placeholder="deployment"
-  />
-</template>
-`,
-}
-
-export const clearable = {
-  ts: `<script lang="ts" setup>
-const select = ref(['Vuetify', 'Programming'])
-const items = ['Programming', 'Design', 'Vue', 'Vuetify']
-</script>
-
-<template>
-  <AppCombobox
-    v-model="select"
-    :items="items"
-    label="Combobox"
-    multiple
-    placeholder="deployment"
-    clearable
-  />
-</template>
-`,
-  js: `<script setup>
-const select = ref([
-  'Vuetify',
-  'Programming',
-])
-
-const items = [
-  'Programming',
-  'Design',
-  'Vue',
-  'Vuetify',
-]
-</script>
-
-<template>
-  <AppCombobox
-    v-model="select"
-    :items="items"
-    label="Combobox"
-    multiple
-    placeholder="deployment"
-    clearable
-  />
-</template>
-`,
-}
-
-export const density = {
-  ts: `<script lang="ts" setup>
-const select = ref(['Vuetify', 'Programming'])
-const items = ['Programming', 'Design', 'Vue', 'Vuetify']
-</script>
-
-<template>
-  <AppCombobox
-    v-model="select"
-    :items="items"
-    label="Combobox"
-    density="compact"
-    placeholder="deployment"
-    multiple
-  />
-</template>
-`,
-  js: `<script setup>
-const select = ref([
-  'Vuetify',
-  'Programming',
-])
-
-const items = [
-  'Programming',
-  'Design',
-  'Vue',
-  'Vuetify',
-]
-</script>
-
-<template>
-  <AppCombobox
-    v-model="select"
-    :items="items"
-    label="Combobox"
-    density="compact"
-    placeholder="deployment"
-    multiple
-  />
-</template>
-`,
-}
-
-export const multiple = {
-  ts: `<script lang="ts" setup>
-const selectedItem = ref(['Vuetify', 'Programming'])
-const items = ['Programming', 'Design', 'Vue', 'Vuetify']
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppCombobox
-        v-model="selectedItem"
-        :items="items"
-        placeholder="deployment"
-        label="Select a favorite activity or create a new one"
-        multiple
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppCombobox
-        v-model="selectedItem"
-        :items="items"
-        placeholder="deployment"
-        label="I use chips"
-        multiple
-        chips
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppCombobox
-        v-model="selectedItem"
-        placeholder="deployment"
-        label="I'm readonly"
-        chips
-        multiple
-        readonly
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppCombobox
-        v-model="selectedItem"
-        :items="items"
-        placeholder="deployment"
-        label="I use selection slot"
-        multiple
-      >
-        <template #selection="{ item }">
-          <VChip size="small">
-            <template #prepend>
-              <VAvatar
-                start
-                color="primary"
-                size="16"
-              >
-                {{ String(item.title).charAt(0).toUpperCase() }}
-              </VAvatar>
-            </template>
-
-            {{ item.title }}
-          </VChip>
-        </template>
-      </AppCombobox>
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const selectedItem = ref([
-  'Vuetify',
-  'Programming',
-])
-
-const items = [
-  'Programming',
-  'Design',
-  'Vue',
-  'Vuetify',
-]
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppCombobox
-        v-model="selectedItem"
-        :items="items"
-        placeholder="deployment"
-        label="Select a favorite activity or create a new one"
-        multiple
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppCombobox
-        v-model="selectedItem"
-        :items="items"
-        placeholder="deployment"
-        label="I use chips"
-        multiple
-        chips
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppCombobox
-        v-model="selectedItem"
-        placeholder="deployment"
-        label="I'm readonly"
-        chips
-        multiple
-        readonly
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppCombobox
-        v-model="selectedItem"
-        :items="items"
-        placeholder="deployment"
-        label="I use selection slot"
-        multiple
-      >
-        <template #selection="{ item }">
-          <VChip size="small">
-            <template #prepend>
-              <VAvatar
-                start
-                color="primary"
-                size="16"
-              >
-                {{ String(item.title).charAt(0).toUpperCase() }}
-              </VAvatar>
-            </template>
-
-            {{ item.title }}
-          </VChip>
-        </template>
-      </AppCombobox>
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const noDataWithChips = {
-  ts: `<script lang="ts" setup>
-const items = ['Gaming', 'Programming', 'Vue', 'Vuetify']
-const selectedList = ref(['Vuetify'])
-const search = ref(null)
-
-watch(selectedList, value => {
-  if (value.length > 5)
-    nextTick(() => selectedList.value.pop())
-})
-</script>
-
-<template>
-  <AppCombobox
-    v-model="selectedList"
-    v-model:search-input="search"
-    :items="items"
-    hide-selected
-    :hide-no-data="false"
-    placeholder="deployment"
-    hint="Maximum of 5 tags"
-    label="Add some tags"
-    multiple
-    persistent-hint
-  >
-    <template #no-data>
-      <VListItem>
-        <VListItemTitle>
-          No results matching "<strong>{{ search }}</strong>". Press <kbd>enter</kbd> to create a new one
-        </VListItemTitle>
-      </VListItem>
-    </template>
-  </AppCombobox>
-</template>
-`,
-  js: `<script setup>
-const items = [
-  'Gaming',
-  'Programming',
-  'Vue',
-  'Vuetify',
-]
-
-const selectedList = ref(['Vuetify'])
-const search = ref(null)
-
-watch(selectedList, value => {
-  if (value.length > 5)
-    nextTick(() => selectedList.value.pop())
-})
-</script>
-
-<template>
-  <AppCombobox
-    v-model="selectedList"
-    v-model:search-input="search"
-    :items="items"
-    hide-selected
-    :hide-no-data="false"
-    placeholder="deployment"
-    hint="Maximum of 5 tags"
-    label="Add some tags"
-    multiple
-    persistent-hint
-  >
-    <template #no-data>
-      <VListItem>
-        <VListItemTitle>
-          No results matching "<strong>{{ search }}</strong>". Press <kbd>enter</kbd> to create a new one
-        </VListItemTitle>
-      </VListItem>
-    </template>
-  </AppCombobox>
-</template>
-`,
-}
-
-export const variant = {
-  ts: `<script lang="ts" setup>
-const selectedItem = ref(['Programming'])
-const items = ['Programming', 'Design', 'Vue', 'Vuetify']
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        :items="items"
-        multiple
-        placeholder="deployment"
-        variant="solo"
-        label="solo"
-      />
-    </VCol>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        multiple
-        :items="items"
-        placeholder="deployment"
-        variant="outlined"
-        label="Outlined"
-      />
-    </VCol>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        multiple
-        :items="items"
-        placeholder="deployment"
-        variant="underlined"
-        label="Underlined"
-      />
-    </VCol>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        multiple
-        :items="items"
-        placeholder="deployment"
-        variant="filled"
-        label="Filled"
-      />
-    </VCol>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        multiple
-        :items="items"
-        variant="plain"
-        placeholder="deployment"
-        label="Plain"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const selectedItem = ref(['Programming'])
-
-const items = [
-  'Programming',
-  'Design',
-  'Vue',
-  'Vuetify',
-]
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        :items="items"
-        multiple
-        placeholder="deployment"
-        variant="solo"
-        label="solo"
-      />
-    </VCol>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        multiple
-        :items="items"
-        placeholder="deployment"
-        variant="outlined"
-        label="Outlined"
-      />
-    </VCol>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        multiple
-        :items="items"
-        placeholder="deployment"
-        variant="underlined"
-        label="Underlined"
-      />
-    </VCol>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        multiple
-        :items="items"
-        placeholder="deployment"
-        variant="filled"
-        label="Filled"
-      />
-    </VCol>
-    <VCol cols="12">
-      <VCombobox
-        v-model="selectedItem"
-        multiple
-        :items="items"
-        variant="plain"
-        placeholder="deployment"
-        label="Plain"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomCheckboxes.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomCheckboxes.vue
deleted file mode 100644
index ff0cee6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomCheckboxes.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script setup lang="ts">
-import type { CustomInputContent } from '@core/types'
-
-const checkboxContent: CustomInputContent[] = [
-  {
-    title: 'Discount',
-    subtitle: '20%',
-    desc: 'Wow! Get 20% off on your next purchase!',
-    value: 'discount',
-  },
-  {
-    title: 'Updates',
-    subtitle: 'Free',
-    desc: 'Get Updates regarding related products.',
-    value: 'updates',
-  },
-]
-
-const selectedCheckbox = ref(['discount'])
-</script>
-
-<template>
-  <CustomCheckboxes
-    v-model:selected-checkbox="selectedCheckbox"
-    :checkbox-content="checkboxContent"
-    :grid-column="{ sm: '6', cols: '12' }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomCheckboxesWithIcon.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomCheckboxesWithIcon.vue
deleted file mode 100644
index 8f9d4bc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomCheckboxesWithIcon.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script setup lang="ts">
-import type { CustomInputContent } from '@core/types'
-
-const checkboxContent: CustomInputContent[] = [
-  {
-    title: 'Backup',
-    desc: 'Backup every file from your project.',
-    value: 'backup',
-    icon: { icon: 'tabler-server-2', size: '28' },
-  },
-  {
-    title: 'Encrypt',
-    desc: 'Translate your data to encrypted text.',
-    value: 'encrypt',
-    icon: { icon: 'tabler-ban', size: '28' },
-  },
-  {
-    title: 'Site Lock',
-    desc: 'Security tool to protect your website.',
-    value: 'site-lock',
-    icon: { icon: 'tabler-lock', size: '28' },
-  },
-]
-
-const selectedCheckbox = ref(['backup'])
-</script>
-
-<template>
-  <CustomCheckboxesWithIcon
-    v-model:selected-checkbox="selectedCheckbox"
-    :checkbox-content="checkboxContent"
-    :grid-column="{ sm: '4', cols: '12' }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomCheckboxesWithImage.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomCheckboxesWithImage.vue
deleted file mode 100644
index 3629a0a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomCheckboxesWithImage.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import bg1 from '@images/pages/custom-checkbox-img-1.png'
-import bg2 from '@images/pages/custom-checkbox-img-2.png'
-import bg3 from '@images/pages/custom-checkbox-img-3.png'
-
-const checkboxContent: { bgImage: string; value: string }[] = [
-  {
-    bgImage: bg1,
-    value: 'basic',
-  },
-  {
-    bgImage: bg2,
-    value: 'premium',
-  },
-  {
-    bgImage: bg3,
-    value: 'enterprise',
-  },
-]
-
-const selectedCheckbox = ref(['basic'])
-</script>
-
-<template>
-  <CustomCheckboxesWithImage
-    v-model:selected-checkbox="selectedCheckbox"
-    :checkbox-content="checkboxContent"
-    :grid-column="{ sm: '4', cols: '12' }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomRadios.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomRadios.vue
deleted file mode 100644
index d0551ca..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomRadios.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script setup lang="ts">
-import type { CustomInputContent } from '@core/types'
-
-const radioContent: CustomInputContent[] = [
-  {
-    title: 'Basic',
-    subtitle: 'Free',
-    desc: 'Get 1 project with 1 team member.',
-    value: 'basic',
-  },
-  {
-    title: 'Premium',
-    subtitle: '$45.80',
-    value: 'premium',
-    desc: 'Get 5 projects with 5 team members.',
-  },
-]
-
-const selectedRadio = ref('basic')
-</script>
-
-<template>
-  <CustomRadios
-    v-model:selected-radio="selectedRadio"
-    :radio-content="radioContent"
-    :grid-column="{ sm: '6', cols: '12' }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomRadiosWithIcon.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomRadiosWithIcon.vue
deleted file mode 100644
index 49836e5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomRadiosWithIcon.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script setup lang="ts">
-import type { CustomInputContent } from '@core/types'
-
-const radioContent: CustomInputContent[] = [
-  {
-    title: 'Starter',
-    desc: 'For freelancers who work with multiple clients',
-    value: 'starter',
-    icon: { icon: 'tabler-rocket', size: '28' },
-  },
-  {
-    title: 'Personal',
-    desc: 'Join our talented community of talented digital agencies',
-    value: 'personal',
-    icon: { icon: 'tabler-star', size: '28' },
-  },
-  {
-    title: 'Enterprise',
-    desc: 'Team plan for free upto 15 seats',
-    value: 'enterprise',
-    icon: { icon: 'tabler-crown', size: '28' },
-  },
-]
-
-const selectedRadio = ref('starter')
-</script>
-
-<template>
-  <CustomRadiosWithIcon
-    v-model:selected-radio="selectedRadio"
-    :radio-content="radioContent"
-    :grid-column="{ sm: '4', cols: '12' }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomRadiosWithImage.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomRadiosWithImage.vue
deleted file mode 100644
index 3eeb0fe..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/DemoCustomInputCustomRadiosWithImage.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import bg1 from '@images/pages/custom-radio-img-1.png'
-import bg2 from '@images/pages/custom-radio-img-2.png'
-import bg3 from '@images/pages/custom-radio-img-3.png'
-
-const radioContent: { bgImage: string; value: string }[] = [
-  {
-    bgImage: bg1,
-    value: 'basic',
-  },
-  {
-    bgImage: bg2,
-    value: 'premium',
-  },
-  {
-    bgImage: bg3,
-    value: 'enterprise',
-  },
-]
-
-const selectedRadio = ref('basic')
-</script>
-
-<template>
-  <CustomRadiosWithImage
-    v-model:selected-radio="selectedRadio"
-    :radio-content="radioContent"
-    :grid-column="{ sm: '4', cols: '12' }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/demoCodeCustomInput.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/demoCodeCustomInput.ts
deleted file mode 100644
index 72170b6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/custom-input/demoCodeCustomInput.ts
+++ /dev/null
@@ -1,407 +0,0 @@
-export const customCheckboxes = {
-  ts: `<script setup lang="ts">
-import type { CustomInputContent } from '@core/types'
-
-const checkboxContent: CustomInputContent[] = [
-  {
-    title: 'Discount',
-    subtitle: '20%',
-    desc: 'Wow! Get 20% off on your next purchase!',
-    value: 'discount',
-  },
-  {
-    title: 'Updates',
-    subtitle: 'Free',
-    desc: 'Get Updates regarding related products.',
-    value: 'updates',
-  },
-]
-
-const selectedCheckbox = ref(['discount'])
-</script>
-
-<template>
-  <CustomCheckboxes
-    v-model:selected-checkbox="selectedCheckbox"
-    :checkbox-content="checkboxContent"
-    :grid-column="{ sm: '6', cols: '12' }"
-  />
-</template>
-`,
-  js: `<script setup>
-const checkboxContent = [
-  {
-    title: 'Discount',
-    subtitle: '20%',
-    desc: 'Wow! Get 20% off on your next purchase!',
-    value: 'discount',
-  },
-  {
-    title: 'Updates',
-    subtitle: 'Free',
-    desc: 'Get Updates regarding related products.',
-    value: 'updates',
-  },
-]
-
-const selectedCheckbox = ref(['discount'])
-</script>
-
-<template>
-  <CustomCheckboxes
-    v-model:selected-checkbox="selectedCheckbox"
-    :checkbox-content="checkboxContent"
-    :grid-column="{ sm: '6', cols: '12' }"
-  />
-</template>
-`,
-}
-
-export const customCheckboxesWithIcon = {
-  ts: `<script setup lang="ts">
-import type { CustomInputContent } from '@core/types'
-
-const checkboxContent: CustomInputContent[] = [
-  {
-    title: 'Backup',
-    desc: 'Backup every file from your project.',
-    value: 'backup',
-    icon: { icon: 'tabler-server-2', size: '28' },
-  },
-  {
-    title: 'Encrypt',
-    desc: 'Translate your data to encrypted text.',
-    value: 'encrypt',
-    icon: { icon: 'tabler-ban', size: '28' },
-  },
-  {
-    title: 'Site Lock',
-    desc: 'Security tool to protect your website.',
-    value: 'site-lock',
-    icon: { icon: 'tabler-lock', size: '28' },
-  },
-]
-
-const selectedCheckbox = ref(['backup'])
-</script>
-
-<template>
-  <CustomCheckboxesWithIcon
-    v-model:selected-checkbox="selectedCheckbox"
-    :checkbox-content="checkboxContent"
-    :grid-column="{ sm: '4', cols: '12' }"
-  />
-</template>
-`,
-  js: `<script setup>
-const checkboxContent = [
-  {
-    title: 'Backup',
-    desc: 'Backup every file from your project.',
-    value: 'backup',
-    icon: {
-      icon: 'tabler-server-2',
-      size: '28',
-    },
-  },
-  {
-    title: 'Encrypt',
-    desc: 'Translate your data to encrypted text.',
-    value: 'encrypt',
-    icon: {
-      icon: 'tabler-ban',
-      size: '28',
-    },
-  },
-  {
-    title: 'Site Lock',
-    desc: 'Security tool to protect your website.',
-    value: 'site-lock',
-    icon: {
-      icon: 'tabler-lock',
-      size: '28',
-    },
-  },
-]
-
-const selectedCheckbox = ref(['backup'])
-</script>
-
-<template>
-  <CustomCheckboxesWithIcon
-    v-model:selected-checkbox="selectedCheckbox"
-    :checkbox-content="checkboxContent"
-    :grid-column="{ sm: '4', cols: '12' }"
-  />
-</template>
-`,
-}
-
-export const customCheckboxesWithImage = {
-  ts: `<script setup lang="ts">
-import bg1 from '@images/pages/custom-checkbox-img-1.png'
-import bg2 from '@images/pages/custom-checkbox-img-2.png'
-import bg3 from '@images/pages/custom-checkbox-img-3.png'
-
-const checkboxContent: { bgImage: string; value: string }[] = [
-  {
-    bgImage: bg1,
-    value: 'basic',
-  },
-  {
-    bgImage: bg2,
-    value: 'premium',
-  },
-  {
-    bgImage: bg3,
-    value: 'enterprise',
-  },
-]
-
-const selectedCheckbox = ref(['basic'])
-</script>
-
-<template>
-  <CustomCheckboxesWithImage
-    v-model:selected-checkbox="selectedCheckbox"
-    :checkbox-content="checkboxContent"
-    :grid-column="{ sm: '4', cols: '12' }"
-  />
-</template>
-`,
-  js: `<script setup>
-import bg1 from '@images/pages/custom-checkbox-img-1.png'
-import bg2 from '@images/pages/custom-checkbox-img-2.png'
-import bg3 from '@images/pages/custom-checkbox-img-3.png'
-
-const checkboxContent = [
-  {
-    bgImage: bg1,
-    value: 'basic',
-  },
-  {
-    bgImage: bg2,
-    value: 'premium',
-  },
-  {
-    bgImage: bg3,
-    value: 'enterprise',
-  },
-]
-
-const selectedCheckbox = ref(['basic'])
-</script>
-
-<template>
-  <CustomCheckboxesWithImage
-    v-model:selected-checkbox="selectedCheckbox"
-    :checkbox-content="checkboxContent"
-    :grid-column="{ sm: '4', cols: '12' }"
-  />
-</template>
-`,
-}
-
-export const customRadios = {
-  ts: `<script setup lang="ts">
-import type { CustomInputContent } from '@core/types'
-
-const radioContent: CustomInputContent[] = [
-  {
-    title: 'Basic',
-    subtitle: 'Free',
-    desc: 'Get 1 project with 1 team member.',
-    value: 'basic',
-  },
-  {
-    title: 'Premium',
-    subtitle: '$45.80',
-    value: 'premium',
-    desc: 'Get 5 projects with 5 team members.',
-  },
-]
-
-const selectedRadio = ref('basic')
-</script>
-
-<template>
-  <CustomRadios
-    v-model:selected-radio="selectedRadio"
-    :radio-content="radioContent"
-    :grid-column="{ sm: '6', cols: '12' }"
-  />
-</template>
-`,
-  js: `<script setup>
-const radioContent = [
-  {
-    title: 'Basic',
-    subtitle: 'Free',
-    desc: 'Get 1 project with 1 team member.',
-    value: 'basic',
-  },
-  {
-    title: 'Premium',
-    subtitle: '$45.80',
-    value: 'premium',
-    desc: 'Get 5 projects with 5 team members.',
-  },
-]
-
-const selectedRadio = ref('basic')
-</script>
-
-<template>
-  <CustomRadios
-    v-model:selected-radio="selectedRadio"
-    :radio-content="radioContent"
-    :grid-column="{ sm: '6', cols: '12' }"
-  />
-</template>
-`,
-}
-
-export const customRadiosWithIcon = {
-  ts: `<script setup lang="ts">
-import type { CustomInputContent } from '@core/types'
-
-const radioContent: CustomInputContent[] = [
-  {
-    title: 'Starter',
-    desc: 'For freelancers who work with multiple clients',
-    value: 'starter',
-    icon: { icon: 'tabler-rocket', size: '28' },
-  },
-  {
-    title: 'Personal',
-    desc: 'Join our talented community of talented digital agencies',
-    value: 'personal',
-    icon: { icon: 'tabler-star', size: '28' },
-  },
-  {
-    title: 'Enterprise',
-    desc: 'Team plan for free upto 15 seats',
-    value: 'enterprise',
-    icon: { icon: 'tabler-crown', size: '28' },
-  },
-]
-
-const selectedRadio = ref('starter')
-</script>
-
-<template>
-  <CustomRadiosWithIcon
-    v-model:selected-radio="selectedRadio"
-    :radio-content="radioContent"
-    :grid-column="{ sm: '4', cols: '12' }"
-  />
-</template>
-`,
-  js: `<script setup>
-const radioContent = [
-  {
-    title: 'Starter',
-    desc: 'For freelancers who work with multiple clients',
-    value: 'starter',
-    icon: {
-      icon: 'tabler-rocket',
-      size: '28',
-    },
-  },
-  {
-    title: 'Personal',
-    desc: 'Join our talented community of talented digital agencies',
-    value: 'personal',
-    icon: {
-      icon: 'tabler-star',
-      size: '28',
-    },
-  },
-  {
-    title: 'Enterprise',
-    desc: 'Team plan for free upto 15 seats',
-    value: 'enterprise',
-    icon: {
-      icon: 'tabler-crown',
-      size: '28',
-    },
-  },
-]
-
-const selectedRadio = ref('starter')
-</script>
-
-<template>
-  <CustomRadiosWithIcon
-    v-model:selected-radio="selectedRadio"
-    :radio-content="radioContent"
-    :grid-column="{ sm: '4', cols: '12' }"
-  />
-</template>
-`,
-}
-
-export const customRadiosWithImage = {
-  ts: `<script setup lang="ts">
-import bg1 from '@images/pages/custom-radio-img-1.png'
-import bg2 from '@images/pages/custom-radio-img-2.png'
-import bg3 from '@images/pages/custom-radio-img-3.png'
-
-const radioContent: { bgImage: string; value: string }[] = [
-  {
-    bgImage: bg1,
-    value: 'basic',
-  },
-  {
-    bgImage: bg2,
-    value: 'premium',
-  },
-  {
-    bgImage: bg3,
-    value: 'enterprise',
-  },
-]
-
-const selectedRadio = ref('basic')
-</script>
-
-<template>
-  <CustomRadiosWithImage
-    v-model:selected-radio="selectedRadio"
-    :radio-content="radioContent"
-    :grid-column="{ sm: '4', cols: '12' }"
-  />
-</template>
-`,
-  js: `<script setup>
-import bg1 from '@images/pages/custom-radio-img-1.png'
-import bg2 from '@images/pages/custom-radio-img-2.png'
-import bg3 from '@images/pages/custom-radio-img-3.png'
-
-const radioContent = [
-  {
-    bgImage: bg1,
-    value: 'basic',
-  },
-  {
-    bgImage: bg2,
-    value: 'premium',
-  },
-  {
-    bgImage: bg3,
-    value: 'enterprise',
-  },
-]
-
-const selectedRadio = ref('basic')
-</script>
-
-<template>
-  <CustomRadiosWithImage
-    v-model:selected-radio="selectedRadio"
-    :radio-content="radioContent"
-    :grid-column="{ sm: '4', cols: '12' }"
-  />
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerBasic.vue
deleted file mode 100644
index 0b5063a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerBasic.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script setup lang="ts">
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Default"
-    placeholder="Select date"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerDateAndTime.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerDateAndTime.vue
deleted file mode 100644
index 844b100..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerDateAndTime.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Date & TIme"
-    placeholder="Select date and time"
-    :config="{ enableTime: true, dateFormat: 'Y-m-d H:i' }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerDisabledRange.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerDisabledRange.vue
deleted file mode 100644
index 146c3b4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerDisabledRange.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script setup lang="ts">
-const now = new Date()
-const currentMonth = now.toLocaleString('default', { month: '2-digit' })
-const currentYear = now.getFullYear()
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Disabled Range"
-    placeholder="Select date"
-    :config="{ dateFormat: 'Y-m-d', disable: [{ from: `${currentYear}-${currentMonth}-20`, to: `${currentYear}-${currentMonth}-25` }] }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerHumanFriendly.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerHumanFriendly.vue
deleted file mode 100644
index 3bbff91..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerHumanFriendly.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Human Friendly"
-    placeholder="Select date"
-    :config="{ dateFormat: 'F j, Y' }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerInline.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerInline.vue
deleted file mode 100644
index aab5359..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerInline.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Inline"
-    placeholder="Select Date"
-    :config="{ inline: true }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerMultipleDates.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerMultipleDates.vue
deleted file mode 100644
index b8877b4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerMultipleDates.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-const multipleDate = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="multipleDate"
-    label="Multiple Dates"
-    placeholder="Select date"
-    :config="{ mode: 'multiple', dateFormat: 'Y-m-d' }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerRange.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerRange.vue
deleted file mode 100644
index efb86f2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerRange.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-const dateRange = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="dateRange"
-    label="Range"
-    placeholder="Select date"
-    :config="{ mode: 'range' }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerTimePicker.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerTimePicker.vue
deleted file mode 100644
index b06bf23..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/DemoDateTimePickerTimePicker.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-const time = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="time"
-    label="Time picker"
-    placeholder="Select time"
-    :config="{ enableTime: true, noCalendar: true, dateFormat: 'H:i' }"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/demoCodeDateTimePicker.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/demoCodeDateTimePicker.ts
deleted file mode 100644
index f1d093b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/date-time-picker/demoCodeDateTimePicker.ts
+++ /dev/null
@@ -1,235 +0,0 @@
-export const basic = {
-  ts: `<script setup lang="ts">
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Default"
-    placeholder="Select date"
-  />
-</template>
-`,
-  js: `<script setup>
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Default"
-    placeholder="Select date"
-  />
-</template>
-`,
-}
-
-export const dateAndTime = {
-  ts: `<script setup lang="ts">
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Date & TIme"
-    placeholder="Select date and time"
-    :config="{ enableTime: true, dateFormat: 'Y-m-d H:i' }"
-  />
-</template>
-`,
-  js: `<script setup>
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Date & TIme"
-    placeholder="Select date and time"
-    :config="{ enableTime: true, dateFormat: 'Y-m-d H:i' }"
-  />
-</template>
-`,
-}
-
-export const disabledRange = {
-  ts: `<script setup lang="ts">
-const now = new Date()
-const currentMonth = now.toLocaleString('default', { month: '2-digit' })
-const currentYear = now.getFullYear()
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Disabled Range"
-    placeholder="Select date"
-    :config="{ dateFormat: 'Y-m-d', disable: [{ from: \`\${currentYear}-\${currentMonth}-20\`, to: \`\${currentYear}-\${currentMonth}-25\` }] }"
-  />
-</template>
-`,
-  js: `<script setup>
-const now = new Date()
-const currentMonth = now.toLocaleString('default', { month: '2-digit' })
-const currentYear = now.getFullYear()
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Disabled Range"
-    placeholder="Select date"
-    :config="{ dateFormat: 'Y-m-d', disable: [{ from: \`\${currentYear}-\${currentMonth}-20\`, to: \`\${currentYear}-\${currentMonth}-25\` }] }"
-  />
-</template>
-`,
-}
-
-export const humanFriendly = {
-  ts: `<script setup lang="ts">
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Human Friendly"
-    placeholder="Select date"
-    :config="{ dateFormat: 'F j, Y' }"
-  />
-</template>
-`,
-  js: `<script setup>
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Human Friendly"
-    placeholder="Select date"
-    :config="{ dateFormat: 'F j, Y' }"
-  />
-</template>
-`,
-}
-
-export const inline = {
-  ts: `<script setup lang="ts">
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Inline"
-    placeholder="Select Date"
-    :config="{ inline: true }"
-  />
-</template>
-`,
-  js: `<script setup>
-const date = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="date"
-    label="Inline"
-    placeholder="Select Date"
-    :config="{ inline: true }"
-  />
-</template>
-`,
-}
-
-export const multipleDates = {
-  ts: `<script setup lang="ts">
-const multipleDate = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="multipleDate"
-    label="Multiple Dates"
-    placeholder="Select date"
-    :config="{ mode: 'multiple', dateFormat: 'Y-m-d' }"
-  />
-</template>
-`,
-  js: `<script setup>
-const multipleDate = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="multipleDate"
-    label="Multiple Dates"
-    placeholder="Select date"
-    :config="{ mode: 'multiple', dateFormat: 'Y-m-d' }"
-  />
-</template>
-`,
-}
-
-export const range = {
-  ts: `<script setup lang="ts">
-const dateRange = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="dateRange"
-    label="Range"
-    placeholder="Select date"
-    :config="{ mode: 'range' }"
-  />
-</template>
-`,
-  js: `<script setup>
-const dateRange = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="dateRange"
-    label="Range"
-    placeholder="Select date"
-    :config="{ mode: 'range' }"
-  />
-</template>
-`,
-}
-
-export const timePicker = {
-  ts: `<script setup lang="ts">
-const time = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="time"
-    label="Time picker"
-    placeholder="Select time"
-    :config="{ enableTime: true, noCalendar: true, dateFormat: 'H:i' }"
-  />
-</template>
-`,
-  js: `<script setup>
-const time = ref('')
-</script>
-
-<template>
-  <AppDateTimePicker
-    v-model="time"
-    label="Time picker"
-    placeholder="Select time"
-    :config="{ enableTime: true, noCalendar: true, dateFormat: 'H:i' }"
-  />
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/editor/DemoEditorBasicEditor.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/editor/DemoEditorBasicEditor.vue
deleted file mode 100644
index fac6022..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/editor/DemoEditorBasicEditor.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script setup lang="ts">
-const basicEditorContent = ref(`
-<p>
-  This is a radically reduced version of tiptap. It has support for a document, with paragraphs and text. That's it. It's probably too much for real minimalists though.
-</p>
-<p>
-  The paragraph extension is not really required, but you need at least one node. Sure, that node can be something different.  
-</p>
-`)
-</script>
-
-<template>
-  <div>
-    <TiptapEditor
-      v-model="basicEditorContent"
-      class="border rounded basic-editor"
-    />
-  </div>
-</template>
-
-<style lang="scss">
-.basic-editor {
-  .ProseMirror {
-    block-size: 200px;
-    outline: none;
-    overflow-y: auto;
-    padding-inline: 0.5rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/editor/DemoEditorCustomEditor.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/editor/DemoEditorCustomEditor.vue
deleted file mode 100644
index a5e581d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/editor/DemoEditorCustomEditor.vue
+++ /dev/null
@@ -1,269 +0,0 @@
-<script setup lang="ts">
-import { Placeholder } from '@tiptap/extension-placeholder'
-import { TextAlign } from '@tiptap/extension-text-align'
-import { Underline } from '@tiptap/extension-underline'
-import { StarterKit } from '@tiptap/starter-kit'
-import { EditorContent, useEditor } from '@tiptap/vue-3'
-
-const editor = useEditor({
-  content: `
-        <h2>
-          Hi there,
-        </h2>
-        <p>
-          this is a <em>basic</em> example of <strong>tiptap</strong>. Sure, there are all kind of basic text styles you'd probably expect from a text editor. But wait until you see the lists:
-        </p>
-        <ul>
-          <li>
-            That's a bullet list with one …
-          </li>
-          <li>
-            … or two list items.
-          </li>
-        </ul>
-        <p>
-          Isn't that great? And all of that is editable. But wait, there's more. Let's try a code block:
-        </p>
-        <pre><code class="language-css">body {
-  display: none;
-}</code></pre>
-        <p>
-          I know, I know, this is impressive. It's only the tip of the iceberg though. Give it a try and click a little bit around. Don't forget to check the other examples too.
-        </p>
-        <blockquote>
-          Wow, that's amazing. Good work, boy! 👏
-          <br />
-          — Mom
-        </blockquote>
-      `,
-  extensions: [
-    StarterKit,
-    TextAlign.configure({
-      types: ['heading', 'paragraph'],
-    }),
-    Placeholder.configure({
-      placeholder: 'Write something here...',
-    }),
-    Underline,
-  ],
-})
-</script>
-
-<template>
-  <div class="border pa-2 rounded custom-editor">
-    <div
-      v-if="editor"
-      class="d-flex flex-wrap gap-x-4 gap-y-2 mb-2"
-    >
-      <VChip
-        :disabled="!editor.can().chain().focus().toggleBold().run()"
-        :color="editor.isActive('bold') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleBold().run()"
-      >
-        bold
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().toggleItalic().run()"
-        :color="editor.isActive('italic') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleItalic().run()"
-      >
-        italic
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().toggleStrike().run()"
-        :color="editor.isActive('strike') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleStrike().run()"
-      >
-        strike
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().toggleCode().run()"
-        :color="editor.isActive('code') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleCode().run()"
-      >
-        code
-      </VChip>
-
-      <VChip @click="editor.chain().focus().unsetAllMarks().run()">
-        clear marks
-      </VChip>
-
-      <VChip @click="editor.chain().focus().clearNodes().run()">
-        clear nodes
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('paragraph') ? 'primary' : ''"
-        @click="editor.chain().focus().setParagraph().run()"
-      >
-        paragraph
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 1 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
-      >
-        h1
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 2 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
-      >
-        h2
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 3 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
-      >
-        h3
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 4 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 4 }).run()"
-      >
-        h4
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 5 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 5 }).run()"
-      >
-        h5
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 6 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 6 }).run()"
-      >
-        h6
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('bulletList') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleBulletList().run()"
-      >
-        bullet list
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('orderedList') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleOrderedList().run()"
-      >
-        ordered list
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('codeBlock') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleCodeBlock().run()"
-      >
-        code block
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('blockquote') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleBlockquote().run()"
-      >
-        blockquote
-      </VChip>
-
-      <VChip @click="editor.chain().focus().setHorizontalRule().run()">
-        horizontal rule
-      </VChip>
-
-      <VChip @click="editor.chain().focus().setHardBreak().run()">
-        hard break
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().undo().run()"
-        @click="editor.chain().focus().undo().run()"
-      >
-        undo
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().redo().run()"
-        @click="editor.chain().focus().redo().run()"
-      >
-        redo
-      </VChip>
-    </div>
-    <VDivider class="my-4" />
-    <EditorContent :editor="editor" />
-  </div>
-</template>
-
-<style lang="scss">
-/* Basic editor styles */
-
-.custom-editor {
-  .ProseMirror {
-    > * + * {
-      margin-block-start: 0.75em;
-    }
-
-    outline: none;
-    overflow-y: auto;
-    padding-inline: 0.5rem;
-
-    ul,
-    ol {
-      padding-block: 0;
-      padding-inline: 1rem;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      line-height: 1.1;
-    }
-
-    code {
-      background-color: rgba(#616161, 0.1);
-      color: #616161;
-    }
-
-    pre {
-      border-radius: 0.5rem;
-      background: #0d0d0d;
-      color: #fff;
-      font-family: JetBrainsMono, monospace;
-      padding-block: 0.75rem;
-      padding-inline: 1rem;
-
-      code {
-        padding: 0;
-        background: none;
-        color: inherit;
-        font-size: 0.8rem;
-      }
-    }
-
-    img {
-      block-size: auto;
-      max-inline-size: 100%;
-    }
-
-    blockquote {
-      border-inline-start: 2px solid rgba(#0d0d0d, 0.1);
-      padding-inline-start: 1rem;
-    }
-
-    hr {
-      border: none;
-      border-block-start: 2px solid rgba(#0d0d0d, 0.1);
-      margin-block: 2rem;
-      margin-inline: 0;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/editor/demoCodeEditor.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/editor/demoCodeEditor.ts
deleted file mode 100644
index 6285ec6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/editor/demoCodeEditor.ts
+++ /dev/null
@@ -1,611 +0,0 @@
-export const basicEditor = {
-  ts: `<script setup lang="ts">
-const basicEditorContent = ref(\`
-<p>
-  This is a radically reduced version of tiptap. It has support for a document, with paragraphs and text. That's it. It's probably too much for real minimalists though.
-</p>
-<p>
-  The paragraph extension is not really required, but you need at least one node. Sure, that node can be something different.  
-</p>
-\`)
-</script>
-
-<template>
-  <div>
-    <TiptapEditor
-      v-model="basicEditorContent"
-      class="border rounded basic-editor"
-    />
-  </div>
-</template>
-
-<style lang="scss">
-.basic-editor {
-  .ProseMirror {
-    block-size: 200px;
-    outline: none;
-    overflow-y: auto;
-    padding-inline: 0.5rem;
-  }
-}
-</style>
-`,
-  js: `<script setup>
-const basicEditorContent = ref(\`
-<p>
-  This is a radically reduced version of tiptap. It has support for a document, with paragraphs and text. That's it. It's probably too much for real minimalists though.
-</p>
-<p>
-  The paragraph extension is not really required, but you need at least one node. Sure, that node can be something different.  
-</p>
-\`)
-</script>
-
-<template>
-  <div>
-    <TiptapEditor
-      v-model="basicEditorContent"
-      class="border rounded basic-editor"
-    />
-  </div>
-</template>
-
-<style lang="scss">
-.basic-editor {
-  .ProseMirror {
-    block-size: 200px;
-    outline: none;
-    overflow-y: auto;
-    padding-inline: 0.5rem;
-  }
-}
-</style>
-`,
-}
-
-export const customEditor = {
-  ts: `<script setup lang="ts">
-import { Placeholder } from '@tiptap/extension-placeholder'
-import { TextAlign } from '@tiptap/extension-text-align'
-import { Underline } from '@tiptap/extension-underline'
-import { StarterKit } from '@tiptap/starter-kit'
-import { EditorContent, useEditor } from '@tiptap/vue-3'
-
-const editor = useEditor({
-  content: \`
-        <h2>
-          Hi there,
-        </h2>
-        <p>
-          this is a <em>basic</em> example of <strong>tiptap</strong>. Sure, there are all kind of basic text styles you'd probably expect from a text editor. But wait until you see the lists:
-        </p>
-        <ul>
-          <li>
-            That's a bullet list with one …
-          </li>
-          <li>
-            … or two list items.
-          </li>
-        </ul>
-        <p>
-          Isn't that great? And all of that is editable. But wait, there's more. Let's try a code block:
-        </p>
-        <pre><code class="language-css">body {
-  display: none;
-}</code></pre>
-        <p>
-          I know, I know, this is impressive. It's only the tip of the iceberg though. Give it a try and click a little bit around. Don't forget to check the other examples too.
-        </p>
-        <blockquote>
-          Wow, that's amazing. Good work, boy! 👏
-          <br />
-          — Mom
-        </blockquote>
-      \`,
-  extensions: [
-    StarterKit,
-    TextAlign.configure({
-      types: ['heading', 'paragraph'],
-    }),
-    Placeholder.configure({
-      placeholder: 'Write something here...',
-    }),
-    Underline,
-  ],
-})
-</script>
-
-<template>
-  <div class="border pa-2 rounded custom-editor">
-    <div
-      v-if="editor"
-      class="d-flex flex-wrap gap-x-4 gap-y-2 mb-2"
-    >
-      <VChip
-        :disabled="!editor.can().chain().focus().toggleBold().run()"
-        :color="editor.isActive('bold') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleBold().run()"
-      >
-        bold
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().toggleItalic().run()"
-        :color="editor.isActive('italic') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleItalic().run()"
-      >
-        italic
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().toggleStrike().run()"
-        :color="editor.isActive('strike') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleStrike().run()"
-      >
-        strike
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().toggleCode().run()"
-        :color="editor.isActive('code') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleCode().run()"
-      >
-        code
-      </VChip>
-
-      <VChip @click="editor.chain().focus().unsetAllMarks().run()">
-        clear marks
-      </VChip>
-
-      <VChip @click="editor.chain().focus().clearNodes().run()">
-        clear nodes
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('paragraph') ? 'primary' : ''"
-        @click="editor.chain().focus().setParagraph().run()"
-      >
-        paragraph
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 1 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
-      >
-        h1
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 2 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
-      >
-        h2
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 3 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
-      >
-        h3
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 4 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 4 }).run()"
-      >
-        h4
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 5 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 5 }).run()"
-      >
-        h5
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 6 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 6 }).run()"
-      >
-        h6
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('bulletList') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleBulletList().run()"
-      >
-        bullet list
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('orderedList') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleOrderedList().run()"
-      >
-        ordered list
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('codeBlock') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleCodeBlock().run()"
-      >
-        code block
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('blockquote') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleBlockquote().run()"
-      >
-        blockquote
-      </VChip>
-
-      <VChip @click="editor.chain().focus().setHorizontalRule().run()">
-        horizontal rule
-      </VChip>
-
-      <VChip @click="editor.chain().focus().setHardBreak().run()">
-        hard break
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().undo().run()"
-        @click="editor.chain().focus().undo().run()"
-      >
-        undo
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().redo().run()"
-        @click="editor.chain().focus().redo().run()"
-      >
-        redo
-      </VChip>
-    </div>
-    <VDivider class="my-4" />
-    <EditorContent :editor="editor" />
-  </div>
-</template>
-
-<style lang="scss">
-/* Basic editor styles */
-
-.custom-editor {
-  .ProseMirror {
-    > * + * {
-      margin-block-start: 0.75em;
-    }
-
-    outline: none;
-    overflow-y: auto;
-    padding-inline: 0.5rem;
-
-    ul,
-    ol {
-      padding-block: 0;
-      padding-inline: 1rem;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      line-height: 1.1;
-    }
-
-    code {
-      background-color: rgba(#616161, 0.1);
-      color: #616161;
-    }
-
-    pre {
-      border-radius: 0.5rem;
-      background: #0d0d0d;
-      color: #fff;
-      font-family: JetBrainsMono, monospace;
-      padding-block: 0.75rem;
-      padding-inline: 1rem;
-
-      code {
-        padding: 0;
-        background: none;
-        color: inherit;
-        font-size: 0.8rem;
-      }
-    }
-
-    img {
-      block-size: auto;
-      max-inline-size: 100%;
-    }
-
-    blockquote {
-      border-inline-start: 2px solid rgba(#0d0d0d, 0.1);
-      padding-inline-start: 1rem;
-    }
-
-    hr {
-      border: none;
-      border-block-start: 2px solid rgba(#0d0d0d, 0.1);
-      margin-block: 2rem;
-      margin-inline: 0;
-    }
-  }
-}
-</style>
-`,
-  js: `<script setup>
-import { Placeholder } from '@tiptap/extension-placeholder'
-import { TextAlign } from '@tiptap/extension-text-align'
-import { Underline } from '@tiptap/extension-underline'
-import { StarterKit } from '@tiptap/starter-kit'
-import {
-  EditorContent,
-  useEditor,
-} from '@tiptap/vue-3'
-
-const editor = useEditor({
-  content: \`
-        <h2>
-          Hi there,
-        </h2>
-        <p>
-          this is a <em>basic</em> example of <strong>tiptap</strong>. Sure, there are all kind of basic text styles you'd probably expect from a text editor. But wait until you see the lists:
-        </p>
-        <ul>
-          <li>
-            That's a bullet list with one …
-          </li>
-          <li>
-            … or two list items.
-          </li>
-        </ul>
-        <p>
-          Isn't that great? And all of that is editable. But wait, there's more. Let's try a code block:
-        </p>
-        <pre><code class="language-css">body {
-  display: none;
-}</code></pre>
-        <p>
-          I know, I know, this is impressive. It's only the tip of the iceberg though. Give it a try and click a little bit around. Don't forget to check the other examples too.
-        </p>
-        <blockquote>
-          Wow, that's amazing. Good work, boy! 👏
-          <br />
-          — Mom
-        </blockquote>
-      \`,
-  extensions: [
-    StarterKit,
-    TextAlign.configure({
-      types: [
-        'heading',
-        'paragraph',
-      ],
-    }),
-    Placeholder.configure({ placeholder: 'Write something here...' }),
-    Underline,
-  ],
-})
-</script>
-
-<template>
-  <div class="border pa-2 rounded custom-editor">
-    <div
-      v-if="editor"
-      class="d-flex flex-wrap gap-x-4 gap-y-2 mb-2"
-    >
-      <VChip
-        :disabled="!editor.can().chain().focus().toggleBold().run()"
-        :color="editor.isActive('bold') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleBold().run()"
-      >
-        bold
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().toggleItalic().run()"
-        :color="editor.isActive('italic') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleItalic().run()"
-      >
-        italic
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().toggleStrike().run()"
-        :color="editor.isActive('strike') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleStrike().run()"
-      >
-        strike
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().toggleCode().run()"
-        :color="editor.isActive('code') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleCode().run()"
-      >
-        code
-      </VChip>
-
-      <VChip @click="editor.chain().focus().unsetAllMarks().run()">
-        clear marks
-      </VChip>
-
-      <VChip @click="editor.chain().focus().clearNodes().run()">
-        clear nodes
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('paragraph') ? 'primary' : ''"
-        @click="editor.chain().focus().setParagraph().run()"
-      >
-        paragraph
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 1 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
-      >
-        h1
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 2 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
-      >
-        h2
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 3 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
-      >
-        h3
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 4 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 4 }).run()"
-      >
-        h4
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 5 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 5 }).run()"
-      >
-        h5
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('heading', { level: 6 }) ? 'primary' : ''"
-        @click="editor.chain().focus().toggleHeading({ level: 6 }).run()"
-      >
-        h6
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('bulletList') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleBulletList().run()"
-      >
-        bullet list
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('orderedList') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleOrderedList().run()"
-      >
-        ordered list
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('codeBlock') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleCodeBlock().run()"
-      >
-        code block
-      </VChip>
-
-      <VChip
-        :color="editor.isActive('blockquote') ? 'primary' : ''"
-        @click="editor.chain().focus().toggleBlockquote().run()"
-      >
-        blockquote
-      </VChip>
-
-      <VChip @click="editor.chain().focus().setHorizontalRule().run()">
-        horizontal rule
-      </VChip>
-
-      <VChip @click="editor.chain().focus().setHardBreak().run()">
-        hard break
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().undo().run()"
-        @click="editor.chain().focus().undo().run()"
-      >
-        undo
-      </VChip>
-
-      <VChip
-        :disabled="!editor.can().chain().focus().redo().run()"
-        @click="editor.chain().focus().redo().run()"
-      >
-        redo
-      </VChip>
-    </div>
-    <VDivider class="my-4" />
-    <EditorContent :editor="editor" />
-  </div>
-</template>
-
-<style lang="scss">
-/* Basic editor styles */
-
-.custom-editor {
-  .ProseMirror {
-    > * + * {
-      margin-block-start: 0.75em;
-    }
-
-    outline: none;
-    overflow-y: auto;
-    padding-inline: 0.5rem;
-
-    ul,
-    ol {
-      padding-block: 0;
-      padding-inline: 1rem;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      line-height: 1.1;
-    }
-
-    code {
-      background-color: rgba(#616161, 0.1);
-      color: #616161;
-    }
-
-    pre {
-      border-radius: 0.5rem;
-      background: #0d0d0d;
-      color: #fff;
-      font-family: JetBrainsMono, monospace;
-      padding-block: 0.75rem;
-      padding-inline: 1rem;
-
-      code {
-        padding: 0;
-        background: none;
-        color: inherit;
-        font-size: 0.8rem;
-      }
-    }
-
-    img {
-      block-size: auto;
-      max-inline-size: 100%;
-    }
-
-    blockquote {
-      border-inline-start: 2px solid rgba(#0d0d0d, 0.1);
-      padding-inline-start: 1rem;
-    }
-
-    hr {
-      border: none;
-      border-block-start: 2px solid rgba(#0d0d0d, 0.1);
-      margin-block: 2rem;
-      margin-inline: 0;
-    }
-  }
-}
-</style>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputAccept.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputAccept.vue
deleted file mode 100644
index 6860eda..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputAccept.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <VFileInput
-    accept="image/*"
-    label="File input"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputBasic.vue
deleted file mode 100644
index 987c56c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputBasic.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template>
-  <VFileInput label="File input" />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputChips.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputChips.vue
deleted file mode 100644
index 20d0014..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputChips.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <VFileInput
-    chips
-    label="File input w/ chips"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputCounter.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputCounter.vue
deleted file mode 100644
index c065c52..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputCounter.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<template>
-  <VFileInput
-    show-size
-    counter
-    multiple
-    label="File input"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputDensity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputDensity.vue
deleted file mode 100644
index 6b9d1dc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputDensity.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <VFileInput
-    label="File input"
-    density="compact"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputLoading.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputLoading.vue
deleted file mode 100644
index 25ff8fc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputLoading.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script setup lang="ts">
-const file = ref()
-const loading = ref(true)
-
-watch(file, () => {
-  loading.value = !file.value[0]
-})
-</script>
-
-<template>
-  <VFileInput
-    v-model="file"
-    :loading="loading"
-    color="primary"
-    label="File input"
-    variant="outlined"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputMultiple.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputMultiple.vue
deleted file mode 100644
index 7fc2a9a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputMultiple.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <VFileInput
-    multiple
-    label="File input"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputPrependIcon.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputPrependIcon.vue
deleted file mode 100644
index 24e2931..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputPrependIcon.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <VFileInput
-    label="File input"
-    prepend-icon="tabler-camera"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputSelectionSlot.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputSelectionSlot.vue
deleted file mode 100644
index b0e7370..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputSelectionSlot.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts" setup>
-const files = ref<File[]>([])
-</script>
-
-<template>
-  <VFileInput
-    v-model="files"
-    multiple
-    placeholder="Upload your documents"
-    label="File input"
-    prepend-icon="tabler-paperclip"
-  >
-    <template #selection="{ fileNames }">
-      <template
-        v-for="fileName in fileNames"
-        :key="fileName"
-      >
-        <VChip
-          label
-          size="small"
-          color="primary"
-          class="me-2"
-        >
-          {{ fileName }}
-        </VChip>
-      </template>
-    </template>
-  </VFileInput>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputShowSize.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputShowSize.vue
deleted file mode 100644
index 30038e1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputShowSize.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <VFileInput
-    show-size
-    label="File input"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputValidation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputValidation.vue
deleted file mode 100644
index 3e1c974..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputValidation.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts" setup>
-const rules = [
-  (fileList: FileList) => !fileList || !fileList.length || fileList[0].size < 1000000 || 'Avatar size should be less than 1 MB!',
-]
-</script>
-
-<template>
-  <VFileInput
-    :rules="rules"
-    label="Avatar"
-    accept="image/png, image/jpeg, image/bmp"
-    placeholder="Pick an avatar"
-    prepend-icon="tabler-camera"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputVariant.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputVariant.vue
deleted file mode 100644
index 23da8e0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/DemoFileInputVariant.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput label="Outlined" />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput
-        label="Filled"
-        variant="filled"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput
-        label="Solo"
-        variant="solo"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput
-        label="Plain"
-        variant="plain"
-      />
-    </VCol>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput
-        label="Underlined"
-        variant="underlined"
-        density="default"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/demoCodeFileInput.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/demoCodeFileInput.ts
deleted file mode 100644
index f389b9a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/file-input/demoCodeFileInput.ts
+++ /dev/null
@@ -1,375 +0,0 @@
-export const accept = {
-  ts: `<template>
-  <VFileInput
-    accept="image/*"
-    label="File input"
-  />
-</template>
-`,
-  js: `<template>
-  <VFileInput
-    accept="image/*"
-    label="File input"
-  />
-</template>
-`,
-}
-
-export const basic = {
-  ts: `<template>
-  <VFileInput label="File input" />
-</template>
-`,
-  js: `<template>
-  <VFileInput label="File input" />
-</template>
-`,
-}
-
-export const chips = {
-  ts: `<template>
-  <VFileInput
-    chips
-    label="File input w/ chips"
-  />
-</template>
-`,
-  js: `<template>
-  <VFileInput
-    chips
-    label="File input w/ chips"
-  />
-</template>
-`,
-}
-
-export const counter = {
-  ts: `<template>
-  <VFileInput
-    show-size
-    counter
-    multiple
-    label="File input"
-  />
-</template>
-`,
-  js: `<template>
-  <VFileInput
-    show-size
-    counter
-    multiple
-    label="File input"
-  />
-</template>
-`,
-}
-
-export const density = {
-  ts: `<template>
-  <VFileInput
-    label="File input"
-    density="compact"
-  />
-</template>
-`,
-  js: `<template>
-  <VFileInput
-    label="File input"
-    density="compact"
-  />
-</template>
-`,
-}
-
-export const loading = {
-  ts: `<script setup lang="ts">
-const file = ref()
-const loading = ref(true)
-
-watch(file, () => {
-  loading.value = !file.value[0]
-})
-</script>
-
-<template>
-  <VFileInput
-    v-model="file"
-    :loading="loading"
-    color="primary"
-    label="File input"
-    variant="outlined"
-  />
-</template>
-`,
-  js: `<script setup>
-const file = ref()
-const loading = ref(true)
-
-watch(file, () => {
-  loading.value = !file.value[0]
-})
-</script>
-
-<template>
-  <VFileInput
-    v-model="file"
-    :loading="loading"
-    color="primary"
-    label="File input"
-    variant="outlined"
-  />
-</template>
-`,
-}
-
-export const multiple = {
-  ts: `<template>
-  <VFileInput
-    multiple
-    label="File input"
-  />
-</template>
-`,
-  js: `<template>
-  <VFileInput
-    multiple
-    label="File input"
-  />
-</template>
-`,
-}
-
-export const prependIcon = {
-  ts: `<template>
-  <VFileInput
-    label="File input"
-    prepend-icon="tabler-camera"
-  />
-</template>
-`,
-  js: `<template>
-  <VFileInput
-    label="File input"
-    prepend-icon="tabler-camera"
-  />
-</template>
-`,
-}
-
-export const selectionSlot = {
-  ts: `<script lang="ts" setup>
-const files = ref<File[]>([])
-</script>
-
-<template>
-  <VFileInput
-    v-model="files"
-    multiple
-    placeholder="Upload your documents"
-    label="File input"
-    prepend-icon="tabler-paperclip"
-  >
-    <template #selection="{ fileNames }">
-      <template
-        v-for="fileName in fileNames"
-        :key="fileName"
-      >
-        <VChip
-          label
-          size="small"
-          color="primary"
-          class="me-2"
-        >
-          {{ fileName }}
-        </VChip>
-      </template>
-    </template>
-  </VFileInput>
-</template>
-`,
-  js: `<script setup>
-const files = ref([])
-</script>
-
-<template>
-  <VFileInput
-    v-model="files"
-    multiple
-    placeholder="Upload your documents"
-    label="File input"
-    prepend-icon="tabler-paperclip"
-  >
-    <template #selection="{ fileNames }">
-      <template
-        v-for="fileName in fileNames"
-        :key="fileName"
-      >
-        <VChip
-          label
-          size="small"
-          color="primary"
-          class="me-2"
-        >
-          {{ fileName }}
-        </VChip>
-      </template>
-    </template>
-  </VFileInput>
-</template>
-`,
-}
-
-export const showSize = {
-  ts: `<template>
-  <VFileInput
-    show-size
-    label="File input"
-  />
-</template>
-`,
-  js: `<template>
-  <VFileInput
-    show-size
-    label="File input"
-  />
-</template>
-`,
-}
-
-export const validation = {
-  ts: `<script lang="ts" setup>
-const rules = [
-  (fileList: FileList) => !fileList || !fileList.length || fileList[0].size < 1000000 || 'Avatar size should be less than 1 MB!',
-]
-</script>
-
-<template>
-  <VFileInput
-    :rules="rules"
-    label="Avatar"
-    accept="image/png, image/jpeg, image/bmp"
-    placeholder="Pick an avatar"
-    prepend-icon="tabler-camera"
-  />
-</template>
-`,
-  js: `<script setup>
-const rules = [fileList => !fileList || !fileList.length || fileList[0].size < 1000000 || 'Avatar size should be less than 1 MB!']
-</script>
-
-<template>
-  <VFileInput
-    :rules="rules"
-    label="Avatar"
-    accept="image/png, image/jpeg, image/bmp"
-    placeholder="Pick an avatar"
-    prepend-icon="tabler-camera"
-  />
-</template>
-`,
-}
-
-export const variant = {
-  ts: `<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput label="Outlined" />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput
-        label="Filled"
-        variant="filled"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput
-        label="Solo"
-        variant="solo"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput
-        label="Plain"
-        variant="plain"
-      />
-    </VCol>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput
-        label="Underlined"
-        variant="underlined"
-        density="default"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput label="Outlined" />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput
-        label="Filled"
-        variant="filled"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput
-        label="Solo"
-        variant="solo"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput
-        label="Plain"
-        variant="plain"
-      />
-    </VCol>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VFileInput
-        label="Underlined"
-        variant="underlined"
-        density="default"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/otp-input/DemoOtpInputBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/otp-input/DemoOtpInputBasic.vue
deleted file mode 100644
index 5cc1644..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/otp-input/DemoOtpInputBasic.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template>
-  <VOtpInput />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/otp-input/DemoOtpInputFinish.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/otp-input/DemoOtpInputFinish.vue
deleted file mode 100644
index cbcf14e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/otp-input/DemoOtpInputFinish.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<script setup lang="ts">
-const loading = ref(false)
-const snackbar = ref(false)
-const snackbarColor = ref('default')
-const otp = ref('')
-const text = ref('')
-const expectedOtp = ref('133707')
-
-const onFinish = (rsp: unknown) => {
-  loading.value = true
-
-  setTimeout(() => {
-    loading.value = false
-    snackbarColor.value = (rsp === expectedOtp.value) ? 'success' : 'warning'
-    text.value = `Processed OTP with "${rsp}" (${snackbarColor.value})`
-    snackbar.value = true
-  }, 3000)
-}
-</script>
-
-<template>
-  <div>
-    <VOtpInput
-      v-model="otp"
-      :loading="loading"
-      @finish="onFinish"
-    />
-
-    <div>
-      Expected value: <span class="font-weight-bold">{{ expectedOtp }}</span>
-    </div>
-
-    <VSnackbar
-      v-model="snackbar"
-      :color="snackbarColor"
-      :timeout="2000"
-      location="top"
-    >
-      {{ text }}
-    </VSnackbar>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/otp-input/DemoOtpInputHidden.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/otp-input/DemoOtpInputHidden.vue
deleted file mode 100644
index 20db36d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/otp-input/DemoOtpInputHidden.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-const otp = ref('')
-</script>
-
-<template>
-  <VOtpInput
-    v-model="otp"
-    autocomplete="on"
-    type="password"
-    length="5"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/otp-input/demoCodeOtpInput.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/otp-input/demoCodeOtpInput.ts
deleted file mode 100644
index 166ec99..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/otp-input/demoCodeOtpInput.ts
+++ /dev/null
@@ -1,127 +0,0 @@
-export const basic = {
-  ts: `<template>
-  <VOtpInput />
-</template>
-`,
-  js: `<template>
-  <VOtpInput />
-</template>
-`,
-}
-
-export const finish = {
-  ts: `<script setup lang="ts">
-const loading = ref(false)
-const snackbar = ref(false)
-const snackbarColor = ref('default')
-const otp = ref('')
-const text = ref('')
-const expectedOtp = ref('133707')
-
-const onFinish = (rsp: unknown) => {
-  loading.value = true
-
-  setTimeout(() => {
-    loading.value = false
-    snackbarColor.value = (rsp === expectedOtp.value) ? 'success' : 'warning'
-    text.value = \`Processed OTP with "\${rsp}" (\${snackbarColor.value})\`
-    snackbar.value = true
-  }, 3000)
-}
-</script>
-
-<template>
-  <div>
-    <VOtpInput
-      v-model="otp"
-      :loading="loading"
-      @finish="onFinish"
-    />
-
-    <div>
-      Expected value: <span class="font-weight-bold">{{ expectedOtp }}</span>
-    </div>
-
-    <VSnackbar
-      v-model="snackbar"
-      :color="snackbarColor"
-      :timeout="2000"
-      location="top"
-    >
-      {{ text }}
-    </VSnackbar>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const loading = ref(false)
-const snackbar = ref(false)
-const snackbarColor = ref('default')
-const otp = ref('')
-const text = ref('')
-const expectedOtp = ref('133707')
-
-const onFinish = rsp => {
-  loading.value = true
-  setTimeout(() => {
-    loading.value = false
-    snackbarColor.value = rsp === expectedOtp.value ? 'success' : 'warning'
-    text.value = \`Processed OTP with "\${ rsp }" (\${ snackbarColor.value })\`
-    snackbar.value = true
-  }, 3000)
-}
-</script>
-
-<template>
-  <div>
-    <VOtpInput
-      v-model="otp"
-      :loading="loading"
-      @finish="onFinish"
-    />
-
-    <div>
-      Expected value: <span class="font-weight-bold">{{ expectedOtp }}</span>
-    </div>
-
-    <VSnackbar
-      v-model="snackbar"
-      :color="snackbarColor"
-      :timeout="2000"
-      location="top"
-    >
-      {{ text }}
-    </VSnackbar>
-  </div>
-</template>
-`,
-}
-
-export const hidden = {
-  ts: `<script setup lang="ts">
-const otp = ref('')
-</script>
-
-<template>
-  <VOtpInput
-    v-model="otp"
-    autocomplete="on"
-    type="password"
-    length="5"
-  />
-</template>
-`,
-  js: `<script setup>
-const otp = ref('')
-</script>
-
-<template>
-  <VOtpInput
-    v-model="otp"
-    autocomplete="on"
-    type="password"
-    length="5"
-  />
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioBasic.vue
deleted file mode 100644
index 0086229..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioBasic.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts" setup>
-const radioGroup = ref(1)
-</script>
-
-<template>
-  <div class="">
-    <VRadioGroup v-model="radioGroup">
-      <VRadio
-        v-for="n in 2"
-        :key="n"
-        :label="`Radio ${n}`"
-        :value="n"
-      />
-    </VRadioGroup>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioColors.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioColors.vue
deleted file mode 100644
index f7bebe2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioColors.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts" setup>
-const selectedRadio = ref('primary')
-const colorsRadio = ['Primary', 'Secondary', 'Success', 'Info', 'Warning', 'Error']
-</script>
-
-<template>
-  <VRadioGroup
-    v-model="selectedRadio"
-    inline
-  >
-    <div>
-      <VRadio
-        v-for="radio in colorsRadio"
-        :key="radio"
-        :label="radio"
-        :color="radio.toLocaleLowerCase()"
-        :value="radio.toLocaleLowerCase()"
-      />
-    </div>
-  </VRadioGroup>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioDensity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioDensity.vue
deleted file mode 100644
index ebc22ee..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioDensity.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts" setup>
-const columnRadio = ref('radio-1')
-const inlineRadio = ref('radio-1')
-</script>
-
-<template>
-  <VRadioGroup v-model="columnRadio">
-    <VRadio
-      label="Option 1"
-      value="radio-1"
-      density="compact"
-    />
-    <VRadio
-      label="Option 2"
-      value="radio-2"
-      density="compact"
-    />
-  </VRadioGroup>
-
-  <VDivider class="my-3" />
-
-  <VRadioGroup
-    v-model="inlineRadio"
-    inline
-  >
-    <VRadio
-      label="Option 1"
-      value="radio-1"
-      density="compact"
-    />
-    <VRadio
-      label="Option 2"
-      value="radio-2"
-      density="compact"
-    />
-  </VRadioGroup>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioIcon.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioIcon.vue
deleted file mode 100644
index a8f66fc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioIcon.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts" setup>
-const radioGroup = ref(1)
-</script>
-
-<template>
-  <VRadioGroup
-    v-model="radioGroup"
-    false-icon="tabler-bell-off"
-    true-icon="tabler-bell"
-  >
-    <VRadio
-      v-for="n in 2"
-      :key="n"
-      :label="`Radio ${n}`"
-      :value="n"
-    />
-  </VRadioGroup>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioInline.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioInline.vue
deleted file mode 100644
index bf09fed..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioInline.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts" setup>
-const columnRadio = ref('radio-1')
-const inlineRadio = ref('radio-1')
-</script>
-
-<template>
-  <VRadioGroup v-model="columnRadio">
-    <VRadio
-      label="Option 1"
-      value="radio-1"
-    />
-    <VRadio
-      label="Option 2"
-      value="radio-2"
-    />
-  </VRadioGroup>
-
-  <VDivider class="my-4" />
-
-  <VRadioGroup
-    v-model="inlineRadio"
-    inline
-  >
-    <VRadio
-      label="Option 1"
-      value="radio-1"
-    />
-    <VRadio
-      label="Option 2"
-      value="radio-2"
-    />
-  </VRadioGroup>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioLabelSlot.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioLabelSlot.vue
deleted file mode 100644
index 00d5424..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioLabelSlot.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts" setup>
-const radios = ref('DuckDuckGo')
-</script>
-
-<template>
-  <VRadioGroup v-model="radios">
-    <template #label>
-      <div>Your favorite <strong>search engine</strong></div>
-    </template>
-
-    <VRadio value="Google">
-      <template #label>
-        <div>
-          Of course it's <span class="text-success">
-            Google
-          </span>
-        </div>
-      </template>
-    </VRadio>
-
-    <VRadio value="DuckDuckGo">
-      <template #label>
-        <div>
-          Definitely <span class="text-primary">
-            DuckDuckGo
-          </span>
-        </div>
-      </template>
-    </VRadio>
-  </VRadioGroup>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioValidation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioValidation.vue
deleted file mode 100644
index 60cbe26..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/DemoRadioValidation.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts" setup>
-const radioGroup = ref(1)
-const rules = [(value: number) => (value !== 3 ? true : 'Do not select the third one!')]
-</script>
-
-<template>
-  <VRadioGroup
-    v-model="radioGroup"
-    inline
-    :rules="rules"
-  >
-    <VRadio
-      v-for="n in 3"
-      :key="n"
-      :error="radioGroup === 3 "
-      :label="`Radio ${n}`"
-      :value="n"
-    />
-  </VRadioGroup>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/demoCodeRadio.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/demoCodeRadio.ts
deleted file mode 100644
index c83b16e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/radio/demoCodeRadio.ts
+++ /dev/null
@@ -1,394 +0,0 @@
-export const basic = {
-  ts: `<script lang="ts" setup>
-const radioGroup = ref(1)
-</script>
-
-<template>
-  <div class="">
-    <VRadioGroup v-model="radioGroup">
-      <VRadio
-        v-for="n in 2"
-        :key="n"
-        :label="\`Radio \${n}\`"
-        :value="n"
-      />
-    </VRadioGroup>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const radioGroup = ref(1)
-</script>
-
-<template>
-  <div class="">
-    <VRadioGroup v-model="radioGroup">
-      <VRadio
-        v-for="n in 2"
-        :key="n"
-        :label="\`Radio \${n}\`"
-        :value="n"
-      />
-    </VRadioGroup>
-  </div>
-</template>
-`,
-}
-
-export const colors = {
-  ts: `<script lang="ts" setup>
-const selectedRadio = ref('primary')
-const colorsRadio = ['Primary', 'Secondary', 'Success', 'Info', 'Warning', 'Error']
-</script>
-
-<template>
-  <VRadioGroup
-    v-model="selectedRadio"
-    inline
-  >
-    <div>
-      <VRadio
-        v-for="radio in colorsRadio"
-        :key="radio"
-        :label="radio"
-        :color="radio.toLocaleLowerCase()"
-        :value="radio.toLocaleLowerCase()"
-      />
-    </div>
-  </VRadioGroup>
-</template>
-`,
-  js: `<script setup>
-const selectedRadio = ref('primary')
-
-const colorsRadio = [
-  'Primary',
-  'Secondary',
-  'Success',
-  'Info',
-  'Warning',
-  'Error',
-]
-</script>
-
-<template>
-  <VRadioGroup
-    v-model="selectedRadio"
-    inline
-  >
-    <div>
-      <VRadio
-        v-for="radio in colorsRadio"
-        :key="radio"
-        :label="radio"
-        :color="radio.toLocaleLowerCase()"
-        :value="radio.toLocaleLowerCase()"
-      />
-    </div>
-  </VRadioGroup>
-</template>
-`,
-}
-
-export const density = {
-  ts: `<script lang="ts" setup>
-const columnRadio = ref('radio-1')
-const inlineRadio = ref('radio-1')
-</script>
-
-<template>
-  <VRadioGroup v-model="columnRadio">
-    <VRadio
-      label="Option 1"
-      value="radio-1"
-      density="compact"
-    />
-    <VRadio
-      label="Option 2"
-      value="radio-2"
-      density="compact"
-    />
-  </VRadioGroup>
-
-  <VDivider class="my-3" />
-
-  <VRadioGroup
-    v-model="inlineRadio"
-    inline
-  >
-    <VRadio
-      label="Option 1"
-      value="radio-1"
-      density="compact"
-    />
-    <VRadio
-      label="Option 2"
-      value="radio-2"
-      density="compact"
-    />
-  </VRadioGroup>
-</template>
-`,
-  js: `<script setup>
-const columnRadio = ref('radio-1')
-const inlineRadio = ref('radio-1')
-</script>
-
-<template>
-  <VRadioGroup v-model="columnRadio">
-    <VRadio
-      label="Option 1"
-      value="radio-1"
-      density="compact"
-    />
-    <VRadio
-      label="Option 2"
-      value="radio-2"
-      density="compact"
-    />
-  </VRadioGroup>
-
-  <VDivider class="my-3" />
-
-  <VRadioGroup
-    v-model="inlineRadio"
-    inline
-  >
-    <VRadio
-      label="Option 1"
-      value="radio-1"
-      density="compact"
-    />
-    <VRadio
-      label="Option 2"
-      value="radio-2"
-      density="compact"
-    />
-  </VRadioGroup>
-</template>
-`,
-}
-
-export const icon = {
-  ts: `<script lang="ts" setup>
-const radioGroup = ref(1)
-</script>
-
-<template>
-  <VRadioGroup
-    v-model="radioGroup"
-    false-icon="tabler-bell-off"
-    true-icon="tabler-bell"
-  >
-    <VRadio
-      v-for="n in 2"
-      :key="n"
-      :label="\`Radio \${n}\`"
-      :value="n"
-    />
-  </VRadioGroup>
-</template>
-`,
-  js: `<script setup>
-const radioGroup = ref(1)
-</script>
-
-<template>
-  <VRadioGroup
-    v-model="radioGroup"
-    false-icon="tabler-bell-off"
-    true-icon="tabler-bell"
-  >
-    <VRadio
-      v-for="n in 2"
-      :key="n"
-      :label="\`Radio \${n}\`"
-      :value="n"
-    />
-  </VRadioGroup>
-</template>
-`,
-}
-
-export const inline = {
-  ts: `<script lang="ts" setup>
-const columnRadio = ref('radio-1')
-const inlineRadio = ref('radio-1')
-</script>
-
-<template>
-  <VRadioGroup v-model="columnRadio">
-    <VRadio
-      label="Option 1"
-      value="radio-1"
-    />
-    <VRadio
-      label="Option 2"
-      value="radio-2"
-    />
-  </VRadioGroup>
-
-  <VDivider class="my-4" />
-
-  <VRadioGroup
-    v-model="inlineRadio"
-    inline
-  >
-    <VRadio
-      label="Option 1"
-      value="radio-1"
-    />
-    <VRadio
-      label="Option 2"
-      value="radio-2"
-    />
-  </VRadioGroup>
-</template>
-`,
-  js: `<script setup>
-const columnRadio = ref('radio-1')
-const inlineRadio = ref('radio-1')
-</script>
-
-<template>
-  <VRadioGroup v-model="columnRadio">
-    <VRadio
-      label="Option 1"
-      value="radio-1"
-    />
-    <VRadio
-      label="Option 2"
-      value="radio-2"
-    />
-  </VRadioGroup>
-
-  <VDivider class="my-4" />
-
-  <VRadioGroup
-    v-model="inlineRadio"
-    inline
-  >
-    <VRadio
-      label="Option 1"
-      value="radio-1"
-    />
-    <VRadio
-      label="Option 2"
-      value="radio-2"
-    />
-  </VRadioGroup>
-</template>
-`,
-}
-
-export const labelSlot = {
-  ts: `<script lang="ts" setup>
-const radios = ref('DuckDuckGo')
-</script>
-
-<template>
-  <VRadioGroup v-model="radios">
-    <template #label>
-      <div>Your favorite <strong>search engine</strong></div>
-    </template>
-
-    <VRadio value="Google">
-      <template #label>
-        <div>
-          Of course it's <span class="text-success">
-            Google
-          </span>
-        </div>
-      </template>
-    </VRadio>
-
-    <VRadio value="DuckDuckGo">
-      <template #label>
-        <div>
-          Definitely <span class="text-primary">
-            DuckDuckGo
-          </span>
-        </div>
-      </template>
-    </VRadio>
-  </VRadioGroup>
-</template>
-`,
-  js: `<script setup>
-const radios = ref('DuckDuckGo')
-</script>
-
-<template>
-  <VRadioGroup v-model="radios">
-    <template #label>
-      <div>Your favorite <strong>search engine</strong></div>
-    </template>
-
-    <VRadio value="Google">
-      <template #label>
-        <div>
-          Of course it's <span class="text-success">
-            Google
-          </span>
-        </div>
-      </template>
-    </VRadio>
-
-    <VRadio value="DuckDuckGo">
-      <template #label>
-        <div>
-          Definitely <span class="text-primary">
-            DuckDuckGo
-          </span>
-        </div>
-      </template>
-    </VRadio>
-  </VRadioGroup>
-</template>
-`,
-}
-
-export const validation = {
-  ts: `<script lang="ts" setup>
-const radioGroup = ref(1)
-const rules = [(value: number) => (value !== 3 ? true : 'Do not select the third one!')]
-</script>
-
-<template>
-  <VRadioGroup
-    v-model="radioGroup"
-    inline
-    :rules="rules"
-  >
-    <VRadio
-      v-for="n in 3"
-      :key="n"
-      :error="radioGroup === 3 "
-      :label="\`Radio \${n}\`"
-      :value="n"
-    />
-  </VRadioGroup>
-</template>
-`,
-  js: `<script setup>
-const radioGroup = ref(1)
-const rules = [value => value !== 3 ? true : 'Do not select the third one!']
-</script>
-
-<template>
-  <VRadioGroup
-    v-model="radioGroup"
-    inline
-    :rules="rules"
-  >
-    <VRadio
-      v-for="n in 3"
-      :key="n"
-      :error="radioGroup === 3 "
-      :label="\`Radio \${n}\`"
-      :value="n"
-    />
-  </VRadioGroup>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderBasic.vue
deleted file mode 100644
index 654aec5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderBasic.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script setup lang="ts">
-const sliderValues = ref([10, 60])
-</script>
-
-<template>
-  <VRangeSlider v-model="sliderValues" />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderColor.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderColor.vue
deleted file mode 100644
index 70cf0a0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderColor.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts" setup>
-const sliderValues = ref([10, 60])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="sliderValues"
-    color="success"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderDisabled.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderDisabled.vue
deleted file mode 100644
index 7831161..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderDisabled.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts" setup>
-const slidersValues = ref([30, 60])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="slidersValues"
-    disabled
-    label="Disabled"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderStep.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderStep.vue
deleted file mode 100644
index a869efb..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderStep.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts" setup>
-const sliderValues = ref([20, 40])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="sliderValues"
-    step="10"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderThumbLabel.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderThumbLabel.vue
deleted file mode 100644
index c9aea02..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderThumbLabel.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts" setup>
-const seasons = ['Winter', 'Spring', 'Summer', 'Fall']
-const icons = ['tabler-snowflake', 'tabler-leaf', 'tabler-flame', 'tabler-droplet']
-const sliderValues = ref([1, 2])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="sliderValues"
-    :tick="seasons"
-    min="0"
-    max="3"
-    :step="1"
-    show-ticks="always"
-    thumb-label
-    tick-size="4"
-  >
-    <template #thumb-label="{ modelValue }">
-      <VIcon :icon="icons[modelValue]" />
-    </template>
-  </VRangeSlider>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderVertical.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderVertical.vue
deleted file mode 100644
index 72da8a5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/DemoRangeSliderVertical.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts" setup>
-const sliderValues = ref([20, 40])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="sliderValues"
-    direction="vertical"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/demoCodeRangeSlider.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/demoCodeRangeSlider.ts
deleted file mode 100644
index 2144c54..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/range-slider/demoCodeRangeSlider.ts
+++ /dev/null
@@ -1,199 +0,0 @@
-export const basic = {
-  ts: `<script setup lang="ts">
-const sliderValues = ref([10, 60])
-</script>
-
-<template>
-  <VRangeSlider v-model="sliderValues" />
-</template>
-`,
-  js: `<script setup>
-const sliderValues = ref([
-  10,
-  60,
-])
-</script>
-
-<template>
-  <VRangeSlider v-model="sliderValues" />
-</template>
-`,
-}
-
-export const color = {
-  ts: `<script lang="ts" setup>
-const sliderValues = ref([10, 60])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="sliderValues"
-    color="success"
-  />
-</template>
-`,
-  js: `<script setup>
-const sliderValues = ref([
-  10,
-  60,
-])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="sliderValues"
-    color="success"
-  />
-</template>
-`,
-}
-
-export const disabled = {
-  ts: `<script lang="ts" setup>
-const slidersValues = ref([30, 60])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="slidersValues"
-    disabled
-    label="Disabled"
-  />
-</template>
-`,
-  js: `<script setup>
-const slidersValues = ref([
-  30,
-  60,
-])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="slidersValues"
-    disabled
-    label="Disabled"
-  />
-</template>
-`,
-}
-
-export const step = {
-  ts: `<script lang="ts" setup>
-const sliderValues = ref([20, 40])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="sliderValues"
-    step="10"
-  />
-</template>
-`,
-  js: `<script setup>
-const sliderValues = ref([
-  20,
-  40,
-])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="sliderValues"
-    step="10"
-  />
-</template>
-`,
-}
-
-export const thumbLabel = {
-  ts: `<script lang="ts" setup>
-const seasons = ['Winter', 'Spring', 'Summer', 'Fall']
-const icons = ['tabler-snowflake', 'tabler-leaf', 'tabler-flame', 'tabler-droplet']
-const sliderValues = ref([1, 2])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="sliderValues"
-    :tick="seasons"
-    min="0"
-    max="3"
-    :step="1"
-    show-ticks="always"
-    thumb-label
-    tick-size="4"
-  >
-    <template #thumb-label="{ modelValue }">
-      <VIcon :icon="icons[modelValue]" />
-    </template>
-  </VRangeSlider>
-</template>
-`,
-  js: `<script setup>
-const seasons = [
-  'Winter',
-  'Spring',
-  'Summer',
-  'Fall',
-]
-
-const icons = [
-  'tabler-snowflake',
-  'tabler-leaf',
-  'tabler-flame',
-  'tabler-droplet',
-]
-
-const sliderValues = ref([
-  1,
-  2,
-])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="sliderValues"
-    :tick="seasons"
-    min="0"
-    max="3"
-    :step="1"
-    show-ticks="always"
-    thumb-label
-    tick-size="4"
-  >
-    <template #thumb-label="{ modelValue }">
-      <VIcon :icon="icons[modelValue]" />
-    </template>
-  </VRangeSlider>
-</template>
-`,
-}
-
-export const vertical = {
-  ts: `<script lang="ts" setup>
-const sliderValues = ref([20, 40])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="sliderValues"
-    direction="vertical"
-  />
-</template>
-`,
-  js: `<script setup>
-const sliderValues = ref([
-  20,
-  40,
-])
-</script>
-
-<template>
-  <VRangeSlider
-    v-model="sliderValues"
-    direction="vertical"
-  />
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingBasic.vue
deleted file mode 100644
index a750746..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingBasic.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template>
-  <VRating />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingClearable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingClearable.vue
deleted file mode 100644
index c158876..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingClearable.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template>
-  <VRating clearable />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingColors.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingColors.vue
deleted file mode 100644
index 75dee5b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingColors.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts" setup>
-const rating = ref(4)
-const ratingColors = ['primary', 'secondary', 'success', 'info', 'warning', 'error']
-</script>
-
-<template>
-  <div class="d-flex flex-column">
-    <VRating
-      v-for="color in ratingColors"
-      :key="color"
-      v-model="rating"
-      :color="color"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingDensity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingDensity.vue
deleted file mode 100644
index aea18b9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingDensity.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template>
-  <VRating density="compact" />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingHover.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingHover.vue
deleted file mode 100644
index a5fbea0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingHover.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template>
-  <VRating hover />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingIncremented.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingIncremented.vue
deleted file mode 100644
index ecb1013..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingIncremented.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts" setup>
-const rating = ref(4.5)
-</script>
-
-<template>
-  <VRating
-    v-model="rating"
-    half-increments
-    hover
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingItemSlot.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingItemSlot.vue
deleted file mode 100644
index 92f77fa..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingItemSlot.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts" setup>
-const rating = ref(4.5)
-</script>
-
-<template>
-  <VRating v-model="rating">
-    <template #item="props">
-      <VIcon
-        v-bind="props"
-        :size="25"
-        :color="props.isFilled ? 'success' : 'secondary'"
-        class="me-3"
-        :icon="props.isFilled ? 'tabler-mood-smile-beam' : 'tabler-mood-sad'"
-      />
-    </template>
-  </VRating>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingLength.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingLength.vue
deleted file mode 100644
index f5f257d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingLength.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts" setup>
-const length = ref(5)
-const rating = ref(2)
-</script>
-
-<template>
-  <div class="text-caption">
-    Custom length
-  </div>
-
-  <VSlider
-    v-model="length"
-    :min="1"
-    :max="7"
-  />
-
-  <VRating
-    v-model="rating"
-    :length="length"
-  />
-  <p class="font-weight-medium mb-0">
-    Model: {{ rating }}
-  </p>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingReadonly.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingReadonly.vue
deleted file mode 100644
index dc1eaa1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingReadonly.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <VRating
-    readonly
-    :model-value="4"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingSize.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingSize.vue
deleted file mode 100644
index bad8138..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/DemoRatingSize.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts" setup>
-const rating = ref(4)
-</script>
-
-<template>
-  <div class="d-flex flex-column">
-    <VRating
-      v-model="rating"
-      size="x-small"
-    />
-
-    <VRating
-      v-model="rating"
-      size="small"
-    />
-
-    <VRating
-      v-model="rating"
-      size="large"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/demoCodeRating.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/demoCodeRating.ts
deleted file mode 100644
index 3715697..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/rating/demoCodeRating.ts
+++ /dev/null
@@ -1,271 +0,0 @@
-export const basic = {
-  ts: `<template>
-  <VRating />
-</template>
-`,
-  js: `<template>
-  <VRating />
-</template>
-`,
-}
-
-export const clearable = {
-  ts: `<template>
-  <VRating clearable />
-</template>
-`,
-  js: `<template>
-  <VRating clearable />
-</template>
-`,
-}
-
-export const colors = {
-  ts: `<script lang="ts" setup>
-const rating = ref(4)
-const ratingColors = ['primary', 'secondary', 'success', 'info', 'warning', 'error']
-</script>
-
-<template>
-  <div class="d-flex flex-column">
-    <VRating
-      v-for="color in ratingColors"
-      :key="color"
-      v-model="rating"
-      :color="color"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const rating = ref(4)
-
-const ratingColors = [
-  'primary',
-  'secondary',
-  'success',
-  'info',
-  'warning',
-  'error',
-]
-</script>
-
-<template>
-  <div class="d-flex flex-column">
-    <VRating
-      v-for="color in ratingColors"
-      :key="color"
-      v-model="rating"
-      :color="color"
-    />
-  </div>
-</template>
-`,
-}
-
-export const density = {
-  ts: `<template>
-  <VRating density="compact" />
-</template>
-`,
-  js: `<template>
-  <VRating density="compact" />
-</template>
-`,
-}
-
-export const hover = {
-  ts: `<template>
-  <VRating hover />
-</template>
-`,
-  js: `<template>
-  <VRating hover />
-</template>
-`,
-}
-
-export const incremented = {
-  ts: `<script lang="ts" setup>
-const rating = ref(4.5)
-</script>
-
-<template>
-  <VRating
-    v-model="rating"
-    half-increments
-    hover
-  />
-</template>
-`,
-  js: `<script setup>
-const rating = ref(4.5)
-</script>
-
-<template>
-  <VRating
-    v-model="rating"
-    half-increments
-    hover
-  />
-</template>
-`,
-}
-
-export const itemSlot = {
-  ts: `<script lang="ts" setup>
-const rating = ref(4.5)
-</script>
-
-<template>
-  <VRating v-model="rating">
-    <template #item="props">
-      <VIcon
-        v-bind="props"
-        :size="25"
-        :color="props.isFilled ? 'success' : 'secondary'"
-        class="me-3"
-        :icon="props.isFilled ? 'tabler-mood-smile-beam' : 'tabler-mood-sad'"
-      />
-    </template>
-  </VRating>
-</template>
-`,
-  js: `<script setup>
-const rating = ref(4.5)
-</script>
-
-<template>
-  <VRating v-model="rating">
-    <template #item="props">
-      <VIcon
-        v-bind="props"
-        :size="25"
-        :color="props.isFilled ? 'success' : 'secondary'"
-        class="me-3"
-        :icon="props.isFilled ? 'tabler-mood-smile-beam' : 'tabler-mood-sad'"
-      />
-    </template>
-  </VRating>
-</template>
-`,
-}
-
-export const length = {
-  ts: `<script lang="ts" setup>
-const length = ref(5)
-const rating = ref(2)
-</script>
-
-<template>
-  <div class="text-caption">
-    Custom length
-  </div>
-
-  <VSlider
-    v-model="length"
-    :min="1"
-    :max="7"
-  />
-
-  <VRating
-    v-model="rating"
-    :length="length"
-  />
-  <p class="font-weight-medium mb-0">
-    Model: {{ rating }}
-  </p>
-</template>
-`,
-  js: `<script setup>
-const length = ref(5)
-const rating = ref(2)
-</script>
-
-<template>
-  <div class="text-caption">
-    Custom length
-  </div>
-
-  <VSlider
-    v-model="length"
-    :min="1"
-    :max="7"
-  />
-
-  <VRating
-    v-model="rating"
-    :length="length"
-  />
-  <p class="font-weight-medium mb-0">
-    Model: {{ rating }}
-  </p>
-</template>
-`,
-}
-
-export const readonly = {
-  ts: `<template>
-  <VRating
-    readonly
-    :model-value="4"
-  />
-</template>
-`,
-  js: `<template>
-  <VRating
-    readonly
-    :model-value="4"
-  />
-</template>
-`,
-}
-
-export const size = {
-  ts: `<script lang="ts" setup>
-const rating = ref(4)
-</script>
-
-<template>
-  <div class="d-flex flex-column">
-    <VRating
-      v-model="rating"
-      size="x-small"
-    />
-
-    <VRating
-      v-model="rating"
-      size="small"
-    />
-
-    <VRating
-      v-model="rating"
-      size="large"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const rating = ref(4)
-</script>
-
-<template>
-  <div class="d-flex flex-column">
-    <VRating
-      v-model="rating"
-      size="x-small"
-    />
-
-    <VRating
-      v-model="rating"
-      size="small"
-    />
-
-    <VRating
-      v-model="rating"
-      size="large"
-    />
-  </div>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectBasic.vue
deleted file mode 100644
index 8693ab6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectBasic.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts" setup>
-const items = ['Foo', 'Bar', 'Fizz', 'Buzz']
-</script>
-
-<template>
-  <AppSelect
-    :items="items"
-    label="Standard"
-    placeholder="Select Item"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectChips.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectChips.vue
deleted file mode 100644
index 719684f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectChips.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts" setup>
-const items = ['foo', 'bar', 'fizz', 'buzz']
-const selected = ref(['foo', 'bar', 'fizz', 'buzz'])
-</script>
-
-<template>
-  <AppSelect
-    v-model="selected"
-    :items="items"
-    placeholder="Select Item"
-    label="Chips"
-    chips
-    multiple
-    closable-chips
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectCustomTextAndValue.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectCustomTextAndValue.vue
deleted file mode 100644
index ffd4497..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectCustomTextAndValue.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts" setup>
-const selectedOption = ref({ state: 'Florida', abbr: 'FL' })
-
-const items = [
-  { state: 'Florida', abbr: 'FL' },
-  { state: 'Georgia', abbr: 'GA' },
-  { state: 'Nebraska', abbr: 'NE' },
-  { state: 'California', abbr: 'CA' },
-  { state: 'New York', abbr: 'NY' },
-]
-</script>
-
-<template>
-  <AppSelect
-    v-model="selectedOption"
-    :hint="`${selectedOption.state}, ${selectedOption.abbr}`"
-    :items="items"
-    item-title="state"
-    item-value="abbr"
-    label="Select"
-    persistent-hint
-    return-object
-    single-line
-    placeholder="Select State"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectDensity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectDensity.vue
deleted file mode 100644
index fcf5d2e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectDensity.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts" setup>
-const items = ['Foo', 'Bar', 'Fizz', 'Buzz']
-</script>
-
-<template>
-  <AppSelect
-    :items="items"
-    label="Density"
-    density="compact"
-    placeholder="Select Item"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectIcons.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectIcons.vue
deleted file mode 100644
index ab0fbdf..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectIcons.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts" setup>
-const selectedOption1 = ref('Florida')
-const selectedOption2 = ref('Texas')
-
-const states = [
-  'Alabama',
-  'Alaska',
-  'American Samoa',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'District of Columbia',
-  'Federated States of Micronesia',
-  'Florida',
-  'Georgia',
-  'Guam',
-]
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppSelect
-        v-model="selectedOption1"
-        :items="states"
-        label="Select"
-        prepend-icon="tabler-map"
-        single-line
-        variant="filled"
-        placeholder="Select State"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppSelect
-        v-model="selectedOption2"
-        :items="states"
-        append-icon="tabler-map"
-        label="Select"
-        single-line
-        variant="filled"
-        placeholder="Select State"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectMenuProps.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectMenuProps.vue
deleted file mode 100644
index abd3e3f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectMenuProps.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts" setup>
-const items = ['Foo', 'Bar', 'Fizz', 'Buzz']
-</script>
-
-<template>
-  <AppSelect
-    :items="items"
-    :menu-props="{ transition: 'scroll-y-transition' }"
-    label="Label"
-    placeholder="Select Item"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectMultiple.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectMultiple.vue
deleted file mode 100644
index dfef2e8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectMultiple.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts" setup>
-const selectedOptions = ref(['Alabama'])
-
-const states = [
-  'Alabama',
-  'Alaska',
-  'American Samoa',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'District of Columbia',
-  'Federated States of Micronesia',
-  'Florida',
-  'Georgia',
-  'Guam',
-]
-</script>
-
-<template>
-  <AppSelect
-    v-model="selectedOptions"
-    :items="states"
-    :menu-props="{ maxHeight: '400' }"
-    label="Select"
-    multiple
-    persistent-hint
-    placeholder="Select State"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectSelectionSlot.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectSelectionSlot.vue
deleted file mode 100644
index 18761cc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectSelectionSlot.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts" setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-
-const items: { name: string; avatar: string }[] = [
-  { name: 'Sandra Adams', avatar: avatar1 },
-  { name: 'Ali Connors', avatar: avatar2 },
-  { name: 'Trevor Hansen', avatar: avatar3 },
-  { name: 'Tucker Smith', avatar: avatar4 },
-  { name: 'Britta Holt', avatar: avatar5 },
-]
-
-const value = ref(['Sandra Adams'])
-</script>
-
-<template>
-  <AppSelect
-    v-model="value"
-    :items="items"
-    item-title="name"
-    item-value="name"
-    label="Select Item"
-    placeholder="Select Item"
-    multiple
-    clearable
-    clear-icon="tabler-x"
-  >
-    <template #selection="{ item }">
-      <VChip>
-        <template #prepend>
-          <VAvatar
-            start
-            :image="item.raw.avatar"
-          />
-        </template>
-
-        <span>{{ item.title }}</span>
-      </VChip>
-    </template>
-  </AppSelect>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectVariant.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectVariant.vue
deleted file mode 100644
index 3439305..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/DemoSelectVariant.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<script lang="ts" setup>
-const items = ['Foo', 'Bar', 'Fizz', 'Buzz']
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Outlined"
-        placeholder="Select Item"
-      />
-    </VCol>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Filled"
-        placeholder="Select Item"
-        variant="filled"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Solo"
-        placeholder="Select Item"
-        variant="solo"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Plain"
-        placeholder="Select Item"
-        variant="plain"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Underlined"
-        variant="underlined"
-        placeholder="Select Item"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/demoCodeSelect.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/demoCodeSelect.ts
deleted file mode 100644
index e173a82..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/select/demoCodeSelect.ts
+++ /dev/null
@@ -1,642 +0,0 @@
-export const basic = {
-  ts: `<script lang="ts" setup>
-const items = ['Foo', 'Bar', 'Fizz', 'Buzz']
-</script>
-
-<template>
-  <AppSelect
-    :items="items"
-    label="Standard"
-    placeholder="Select Item"
-  />
-</template>
-`,
-  js: `<script setup>
-const items = [
-  'Foo',
-  'Bar',
-  'Fizz',
-  'Buzz',
-]
-</script>
-
-<template>
-  <AppSelect
-    :items="items"
-    label="Standard"
-    placeholder="Select Item"
-  />
-</template>
-`,
-}
-
-export const chips = {
-  ts: `<script lang="ts" setup>
-const items = ['foo', 'bar', 'fizz', 'buzz']
-const selected = ref(['foo', 'bar', 'fizz', 'buzz'])
-</script>
-
-<template>
-  <AppSelect
-    v-model="selected"
-    :items="items"
-    placeholder="Select Item"
-    label="Chips"
-    chips
-    multiple
-    closable-chips
-  />
-</template>
-`,
-  js: `<script setup>
-const items = [
-  'foo',
-  'bar',
-  'fizz',
-  'buzz',
-]
-
-const selected = ref([
-  'foo',
-  'bar',
-  'fizz',
-  'buzz',
-])
-</script>
-
-<template>
-  <AppSelect
-    v-model="selected"
-    :items="items"
-    placeholder="Select Item"
-    label="Chips"
-    chips
-    multiple
-    closable-chips
-  />
-</template>
-`,
-}
-
-export const customTextAndValue = {
-  ts: `<script lang="ts" setup>
-const selectedOption = ref({ state: 'Florida', abbr: 'FL' })
-
-const items = [
-  { state: 'Florida', abbr: 'FL' },
-  { state: 'Georgia', abbr: 'GA' },
-  { state: 'Nebraska', abbr: 'NE' },
-  { state: 'California', abbr: 'CA' },
-  { state: 'New York', abbr: 'NY' },
-]
-</script>
-
-<template>
-  <AppSelect
-    v-model="selectedOption"
-    :hint="\`\${selectedOption.state}, \${selectedOption.abbr}\`"
-    :items="items"
-    item-title="state"
-    item-value="abbr"
-    label="Select"
-    persistent-hint
-    return-object
-    single-line
-    placeholder="Select State"
-  />
-</template>
-`,
-  js: `<script setup>
-const selectedOption = ref({
-  state: 'Florida',
-  abbr: 'FL',
-})
-
-const items = [
-  {
-    state: 'Florida',
-    abbr: 'FL',
-  },
-  {
-    state: 'Georgia',
-    abbr: 'GA',
-  },
-  {
-    state: 'Nebraska',
-    abbr: 'NE',
-  },
-  {
-    state: 'California',
-    abbr: 'CA',
-  },
-  {
-    state: 'New York',
-    abbr: 'NY',
-  },
-]
-</script>
-
-<template>
-  <AppSelect
-    v-model="selectedOption"
-    :hint="\`\${selectedOption.state}, \${selectedOption.abbr}\`"
-    :items="items"
-    item-title="state"
-    item-value="abbr"
-    label="Select"
-    persistent-hint
-    return-object
-    single-line
-    placeholder="Select State"
-  />
-</template>
-`,
-}
-
-export const density = {
-  ts: `<script lang="ts" setup>
-const items = ['Foo', 'Bar', 'Fizz', 'Buzz']
-</script>
-
-<template>
-  <AppSelect
-    :items="items"
-    label="Density"
-    density="compact"
-    placeholder="Select Item"
-  />
-</template>
-`,
-  js: `<script setup>
-const items = [
-  'Foo',
-  'Bar',
-  'Fizz',
-  'Buzz',
-]
-</script>
-
-<template>
-  <AppSelect
-    :items="items"
-    label="Density"
-    density="compact"
-    placeholder="Select Item"
-  />
-</template>
-`,
-}
-
-export const icons = {
-  ts: `<script lang="ts" setup>
-const selectedOption1 = ref('Florida')
-const selectedOption2 = ref('Texas')
-
-const states = [
-  'Alabama',
-  'Alaska',
-  'American Samoa',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'District of Columbia',
-  'Federated States of Micronesia',
-  'Florida',
-  'Georgia',
-  'Guam',
-]
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppSelect
-        v-model="selectedOption1"
-        :items="states"
-        label="Select"
-        prepend-icon="tabler-map"
-        single-line
-        variant="filled"
-        placeholder="Select State"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppSelect
-        v-model="selectedOption2"
-        :items="states"
-        append-icon="tabler-map"
-        label="Select"
-        single-line
-        variant="filled"
-        placeholder="Select State"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const selectedOption1 = ref('Florida')
-const selectedOption2 = ref('Texas')
-
-const states = [
-  'Alabama',
-  'Alaska',
-  'American Samoa',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'District of Columbia',
-  'Federated States of Micronesia',
-  'Florida',
-  'Georgia',
-  'Guam',
-]
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppSelect
-        v-model="selectedOption1"
-        :items="states"
-        label="Select"
-        prepend-icon="tabler-map"
-        single-line
-        variant="filled"
-        placeholder="Select State"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppSelect
-        v-model="selectedOption2"
-        :items="states"
-        append-icon="tabler-map"
-        label="Select"
-        single-line
-        variant="filled"
-        placeholder="Select State"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const menuProps = {
-  ts: `<script lang="ts" setup>
-const items = ['Foo', 'Bar', 'Fizz', 'Buzz']
-</script>
-
-<template>
-  <AppSelect
-    :items="items"
-    :menu-props="{ transition: 'scroll-y-transition' }"
-    label="Label"
-    placeholder="Select Item"
-  />
-</template>
-`,
-  js: `<script setup>
-const items = [
-  'Foo',
-  'Bar',
-  'Fizz',
-  'Buzz',
-]
-</script>
-
-<template>
-  <AppSelect
-    :items="items"
-    :menu-props="{ transition: 'scroll-y-transition' }"
-    label="Label"
-    placeholder="Select Item"
-  />
-</template>
-`,
-}
-
-export const multiple = {
-  ts: `<script lang="ts" setup>
-const selectedOptions = ref(['Alabama'])
-
-const states = [
-  'Alabama',
-  'Alaska',
-  'American Samoa',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'District of Columbia',
-  'Federated States of Micronesia',
-  'Florida',
-  'Georgia',
-  'Guam',
-]
-</script>
-
-<template>
-  <AppSelect
-    v-model="selectedOptions"
-    :items="states"
-    :menu-props="{ maxHeight: '400' }"
-    label="Select"
-    multiple
-    persistent-hint
-    placeholder="Select State"
-  />
-</template>
-`,
-  js: `<script setup>
-const selectedOptions = ref(['Alabama'])
-
-const states = [
-  'Alabama',
-  'Alaska',
-  'American Samoa',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'District of Columbia',
-  'Federated States of Micronesia',
-  'Florida',
-  'Georgia',
-  'Guam',
-]
-</script>
-
-<template>
-  <AppSelect
-    v-model="selectedOptions"
-    :items="states"
-    :menu-props="{ maxHeight: '400' }"
-    label="Select"
-    multiple
-    persistent-hint
-    placeholder="Select State"
-  />
-</template>
-`,
-}
-
-export const selectionSlot = {
-  ts: `<script lang="ts" setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-
-const items: { name: string; avatar: string }[] = [
-  { name: 'Sandra Adams', avatar: avatar1 },
-  { name: 'Ali Connors', avatar: avatar2 },
-  { name: 'Trevor Hansen', avatar: avatar3 },
-  { name: 'Tucker Smith', avatar: avatar4 },
-  { name: 'Britta Holt', avatar: avatar5 },
-]
-
-const value = ref(['Sandra Adams'])
-</script>
-
-<template>
-  <AppSelect
-    v-model="value"
-    :items="items"
-    item-title="name"
-    item-value="name"
-    label="Select Item"
-    placeholder="Select Item"
-    multiple
-    clearable
-    clear-icon="tabler-x"
-  >
-    <template #selection="{ item }">
-      <VChip>
-        <template #prepend>
-          <VAvatar
-            start
-            :image="item.raw.avatar"
-          />
-        </template>
-
-        <span>{{ item.title }}</span>
-      </VChip>
-    </template>
-  </AppSelect>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-
-const items = [
-  {
-    name: 'Sandra Adams',
-    avatar: avatar1,
-  },
-  {
-    name: 'Ali Connors',
-    avatar: avatar2,
-  },
-  {
-    name: 'Trevor Hansen',
-    avatar: avatar3,
-  },
-  {
-    name: 'Tucker Smith',
-    avatar: avatar4,
-  },
-  {
-    name: 'Britta Holt',
-    avatar: avatar5,
-  },
-]
-
-const value = ref(['Sandra Adams'])
-</script>
-
-<template>
-  <AppSelect
-    v-model="value"
-    :items="items"
-    item-title="name"
-    item-value="name"
-    label="Select Item"
-    placeholder="Select Item"
-    multiple
-    clearable
-    clear-icon="tabler-x"
-  >
-    <template #selection="{ item }">
-      <VChip>
-        <template #prepend>
-          <VAvatar
-            start
-            :image="item.raw.avatar"
-          />
-        </template>
-
-        <span>{{ item.title }}</span>
-      </VChip>
-    </template>
-  </AppSelect>
-</template>
-`,
-}
-
-export const variant = {
-  ts: `<script lang="ts" setup>
-const items = ['Foo', 'Bar', 'Fizz', 'Buzz']
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Outlined"
-        placeholder="Select Item"
-      />
-    </VCol>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Filled"
-        placeholder="Select Item"
-        variant="filled"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Solo"
-        placeholder="Select Item"
-        variant="solo"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Plain"
-        placeholder="Select Item"
-        variant="plain"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Underlined"
-        variant="underlined"
-        placeholder="Select Item"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const items = [
-  'Foo',
-  'Bar',
-  'Fizz',
-  'Buzz',
-]
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Outlined"
-        placeholder="Select Item"
-      />
-    </VCol>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Filled"
-        placeholder="Select Item"
-        variant="filled"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Solo"
-        placeholder="Select Item"
-        variant="solo"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Plain"
-        placeholder="Select Item"
-        variant="plain"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VSelect
-        :items="items"
-        label="Underlined"
-        variant="underlined"
-        placeholder="Select Item"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderAppendAndPrepend.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderAppendAndPrepend.vue
deleted file mode 100644
index 1bd0a42..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderAppendAndPrepend.vue
+++ /dev/null
@@ -1,118 +0,0 @@
-<script lang="ts" setup>
-const bpm = ref(40)
-const min = 40
-const max = 218
-const isPlaying = ref(false)
-
-const color = computed(() => {
-  if (bpm.value < 100)
-    return 'primary'
-  if (bpm.value < 125)
-    return 'success'
-  if (bpm.value < 140)
-    return 'info'
-  if (bpm.value < 175)
-    return 'warning'
-
-  return 'error'
-})
-
-const animationDuration = computed(() => {
-  return `${60 / bpm.value}s`
-})
-
-const decrement = () => {
-  if (bpm.value > min)
-    bpm.value -= 1
-}
-
-const increment = () => {
-  if (bpm.value < max)
-    bpm.value += 1
-}
-</script>
-
-<template>
-  <div class="d-flex justify-space-between ma-4">
-    <div>
-      <span
-        class="text-6xl font-weight-light"
-        v-text="bpm"
-      />
-      <span class="subheading font-weight-light me-1">BPM</span>
-
-      <VFadeTransition>
-        <VAvatar
-          v-if="isPlaying"
-          :color="color"
-          :style="{
-            animationDuration,
-          }"
-          class="mb-1 v-avatar--metronome"
-          size="12"
-        />
-      </VFadeTransition>
-    </div>
-
-    <div>
-      <VBtn
-        :color="color"
-        icon
-        elevation="0"
-        @click="isPlaying = !isPlaying"
-      >
-        <VIcon
-          size="large"
-          :icon="isPlaying ? 'tabler-pause' : 'tabler-play'"
-        />
-      </VBtn>
-    </div>
-  </div>
-
-  <VSlider
-    v-model="bpm"
-    :color="color"
-    :step="1"
-    :min="min"
-    :max="max"
-    track-color="secondary"
-  >
-    <template #prepend>
-      <VBtn
-        size="small"
-        variant="text"
-        icon="tabler-minus"
-        :color="color"
-        @click="decrement"
-      />
-    </template>
-
-    <template #append>
-      <VBtn
-        size="small"
-        variant="text"
-        icon="tabler-plus"
-        :color="color"
-        @click="increment"
-      />
-    </template>
-  </VSlider>
-</template>
-
-<style lang="scss" scoped>
-  @keyframes metronome-example {
-    from {
-      transform: scale(0.5);
-    }
-
-    to {
-      transform: scale(1);
-    }
-  }
-
-  .v-avatar--metronome {
-    animation-direction: alternate;
-    animation-iteration-count: infinite;
-    animation-name: metronome-example;
-  }
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderAppendTextField.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderAppendTextField.vue
deleted file mode 100644
index 9f7c4c9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderAppendTextField.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<script lang="ts" setup>
-const redColorValue = ref(161)
-const greenColorValue = ref(105)
-const blueColorValue = ref(225)
-</script>
-
-<template>
-  <VResponsive
-    :style="{ background: `rgb(${redColorValue}, ${greenColorValue}, ${blueColorValue})` }"
-    height="150px"
-  />
-
-  <VRow class="mt-5">
-    <VCol cols="12">
-      <!-- R -->
-      <div class="d-flex justify-space-between">
-        <VSlider
-          v-model="redColorValue"
-          :max="255"
-          :step="1"
-          prepend-icon="tabler-letter-r"
-        />
-
-        <VTextField
-          v-model="redColorValue"
-          type="number"
-          placeholder="10"
-          :max="255"
-          style="max-inline-size: 5rem;"
-        />
-      </div>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- G -->
-      <div class="d-flex justify-space-between">
-        <VSlider
-          v-model="greenColorValue"
-          :max="255"
-          :step="1"
-          prepend-icon="tabler-letter-g"
-        />
-
-        <VTextField
-          v-model="greenColorValue"
-          type="number"
-          placeholder="20"
-          :max="255"
-          style="max-inline-size: 5rem;"
-        />
-      </div>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- B -->
-      <div class="d-flex justify-space-between">
-        <VSlider
-          v-model="blueColorValue"
-          :max="255"
-          :step="1"
-          prepend-icon="tabler-letter-b"
-        />
-        <VTextField
-          v-model="blueColorValue"
-          type="number"
-          placeholder="30"
-          :max="255"
-          style="max-inline-size: 5rem;"
-        />
-      </div>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderBasic.vue
deleted file mode 100644
index 62d6742..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderBasic.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script setup lang="ts">
-const sliderValue = ref(30)
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <VSlider />
-    </VCol>
-
-    <VCol cols="12">
-      <VSlider v-model="sliderValue" />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderColors.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderColors.vue
deleted file mode 100644
index dd7010f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderColors.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts" setup>
-const sliderColorValue = ref(25)
-const sliderTrackColorValue = ref(75)
-const sliderThumbColorValue = ref(50)
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <div class="text-caption">
-        color
-      </div>
-      <VSlider
-        v-model="sliderColorValue"
-        color="error"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        track-color
-      </div>
-      <VSlider
-        v-model="sliderTrackColorValue"
-        track-color="error"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        thumb-color
-      </div>
-      <VSlider
-        v-model="sliderThumbColorValue"
-        thumb-color="error"
-        thumb-label="always"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderDisabledAndReadonly.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderDisabledAndReadonly.vue
deleted file mode 100644
index 941a769..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderDisabledAndReadonly.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <VRow>
-    <VCol cols="12">
-      <div class="text-caption">
-        Disabled
-      </div>
-      <VSlider
-        disabled
-        label="Disabled"
-        :model-value="30"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Readonly
-      </div>
-      <VSlider
-        readonly
-        label="Readonly"
-        :model-value="30"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderIcons.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderIcons.vue
deleted file mode 100644
index 80e67bd..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderIcons.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts" setup>
-const mediaSlider = ref(0)
-const alarmSlider = ref(0)
-const zoomInOut = ref(10)
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <VSlider
-        v-model="mediaSlider"
-        prepend-icon="tabler-volume"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <VSlider
-        v-model="alarmSlider"
-        append-icon="tabler-alarm"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <VSlider
-        v-model="zoomInOut"
-        append-icon="tabler-minus"
-        prepend-icon="tabler-plus"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderMinAndMax.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderMinAndMax.vue
deleted file mode 100644
index 04f7741..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderMinAndMax.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts" setup>
-const min = ref(-50)
-const max = ref(90)
-const slider = ref(40)
-</script>
-
-<template>
-  <div class="d-flex justify-space-between">
-    <VSlider
-      v-model="slider"
-      :max="max"
-      :min="min"
-      :step="1"
-    />
-
-    <AppTextField
-      v-model="slider"
-      type="number"
-      placeholder="10"
-      style="max-inline-size: 5rem;"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderSize.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderSize.vue
deleted file mode 100644
index c33710c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderSize.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <VSlider
-    :step="10"
-    show-ticks
-    :thumb-size="18"
-    :tick-size="3"
-    :track-size="2"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderStep.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderStep.vue
deleted file mode 100644
index 995e955..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderStep.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts" setup>
-const value = ref(0)
-</script>
-
-<template>
-  <VSlider
-    v-model="value"
-    :min="0"
-    :max="1"
-    :step="0.2"
-    thumb-label
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderThumb.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderThumb.vue
deleted file mode 100644
index 862a2e5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderThumb.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<script lang="ts" setup>
-const satisfactionEmojis = ['😭', '😢', '😔', '🙁', '😐', '🙂', '😊', '😁', '😄', '😍']
-const slider = ref(45)
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <div class="text-caption">
-        Show thumb when using slider
-      </div>
-      <VSlider
-        v-model="slider"
-        thumb-label
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Always show thumb label
-      </div>
-      <VSlider
-        v-model="slider"
-        thumb-label="always"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Custom thumb size
-      </div>
-      <VSlider
-        v-model="slider"
-        :thumb-size="30"
-        thumb-label="always"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Custom thumb label
-      </div>
-      <VSlider
-        v-model="slider"
-        thumb-label="always"
-      >
-        <template #thumb-label="{ modelValue }">
-          {{ satisfactionEmojis[Math.min(Math.floor(modelValue / 10), 9)] }}
-        </template>
-      </VSlider>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderTicks.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderTicks.vue
deleted file mode 100644
index 8ab89ac..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderTicks.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<script lang="ts" setup>
-const value = ref(0)
-const fruits = ref(1)
-const ticksLabels = { 0: 'Figs', 1: 'Lemon', 2: 'Pear', 3: 'Apple' }
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <div class="text-caption">
-        Show ticks when using slider
-      </div>
-      <VSlider
-        v-model="value"
-        :step="10"
-        show-ticks
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Always show ticks
-      </div>
-      <VSlider
-        v-model="value"
-        :step="10"
-        show-ticks="always"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Tick size
-      </div>
-      <VSlider
-        v-model="value"
-        :step="10"
-        show-ticks="always"
-        tick-size="4"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Tick labels
-      </div>
-      <VSlider
-        v-model="fruits"
-        :ticks="ticksLabels"
-        :max="3"
-        step="1"
-        show-ticks="always"
-        tick-size="4"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderValidation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderValidation.vue
deleted file mode 100644
index 552f326..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderValidation.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts" setup>
-const value = ref(30)
-const rules = [(v: number) => v <= 40 || 'Only 40 in stock']
-</script>
-
-<template>
-  <VSlider
-    v-model="value"
-    :error="value > 40"
-    :rules="rules"
-    :step="10"
-    thumb-label="always"
-    show-ticks
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderVertical.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderVertical.vue
deleted file mode 100644
index 70691e4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/DemoSliderVertical.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts" setup>
-const value = ref(10)
-</script>
-
-<template>
-  <VSlider
-    v-model="value"
-    direction="vertical"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/demoCodeSlider.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/demoCodeSlider.ts
deleted file mode 100644
index cd62cee..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/slider/demoCodeSlider.ts
+++ /dev/null
@@ -1,1046 +0,0 @@
-export const appendAndPrepend = {
-  ts: `<script lang="ts" setup>
-const bpm = ref(40)
-const min = 40
-const max = 218
-const isPlaying = ref(false)
-
-const color = computed(() => {
-  if (bpm.value < 100)
-    return 'primary'
-  if (bpm.value < 125)
-    return 'success'
-  if (bpm.value < 140)
-    return 'info'
-  if (bpm.value < 175)
-    return 'warning'
-
-  return 'error'
-})
-
-const animationDuration = computed(() => {
-  return \`\${60 / bpm.value}s\`
-})
-
-const decrement = () => {
-  if (bpm.value > min)
-    bpm.value -= 1
-}
-
-const increment = () => {
-  if (bpm.value < max)
-    bpm.value += 1
-}
-</script>
-
-<template>
-  <div class="d-flex justify-space-between ma-4">
-    <div>
-      <span
-        class="text-6xl font-weight-light"
-        v-text="bpm"
-      />
-      <span class="subheading font-weight-light me-1">BPM</span>
-
-      <VFadeTransition>
-        <VAvatar
-          v-if="isPlaying"
-          :color="color"
-          :style="{
-            animationDuration,
-          }"
-          class="mb-1 v-avatar--metronome"
-          size="12"
-        />
-      </VFadeTransition>
-    </div>
-
-    <div>
-      <VBtn
-        :color="color"
-        icon
-        elevation="0"
-        @click="isPlaying = !isPlaying"
-      >
-        <VIcon
-          size="large"
-          :icon="isPlaying ? 'tabler-pause' : 'tabler-play'"
-        />
-      </VBtn>
-    </div>
-  </div>
-
-  <VSlider
-    v-model="bpm"
-    :color="color"
-    :step="1"
-    :min="min"
-    :max="max"
-    track-color="secondary"
-  >
-    <template #prepend>
-      <VBtn
-        size="small"
-        variant="text"
-        icon="tabler-minus"
-        :color="color"
-        @click="decrement"
-      />
-    </template>
-
-    <template #append>
-      <VBtn
-        size="small"
-        variant="text"
-        icon="tabler-plus"
-        :color="color"
-        @click="increment"
-      />
-    </template>
-  </VSlider>
-</template>
-
-<style lang="scss" scoped>
-  @keyframes metronome-example {
-    from {
-      transform: scale(0.5);
-    }
-
-    to {
-      transform: scale(1);
-    }
-  }
-
-  .v-avatar--metronome {
-    animation-direction: alternate;
-    animation-iteration-count: infinite;
-    animation-name: metronome-example;
-  }
-</style>
-`,
-  js: `<script setup>
-const bpm = ref(40)
-const min = 40
-const max = 218
-const isPlaying = ref(false)
-
-const color = computed(() => {
-  if (bpm.value < 100)
-    return 'primary'
-  if (bpm.value < 125)
-    return 'success'
-  if (bpm.value < 140)
-    return 'info'
-  if (bpm.value < 175)
-    return 'warning'
-  
-  return 'error'
-})
-
-const animationDuration = computed(() => {
-  return \`\${ 60 / bpm.value }s\`
-})
-
-const decrement = () => {
-  if (bpm.value > min)
-    bpm.value -= 1
-}
-
-const increment = () => {
-  if (bpm.value < max)
-    bpm.value += 1
-}
-</script>
-
-<template>
-  <div class="d-flex justify-space-between ma-4">
-    <div>
-      <span
-        class="text-6xl font-weight-light"
-        v-text="bpm"
-      />
-      <span class="subheading font-weight-light me-1">BPM</span>
-
-      <VFadeTransition>
-        <VAvatar
-          v-if="isPlaying"
-          :color="color"
-          :style="{
-            animationDuration,
-          }"
-          class="mb-1 v-avatar--metronome"
-          size="12"
-        />
-      </VFadeTransition>
-    </div>
-
-    <div>
-      <VBtn
-        :color="color"
-        icon
-        elevation="0"
-        @click="isPlaying = !isPlaying"
-      >
-        <VIcon
-          size="large"
-          :icon="isPlaying ? 'tabler-pause' : 'tabler-play'"
-        />
-      </VBtn>
-    </div>
-  </div>
-
-  <VSlider
-    v-model="bpm"
-    :color="color"
-    :step="1"
-    :min="min"
-    :max="max"
-    track-color="secondary"
-  >
-    <template #prepend>
-      <VBtn
-        size="small"
-        variant="text"
-        icon="tabler-minus"
-        :color="color"
-        @click="decrement"
-      />
-    </template>
-
-    <template #append>
-      <VBtn
-        size="small"
-        variant="text"
-        icon="tabler-plus"
-        :color="color"
-        @click="increment"
-      />
-    </template>
-  </VSlider>
-</template>
-
-<style lang="scss" scoped>
-  @keyframes metronome-example {
-    from {
-      transform: scale(0.5);
-    }
-
-    to {
-      transform: scale(1);
-    }
-  }
-
-  .v-avatar--metronome {
-    animation-direction: alternate;
-    animation-iteration-count: infinite;
-    animation-name: metronome-example;
-  }
-</style>
-`,
-}
-
-export const appendTextField = {
-  ts: `<script lang="ts" setup>
-const redColorValue = ref(161)
-const greenColorValue = ref(105)
-const blueColorValue = ref(225)
-</script>
-
-<template>
-  <VResponsive
-    :style="{ background: \`rgb(\${redColorValue}, \${greenColorValue}, \${blueColorValue})\` }"
-    height="150px"
-  />
-
-  <VRow class="mt-5">
-    <VCol cols="12">
-      <!-- R -->
-      <div class="d-flex justify-space-between">
-        <VSlider
-          v-model="redColorValue"
-          :max="255"
-          :step="1"
-          prepend-icon="tabler-letter-r"
-        />
-
-        <VTextField
-          v-model="redColorValue"
-          type="number"
-          placeholder="10"
-          :max="255"
-          style="max-inline-size: 5rem;"
-        />
-      </div>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- G -->
-      <div class="d-flex justify-space-between">
-        <VSlider
-          v-model="greenColorValue"
-          :max="255"
-          :step="1"
-          prepend-icon="tabler-letter-g"
-        />
-
-        <VTextField
-          v-model="greenColorValue"
-          type="number"
-          placeholder="20"
-          :max="255"
-          style="max-inline-size: 5rem;"
-        />
-      </div>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- B -->
-      <div class="d-flex justify-space-between">
-        <VSlider
-          v-model="blueColorValue"
-          :max="255"
-          :step="1"
-          prepend-icon="tabler-letter-b"
-        />
-        <VTextField
-          v-model="blueColorValue"
-          type="number"
-          placeholder="30"
-          :max="255"
-          style="max-inline-size: 5rem;"
-        />
-      </div>
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const redColorValue = ref(161)
-const greenColorValue = ref(105)
-const blueColorValue = ref(225)
-</script>
-
-<template>
-  <VResponsive
-    :style="{ background: \`rgb(\${redColorValue}, \${greenColorValue}, \${blueColorValue})\` }"
-    height="150px"
-  />
-
-  <VRow class="mt-5">
-    <VCol cols="12">
-      <!-- R -->
-      <div class="d-flex justify-space-between">
-        <VSlider
-          v-model="redColorValue"
-          :max="255"
-          :step="1"
-          prepend-icon="tabler-letter-r"
-        />
-
-        <VTextField
-          v-model="redColorValue"
-          type="number"
-          placeholder="10"
-          :max="255"
-          style="max-inline-size: 5rem;"
-        />
-      </div>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- G -->
-      <div class="d-flex justify-space-between">
-        <VSlider
-          v-model="greenColorValue"
-          :max="255"
-          :step="1"
-          prepend-icon="tabler-letter-g"
-        />
-
-        <VTextField
-          v-model="greenColorValue"
-          type="number"
-          placeholder="20"
-          :max="255"
-          style="max-inline-size: 5rem;"
-        />
-      </div>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- B -->
-      <div class="d-flex justify-space-between">
-        <VSlider
-          v-model="blueColorValue"
-          :max="255"
-          :step="1"
-          prepend-icon="tabler-letter-b"
-        />
-        <VTextField
-          v-model="blueColorValue"
-          type="number"
-          placeholder="30"
-          :max="255"
-          style="max-inline-size: 5rem;"
-        />
-      </div>
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const basic = {
-  ts: `<script setup lang="ts">
-const sliderValue = ref(30)
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <VSlider />
-    </VCol>
-
-    <VCol cols="12">
-      <VSlider v-model="sliderValue" />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const sliderValue = ref(30)
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <VSlider />
-    </VCol>
-
-    <VCol cols="12">
-      <VSlider v-model="sliderValue" />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const colors = {
-  ts: `<script lang="ts" setup>
-const sliderColorValue = ref(25)
-const sliderTrackColorValue = ref(75)
-const sliderThumbColorValue = ref(50)
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <div class="text-caption">
-        color
-      </div>
-      <VSlider
-        v-model="sliderColorValue"
-        color="error"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        track-color
-      </div>
-      <VSlider
-        v-model="sliderTrackColorValue"
-        track-color="error"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        thumb-color
-      </div>
-      <VSlider
-        v-model="sliderThumbColorValue"
-        thumb-color="error"
-        thumb-label="always"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const sliderColorValue = ref(25)
-const sliderTrackColorValue = ref(75)
-const sliderThumbColorValue = ref(50)
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <div class="text-caption">
-        color
-      </div>
-      <VSlider
-        v-model="sliderColorValue"
-        color="error"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        track-color
-      </div>
-      <VSlider
-        v-model="sliderTrackColorValue"
-        track-color="error"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        thumb-color
-      </div>
-      <VSlider
-        v-model="sliderThumbColorValue"
-        thumb-color="error"
-        thumb-label="always"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const disabledAndReadonly = {
-  ts: `<template>
-  <VRow>
-    <VCol cols="12">
-      <div class="text-caption">
-        Disabled
-      </div>
-      <VSlider
-        disabled
-        label="Disabled"
-        :model-value="30"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Readonly
-      </div>
-      <VSlider
-        readonly
-        label="Readonly"
-        :model-value="30"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<template>
-  <VRow>
-    <VCol cols="12">
-      <div class="text-caption">
-        Disabled
-      </div>
-      <VSlider
-        disabled
-        label="Disabled"
-        :model-value="30"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Readonly
-      </div>
-      <VSlider
-        readonly
-        label="Readonly"
-        :model-value="30"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const icons = {
-  ts: `<script lang="ts" setup>
-const mediaSlider = ref(0)
-const alarmSlider = ref(0)
-const zoomInOut = ref(10)
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <VSlider
-        v-model="mediaSlider"
-        prepend-icon="tabler-volume"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <VSlider
-        v-model="alarmSlider"
-        append-icon="tabler-alarm"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <VSlider
-        v-model="zoomInOut"
-        append-icon="tabler-minus"
-        prepend-icon="tabler-plus"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const mediaSlider = ref(0)
-const alarmSlider = ref(0)
-const zoomInOut = ref(10)
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <VSlider
-        v-model="mediaSlider"
-        prepend-icon="tabler-volume"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <VSlider
-        v-model="alarmSlider"
-        append-icon="tabler-alarm"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <VSlider
-        v-model="zoomInOut"
-        append-icon="tabler-minus"
-        prepend-icon="tabler-plus"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const minAndMax = {
-  ts: `<script lang="ts" setup>
-const min = ref(-50)
-const max = ref(90)
-const slider = ref(40)
-</script>
-
-<template>
-  <div class="d-flex justify-space-between">
-    <VSlider
-      v-model="slider"
-      :max="max"
-      :min="min"
-      :step="1"
-    />
-
-    <AppTextField
-      v-model="slider"
-      type="number"
-      placeholder="10"
-      style="max-inline-size: 5rem;"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const min = ref(-50)
-const max = ref(90)
-const slider = ref(40)
-</script>
-
-<template>
-  <div class="d-flex justify-space-between">
-    <VSlider
-      v-model="slider"
-      :max="max"
-      :min="min"
-      :step="1"
-    />
-
-    <AppTextField
-      v-model="slider"
-      type="number"
-      placeholder="10"
-      style="max-inline-size: 5rem;"
-    />
-  </div>
-</template>
-`,
-}
-
-export const size = {
-  ts: `<template>
-  <VSlider
-    :step="10"
-    show-ticks
-    :thumb-size="18"
-    :tick-size="3"
-    :track-size="2"
-  />
-</template>
-`,
-  js: `<template>
-  <VSlider
-    :step="10"
-    show-ticks
-    :thumb-size="18"
-    :tick-size="3"
-    :track-size="2"
-  />
-</template>
-`,
-}
-
-export const step = {
-  ts: `<script lang="ts" setup>
-const value = ref(0)
-</script>
-
-<template>
-  <VSlider
-    v-model="value"
-    :min="0"
-    :max="1"
-    :step="0.2"
-    thumb-label
-  />
-</template>
-`,
-  js: `<script setup>
-const value = ref(0)
-</script>
-
-<template>
-  <VSlider
-    v-model="value"
-    :min="0"
-    :max="1"
-    :step="0.2"
-    thumb-label
-  />
-</template>
-`,
-}
-
-export const thumb = {
-  ts: `<script lang="ts" setup>
-const satisfactionEmojis = ['😭', '😢', '😔', '🙁', '😐', '🙂', '😊', '😁', '😄', '😍']
-const slider = ref(45)
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <div class="text-caption">
-        Show thumb when using slider
-      </div>
-      <VSlider
-        v-model="slider"
-        thumb-label
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Always show thumb label
-      </div>
-      <VSlider
-        v-model="slider"
-        thumb-label="always"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Custom thumb size
-      </div>
-      <VSlider
-        v-model="slider"
-        :thumb-size="30"
-        thumb-label="always"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Custom thumb label
-      </div>
-      <VSlider
-        v-model="slider"
-        thumb-label="always"
-      >
-        <template #thumb-label="{ modelValue }">
-          {{ satisfactionEmojis[Math.min(Math.floor(modelValue / 10), 9)] }}
-        </template>
-      </VSlider>
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const satisfactionEmojis = [
-  '😭',
-  '😢',
-  '😔',
-  '🙁',
-  '😐',
-  '🙂',
-  '😊',
-  '😁',
-  '😄',
-  '😍',
-]
-
-const slider = ref(45)
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <div class="text-caption">
-        Show thumb when using slider
-      </div>
-      <VSlider
-        v-model="slider"
-        thumb-label
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Always show thumb label
-      </div>
-      <VSlider
-        v-model="slider"
-        thumb-label="always"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Custom thumb size
-      </div>
-      <VSlider
-        v-model="slider"
-        :thumb-size="30"
-        thumb-label="always"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Custom thumb label
-      </div>
-      <VSlider
-        v-model="slider"
-        thumb-label="always"
-      >
-        <template #thumb-label="{ modelValue }">
-          {{ satisfactionEmojis[Math.min(Math.floor(modelValue / 10), 9)] }}
-        </template>
-      </VSlider>
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const ticks = {
-  ts: `<script lang="ts" setup>
-const value = ref(0)
-const fruits = ref(1)
-const ticksLabels = { 0: 'Figs', 1: 'Lemon', 2: 'Pear', 3: 'Apple' }
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <div class="text-caption">
-        Show ticks when using slider
-      </div>
-      <VSlider
-        v-model="value"
-        :step="10"
-        show-ticks
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Always show ticks
-      </div>
-      <VSlider
-        v-model="value"
-        :step="10"
-        show-ticks="always"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Tick size
-      </div>
-      <VSlider
-        v-model="value"
-        :step="10"
-        show-ticks="always"
-        tick-size="4"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Tick labels
-      </div>
-      <VSlider
-        v-model="fruits"
-        :ticks="ticksLabels"
-        :max="3"
-        step="1"
-        show-ticks="always"
-        tick-size="4"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const value = ref(0)
-const fruits = ref(1)
-
-const ticksLabels = {
-  0: 'Figs',
-  1: 'Lemon',
-  2: 'Pear',
-  3: 'Apple',
-}
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <div class="text-caption">
-        Show ticks when using slider
-      </div>
-      <VSlider
-        v-model="value"
-        :step="10"
-        show-ticks
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Always show ticks
-      </div>
-      <VSlider
-        v-model="value"
-        :step="10"
-        show-ticks="always"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Tick size
-      </div>
-      <VSlider
-        v-model="value"
-        :step="10"
-        show-ticks="always"
-        tick-size="4"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <div class="text-caption">
-        Tick labels
-      </div>
-      <VSlider
-        v-model="fruits"
-        :ticks="ticksLabels"
-        :max="3"
-        step="1"
-        show-ticks="always"
-        tick-size="4"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const validation = {
-  ts: `<script lang="ts" setup>
-const value = ref(30)
-const rules = [(v: number) => v <= 40 || 'Only 40 in stock']
-</script>
-
-<template>
-  <VSlider
-    v-model="value"
-    :error="value > 40"
-    :rules="rules"
-    :step="10"
-    thumb-label="always"
-    show-ticks
-  />
-</template>
-`,
-  js: `<script setup>
-const value = ref(30)
-const rules = [v => v <= 40 || 'Only 40 in stock']
-</script>
-
-<template>
-  <VSlider
-    v-model="value"
-    :error="value > 40"
-    :rules="rules"
-    :step="10"
-    thumb-label="always"
-    show-ticks
-  />
-</template>
-`,
-}
-
-export const vertical = {
-  ts: `<script lang="ts" setup>
-const value = ref(10)
-</script>
-
-<template>
-  <VSlider
-    v-model="value"
-    direction="vertical"
-  />
-</template>
-`,
-  js: `<script setup>
-const value = ref(10)
-</script>
-
-<template>
-  <VSlider
-    v-model="value"
-    direction="vertical"
-  />
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchBasic.vue
deleted file mode 100644
index 036fdda..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchBasic.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts" setup>
-const toggleSwitch = ref(true)
-const toggleFalseSwitch = ref(false)
-
-const capitalizedLabel = (label: boolean) => {
-  const convertLabelText = label.toString()
-
-  return convertLabelText.charAt(0).toUpperCase() + convertLabelText.slice(1)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="toggleSwitch"
-      :label="capitalizedLabel(toggleSwitch)"
-    />
-
-    <VSwitch
-      v-model="toggleFalseSwitch"
-      :label="capitalizedLabel(toggleFalseSwitch)"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchColors.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchColors.vue
deleted file mode 100644
index 9b1721b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchColors.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts" setup>
-const selectedSwitch = ref(['Primary', 'Secondary', 'Success', 'Info', 'Warning', 'Error'])
-const switches = ref(['Primary', 'Secondary', 'Success', 'Info', 'Warning', 'Error'])
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-for="item in switches"
-      :key="item"
-      v-model="selectedSwitch"
-      :label="item"
-      :value="item"
-      :color="item.toLowerCase()"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchInset.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchInset.vue
deleted file mode 100644
index cdb99af..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchInset.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts" setup>
-const insetSwitch1 = ref(true)
-const insetSwitch2 = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="insetSwitch1"
-      :label="`Switch 1: ${insetSwitch1.toString()}`"
-    />
-    <VSwitch
-      v-model="insetSwitch2"
-      :label="`Switch 2: ${insetSwitch2.toString()}`"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchLabelSlot.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchLabelSlot.vue
deleted file mode 100644
index cdcccb5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchLabelSlot.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts" setup>
-const switchMe = ref(false)
-</script>
-
-<template>
-  <VSwitch v-model="switchMe">
-    <template #label>
-      Turn on the progress: <VProgressCircular
-        :indeterminate="switchMe"
-        class="ms-2"
-      />
-    </template>
-  </VSwitch>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchModelAsArray.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchModelAsArray.vue
deleted file mode 100644
index 6e4910b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchModelAsArray.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts" setup>
-const people = ref(['John'])
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="people"
-      label="John"
-      value="John"
-    />
-
-    <VSwitch
-      v-model="people"
-      label="Jacob"
-      value="Jacob"
-    />
-  </div>
-
-  <p class="mt-2 mb-0">
-    {{ people }}
-  </p>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchStates.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchStates.vue
deleted file mode 100644
index d46ac9c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchStates.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<script setup lang="ts">
-const switchOn = ref('on')
-const switchOnDisabled = ref('on')
-const switchOnLoading = ref(true)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="switchOn"
-      value="on"
-      label="On"
-    />
-
-    <VSwitch label="Off" />
-
-    <VSwitch
-      v-model="switchOnDisabled"
-      value="on"
-      disabled
-      label="On disabled"
-    />
-
-    <VSwitch
-      disabled
-      label="Off disabled"
-    />
-
-    <VSwitch
-      v-model="switchOnLoading"
-      loading="warning"
-      :label="`${switchOnLoading ? 'On' : 'Off'} loading`"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchTrueAndFalseValue.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchTrueAndFalseValue.vue
deleted file mode 100644
index d2d1c57..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/DemoSwitchTrueAndFalseValue.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts" setup>
-const switch1 = ref(1)
-const switch2 = ref('Show')
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="switch1"
-      :label="switch1.toString()"
-      :true-value="1"
-      :false-value="0"
-    />
-
-    <VSwitch
-      v-model="switch2"
-      :label="switch2.toString()"
-      true-value="Show"
-      false-value="Hide"
-    />
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/demoCodeSwitch.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/demoCodeSwitch.ts
deleted file mode 100644
index fffbab9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/switch/demoCodeSwitch.ts
+++ /dev/null
@@ -1,353 +0,0 @@
-export const basic = {
-  ts: `<script lang="ts" setup>
-const toggleSwitch = ref(true)
-const toggleFalseSwitch = ref(false)
-
-const capitalizedLabel = (label: boolean) => {
-  const convertLabelText = label.toString()
-
-  return convertLabelText.charAt(0).toUpperCase() + convertLabelText.slice(1)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="toggleSwitch"
-      :label="capitalizedLabel(toggleSwitch)"
-    />
-
-    <VSwitch
-      v-model="toggleFalseSwitch"
-      :label="capitalizedLabel(toggleFalseSwitch)"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const toggleSwitch = ref(true)
-const toggleFalseSwitch = ref(false)
-
-const capitalizedLabel = label => {
-  const convertLabelText = label.toString()
-  
-  return convertLabelText.charAt(0).toUpperCase() + convertLabelText.slice(1)
-}
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="toggleSwitch"
-      :label="capitalizedLabel(toggleSwitch)"
-    />
-
-    <VSwitch
-      v-model="toggleFalseSwitch"
-      :label="capitalizedLabel(toggleFalseSwitch)"
-    />
-  </div>
-</template>
-`,
-}
-
-export const colors = {
-  ts: `<script lang="ts" setup>
-const selectedSwitch = ref(['Primary', 'Secondary', 'Success', 'Info', 'Warning', 'Error'])
-const switches = ref(['Primary', 'Secondary', 'Success', 'Info', 'Warning', 'Error'])
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-for="item in switches"
-      :key="item"
-      v-model="selectedSwitch"
-      :label="item"
-      :value="item"
-      :color="item.toLowerCase()"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const selectedSwitch = ref([
-  'Primary',
-  'Secondary',
-  'Success',
-  'Info',
-  'Warning',
-  'Error',
-])
-
-const switches = ref([
-  'Primary',
-  'Secondary',
-  'Success',
-  'Info',
-  'Warning',
-  'Error',
-])
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-for="item in switches"
-      :key="item"
-      v-model="selectedSwitch"
-      :label="item"
-      :value="item"
-      :color="item.toLowerCase()"
-    />
-  </div>
-</template>
-`,
-}
-
-export const inset = {
-  ts: `<script lang="ts" setup>
-const insetSwitch1 = ref(true)
-const insetSwitch2 = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="insetSwitch1"
-      :label="\`Switch 1: \${insetSwitch1.toString()}\`"
-    />
-    <VSwitch
-      v-model="insetSwitch2"
-      :label="\`Switch 2: \${insetSwitch2.toString()}\`"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const insetSwitch1 = ref(true)
-const insetSwitch2 = ref(false)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="insetSwitch1"
-      :label="\`Switch 1: \${insetSwitch1.toString()}\`"
-    />
-    <VSwitch
-      v-model="insetSwitch2"
-      :label="\`Switch 2: \${insetSwitch2.toString()}\`"
-    />
-  </div>
-</template>
-`,
-}
-
-export const labelSlot = {
-  ts: `<script lang="ts" setup>
-const switchMe = ref(false)
-</script>
-
-<template>
-  <VSwitch v-model="switchMe">
-    <template #label>
-      Turn on the progress: <VProgressCircular
-        :indeterminate="switchMe"
-        class="ms-2"
-      />
-    </template>
-  </VSwitch>
-</template>
-`,
-  js: `<script setup>
-const switchMe = ref(false)
-</script>
-
-<template>
-  <VSwitch v-model="switchMe">
-    <template #label>
-      Turn on the progress: <VProgressCircular
-        :indeterminate="switchMe"
-        class="ms-2"
-      />
-    </template>
-  </VSwitch>
-</template>
-`,
-}
-
-export const modelAsArray = {
-  ts: `<script lang="ts" setup>
-const people = ref(['John'])
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="people"
-      label="John"
-      value="John"
-    />
-
-    <VSwitch
-      v-model="people"
-      label="Jacob"
-      value="Jacob"
-    />
-  </div>
-
-  <p class="mt-2 mb-0">
-    {{ people }}
-  </p>
-</template>
-`,
-  js: `<script setup>
-const people = ref(['John'])
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="people"
-      label="John"
-      value="John"
-    />
-
-    <VSwitch
-      v-model="people"
-      label="Jacob"
-      value="Jacob"
-    />
-  </div>
-
-  <p class="mt-2 mb-0">
-    {{ people }}
-  </p>
-</template>
-`,
-}
-
-export const states = {
-  ts: `<script setup lang="ts">
-const switchOn = ref('on')
-const switchOnDisabled = ref('on')
-const switchOnLoading = ref(true)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="switchOn"
-      value="on"
-      label="On"
-    />
-
-    <VSwitch label="Off" />
-
-    <VSwitch
-      v-model="switchOnDisabled"
-      value="on"
-      disabled
-      label="On disabled"
-    />
-
-    <VSwitch
-      disabled
-      label="Off disabled"
-    />
-
-    <VSwitch
-      v-model="switchOnLoading"
-      loading="warning"
-      :label="\`\${switchOnLoading ? 'On' : 'Off'} loading\`"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const switchOn = ref('on')
-const switchOnDisabled = ref('on')
-const switchOnLoading = ref(true)
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="switchOn"
-      value="on"
-      label="On"
-    />
-
-    <VSwitch label="Off" />
-
-    <VSwitch
-      v-model="switchOnDisabled"
-      value="on"
-      disabled
-      label="On disabled"
-    />
-
-    <VSwitch
-      disabled
-      label="Off disabled"
-    />
-
-    <VSwitch
-      v-model="switchOnLoading"
-      loading="warning"
-      :label="\`\${switchOnLoading ? 'On' : 'Off'} loading\`"
-    />
-  </div>
-</template>
-`,
-}
-
-export const trueAndFalseValue = {
-  ts: `<script lang="ts" setup>
-const switch1 = ref(1)
-const switch2 = ref('Show')
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="switch1"
-      :label="switch1.toString()"
-      :true-value="1"
-      :false-value="0"
-    />
-
-    <VSwitch
-      v-model="switch2"
-      :label="switch2.toString()"
-      true-value="Show"
-      false-value="Hide"
-    />
-  </div>
-</template>
-`,
-  js: `<script setup>
-const switch1 = ref(1)
-const switch2 = ref('Show')
-</script>
-
-<template>
-  <div class="demo-space-x">
-    <VSwitch
-      v-model="switch1"
-      :label="switch1.toString()"
-      :true-value="1"
-      :false-value="0"
-    />
-
-    <VSwitch
-      v-model="switch2"
-      :label="switch2.toString()"
-      true-value="Show"
-      false-value="Hide"
-    />
-  </div>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaAutoGrow.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaAutoGrow.vue
deleted file mode 100644
index c08d12c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaAutoGrow.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-const textareaValue = ref('The Woodman set to work at once, and so sharp was his axe that the tree was soon chopped nearly through.')
-</script>
-
-<template>
-  <AppTextarea
-    v-model="textareaValue"
-    label="Auto Grow"
-    placeholder="Placeholder Text"
-    auto-grow
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaBasic.vue
deleted file mode 100644
index 6b499ad..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaBasic.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <AppTextarea
-    label="Default"
-    placeholder="Placeholder Text"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaBrowserAutocomplete.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaBrowserAutocomplete.vue
deleted file mode 100644
index d1742d9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaBrowserAutocomplete.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <AppTextarea
-    autocomplete="email"
-    label="Email"
-    placeholder="johndoe@email.com"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaClearable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaClearable.vue
deleted file mode 100644
index 23b2d30..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaClearable.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<script setup lang="ts">
-const textareaValue = ref('This is clearable text.')
-</script>
-
-<template>
-  <AppTextarea
-    v-model="textareaValue"
-    clearable
-    clear-icon="tabler-circle-x"
-    label="Text"
-    placeholder="Placeholder Text"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaCounter.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaCounter.vue
deleted file mode 100644
index aefa03f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaCounter.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts" setup>
-const textareaValue = ref('Hello!')
-</script>
-
-<template>
-  <AppTextarea
-    v-model="textareaValue"
-    counter
-    label="Text"
-    placeholder="Placeholder Text"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaIcons.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaIcons.vue
deleted file mode 100644
index 7cab369..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaIcons.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextarea
-        label="prepend-icon"
-        rows="1"
-        placeholder="Placeholder Text"
-        prepend-icon="tabler-message-2"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextarea
-        append-icon="tabler-message-2"
-        placeholder="Placeholder Text"
-        label="append-icon"
-        rows="1"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextarea
-        prepend-inner-icon="tabler-message-2"
-        label="prepend-inner-icon"
-        placeholder="Placeholder Text"
-        rows="1"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextarea
-        append-inner-icon="tabler-message-2"
-        label="append-inner-icon"
-        placeholder="Placeholder Text"
-        rows="1"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaNoResize.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaNoResize.vue
deleted file mode 100644
index 684291b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaNoResize.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts" setup>
-const value = ref('Marshmallow tiramisu pie dessert gingerbread tart caramels marzipan oat cake. Muffin sesame snaps cupcake bonbon cookie tiramisu. Pudding biscuit gingerbread halvah lollipop jelly-o cookie.')
-</script>
-
-<template>
-  <AppTextarea
-    v-model="value"
-    label="Text"
-    no-resize
-    rows="2"
-    placeholder="Placeholder Text"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaRows.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaRows.vue
deleted file mode 100644
index 696b3af..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaRows.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextarea
-        label="One row"
-        auto-grow
-        rows="1"
-        row-height="15"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextarea
-        auto-grow
-        label="Two rows"
-        rows="2"
-        placeholder="Placeholder Text"
-        row-height="20"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextarea
-        label="Three rows"
-        auto-grow
-        rows="3"
-        placeholder="Placeholder Text"
-        row-height="25"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextarea
-        auto-grow
-        label="Four rows"
-        placeholder="Placeholder Text"
-        rows="4"
-        row-height="30"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaStates.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaStates.vue
deleted file mode 100644
index 6086b81..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaStates.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextarea
-        disabled
-        label="Disabled"
-        hint="Hint text"
-        placeholder="Placeholder Text"
-        rows="2"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextarea
-        readonly
-        rows="2"
-        label="Readonly"
-        placeholder="Placeholder Text"
-        hint="Hint text"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaValidation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaValidation.vue
deleted file mode 100644
index 5b8de57..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaValidation.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts" setup>
-const textareaValue = ref('Hello!')
-const rules = [(v: string) => v.length <= 25 || 'Max 25 characters']
-</script>
-
-<template>
-  <AppTextarea
-    v-model="textareaValue"
-    label="Validation"
-    :rules="rules"
-    rows="2"
-    placeholder="Placeholder Text"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaVariant.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaVariant.vue
deleted file mode 100644
index 3d0239a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/DemoTextareaVariant.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Default"
-        rows="2"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Solo"
-        placeholder="Placeholder Text"
-        rows="2"
-        variant="solo"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Filled"
-        rows="2"
-        placeholder="Placeholder Text"
-        variant="filled"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Outlined"
-        rows="2"
-        placeholder="Placeholder Text"
-        variant="outlined"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Underlined"
-        rows="2"
-        placeholder="Placeholder Text"
-        variant="underlined"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Plain"
-        rows="2"
-        placeholder="Placeholder Text"
-        variant="plain"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/demoCodeTextarea.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/demoCodeTextarea.ts
deleted file mode 100644
index ea9f865..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textarea/demoCodeTextarea.ts
+++ /dev/null
@@ -1,590 +0,0 @@
-export const autoGrow = {
-  ts: `<script setup lang="ts">
-const textareaValue = ref('The Woodman set to work at once, and so sharp was his axe that the tree was soon chopped nearly through.')
-</script>
-
-<template>
-  <AppTextarea
-    v-model="textareaValue"
-    label="Auto Grow"
-    placeholder="Placeholder Text"
-    auto-grow
-  />
-</template>
-`,
-  js: `<script setup>
-const textareaValue = ref('The Woodman set to work at once, and so sharp was his axe that the tree was soon chopped nearly through.')
-</script>
-
-<template>
-  <AppTextarea
-    v-model="textareaValue"
-    label="Auto Grow"
-    placeholder="Placeholder Text"
-    auto-grow
-  />
-</template>
-`,
-}
-
-export const basic = {
-  ts: `<template>
-  <AppTextarea
-    label="Default"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-  js: `<template>
-  <AppTextarea
-    label="Default"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-}
-
-export const browserAutocomplete = {
-  ts: `<template>
-  <AppTextarea
-    autocomplete="email"
-    label="Email"
-    placeholder="johndoe@email.com"
-  />
-</template>
-`,
-  js: `<template>
-  <AppTextarea
-    autocomplete="email"
-    label="Email"
-    placeholder="johndoe@email.com"
-  />
-</template>
-`,
-}
-
-export const clearable = {
-  ts: `<script setup lang="ts">
-const textareaValue = ref('This is clearable text.')
-</script>
-
-<template>
-  <AppTextarea
-    v-model="textareaValue"
-    clearable
-    clear-icon="tabler-circle-x"
-    label="Text"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-  js: `<script setup>
-const textareaValue = ref('This is clearable text.')
-</script>
-
-<template>
-  <AppTextarea
-    v-model="textareaValue"
-    clearable
-    clear-icon="tabler-circle-x"
-    label="Text"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-}
-
-export const counter = {
-  ts: `<script lang="ts" setup>
-const textareaValue = ref('Hello!')
-</script>
-
-<template>
-  <AppTextarea
-    v-model="textareaValue"
-    counter
-    label="Text"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-  js: `<script setup>
-const textareaValue = ref('Hello!')
-</script>
-
-<template>
-  <AppTextarea
-    v-model="textareaValue"
-    counter
-    label="Text"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-}
-
-export const icons = {
-  ts: `<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextarea
-        label="prepend-icon"
-        rows="1"
-        placeholder="Placeholder Text"
-        prepend-icon="tabler-message-2"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextarea
-        append-icon="tabler-message-2"
-        placeholder="Placeholder Text"
-        label="append-icon"
-        rows="1"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextarea
-        prepend-inner-icon="tabler-message-2"
-        label="prepend-inner-icon"
-        placeholder="Placeholder Text"
-        rows="1"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextarea
-        append-inner-icon="tabler-message-2"
-        label="append-inner-icon"
-        placeholder="Placeholder Text"
-        rows="1"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextarea
-        label="prepend-icon"
-        rows="1"
-        placeholder="Placeholder Text"
-        prepend-icon="tabler-message-2"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextarea
-        append-icon="tabler-message-2"
-        placeholder="Placeholder Text"
-        label="append-icon"
-        rows="1"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextarea
-        prepend-inner-icon="tabler-message-2"
-        label="prepend-inner-icon"
-        placeholder="Placeholder Text"
-        rows="1"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextarea
-        append-inner-icon="tabler-message-2"
-        label="append-inner-icon"
-        placeholder="Placeholder Text"
-        rows="1"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const noResize = {
-  ts: `<script lang="ts" setup>
-const value = ref('Marshmallow tiramisu pie dessert gingerbread tart caramels marzipan oat cake. Muffin sesame snaps cupcake bonbon cookie tiramisu. Pudding biscuit gingerbread halvah lollipop jelly-o cookie.')
-</script>
-
-<template>
-  <AppTextarea
-    v-model="value"
-    label="Text"
-    no-resize
-    rows="2"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-  js: `<script setup>
-const value = ref('Marshmallow tiramisu pie dessert gingerbread tart caramels marzipan oat cake. Muffin sesame snaps cupcake bonbon cookie tiramisu. Pudding biscuit gingerbread halvah lollipop jelly-o cookie.')
-</script>
-
-<template>
-  <AppTextarea
-    v-model="value"
-    label="Text"
-    no-resize
-    rows="2"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-}
-
-export const rows = {
-  ts: `<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextarea
-        label="One row"
-        auto-grow
-        rows="1"
-        row-height="15"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextarea
-        auto-grow
-        label="Two rows"
-        rows="2"
-        placeholder="Placeholder Text"
-        row-height="20"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextarea
-        label="Three rows"
-        auto-grow
-        rows="3"
-        placeholder="Placeholder Text"
-        row-height="25"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextarea
-        auto-grow
-        label="Four rows"
-        placeholder="Placeholder Text"
-        rows="4"
-        row-height="30"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextarea
-        label="One row"
-        auto-grow
-        rows="1"
-        row-height="15"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextarea
-        auto-grow
-        label="Two rows"
-        rows="2"
-        placeholder="Placeholder Text"
-        row-height="20"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextarea
-        label="Three rows"
-        auto-grow
-        rows="3"
-        placeholder="Placeholder Text"
-        row-height="25"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextarea
-        auto-grow
-        label="Four rows"
-        placeholder="Placeholder Text"
-        rows="4"
-        row-height="30"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const states = {
-  ts: `<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextarea
-        disabled
-        label="Disabled"
-        hint="Hint text"
-        placeholder="Placeholder Text"
-        rows="2"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextarea
-        readonly
-        rows="2"
-        label="Readonly"
-        placeholder="Placeholder Text"
-        hint="Hint text"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextarea
-        disabled
-        label="Disabled"
-        hint="Hint text"
-        placeholder="Placeholder Text"
-        rows="2"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextarea
-        readonly
-        rows="2"
-        label="Readonly"
-        placeholder="Placeholder Text"
-        hint="Hint text"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const validation = {
-  ts: `<script lang="ts" setup>
-const textareaValue = ref('Hello!')
-const rules = [(v: string) => v.length <= 25 || 'Max 25 characters']
-</script>
-
-<template>
-  <AppTextarea
-    v-model="textareaValue"
-    label="Validation"
-    :rules="rules"
-    rows="2"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-  js: `<script setup>
-const textareaValue = ref('Hello!')
-const rules = [v => v.length <= 25 || 'Max 25 characters']
-</script>
-
-<template>
-  <AppTextarea
-    v-model="textareaValue"
-    label="Validation"
-    :rules="rules"
-    rows="2"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-}
-
-export const variant = {
-  ts: `<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Default"
-        rows="2"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Solo"
-        placeholder="Placeholder Text"
-        rows="2"
-        variant="solo"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Filled"
-        rows="2"
-        placeholder="Placeholder Text"
-        variant="filled"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Outlined"
-        rows="2"
-        placeholder="Placeholder Text"
-        variant="outlined"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Underlined"
-        rows="2"
-        placeholder="Placeholder Text"
-        variant="underlined"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Plain"
-        rows="2"
-        placeholder="Placeholder Text"
-        variant="plain"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Default"
-        rows="2"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Solo"
-        placeholder="Placeholder Text"
-        rows="2"
-        variant="solo"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Filled"
-        rows="2"
-        placeholder="Placeholder Text"
-        variant="filled"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Outlined"
-        rows="2"
-        placeholder="Placeholder Text"
-        variant="outlined"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Underlined"
-        rows="2"
-        placeholder="Placeholder Text"
-        variant="underlined"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <VTextarea
-        label="Plain"
-        rows="2"
-        placeholder="Placeholder Text"
-        variant="plain"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldBasic.vue
deleted file mode 100644
index a93e146..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldBasic.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <AppTextField
-    label="Regular"
-    placeholder="Placeholder Text"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldClearable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldClearable.vue
deleted file mode 100644
index 37f75c6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldClearable.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <AppTextField
-    placeholder="Placeholder Text"
-    label="Regular"
-    clearable
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldCounter.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldCounter.vue
deleted file mode 100644
index 6b40d49..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldCounter.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script lang="ts" setup>
-const title = ref('Preliminary report')
-const description = ref('California is a state in the western United States')
-const rules = [(v: string) => v.length <= 25 || 'Max 25 characters']
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextField
-        v-model="title"
-        :rules="rules"
-        counter="25"
-        placeholder="Placeholder Text"
-        hint="This field uses counter prop"
-        label="Regular"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        v-model="description"
-        :rules="rules"
-        counter
-        maxlength="25"
-        placeholder="Placeholder Text"
-        hint="This field uses maxlength attribute"
-        label="Limit exceeded"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldCustomColors.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldCustomColors.vue
deleted file mode 100644
index 8f391ef..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldCustomColors.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <AppTextField
-    color="success"
-    label="First name"
-    placeholder="Placeholder Text"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldDensity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldDensity.vue
deleted file mode 100644
index ac850df..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldDensity.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <AppTextField
-    label="Compact"
-    density="compact"
-    placeholder="Placeholder Text"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldIconEvents.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldIconEvents.vue
deleted file mode 100644
index c14355f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldIconEvents.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts" setup>
-const message = ref('Hey!')
-const marker = ref(true)
-const iconIndex = ref(0)
-
-const toggleMarker = () => {
-  marker.value = !marker.value
-}
-
-const clearMessage = () => {
-  message.value = ''
-}
-
-const resetIcon = () => {
-  iconIndex.value = 0
-}
-
-const sendMessage = () => {
-  resetIcon()
-  clearMessage()
-}
-</script>
-
-<template>
-  <AppTextField
-    v-model="message"
-    clearable
-    type="text"
-    label="Message"
-    color="primary"
-    placeholder="Hey!!"
-    clear-icon="tabler-circle-x"
-    :append-icon="message ? $vuetify.locale.isRtl ? 'tabler-arrow-big-left-lines' : 'tabler-arrow-big-right-lines' : 'tabler-microphone'"
-    :append-inner-icon="marker ? 'tabler-map-pin' : 'tabler-map-pin-off'"
-    @click:append-inner="toggleMarker"
-    @click:append="sendMessage"
-    @click:clear="clearMessage"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldIconSlots.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldIconSlots.vue
deleted file mode 100644
index 5d3660a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldIconSlots.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<script setup lang="ts">
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-const message = ref('Hey!')
-const loading = ref(false)
-
-const clickMe = () => {
-  loading.value = true
-  message.value = 'Wait for it...'
-
-  setTimeout(() => {
-    loading.value = false
-    message.value = 'You\'ve clicked me!'
-  }, 2000)
-}
-</script>
-
-<template>
-  <AppTextField
-    v-model="message"
-    clearable
-    label="Message"
-    placeholder="Hey!!"
-    type="text"
-    class="textfield-demo-icon-slot"
-  >
-    <!-- Prepend -->
-    <template #prepend>
-      <VTooltip location="bottom">
-        <template #activator="{ props }">
-          <VIcon
-            v-bind="props"
-            icon="tabler-help"
-          />
-        </template>
-        I'm a tooltip
-      </VTooltip>
-    </template>
-
-    <!-- AppendInner -->
-    <template #append-inner>
-      <VFadeTransition leave-absolute>
-        <VProgressCircular
-          v-if="loading"
-          color="primary"
-          width="3"
-          size="24"
-          indeterminate
-        />
-
-        <VNodeRenderer
-          v-else
-          class="text-2xl"
-          :nodes="themeConfig.app.logo"
-        />
-      </VFadeTransition>
-    </template>
-
-    <!-- Append -->
-    <template #append>
-      <VBtn
-        :icon="$vuetify.display.smAndDown"
-        @click="clickMe"
-      >
-        <VIcon
-          icon="tabler-viewfinder"
-          color="#fff"
-          size="22"
-        />
-        <span
-          v-if="$vuetify.display.mdAndUp"
-          class="ms-3"
-        >Click me</span>
-      </VBtn>
-    </template>
-  </AppTextField>
-</template>
-
-<style lang="scss" scoped>
-// .textfield-demo-icon-slot {
-//   :deep(.v-input) {
-//     align-content: center;
-
-//     .v-input__prepend,
-//     .v-input__append {
-//       padding-block-start: 0 !important;
-//     }
-
-//     .v-input__prepend {
-//       align-items: center;
-//     }
-
-//     .v-field__append-inner .v-progress-circular svg {
-//       block-size: 1.3em;
-//       inline-size: 1.3em;
-//     }
-
-//     .v-field__append-inner svg {
-//       margin-block-start: 0.1rem;
-//     }
-//   }
-// }
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldIcons.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldIcons.vue
deleted file mode 100644
index f1323ee..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldIcons.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextField
-        label="Prepend"
-        prepend-icon="tabler-map-pin"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        label="Prepend Inner"
-        prepend-inner-icon="tabler-map-pin"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        label="Append"
-        append-icon="tabler-map-pin"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        label="Append Inner"
-        append-inner-icon="tabler-map-pin"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldLabelSlot.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldLabelSlot.vue
deleted file mode 100644
index 4dc25de..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldLabelSlot.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<template>
-  <AppTextField>
-    <template #label>
-      What about &nbsp;<strong>icon</strong>&nbsp;here?
-      <VIcon icon="tabler-file-search" />
-    </template>
-  </AppTextField>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldPasswordInput.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldPasswordInput.vue
deleted file mode 100644
index fcef1e9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldPasswordInput.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<script lang="ts" setup>
-const show1 = ref(false)
-const show2 = ref(true)
-const password = ref('Password')
-const confirmPassword = ref('wqfasds')
-
-const rules = {
-  required: (value: string) => !!value || 'Required.',
-  min: (v: string) => v.length >= 8 || 'Min 8 characters',
-}
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextField
-        v-model="password"
-        :append-inner-icon="show1 ? 'tabler-eye-off' : 'tabler-eye' "
-        :rules="[rules.required, rules.min]"
-        :type="show1 ? 'text' : 'password'"
-        name="input-10-1"
-        label="Normal with hint text"
-        hint="At least 8 characters"
-        placeholder="············"
-        counter
-        @click:append-inner="show1 = !show1"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextField
-        v-model="confirmPassword"
-        :rules="[rules.required, rules.min]"
-        :append-inner-icon="show2 ? 'tabler-eye-off' : 'tabler-eye' "
-        :type="show2 ? 'text' : 'password'"
-        name="input-10-2"
-        placeholder="············"
-        label="Visible"
-        hint="At least 8 characters"
-        @click:append-inner="show2 = !show2"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldPrefixesAndSuffixes.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldPrefixesAndSuffixes.vue
deleted file mode 100644
index 7333eba..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldPrefixesAndSuffixes.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<script setup lang="ts">
-const amount = ref(10.05)
-const weight = ref(28.02)
-const email = ref('example')
-const time = ref('04:56')
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextField
-        v-model="amount"
-        label="Amount"
-        prefix="$"
-        type="number"
-        placeholder="10.05"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        v-model="weight"
-        label="Weight"
-        suffix="lbs"
-        type="number"
-        placeholder="28.02"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        v-model="email"
-        label="Email address"
-        suffix="@gmail.com"
-        placeholder="example"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        v-model="time"
-        label="Label Text"
-        type="time"
-        suffix="PST"
-        placeholder="04:56"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldSingleLine.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldSingleLine.vue
deleted file mode 100644
index a4fbc5f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldSingleLine.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <AppTextField
-    label="Regular"
-    placeholder="Placeholder Text"
-    single-line
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldState.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldState.vue
deleted file mode 100644
index 43bda18..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldState.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <VRow>
-    <VCol>
-      <AppTextField
-        label="Disabled"
-        placeholder="Placeholder Text"
-        disabled
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        placeholder="Placeholder Text"
-        label="Readonly"
-        readonly
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldValidation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldValidation.vue
deleted file mode 100644
index a47613b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldValidation.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts" setup>
-const email = ref('')
-</script>
-
-<template>
-  <VForm>
-    <AppTextField
-      v-model="email"
-      :rules="[requiredValidator, emailValidator]"
-      placeholder="johnedoe@email.com"
-      label="E-mail"
-    />
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldVariant.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldVariant.vue
deleted file mode 100644
index 430f541..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/DemoTextfieldVariant.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Outlined"
-        variant="outlined"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Filled"
-        variant="filled"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Solo"
-        variant="solo"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Plain"
-        variant="plain"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Underlined"
-        variant="underlined"
-      />
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/demoCodeTextfield.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/demoCodeTextfield.ts
deleted file mode 100644
index 2a154d7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-elements/textfield/demoCodeTextfield.ts
+++ /dev/null
@@ -1,947 +0,0 @@
-export const basic = {
-  ts: `<template>
-  <AppTextField
-    label="Regular"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-  js: `<template>
-  <AppTextField
-    label="Regular"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-}
-
-export const clearable = {
-  ts: `<template>
-  <AppTextField
-    placeholder="Placeholder Text"
-    label="Regular"
-    clearable
-  />
-</template>
-`,
-  js: `<template>
-  <AppTextField
-    placeholder="Placeholder Text"
-    label="Regular"
-    clearable
-  />
-</template>
-`,
-}
-
-export const counter = {
-  ts: `<script lang="ts" setup>
-const title = ref('Preliminary report')
-const description = ref('California is a state in the western United States')
-const rules = [(v: string) => v.length <= 25 || 'Max 25 characters']
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextField
-        v-model="title"
-        :rules="rules"
-        counter="25"
-        placeholder="Placeholder Text"
-        hint="This field uses counter prop"
-        label="Regular"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        v-model="description"
-        :rules="rules"
-        counter
-        maxlength="25"
-        placeholder="Placeholder Text"
-        hint="This field uses maxlength attribute"
-        label="Limit exceeded"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const title = ref('Preliminary report')
-const description = ref('California is a state in the western United States')
-const rules = [v => v.length <= 25 || 'Max 25 characters']
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextField
-        v-model="title"
-        :rules="rules"
-        counter="25"
-        placeholder="Placeholder Text"
-        hint="This field uses counter prop"
-        label="Regular"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        v-model="description"
-        :rules="rules"
-        counter
-        maxlength="25"
-        placeholder="Placeholder Text"
-        hint="This field uses maxlength attribute"
-        label="Limit exceeded"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const customColors = {
-  ts: `<template>
-  <AppTextField
-    color="success"
-    label="First name"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-  js: `<template>
-  <AppTextField
-    color="success"
-    label="First name"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-}
-
-export const density = {
-  ts: `<template>
-  <AppTextField
-    label="Compact"
-    density="compact"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-  js: `<template>
-  <AppTextField
-    label="Compact"
-    density="compact"
-    placeholder="Placeholder Text"
-  />
-</template>
-`,
-}
-
-export const iconEvents = {
-  ts: `<script lang="ts" setup>
-const message = ref('Hey!')
-const marker = ref(true)
-const iconIndex = ref(0)
-
-const toggleMarker = () => {
-  marker.value = !marker.value
-}
-
-const clearMessage = () => {
-  message.value = ''
-}
-
-const resetIcon = () => {
-  iconIndex.value = 0
-}
-
-const sendMessage = () => {
-  resetIcon()
-  clearMessage()
-}
-</script>
-
-<template>
-  <AppTextField
-    v-model="message"
-    clearable
-    type="text"
-    label="Message"
-    color="primary"
-    placeholder="Hey!!"
-    clear-icon="tabler-circle-x"
-    :append-icon="message ? $vuetify.locale.isRtl ? 'tabler-arrow-big-left-lines' : 'tabler-arrow-big-right-lines' : 'tabler-microphone'"
-    :append-inner-icon="marker ? 'tabler-map-pin' : 'tabler-map-pin-off'"
-    @click:append-inner="toggleMarker"
-    @click:append="sendMessage"
-    @click:clear="clearMessage"
-  />
-</template>
-`,
-  js: `<script setup>
-const message = ref('Hey!')
-const marker = ref(true)
-const iconIndex = ref(0)
-
-const toggleMarker = () => {
-  marker.value = !marker.value
-}
-
-const clearMessage = () => {
-  message.value = ''
-}
-
-const resetIcon = () => {
-  iconIndex.value = 0
-}
-
-const sendMessage = () => {
-  resetIcon()
-  clearMessage()
-}
-</script>
-
-<template>
-  <AppTextField
-    v-model="message"
-    clearable
-    type="text"
-    label="Message"
-    color="primary"
-    placeholder="Hey!!"
-    clear-icon="tabler-circle-x"
-    :append-icon="message ? $vuetify.locale.isRtl ? 'tabler-arrow-big-left-lines' : 'tabler-arrow-big-right-lines' : 'tabler-microphone'"
-    :append-inner-icon="marker ? 'tabler-map-pin' : 'tabler-map-pin-off'"
-    @click:append-inner="toggleMarker"
-    @click:append="sendMessage"
-    @click:clear="clearMessage"
-  />
-</template>
-`,
-}
-
-export const iconSlots = {
-  ts: `<script setup lang="ts">
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-const message = ref('Hey!')
-const loading = ref(false)
-
-const clickMe = () => {
-  loading.value = true
-  message.value = 'Wait for it...'
-
-  setTimeout(() => {
-    loading.value = false
-    message.value = 'You\'ve clicked me!'
-  }, 2000)
-}
-</script>
-
-<template>
-  <AppTextField
-    v-model="message"
-    clearable
-    label="Message"
-    placeholder="Hey!!"
-    type="text"
-    class="textfield-demo-icon-slot"
-  >
-    <!-- Prepend -->
-    <template #prepend>
-      <VTooltip location="bottom">
-        <template #activator="{ props }">
-          <VIcon
-            v-bind="props"
-            icon="tabler-help"
-          />
-        </template>
-        I'm a tooltip
-      </VTooltip>
-    </template>
-
-    <!-- AppendInner -->
-    <template #append-inner>
-      <VFadeTransition leave-absolute>
-        <VProgressCircular
-          v-if="loading"
-          color="primary"
-          width="3"
-          size="24"
-          indeterminate
-        />
-
-        <VNodeRenderer
-          v-else
-          class="text-2xl"
-          :nodes="themeConfig.app.logo"
-        />
-      </VFadeTransition>
-    </template>
-
-    <!-- Append -->
-    <template #append>
-      <VBtn
-        :icon="$vuetify.display.smAndDown"
-        @click="clickMe"
-      >
-        <VIcon
-          icon="tabler-viewfinder"
-          color="#fff"
-          size="22"
-        />
-        <span
-          v-if="$vuetify.display.mdAndUp"
-          class="ms-3"
-        >Click me</span>
-      </VBtn>
-    </template>
-  </AppTextField>
-</template>
-
-<style lang="scss" scoped>
-// .textfield-demo-icon-slot {
-//   :deep(.v-input) {
-//     align-content: center;
-
-//     .v-input__prepend,
-//     .v-input__append {
-//       padding-block-start: 0 !important;
-//     }
-
-//     .v-input__prepend {
-//       align-items: center;
-//     }
-
-//     .v-field__append-inner .v-progress-circular svg {
-//       block-size: 1.3em;
-//       inline-size: 1.3em;
-//     }
-
-//     .v-field__append-inner svg {
-//       margin-block-start: 0.1rem;
-//     }
-//   }
-// }
-</style>
-`,
-  js: `<script setup>
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-const message = ref('Hey!')
-const loading = ref(false)
-
-const clickMe = () => {
-  loading.value = true
-  message.value = 'Wait for it...'
-  setTimeout(() => {
-    loading.value = false
-    message.value = 'You\'ve clicked me!'
-  }, 2000)
-}
-</script>
-
-<template>
-  <AppTextField
-    v-model="message"
-    clearable
-    label="Message"
-    placeholder="Hey!!"
-    type="text"
-    class="textfield-demo-icon-slot"
-  >
-    <!-- Prepend -->
-    <template #prepend>
-      <VTooltip location="bottom">
-        <template #activator="{ props }">
-          <VIcon
-            v-bind="props"
-            icon="tabler-help"
-          />
-        </template>
-        I'm a tooltip
-      </VTooltip>
-    </template>
-
-    <!-- AppendInner -->
-    <template #append-inner>
-      <VFadeTransition leave-absolute>
-        <VProgressCircular
-          v-if="loading"
-          color="primary"
-          width="3"
-          size="24"
-          indeterminate
-        />
-
-        <VNodeRenderer
-          v-else
-          class="text-2xl"
-          :nodes="themeConfig.app.logo"
-        />
-      </VFadeTransition>
-    </template>
-
-    <!-- Append -->
-    <template #append>
-      <VBtn
-        :icon="$vuetify.display.smAndDown"
-        @click="clickMe"
-      >
-        <VIcon
-          icon="tabler-viewfinder"
-          color="#fff"
-          size="22"
-        />
-        <span
-          v-if="$vuetify.display.mdAndUp"
-          class="ms-3"
-        >Click me</span>
-      </VBtn>
-    </template>
-  </AppTextField>
-</template>
-
-<style lang="scss" scoped>
-// .textfield-demo-icon-slot {
-//   :deep(.v-input) {
-//     align-content: center;
-
-//     .v-input__prepend,
-//     .v-input__append {
-//       padding-block-start: 0 !important;
-//     }
-
-//     .v-input__prepend {
-//       align-items: center;
-//     }
-
-//     .v-field__append-inner .v-progress-circular svg {
-//       block-size: 1.3em;
-//       inline-size: 1.3em;
-//     }
-
-//     .v-field__append-inner svg {
-//       margin-block-start: 0.1rem;
-//     }
-//   }
-// }
-</style>
-`,
-}
-
-export const icons = {
-  ts: `<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextField
-        label="Prepend"
-        prepend-icon="tabler-map-pin"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        label="Prepend Inner"
-        prepend-inner-icon="tabler-map-pin"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        label="Append"
-        append-icon="tabler-map-pin"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        label="Append Inner"
-        append-inner-icon="tabler-map-pin"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextField
-        label="Prepend"
-        prepend-icon="tabler-map-pin"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        label="Prepend Inner"
-        prepend-inner-icon="tabler-map-pin"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        label="Append"
-        append-icon="tabler-map-pin"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        label="Append Inner"
-        append-inner-icon="tabler-map-pin"
-        placeholder="Placeholder Text"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const labelSlot = {
-  ts: `<template>
-  <AppTextField>
-    <template #label>
-      What about &nbsp;<strong>icon</strong>&nbsp;here?
-      <VIcon icon="tabler-file-search" />
-    </template>
-  </AppTextField>
-</template>
-`,
-  js: `<template>
-  <AppTextField>
-    <template #label>
-      What about &nbsp;<strong>icon</strong>&nbsp;here?
-      <VIcon icon="tabler-file-search" />
-    </template>
-  </AppTextField>
-</template>
-`,
-}
-
-export const passwordInput = {
-  ts: `<script lang="ts" setup>
-const show1 = ref(false)
-const show2 = ref(true)
-const password = ref('Password')
-const confirmPassword = ref('wqfasds')
-
-const rules = {
-  required: (value: string) => !!value || 'Required.',
-  min: (v: string) => v.length >= 8 || 'Min 8 characters',
-}
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextField
-        v-model="password"
-        :append-inner-icon="show1 ? 'tabler-eye-off' : 'tabler-eye' "
-        :rules="[rules.required, rules.min]"
-        :type="show1 ? 'text' : 'password'"
-        name="input-10-1"
-        label="Normal with hint text"
-        hint="At least 8 characters"
-        placeholder="············"
-        counter
-        @click:append-inner="show1 = !show1"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextField
-        v-model="confirmPassword"
-        :rules="[rules.required, rules.min]"
-        :append-inner-icon="show2 ? 'tabler-eye-off' : 'tabler-eye' "
-        :type="show2 ? 'text' : 'password'"
-        name="input-10-2"
-        placeholder="············"
-        label="Visible"
-        hint="At least 8 characters"
-        @click:append-inner="show2 = !show2"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const show1 = ref(false)
-const show2 = ref(true)
-const password = ref('Password')
-const confirmPassword = ref('wqfasds')
-
-const rules = {
-  required: value => !!value || 'Required.',
-  min: v => v.length >= 8 || 'Min 8 characters',
-}
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextField
-        v-model="password"
-        :append-inner-icon="show1 ? 'tabler-eye-off' : 'tabler-eye' "
-        :rules="[rules.required, rules.min]"
-        :type="show1 ? 'text' : 'password'"
-        name="input-10-1"
-        label="Normal with hint text"
-        hint="At least 8 characters"
-        placeholder="············"
-        counter
-        @click:append-inner="show1 = !show1"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      sm="6"
-    >
-      <AppTextField
-        v-model="confirmPassword"
-        :rules="[rules.required, rules.min]"
-        :append-inner-icon="show2 ? 'tabler-eye-off' : 'tabler-eye' "
-        :type="show2 ? 'text' : 'password'"
-        name="input-10-2"
-        placeholder="············"
-        label="Visible"
-        hint="At least 8 characters"
-        @click:append-inner="show2 = !show2"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const prefixesAndSuffixes = {
-  ts: `<script setup lang="ts">
-const amount = ref(10.05)
-const weight = ref(28.02)
-const email = ref('example')
-const time = ref('04:56')
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextField
-        v-model="amount"
-        label="Amount"
-        prefix="$"
-        type="number"
-        placeholder="10.05"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        v-model="weight"
-        label="Weight"
-        suffix="lbs"
-        type="number"
-        placeholder="28.02"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        v-model="email"
-        label="Email address"
-        suffix="@gmail.com"
-        placeholder="example"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        v-model="time"
-        label="Label Text"
-        type="time"
-        suffix="PST"
-        placeholder="04:56"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const amount = ref(10.05)
-const weight = ref(28.02)
-const email = ref('example')
-const time = ref('04:56')
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <AppTextField
-        v-model="amount"
-        label="Amount"
-        prefix="$"
-        type="number"
-        placeholder="10.05"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        v-model="weight"
-        label="Weight"
-        suffix="lbs"
-        type="number"
-        placeholder="28.02"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        v-model="email"
-        label="Email address"
-        suffix="@gmail.com"
-        placeholder="example"
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        v-model="time"
-        label="Label Text"
-        type="time"
-        suffix="PST"
-        placeholder="04:56"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const singleLine = {
-  ts: `<template>
-  <AppTextField
-    label="Regular"
-    placeholder="Placeholder Text"
-    single-line
-  />
-</template>
-`,
-  js: `<template>
-  <AppTextField
-    label="Regular"
-    placeholder="Placeholder Text"
-    single-line
-  />
-</template>
-`,
-}
-
-export const state = {
-  ts: `<template>
-  <VRow>
-    <VCol>
-      <AppTextField
-        label="Disabled"
-        placeholder="Placeholder Text"
-        disabled
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        placeholder="Placeholder Text"
-        label="Readonly"
-        readonly
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<template>
-  <VRow>
-    <VCol>
-      <AppTextField
-        label="Disabled"
-        placeholder="Placeholder Text"
-        disabled
-      />
-    </VCol>
-
-    <VCol cols="12">
-      <AppTextField
-        placeholder="Placeholder Text"
-        label="Readonly"
-        readonly
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const validation = {
-  ts: `<script lang="ts" setup>
-const email = ref('')
-</script>
-
-<template>
-  <VForm>
-    <AppTextField
-      v-model="email"
-      :rules="[requiredValidator, emailValidator]"
-      placeholder="johnedoe@email.com"
-      label="E-mail"
-    />
-  </VForm>
-</template>
-`,
-  js: `<script setup>
-const email = ref('')
-</script>
-
-<template>
-  <VForm>
-    <AppTextField
-      v-model="email"
-      :rules="[requiredValidator, emailValidator]"
-      placeholder="johnedoe@email.com"
-      label="E-mail"
-    />
-  </VForm>
-</template>
-`,
-}
-
-export const variant = {
-  ts: `<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Outlined"
-        variant="outlined"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Filled"
-        variant="filled"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Solo"
-        variant="solo"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Plain"
-        variant="plain"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Underlined"
-        variant="underlined"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Outlined"
-        variant="outlined"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Filled"
-        variant="filled"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Solo"
-        variant="solo"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Plain"
-        variant="plain"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <VTextField
-        label="Underlined"
-        variant="underlined"
-      />
-    </VCol>
-  </VRow>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutCollapsible.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutCollapsible.vue
deleted file mode 100644
index 3944e59..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutCollapsible.vue
+++ /dev/null
@@ -1,355 +0,0 @@
-<script lang="ts" setup>
-const stateList = [
-  'Alabama',
-  'Alaska',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'Florida',
-  'Georgia',
-  'Hawaii',
-]
-
-const radios = ref('home')
-const deliveryOption = ref('standard')
-const paymentMethod = ref('credit-debit-card')
-const panel = ref(0)
-
-const paymentMethods = [
-  {
-    radioValue: 'credit-debit-card',
-    radioLabel: 'Credit/Debit/ATM Card',
-    icon: 'tabler-credit-card',
-  },
-  {
-    radioValue: 'cash-on-delivery',
-    radioLabel: 'Cash On Delivery',
-    icon: 'tabler-help',
-  },
-]
-</script>
-
-<template>
-  <VExpansionPanels v-model="panel">
-    <!-- SECTION Delivery Address -->
-    <VExpansionPanel>
-      <VExpansionPanelTitle>Delivery Address</VExpansionPanelTitle>
-
-      <VExpansionPanelText>
-        <VForm
-          class="pt-4 pb-2"
-          @submit.prevent="() => {}"
-        >
-          <VRow>
-            <!-- 👉 Full Name -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="Full Name"
-                placeholder="John Doe"
-              />
-            </VCol>
-            <!-- 👉 Phone No -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="Phone No"
-                type="number"
-                placeholder="+1 123 456 7890"
-              />
-            </VCol>
-            <!-- 👉 Address -->
-            <VCol cols="12">
-              <AppTextarea
-                label="Address"
-                placeholder="1234 Main St, New York, NY 10001, USA"
-                rows="3"
-              />
-            </VCol>
-            <!-- 👉 Pincode -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="Pincode"
-                placeholder="123456"
-                type="number"
-              />
-            </VCol>
-            <!-- 👉 Landmark -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="Landmark"
-                placeholder="Near City Mall"
-              />
-            </VCol>
-            <!-- 👉 City -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="City"
-                placeholder="New York"
-              />
-            </VCol>
-            <!-- 👉 State -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppSelect
-                :items="stateList"
-                label="State"
-                placeholder="Select State"
-              />
-            </VCol>
-            <!-- 👉 Address Type  -->
-            <VCol cols="12">
-              <VLabel class="mb-3">
-                Address Type
-              </VLabel>
-              <VRadioGroup
-                v-model="radios"
-                inline
-              >
-                <div>
-                  <VRadio
-                    label="Home (All day delivery)"
-                    value="home"
-                    class="me-3"
-                  />
-                  <VRadio
-                    label="Office (Delivery between 10 AM - 5 PM)"
-                    value="office"
-                  />
-                </div>
-              </VRadioGroup>
-            </VCol>
-          </VRow>
-        </VForm>
-      </VExpansionPanelText>
-    </VExpansionPanel>
-    <!-- !SECTION Delivery Address -->
-
-    <!-- SECTION Delivery Options -->
-    <VExpansionPanel>
-      <VExpansionPanelTitle>Delivery Options</VExpansionPanelTitle>
-
-      <VExpansionPanelText>
-        <!-- 👉 Radio Group -->
-        <VRadioGroup
-          v-model="deliveryOption"
-          class="delivery-options pt-4 pb-2"
-        >
-          <div
-            class="delivery-option d-flex rounded-t"
-            :class="deliveryOption === 'standard' ? 'active' : ''"
-            @click="deliveryOption = 'standard'"
-          >
-            <VRadio
-              inline
-              value="standard"
-              class="mt-n4"
-            />
-            <div class="w-100">
-              <div class="d-flex justify-space-between">
-                <h6 class="text-base font-weight-medium">
-                  Standard 3-5 Days
-                </h6>
-                <h6 class="text-base font-weight-medium">
-                  Free
-                </h6>
-              </div>
-              <span class="text-sm">Friday, 15 Nov - Monday, 18 Nov</span>
-            </div>
-          </div>
-          <div
-            class="delivery-option d-flex"
-            :class="deliveryOption === 'express' ? 'active' : ''"
-            @click="deliveryOption = 'express'"
-          >
-            <VRadio
-              inline
-              class="mt-n4"
-              value="express"
-            />
-            <div class="w-100">
-              <div class="d-flex justify-space-between">
-                <h5 class="text-base font-weight-medium">
-                  Express
-                </h5>
-                <h6 class="text-base font-weight-medium">
-                  $5.00
-                </h6>
-              </div>
-              <span class="text-sm">Friday, 15 Nov - Sunday, 17 Nov</span>
-            </div>
-          </div>
-          <div
-            class="delivery-option d-flex rounded-b"
-            :class="deliveryOption === 'overnight' ? 'active' : ''"
-            @click="deliveryOption = 'overnight'"
-          >
-            <VRadio
-              inline
-              class="mt-n4"
-              value="overnight"
-            />
-            <div class="w-100">
-              <div class="d-flex justify-space-between">
-                <h6 class="text-base font-weight-medium">
-                  Overnight
-                </h6>
-                <h6 class="text-base font-weight-medium">
-                  $10.00
-                </h6>
-              </div>
-              <span class="text-sm">Friday, 15 Nov - Saturday, 16 Nov</span>
-            </div>
-          </div>
-        </VRadioGroup>
-      </VExpansionPanelText>
-    </VExpansionPanel>
-    <!-- !SECTION Delivery Options -->
-
-    <!-- SECTION Payment Method -->
-    <VExpansionPanel>
-      <VExpansionPanelTitle>Payment Method</VExpansionPanelTitle>
-
-      <VExpansionPanelText>
-        <VRow>
-          <VCol
-            md="6"
-            cols="12"
-          >
-            <VForm class="pt-4 pb-2">
-              <!-- 👉 Payment Method -->
-              <div>
-                <VRadioGroup
-                  v-model="paymentMethod"
-                  inline
-                >
-                  <div>
-                    <VRadio
-                      v-for="payment in paymentMethods"
-                      :key="payment.radioValue"
-                      :value="payment.radioValue"
-                      class="me-3"
-                    >
-                      <template #label>
-                        <span class="me-1">{{ payment.radioLabel }}</span>
-                        <VIcon
-                          size="18"
-                          :icon="payment.icon"
-                        />
-                      </template>
-                    </VRadio>
-                  </div>
-                </VRadioGroup>
-              </div>
-
-              <VRow v-if="paymentMethod === 'credit-debit-card'">
-                <!-- 👉 Card Number -->
-                <VCol cols="12">
-                  <AppTextField
-                    label="Card Number"
-                    type="number"
-                    placeholder="1234 5678 9012 3456"
-                  />
-                </VCol>
-
-                <!-- 👉 Name -->
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppTextField
-                    label="Name"
-                    placeholder="john doe"
-                  />
-                </VCol>
-
-                <!-- 👉 Expire Date -->
-                <VCol
-                  cols="6"
-                  md="3"
-                >
-                  <AppTextField
-                    label="Expiry Date"
-                    placeholder="MM/YY"
-                  />
-                </VCol>
-
-                <!-- 👉 CVV Code -->
-                <VCol
-                  cols="6"
-                  md="3"
-                >
-                  <AppTextField
-                    label="CVV Code"
-                    type="number"
-                    max="3"
-                    placeholder="123"
-                  />
-                </VCol>
-              </VRow>
-
-              <VRow v-else>
-                <VCol>
-                  <div class="text-high-emphasis">
-                    Cash on Delivery is a type of payment method where the recipient make payment for the order at the time of delivery rather than in advance.
-                  </div>
-                </VCol>
-              </VRow>
-            </VForm>
-          </VCol>
-        </VRow>
-
-        <VDivider class="my-5" />
-
-        <!-- 👉 Place Order -->
-        <div class="d-flex gap-4">
-          <VBtn>Place Order</VBtn>
-          <VBtn
-            color="secondary"
-            variant="tonal"
-          >
-            Cancel
-          </VBtn>
-        </div>
-      </VExpansionPanelText>
-    </VExpansionPanel>
-    <!-- !SECTION Payment Method -->
-  </VExpansionPanels>
-</template>
-
-<style lang="scss">
-.delivery-options {
-  cursor: pointer;
-
-  .v-selection-control-group {
-    inline-size: 100%;
-  }
-}
-
-.delivery-option {
-  padding: 1rem;
-  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-
-  &.active {
-    border-color: rgb(var(--v-theme-primary));
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormHint.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormHint.vue
deleted file mode 100644
index 0990241..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormHint.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<script lang="ts" setup>
-const username = ref('')
-const email = ref('')
-const password = ref<string>()
-const checkbox = ref(false)
-const items = ['foo', 'bar', 'fizz', 'buzz'] as const
-const values = ref<typeof items[number][]>([])
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <VCol cols="12">
-        <!-- 👉 Username -->
-        <AppTextField
-          v-model="username"
-          label="Username"
-          placeholder="Johndoe"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Email -->
-        <AppTextField
-          v-model="email"
-          label="Email"
-          type="email"
-          placeholder="johndoe@email.com"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Password -->
-        <AppTextField
-          v-model="password"
-          label="Password"
-          autocomplete="on"
-          type="password"
-          persistent-hint
-          placeholder="············"
-          hint="Your password must be 8-20 characters long."
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Autocomplete -->
-        <AppAutocomplete
-          v-model="values"
-          :items="items"
-          chips
-          multiple
-          label="Autocomplete"
-          placeholder="Select"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Checkbox -->
-        <VCheckbox
-          v-model="checkbox"
-          label="Remember me"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        class="d-flex gap-4"
-      >
-        <!-- 👉 submit and reset button -->
-        <VBtn type="submit">
-          Submit
-        </VBtn>
-
-        <VBtn
-          color="secondary"
-          type="reset"
-          variant="tonal"
-        >
-          Reset
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormSticky.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormSticky.vue
deleted file mode 100644
index fabc703..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormSticky.vue
+++ /dev/null
@@ -1,379 +0,0 @@
-<script setup lang="ts">
-import type { CustomInputContent } from '@core/types'
-
-const radioContent: CustomInputContent[] = [
-  {
-    title: 'Standard',
-    desc: 'Delivery in 3-5 days.',
-    value: 'standard',
-    icon: 'tabler-briefcase',
-  },
-  {
-    title: 'Express',
-    desc: 'Delivery within 2 days.',
-    value: 'express',
-    icon: 'tabler-rocket',
-  },
-  {
-    title: 'Overnight',
-    desc: 'Delivery within a days.',
-    value: 'overnight',
-    icon: 'tabler-crown',
-  },
-]
-
-const promoCodeList = [
-  {
-    code: 'TAKEITALL',
-    desc: 'Apply this code to get 15% discount on orders above 20$.',
-  },
-  {
-    code: 'FESTIVE10',
-    desc: 'Apply this code to get 10% discount on all orders.',
-  },
-  {
-    code: 'MYSTERYDEAL',
-    desc: 'Apply this code to get discount between 10% - 50%.',
-  },
-]
-
-const formData = ref({
-  fullName: '',
-  email: '',
-  contactNumber: null,
-  altContactNumber: null,
-  address: '',
-  pincode: null,
-  Landmark: '',
-  city: '',
-  state: '',
-  defaultAddress: false,
-  addressType: 'home',
-  deliveryType: 'standard',
-  promoCode: '',
-  paymentMethod: 'card',
-  cardNumber: null,
-  cardName: '',
-  cardExDate: '',
-  cardCvv: '',
-})
-</script>
-
-<template>
-  <VCard class="overflow-visible">
-    <div class="w-100 sticky-header overflow-hidden rounded-t">
-      <div class="d-flex align-center gap-4 flex-wrap bg-background pa-6">
-        <VCardTitle>Sticky Action Bar</VCardTitle>
-        <VSpacer />
-        <div>
-          <VBtn
-            variant="tonal"
-            class="me-5"
-          >
-            Back
-          </VBtn>
-          <VBtn>Place Order</VBtn>
-        </div>
-      </div>
-    </div>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          md="8"
-          cols="12"
-          class="mx-auto"
-        >
-          <VForm>
-            <h2 class="text-lg font-weight-medium mb-6">
-              1. Delivery Address
-            </h2>
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.fullName"
-                  label="Full Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.email"
-                  label="Email"
-                  placeholder="john.doe"
-                  suffix="@example.com"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.contactNumber"
-                  label="Contact Number"
-                  placeholder="658 123 4567"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.altContactNumber"
-                  label="Alternate Number"
-                  placeholder="658 123 4567"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VTextarea
-                  v-model="formData.address"
-                  label="Address"
-                  placeholder="1456, Mall Road"
-                  rows="2"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.pincode"
-                  label="Pincode"
-                  placeholder="658468"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.Landmark"
-                  label="Landmark"
-                  placeholder="Nr. Wall Street"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.city"
-                  label="City"
-                  placeholder="Jackson"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.state"
-                  label="State"
-                  placeholder="California"
-                  :items="['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VCheckbox
-                  v-model="formData.defaultAddress"
-                  label="Use this as default delivery address"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <p class="text-high-emphasis text-base mb-1">
-                  Address Type
-                </p>
-                <VRadioGroup
-                  v-model="formData.addressType"
-                  inline
-                >
-                  <VRadio
-                    label="Home (All day delivery)"
-                    value="home"
-                  />
-                  <VRadio
-                    label="Office (Delivery between 10 AM - 5 PM)"
-                    value="work"
-                  />
-                </VRadioGroup>
-              </VCol>
-            </VRow>
-
-            <VDivider class="my-6" />
-
-            <h2 class="text-lg font-weight-medium mb-6">
-              2. Delivery Type
-            </h2>
-
-            <CustomRadiosWithIcon
-              v-model:selected-radio="formData.deliveryType"
-              :radio-content="radioContent"
-              :grid-column="{ sm: '4', cols: '12' }"
-            />
-
-            <VDivider class="my-6" />
-
-            <h2 class="text-lg font-weight-medium mb-6">
-              3. Apply Promo code
-            </h2>
-
-            <div class="d-flex align-center gap-4">
-              <VTextField
-                v-model="formData.promoCode"
-                density="compact"
-                placeholder="TAKEITALL"
-              />
-              <VBtn>Apply</VBtn>
-            </div>
-
-            <div class="d-flex align-center gap-2 my-4">
-              <VDivider style="border-style: dashed;" />
-              <span>OR</span>
-              <VDivider style="border-style: dashed;" />
-            </div>
-
-            <VList
-              class="border rounded py-0"
-              lines="two"
-            >
-              <VListItem
-                v-for="(item, index) in promoCodeList"
-                :key="item.code"
-                :title="item.code"
-                :subtitle="item.desc"
-                :class="index !== 0 ? 'border-t' : ''"
-              >
-                <template #append>
-                  <VBtn variant="outlined">
-                    Apply
-                  </VBtn>
-                </template>
-              </VListItem>
-            </VList>
-
-            <VDivider class="my-6" />
-
-            <h2 class="text-lg font-weight-medium mb-6">
-              4. Payment Method
-            </h2>
-
-            <VRadioGroup
-              v-model="formData.paymentMethod"
-              inline
-              class="mb-4"
-            >
-              <VRadio
-                value="card"
-                label="Credit/Debit/ATM Card"
-              />
-              <VRadio
-                value="cash-on-delivery"
-                label="Cash On Delivery"
-              />
-            </VRadioGroup>
-
-            <VRow v-show="formData.paymentMethod === 'card'">
-              <VCol cols="12">
-                <VTextField
-                  label="Card Number"
-                  placeholder="1356 3215 6548 7898"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  label="Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="6"
-                md="3"
-              >
-                <VTextField
-                  label="Exp. Date"
-                  placeholder="MM/YY"
-                />
-              </VCol>
-              <VCol
-                cols="6"
-                md="3"
-              >
-                <VTextField
-                  label="CVV Code"
-                  placeholder="654"
-                />
-              </VCol>
-            </VRow>
-
-            <div v-show="formData.paymentMethod === 'cash-on-delivery'">
-              <p>
-                Cash on delivery is a mode of payment where you make the payment after the goods/services are received.
-              </p>
-              <p>You can pay cash or make the payment via debit/credit card directly to the delivery person.</p>
-            </div>
-          </VForm>
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.sticky-header {
-  position: sticky;
-  z-index: 9;
-  transition: all 0.3s ease-in-out;
-}
-
-.layout-nav-type-vertical {
-  &.layout-navbar-sticky {
-    .sticky-header {
-      inset-block: 4rem 0;
-    }
-  }
-
-  &.layout-navbar-static {
-    .sticky-header {
-      inset-block: 0 0;
-    }
-  }
-}
-
-.layout-nav-type-horizontal {
-  &.layout-navbar-static {
-    .sticky-header {
-      inset-block: 0 0;
-    }
-  }
-
-  &.layout-navbar-sticky {
-    .sticky-header {
-      inset-block: 8.1rem 0;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormValidation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormValidation.vue
deleted file mode 100644
index bd04df3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormValidation.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<script lang="ts" setup>
-import type { VForm } from 'vuetify/components/VForm'
-
-const name = ref('')
-const email = ref('')
-const items = ['Item 1', 'Item 2', 'Item 3', 'Item 4'] as const
-const select = ref<typeof items[number]>()
-const checkbox = ref(false)
-const form = ref<VForm>()
-</script>
-
-<template>
-  <VForm
-    ref="form"
-    lazy-validation
-  >
-    <VRow>
-      <VCol cols="12">
-        <AppTextField
-          v-model="name"
-          :rules="[requiredValidator]"
-          label="Name"
-          placeholder="John Doe"
-          required
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="email"
-          :rules="[emailValidator, requiredValidator]"
-          label="E-mail"
-          placeholder="johndoe@email.com"
-          required
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppSelect
-          v-model="select"
-          :items="items"
-          :rules="[requiredValidator]"
-          placeholder="Select an Item"
-          label="Item"
-          name="select"
-          require
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VCheckbox
-          v-model="checkbox"
-          :rules="[requiredValidator]"
-          label="Do you agree?"
-          required
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        class="d-flex flex-wrap gap-4"
-      >
-        <VBtn
-          color="success"
-          @click="form?.validate()"
-        >
-          Validate
-        </VBtn>
-
-        <VBtn
-          color="error"
-          @click="form?.reset()"
-        >
-          Reset Form
-        </VBtn>
-
-        <VBtn
-          color="warning"
-          @click="form?.resetValidation()"
-        >
-          Reset Validation
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormWithTabs.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormWithTabs.vue
deleted file mode 100644
index 8b38268..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutFormWithTabs.vue
+++ /dev/null
@@ -1,260 +0,0 @@
-<script lang="ts" setup>
-const tab = ref('personal-info')
-const firstName = ref('')
-const lastName = ref('')
-const country = ref()
-const birthDate = ref('')
-const phoneNo = ref<number>()
-const countryList = ['USA', 'Canada', 'UK', 'Denmark', 'Germany', 'Iceland', 'Israel', 'Mexico']
-const languageList = ['English', 'German', 'French', 'Spanish', 'Portuguese', 'Russian', 'Korean'] as const
-const username = ref('')
-const email = ref('')
-const password = ref('')
-const cPassword = ref('')
-const twitterLink = ref('')
-const facebookLink = ref('')
-const googlePlusLink = ref('')
-const linkedInLink = ref('')
-const instagramLink = ref('')
-const quoraLink = ref('')
-const languages = ref<typeof languageList[number][]>([])
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-</script>
-
-<template>
-  <VTabs v-model="tab">
-    <VTab value="personal-info">
-      Personal Info
-    </VTab>
-    <VTab value="account-details">
-      Account Details
-    </VTab>
-    <VTab value="social-links">
-      Social Links
-    </VTab>
-  </VTabs>
-
-  <VCard flat>
-    <VCardText>
-      <VWindow
-        v-model="tab"
-        class="disable-tab-transition"
-      >
-        <VWindowItem value="personal-info">
-          <VForm class="mt-2">
-            <VRow>
-              <VCol
-                md="6"
-                cols="12"
-              >
-                <AppTextField
-                  v-model="firstName"
-                  label="First name"
-                  placeholder="John"
-                />
-              </VCol>
-
-              <VCol
-                md="6"
-                cols="12"
-              >
-                <AppTextField
-                  v-model="lastName"
-                  label="Last name"
-                  placeholder="Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="country"
-                  :items="countryList"
-                  label="Country"
-                  placeholder="Select Country"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="languages"
-                  :items="languageList"
-                  multiple
-                  chips
-                  clearable
-                  label="Language"
-                  placeholder="Select Language"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppDateTimePicker
-                  v-model="birthDate"
-                  label="Birth Date"
-                  placeholder="Select Birth Date"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="phoneNo"
-                  type="number"
-                  label="Phone No."
-                  placeholder="+1 123 456 7890"
-                />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem value="account-details">
-          <VForm class="mt-2">
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="username"
-                  label="Username"
-                  placeholder="Johndoe"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="email"
-                  label="Email"
-                  suffix="@example.com"
-                  placeholder="johndoe@email.com"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="cPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem value="social-links">
-          <VForm class="mt-2">
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="twitterLink"
-                  label="Twitter"
-                  placeholder="https://twitter.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="facebookLink"
-                  label="Facebook"
-                  placeholder="https://facebook.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="googlePlusLink"
-                  label="Google+"
-                  placeholder="https://plus.google.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="linkedInLink"
-                  label="LinkedIn"
-                  placeholder="https://linkedin.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="instagramLink"
-                  label="Instagram"
-                  placeholder="https://instagram.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="quoraLink"
-                  label="Quora"
-                  placeholder="https://quora.com/username"
-                />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText class="d-flex gap-4">
-      <VBtn>Submit</VBtn>
-      <VBtn
-        color="secondary"
-        variant="tonal"
-      >
-        Cancel
-      </VBtn>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutHorizontalForm.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutHorizontalForm.vue
deleted file mode 100644
index d4e99a8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutHorizontalForm.vue
+++ /dev/null
@@ -1,175 +0,0 @@
-<script lang="ts" setup>
-const firstName = ref('')
-const email = ref('')
-const mobile = ref<number>()
-const password = ref<string>()
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <VCol cols="12">
-        <VRow no-gutters>
-          <!-- 👉 First Name -->
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="firstName"
-            >First Name</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="firstName"
-              v-model="firstName"
-              placeholder="John"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <VCol cols="12">
-        <VRow no-gutters>
-          <!-- 👉 Email -->
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="email"
-            >Email</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="email"
-              v-model="email"
-              placeholder="johndoe@email.com"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <VCol cols="12">
-        <VRow no-gutters>
-          <!-- 👉 Mobile -->
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="mobile"
-            >Mobile</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="mobile"
-              v-model="mobile"
-              type="number"
-              placeholder="+1 123 456 7890"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <VCol cols="12">
-        <VRow no-gutters>
-          <!-- 👉 Password -->
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="password"
-            >Password</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="password"
-              v-model="password"
-              autocomplete="on"
-              type="password"
-              placeholder="············"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Remember me -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-          />
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <VCheckbox
-              v-model="checkbox"
-              label="Remember me"
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 submit and reset button -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-          />
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <VBtn
-              type="submit"
-              class="me-4"
-            >
-              Submit
-            </VBtn>
-            <VBtn
-              color="secondary"
-              variant="tonal"
-              type="reset"
-            >
-              Reset
-            </VBtn>
-          </VCol>
-        </VRow>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutHorizontalFormWithIcons.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutHorizontalFormWithIcons.vue
deleted file mode 100644
index 62fa696..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutHorizontalFormWithIcons.vue
+++ /dev/null
@@ -1,179 +0,0 @@
-<script lang="ts" setup>
-const firstName = ref('')
-const email = ref('')
-const mobile = ref<number>()
-const password = ref<string>()
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <!-- 👉 First Name -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="firstNameHorizontalIcons"
-            >First Name</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="firstNameHorizontalIcons"
-              v-model="firstName"
-              prepend-inner-icon="tabler-user"
-              placeholder="John"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Email -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="emailHorizontalIcons"
-            >Email</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="emailHorizontalIcons"
-              v-model="email"
-              prepend-inner-icon="tabler-mail"
-              placeholder="johndoe@email.com"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Mobile -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="mobileHorizontalIcons"
-            >Mobile</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="mobileHorizontalIcons"
-              v-model="mobile"
-              type="number"
-              prepend-inner-icon="tabler-device-mobile"
-              placeholder="+1 123 456 7890"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Password -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="passwordHorizontalIcons"
-            >Password</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="passwordHorizontalIcons"
-              v-model="password"
-              prepend-inner-icon="tabler-lock"
-              autocomplete="on"
-              type="password"
-              placeholder="············"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Checkbox -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-          />
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <VCheckbox
-              v-model="checkbox"
-              label="Remember me"
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 submit and reset button -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-          />
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <VBtn
-              type="submit"
-              class="me-4"
-            >
-              Submit
-            </VBtn>
-            <VBtn
-              color="secondary"
-              variant="tonal"
-              type="reset"
-            >
-              Reset
-            </VBtn>
-          </VCol>
-        </VRow>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutMultipleColumn.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutMultipleColumn.vue
deleted file mode 100644
index 236a301..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutMultipleColumn.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<script lang="ts" setup>
-const firstName = ref('')
-const lastName = ref('')
-const city = ref('')
-const country = ref('')
-const company = ref('')
-const email = ref('')
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <!-- 👉 First Name -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="firstName"
-          label="First Name"
-          placeholder="John"
-        />
-      </VCol>
-
-      <!-- 👉 Last Name -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="lastName"
-          label="Last Name"
-          placeholder="Doe"
-        />
-      </VCol>
-
-      <!-- 👉 Email -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="email"
-          label="Email"
-          placeholder="johndoe@email.com"
-        />
-      </VCol>
-
-      <!-- 👉 City -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="city"
-          label="City"
-          placeholder="New York"
-        />
-      </VCol>
-
-      <!-- 👉 Country -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="country"
-          label="Country"
-          placeholder="United States"
-        />
-      </VCol>
-
-      <!-- 👉 Company -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="company"
-          label="Company"
-          placeholder="Pixinvent"
-        />
-      </VCol>
-
-      <!-- 👉 Remember me -->
-      <VCol cols="12">
-        <VCheckbox
-          v-model="checkbox"
-          label="Remember me"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        class="d-flex gap-4"
-      >
-        <VBtn type="submit">
-          Submit
-        </VBtn>
-
-        <VBtn
-          type="reset"
-          color="secondary"
-          variant="tonal"
-        >
-          Reset
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutSticky.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutSticky.vue
deleted file mode 100644
index fbd16cb..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutSticky.vue
+++ /dev/null
@@ -1,383 +0,0 @@
-<script setup lang="ts">
-import type { CustomInputContent } from '@core/types'
-
-const radioContent: CustomInputContent[] = [
-  {
-    title: 'Standard',
-    desc: 'Delivery in 3-5 days.',
-    value: 'standard',
-    icon: { icon: 'tabler-briefcase-2', size: '32' },
-  },
-  {
-    title: 'Express',
-    desc: 'Delivery within 2 days.',
-    value: 'express',
-    icon: { icon: 'tabler-rocket', size: '32' },
-  },
-  {
-    title: 'Overnight',
-    desc: 'Delivery within a days.',
-    value: 'overnight',
-    icon: { icon: 'tabler-crown', size: '32' },
-  },
-]
-
-const promoCodeList = [
-  {
-    code: 'TAKEITALL',
-    desc: 'Apply this code to get 15% discount on orders above 20$.',
-  },
-  {
-    code: 'FESTIVE10',
-    desc: 'Apply this code to get 10% discount on all orders.',
-  },
-  {
-    code: 'MYSTERYDEAL',
-    desc: 'Apply this code to get discount between 10% - 50%.',
-  },
-]
-
-const formData = ref({
-  fullName: '',
-  email: '',
-  contactNumber: null,
-  altContactNumber: null,
-  address: '',
-  pincode: null,
-  Landmark: '',
-  city: '',
-  state: null,
-  defaultAddress: false,
-  addressType: 'home',
-  deliveryType: 'overnight',
-  promoCode: '',
-  paymentMethod: 'card',
-  cardNumber: null,
-  cardName: '',
-  cardExDate: '',
-  cardCvv: '',
-})
-</script>
-
-<template>
-  <VCard class="overflow-visible">
-    <div class="w-100 sticky-header overflow-hidden rounded-t">
-      <div class=" d-flex align-center gap-4 flex-wrap bg-custom-background pa-6">
-        <VCardTitle>Sticky Action Bar</VCardTitle>
-        <VSpacer />
-        <div>
-          <VBtn
-            variant="tonal"
-            class="me-4"
-          >
-            Back
-          </VBtn>
-          <VBtn>Place Order</VBtn>
-        </div>
-      </div>
-    </div>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          md="8"
-          cols="12"
-          class="mx-auto"
-        >
-          <VForm>
-            <h5 class="text-h5 mb-6">
-              1. Delivery Address
-            </h5>
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.fullName"
-                  label="Full Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  label="Email"
-                  placeholder="john.doe"
-                  suffix="@example.com"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.contactNumber"
-                  label="Contact Number"
-                  placeholder="658 123 4567"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.altContactNumber"
-                  label="Alternate Number"
-                  placeholder="658 123 4567"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextarea
-                  v-model="formData.address"
-                  label="Address"
-                  placeholder="1456, Mall Road"
-                  rows="2"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.pincode"
-                  label="Pincode"
-                  placeholder="658468"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.Landmark"
-                  label="Landmark"
-                  placeholder="Nr. Wall Street"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.city"
-                  label="City"
-                  placeholder="Jackson"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.state"
-                  label="State"
-                  placeholder="Select State"
-                  :items="['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VCheckbox
-                  v-model="formData.defaultAddress"
-                  label="Use this as default delivery address"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <p class="text-high-emphasis text-base mb-1">
-                  Address Type
-                </p>
-                <VRadioGroup
-                  v-model="formData.addressType"
-                  inline
-                >
-                  <VRadio
-                    label="Home (All day delivery)"
-                    value="home"
-                    class="me-3"
-                  />
-                  <VRadio
-                    label="Office (Delivery between 10 AM - 5 PM)"
-                    value="work"
-                  />
-                </VRadioGroup>
-              </VCol>
-            </VRow>
-
-            <VDivider class="my-6" />
-
-            <h5 class="text-h5 mb-6">
-              2. Delivery Type
-            </h5>
-
-            <CustomRadiosWithIcon
-              v-model:selected-radio="formData.deliveryType"
-              :radio-content="radioContent"
-              :grid-column="{ sm: '4', cols: '12' }"
-            />
-
-            <VDivider class="my-6" />
-
-            <h5 class="text-h5 my-6">
-              3. Apply Promo code
-            </h5>
-
-            <div class="d-flex align-center gap-4">
-              <AppTextField
-                v-model="formData.promoCode"
-                placeholder="TAKEITALL"
-              />
-              <VBtn>Apply</VBtn>
-            </div>
-
-            <div class="d-flex align-center gap-2 my-4">
-              <VDivider style="border-style: dashed;" />
-              <span>OR</span>
-              <VDivider style="border-style: dashed;" />
-            </div>
-
-            <VList
-              class="border rounded py-0"
-              lines="two"
-            >
-              <VListItem
-                v-for="(item, index) in promoCodeList"
-                :key="item.code"
-                :title="item.code"
-                :subtitle="item.desc"
-                :class="index !== 0 ? 'border-t' : ''"
-              >
-                <template #append>
-                  <VBtn
-                    variant="tonal"
-                    class="ms-4"
-                  >
-                    Apply
-                  </VBtn>
-                </template>
-              </VListItem>
-            </VList>
-
-            <VDivider class="my-6" />
-
-            <h5 class="text-h5 mb-6">
-              4. Payment Method
-            </h5>
-
-            <VRadioGroup
-              v-model="formData.paymentMethod"
-              inline
-              class="mb-4"
-            >
-              <VRadio
-                value="card"
-                label="Credit/Debit/ATM Card"
-                class="me-3"
-              />
-              <VRadio
-                value="cash-on-delivery"
-                label="Cash On Delivery"
-              />
-            </VRadioGroup>
-
-            <VRow v-show="formData.paymentMethod === 'card'">
-              <VCol cols="12">
-                <AppTextField
-                  label="Card Number"
-                  placeholder="1356 3215 6548 7898"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="6"
-                md="3"
-              >
-                <AppTextField
-                  label="Exp. Date"
-                  placeholder="MM/YY"
-                />
-              </VCol>
-              <VCol
-                cols="6"
-                md="3"
-              >
-                <AppTextField
-                  label="CVV Code"
-                  placeholder="654"
-                />
-              </VCol>
-            </VRow>
-
-            <div v-show="formData.paymentMethod === 'cash-on-delivery'">
-              <p>
-                Cash on delivery is a mode of payment where you make the payment after the goods/services are received.
-              </p>
-              <p>You can pay cash or make the payment via debit/credit card directly to the delivery person.</p>
-            </div>
-          </VForm>
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.sticky-header {
-  position: sticky;
-  z-index: 9;
-  transition: all 0.3s ease-in-out;
-}
-
-.layout-nav-type-vertical {
-  &.layout-navbar-sticky {
-    .sticky-header {
-      inset-block: 4.3rem 0;
-    }
-  }
-
-  &.layout-navbar-static {
-    .sticky-header {
-      inset-block: 0;
-    }
-  }
-}
-
-.layout-nav-type-horizontal {
-  &.layout-navbar-static {
-    .sticky-header {
-      inset-block: 0;
-    }
-  }
-
-  &.layout-navbar-sticky {
-    .sticky-header {
-      inset-block: 6.75rem 0;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutVerticalForm.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutVerticalForm.vue
deleted file mode 100644
index 6e0fb18..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutVerticalForm.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<script lang="ts" setup>
-const firstName = ref('')
-const email = ref('')
-const mobile = ref<number>()
-const password = ref<string>()
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <VCol cols="12">
-        <AppTextField
-          v-model="firstName"
-          label="First Name"
-          placeholder="John"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="email"
-          label="Email"
-          type="email"
-          placeholder="johndoe@example.com"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="mobile"
-          label="Mobile"
-          placeholder="+1 123 456 7890"
-          type="number"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="password"
-          label="Password"
-          autocomplete="on"
-          type="password"
-          placeholder="············"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VCheckbox
-          v-model="checkbox"
-          label="Remember me"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        class="d-flex gap-4"
-      >
-        <VBtn type="submit">
-          Submit
-        </VBtn>
-
-        <VBtn
-          type="reset"
-          color="secondary"
-          variant="tonal"
-        >
-          Reset
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutVerticalFormWithIcons.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutVerticalFormWithIcons.vue
deleted file mode 100644
index b92d60d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/DemoFormLayoutVerticalFormWithIcons.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<script lang="ts" setup>
-const firstName = ref('')
-const email = ref('')
-const mobile = ref<number>()
-const password = ref<string>()
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="{}">
-    <VRow>
-      <VCol cols="12">
-        <AppTextField
-          v-model="firstName"
-          prepend-inner-icon="tabler-user"
-          label="First Name"
-          placeholder="John"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="email"
-          prepend-inner-icon="tabler-mail"
-          label="Email"
-          type="email"
-          placeholder="johndoe@example.com"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="mobile"
-          prepend-inner-icon="tabler-device-mobile"
-          label="Mobile"
-          placeholder="+1 123 456 7890"
-          type="number"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="password"
-          prepend-inner-icon="tabler-lock"
-          label="Password"
-          autocomplete="on"
-          type="password"
-          placeholder="············"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VCheckbox
-          v-model="checkbox"
-          label="Remember me"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VBtn
-          type="submit"
-          class="me-2"
-        >
-          Submit
-        </VBtn>
-
-        <VBtn
-          color="secondary"
-          type="reset"
-          variant="tonal"
-        >
-          Reset
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/demoCodeFormLayout.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/demoCodeFormLayout.ts
deleted file mode 100644
index 8f731cb..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-layout/demoCodeFormLayout.ts
+++ /dev/null
@@ -1,4417 +0,0 @@
-export const collapsible = {
-  ts: `<script lang="ts" setup>
-const stateList = [
-  'Alabama',
-  'Alaska',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'Florida',
-  'Georgia',
-  'Hawaii',
-]
-
-const radios = ref('home')
-const deliveryOption = ref('standard')
-const paymentMethod = ref('credit-debit-card')
-const panel = ref(0)
-
-const paymentMethods = [
-  {
-    radioValue: 'credit-debit-card',
-    radioLabel: 'Credit/Debit/ATM Card',
-    icon: 'tabler-credit-card',
-  },
-  {
-    radioValue: 'cash-on-delivery',
-    radioLabel: 'Cash On Delivery',
-    icon: 'tabler-help',
-  },
-]
-</script>
-
-<template>
-  <VExpansionPanels v-model="panel">
-    <!-- SECTION Delivery Address -->
-    <VExpansionPanel>
-      <VExpansionPanelTitle>Delivery Address</VExpansionPanelTitle>
-
-      <VExpansionPanelText>
-        <VForm
-          class="pt-4 pb-2"
-          @submit.prevent="() => {}"
-        >
-          <VRow>
-            <!-- 👉 Full Name -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="Full Name"
-                placeholder="John Doe"
-              />
-            </VCol>
-            <!-- 👉 Phone No -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="Phone No"
-                type="number"
-                placeholder="+1 123 456 7890"
-              />
-            </VCol>
-            <!-- 👉 Address -->
-            <VCol cols="12">
-              <AppTextarea
-                label="Address"
-                placeholder="1234 Main St, New York, NY 10001, USA"
-                rows="3"
-              />
-            </VCol>
-            <!-- 👉 Pincode -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="Pincode"
-                placeholder="123456"
-                type="number"
-              />
-            </VCol>
-            <!-- 👉 Landmark -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="Landmark"
-                placeholder="Near City Mall"
-              />
-            </VCol>
-            <!-- 👉 City -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="City"
-                placeholder="New York"
-              />
-            </VCol>
-            <!-- 👉 State -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppSelect
-                :items="stateList"
-                label="State"
-                placeholder="Select State"
-              />
-            </VCol>
-            <!-- 👉 Address Type  -->
-            <VCol cols="12">
-              <VLabel class="mb-3">
-                Address Type
-              </VLabel>
-              <VRadioGroup
-                v-model="radios"
-                inline
-              >
-                <div>
-                  <VRadio
-                    label="Home (All day delivery)"
-                    value="home"
-                    class="me-3"
-                  />
-                  <VRadio
-                    label="Office (Delivery between 10 AM - 5 PM)"
-                    value="office"
-                  />
-                </div>
-              </VRadioGroup>
-            </VCol>
-          </VRow>
-        </VForm>
-      </VExpansionPanelText>
-    </VExpansionPanel>
-    <!-- !SECTION Delivery Address -->
-
-    <!-- SECTION Delivery Options -->
-    <VExpansionPanel>
-      <VExpansionPanelTitle>Delivery Options</VExpansionPanelTitle>
-
-      <VExpansionPanelText>
-        <!-- 👉 Radio Group -->
-        <VRadioGroup
-          v-model="deliveryOption"
-          class="delivery-options pt-4 pb-2"
-        >
-          <div
-            class="delivery-option d-flex rounded-t"
-            :class="deliveryOption === 'standard' ? 'active' : ''"
-            @click="deliveryOption = 'standard'"
-          >
-            <VRadio
-              inline
-              value="standard"
-              class="mt-n4"
-            />
-            <div class="w-100">
-              <div class="d-flex justify-space-between">
-                <h6 class="text-base font-weight-medium">
-                  Standard 3-5 Days
-                </h6>
-                <h6 class="text-base font-weight-medium">
-                  Free
-                </h6>
-              </div>
-              <span class="text-sm">Friday, 15 Nov - Monday, 18 Nov</span>
-            </div>
-          </div>
-          <div
-            class="delivery-option d-flex"
-            :class="deliveryOption === 'express' ? 'active' : ''"
-            @click="deliveryOption = 'express'"
-          >
-            <VRadio
-              inline
-              class="mt-n4"
-              value="express"
-            />
-            <div class="w-100">
-              <div class="d-flex justify-space-between">
-                <h5 class="text-base font-weight-medium">
-                  Express
-                </h5>
-                <h6 class="text-base font-weight-medium">
-                  $5.00
-                </h6>
-              </div>
-              <span class="text-sm">Friday, 15 Nov - Sunday, 17 Nov</span>
-            </div>
-          </div>
-          <div
-            class="delivery-option d-flex rounded-b"
-            :class="deliveryOption === 'overnight' ? 'active' : ''"
-            @click="deliveryOption = 'overnight'"
-          >
-            <VRadio
-              inline
-              class="mt-n4"
-              value="overnight"
-            />
-            <div class="w-100">
-              <div class="d-flex justify-space-between">
-                <h6 class="text-base font-weight-medium">
-                  Overnight
-                </h6>
-                <h6 class="text-base font-weight-medium">
-                  $10.00
-                </h6>
-              </div>
-              <span class="text-sm">Friday, 15 Nov - Saturday, 16 Nov</span>
-            </div>
-          </div>
-        </VRadioGroup>
-      </VExpansionPanelText>
-    </VExpansionPanel>
-    <!-- !SECTION Delivery Options -->
-
-    <!-- SECTION Payment Method -->
-    <VExpansionPanel>
-      <VExpansionPanelTitle>Payment Method</VExpansionPanelTitle>
-
-      <VExpansionPanelText>
-        <VRow>
-          <VCol
-            md="6"
-            cols="12"
-          >
-            <VForm class="pt-4 pb-2">
-              <!-- 👉 Payment Method -->
-              <div>
-                <VRadioGroup
-                  v-model="paymentMethod"
-                  inline
-                >
-                  <div>
-                    <VRadio
-                      v-for="payment in paymentMethods"
-                      :key="payment.radioValue"
-                      :value="payment.radioValue"
-                      class="me-3"
-                    >
-                      <template #label>
-                        <span class="me-1">{{ payment.radioLabel }}</span>
-                        <VIcon
-                          size="18"
-                          :icon="payment.icon"
-                        />
-                      </template>
-                    </VRadio>
-                  </div>
-                </VRadioGroup>
-              </div>
-
-              <VRow v-if="paymentMethod === 'credit-debit-card'">
-                <!-- 👉 Card Number -->
-                <VCol cols="12">
-                  <AppTextField
-                    label="Card Number"
-                    type="number"
-                    placeholder="1234 5678 9012 3456"
-                  />
-                </VCol>
-
-                <!-- 👉 Name -->
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppTextField
-                    label="Name"
-                    placeholder="john doe"
-                  />
-                </VCol>
-
-                <!-- 👉 Expire Date -->
-                <VCol
-                  cols="6"
-                  md="3"
-                >
-                  <AppTextField
-                    label="Expiry Date"
-                    placeholder="MM/YY"
-                  />
-                </VCol>
-
-                <!-- 👉 CVV Code -->
-                <VCol
-                  cols="6"
-                  md="3"
-                >
-                  <AppTextField
-                    label="CVV Code"
-                    type="number"
-                    max="3"
-                    placeholder="123"
-                  />
-                </VCol>
-              </VRow>
-
-              <VRow v-else>
-                <VCol>
-                  <div class="text-high-emphasis">
-                    Cash on Delivery is a type of payment method where the recipient make payment for the order at the time of delivery rather than in advance.
-                  </div>
-                </VCol>
-              </VRow>
-            </VForm>
-          </VCol>
-        </VRow>
-
-        <VDivider class="my-5" />
-
-        <!-- 👉 Place Order -->
-        <div class="d-flex gap-4">
-          <VBtn>Place Order</VBtn>
-          <VBtn
-            color="secondary"
-            variant="tonal"
-          >
-            Cancel
-          </VBtn>
-        </div>
-      </VExpansionPanelText>
-    </VExpansionPanel>
-    <!-- !SECTION Payment Method -->
-  </VExpansionPanels>
-</template>
-
-<style lang="scss">
-.delivery-options {
-  cursor: pointer;
-
-  .v-selection-control-group {
-    inline-size: 100%;
-  }
-}
-
-.delivery-option {
-  padding: 1rem;
-  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-
-  &.active {
-    border-color: rgb(var(--v-theme-primary));
-  }
-}
-</style>
-`,
-  js: `<script setup>
-const stateList = [
-  'Alabama',
-  'Alaska',
-  'Arizona',
-  'Arkansas',
-  'California',
-  'Colorado',
-  'Connecticut',
-  'Delaware',
-  'Florida',
-  'Georgia',
-  'Hawaii',
-]
-
-const radios = ref('home')
-const deliveryOption = ref('standard')
-const paymentMethod = ref('credit-debit-card')
-const panel = ref(0)
-
-const paymentMethods = [
-  {
-    radioValue: 'credit-debit-card',
-    radioLabel: 'Credit/Debit/ATM Card',
-    icon: 'tabler-credit-card',
-  },
-  {
-    radioValue: 'cash-on-delivery',
-    radioLabel: 'Cash On Delivery',
-    icon: 'tabler-help',
-  },
-]
-</script>
-
-<template>
-  <VExpansionPanels v-model="panel">
-    <!-- SECTION Delivery Address -->
-    <VExpansionPanel>
-      <VExpansionPanelTitle>Delivery Address</VExpansionPanelTitle>
-
-      <VExpansionPanelText>
-        <VForm
-          class="pt-4 pb-2"
-          @submit.prevent="() => {}"
-        >
-          <VRow>
-            <!-- 👉 Full Name -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="Full Name"
-                placeholder="John Doe"
-              />
-            </VCol>
-            <!-- 👉 Phone No -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="Phone No"
-                type="number"
-                placeholder="+1 123 456 7890"
-              />
-            </VCol>
-            <!-- 👉 Address -->
-            <VCol cols="12">
-              <AppTextarea
-                label="Address"
-                placeholder="1234 Main St, New York, NY 10001, USA"
-                rows="3"
-              />
-            </VCol>
-            <!-- 👉 Pincode -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="Pincode"
-                placeholder="123456"
-                type="number"
-              />
-            </VCol>
-            <!-- 👉 Landmark -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="Landmark"
-                placeholder="Near City Mall"
-              />
-            </VCol>
-            <!-- 👉 City -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppTextField
-                label="City"
-                placeholder="New York"
-              />
-            </VCol>
-            <!-- 👉 State -->
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <AppSelect
-                :items="stateList"
-                label="State"
-                placeholder="Select State"
-              />
-            </VCol>
-            <!-- 👉 Address Type  -->
-            <VCol cols="12">
-              <VLabel class="mb-3">
-                Address Type
-              </VLabel>
-              <VRadioGroup
-                v-model="radios"
-                inline
-              >
-                <div>
-                  <VRadio
-                    label="Home (All day delivery)"
-                    value="home"
-                    class="me-3"
-                  />
-                  <VRadio
-                    label="Office (Delivery between 10 AM - 5 PM)"
-                    value="office"
-                  />
-                </div>
-              </VRadioGroup>
-            </VCol>
-          </VRow>
-        </VForm>
-      </VExpansionPanelText>
-    </VExpansionPanel>
-    <!-- !SECTION Delivery Address -->
-
-    <!-- SECTION Delivery Options -->
-    <VExpansionPanel>
-      <VExpansionPanelTitle>Delivery Options</VExpansionPanelTitle>
-
-      <VExpansionPanelText>
-        <!-- 👉 Radio Group -->
-        <VRadioGroup
-          v-model="deliveryOption"
-          class="delivery-options pt-4 pb-2"
-        >
-          <div
-            class="delivery-option d-flex rounded-t"
-            :class="deliveryOption === 'standard' ? 'active' : ''"
-            @click="deliveryOption = 'standard'"
-          >
-            <VRadio
-              inline
-              value="standard"
-              class="mt-n4"
-            />
-            <div class="w-100">
-              <div class="d-flex justify-space-between">
-                <h6 class="text-base font-weight-medium">
-                  Standard 3-5 Days
-                </h6>
-                <h6 class="text-base font-weight-medium">
-                  Free
-                </h6>
-              </div>
-              <span class="text-sm">Friday, 15 Nov - Monday, 18 Nov</span>
-            </div>
-          </div>
-          <div
-            class="delivery-option d-flex"
-            :class="deliveryOption === 'express' ? 'active' : ''"
-            @click="deliveryOption = 'express'"
-          >
-            <VRadio
-              inline
-              class="mt-n4"
-              value="express"
-            />
-            <div class="w-100">
-              <div class="d-flex justify-space-between">
-                <h5 class="text-base font-weight-medium">
-                  Express
-                </h5>
-                <h6 class="text-base font-weight-medium">
-                  $5.00
-                </h6>
-              </div>
-              <span class="text-sm">Friday, 15 Nov - Sunday, 17 Nov</span>
-            </div>
-          </div>
-          <div
-            class="delivery-option d-flex rounded-b"
-            :class="deliveryOption === 'overnight' ? 'active' : ''"
-            @click="deliveryOption = 'overnight'"
-          >
-            <VRadio
-              inline
-              class="mt-n4"
-              value="overnight"
-            />
-            <div class="w-100">
-              <div class="d-flex justify-space-between">
-                <h6 class="text-base font-weight-medium">
-                  Overnight
-                </h6>
-                <h6 class="text-base font-weight-medium">
-                  $10.00
-                </h6>
-              </div>
-              <span class="text-sm">Friday, 15 Nov - Saturday, 16 Nov</span>
-            </div>
-          </div>
-        </VRadioGroup>
-      </VExpansionPanelText>
-    </VExpansionPanel>
-    <!-- !SECTION Delivery Options -->
-
-    <!-- SECTION Payment Method -->
-    <VExpansionPanel>
-      <VExpansionPanelTitle>Payment Method</VExpansionPanelTitle>
-
-      <VExpansionPanelText>
-        <VRow>
-          <VCol
-            md="6"
-            cols="12"
-          >
-            <VForm class="pt-4 pb-2">
-              <!-- 👉 Payment Method -->
-              <div>
-                <VRadioGroup
-                  v-model="paymentMethod"
-                  inline
-                >
-                  <div>
-                    <VRadio
-                      v-for="payment in paymentMethods"
-                      :key="payment.radioValue"
-                      :value="payment.radioValue"
-                      class="me-3"
-                    >
-                      <template #label>
-                        <span class="me-1">{{ payment.radioLabel }}</span>
-                        <VIcon
-                          size="18"
-                          :icon="payment.icon"
-                        />
-                      </template>
-                    </VRadio>
-                  </div>
-                </VRadioGroup>
-              </div>
-
-              <VRow v-if="paymentMethod === 'credit-debit-card'">
-                <!-- 👉 Card Number -->
-                <VCol cols="12">
-                  <AppTextField
-                    label="Card Number"
-                    type="number"
-                    placeholder="1234 5678 9012 3456"
-                  />
-                </VCol>
-
-                <!-- 👉 Name -->
-                <VCol
-                  cols="12"
-                  md="6"
-                >
-                  <AppTextField
-                    label="Name"
-                    placeholder="john doe"
-                  />
-                </VCol>
-
-                <!-- 👉 Expire Date -->
-                <VCol
-                  cols="6"
-                  md="3"
-                >
-                  <AppTextField
-                    label="Expiry Date"
-                    placeholder="MM/YY"
-                  />
-                </VCol>
-
-                <!-- 👉 CVV Code -->
-                <VCol
-                  cols="6"
-                  md="3"
-                >
-                  <AppTextField
-                    label="CVV Code"
-                    type="number"
-                    max="3"
-                    placeholder="123"
-                  />
-                </VCol>
-              </VRow>
-
-              <VRow v-else>
-                <VCol>
-                  <div class="text-high-emphasis">
-                    Cash on Delivery is a type of payment method where the recipient make payment for the order at the time of delivery rather than in advance.
-                  </div>
-                </VCol>
-              </VRow>
-            </VForm>
-          </VCol>
-        </VRow>
-
-        <VDivider class="my-5" />
-
-        <!-- 👉 Place Order -->
-        <div class="d-flex gap-4">
-          <VBtn>Place Order</VBtn>
-          <VBtn
-            color="secondary"
-            variant="tonal"
-          >
-            Cancel
-          </VBtn>
-        </div>
-      </VExpansionPanelText>
-    </VExpansionPanel>
-    <!-- !SECTION Payment Method -->
-  </VExpansionPanels>
-</template>
-
-<style lang="scss">
-.delivery-options {
-  cursor: pointer;
-
-  .v-selection-control-group {
-    inline-size: 100%;
-  }
-}
-
-.delivery-option {
-  padding: 1rem;
-  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-
-  &.active {
-    border-color: rgb(var(--v-theme-primary));
-  }
-}
-</style>
-`,
-}
-
-export const formHint = {
-  ts: `<script lang="ts" setup>
-const username = ref('')
-const email = ref('')
-const password = ref<string>()
-const checkbox = ref(false)
-const items = ['foo', 'bar', 'fizz', 'buzz'] as const
-const values = ref<typeof items[number][]>([])
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <VCol cols="12">
-        <!-- 👉 Username -->
-        <AppTextField
-          v-model="username"
-          label="Username"
-          placeholder="Johndoe"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Email -->
-        <AppTextField
-          v-model="email"
-          label="Email"
-          type="email"
-          placeholder="johndoe@email.com"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Password -->
-        <AppTextField
-          v-model="password"
-          label="Password"
-          autocomplete="on"
-          type="password"
-          persistent-hint
-          placeholder="············"
-          hint="Your password must be 8-20 characters long."
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Autocomplete -->
-        <AppAutocomplete
-          v-model="values"
-          :items="items"
-          chips
-          multiple
-          label="Autocomplete"
-          placeholder="Select"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Checkbox -->
-        <VCheckbox
-          v-model="checkbox"
-          label="Remember me"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        class="d-flex gap-4"
-      >
-        <!-- 👉 submit and reset button -->
-        <VBtn type="submit">
-          Submit
-        </VBtn>
-
-        <VBtn
-          color="secondary"
-          type="reset"
-          variant="tonal"
-        >
-          Reset
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-  js: `<script setup>
-const username = ref('')
-const email = ref('')
-const password = ref()
-const checkbox = ref(false)
-
-const items = [
-  'foo',
-  'bar',
-  'fizz',
-  'buzz',
-]
-
-const values = ref([])
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <VCol cols="12">
-        <!-- 👉 Username -->
-        <AppTextField
-          v-model="username"
-          label="Username"
-          placeholder="Johndoe"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Email -->
-        <AppTextField
-          v-model="email"
-          label="Email"
-          type="email"
-          placeholder="johndoe@email.com"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Password -->
-        <AppTextField
-          v-model="password"
-          label="Password"
-          autocomplete="on"
-          type="password"
-          persistent-hint
-          placeholder="············"
-          hint="Your password must be 8-20 characters long."
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Autocomplete -->
-        <AppAutocomplete
-          v-model="values"
-          :items="items"
-          chips
-          multiple
-          label="Autocomplete"
-          placeholder="Select"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <!-- 👉 Checkbox -->
-        <VCheckbox
-          v-model="checkbox"
-          label="Remember me"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        class="d-flex gap-4"
-      >
-        <!-- 👉 submit and reset button -->
-        <VBtn type="submit">
-          Submit
-        </VBtn>
-
-        <VBtn
-          color="secondary"
-          type="reset"
-          variant="tonal"
-        >
-          Reset
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-}
-
-export const formSticky = {
-  ts: `<script setup lang="ts">
-import type { CustomInputContent } from '@core/types'
-
-const radioContent: CustomInputContent[] = [
-  {
-    title: 'Standard',
-    desc: 'Delivery in 3-5 days.',
-    value: 'standard',
-    icon: 'tabler-briefcase',
-  },
-  {
-    title: 'Express',
-    desc: 'Delivery within 2 days.',
-    value: 'express',
-    icon: 'tabler-rocket',
-  },
-  {
-    title: 'Overnight',
-    desc: 'Delivery within a days.',
-    value: 'overnight',
-    icon: 'tabler-crown',
-  },
-]
-
-const promoCodeList = [
-  {
-    code: 'TAKEITALL',
-    desc: 'Apply this code to get 15% discount on orders above 20$.',
-  },
-  {
-    code: 'FESTIVE10',
-    desc: 'Apply this code to get 10% discount on all orders.',
-  },
-  {
-    code: 'MYSTERYDEAL',
-    desc: 'Apply this code to get discount between 10% - 50%.',
-  },
-]
-
-const formData = ref({
-  fullName: '',
-  email: '',
-  contactNumber: null,
-  altContactNumber: null,
-  address: '',
-  pincode: null,
-  Landmark: '',
-  city: '',
-  state: '',
-  defaultAddress: false,
-  addressType: 'home',
-  deliveryType: 'standard',
-  promoCode: '',
-  paymentMethod: 'card',
-  cardNumber: null,
-  cardName: '',
-  cardExDate: '',
-  cardCvv: '',
-})
-</script>
-
-<template>
-  <VCard class="overflow-visible">
-    <div class="w-100 sticky-header overflow-hidden rounded-t">
-      <div class="d-flex align-center gap-4 flex-wrap bg-background pa-6">
-        <VCardTitle>Sticky Action Bar</VCardTitle>
-        <VSpacer />
-        <div>
-          <VBtn
-            variant="tonal"
-            class="me-5"
-          >
-            Back
-          </VBtn>
-          <VBtn>Place Order</VBtn>
-        </div>
-      </div>
-    </div>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          md="8"
-          cols="12"
-          class="mx-auto"
-        >
-          <VForm>
-            <h2 class="text-lg font-weight-medium mb-6">
-              1. Delivery Address
-            </h2>
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.fullName"
-                  label="Full Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.email"
-                  label="Email"
-                  placeholder="john.doe"
-                  suffix="@example.com"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.contactNumber"
-                  label="Contact Number"
-                  placeholder="658 123 4567"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.altContactNumber"
-                  label="Alternate Number"
-                  placeholder="658 123 4567"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VTextarea
-                  v-model="formData.address"
-                  label="Address"
-                  placeholder="1456, Mall Road"
-                  rows="2"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.pincode"
-                  label="Pincode"
-                  placeholder="658468"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.Landmark"
-                  label="Landmark"
-                  placeholder="Nr. Wall Street"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.city"
-                  label="City"
-                  placeholder="Jackson"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.state"
-                  label="State"
-                  placeholder="California"
-                  :items="['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VCheckbox
-                  v-model="formData.defaultAddress"
-                  label="Use this as default delivery address"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <p class="text-high-emphasis text-base mb-1">
-                  Address Type
-                </p>
-                <VRadioGroup
-                  v-model="formData.addressType"
-                  inline
-                >
-                  <VRadio
-                    label="Home (All day delivery)"
-                    value="home"
-                  />
-                  <VRadio
-                    label="Office (Delivery between 10 AM - 5 PM)"
-                    value="work"
-                  />
-                </VRadioGroup>
-              </VCol>
-            </VRow>
-
-            <VDivider class="my-6" />
-
-            <h2 class="text-lg font-weight-medium mb-6">
-              2. Delivery Type
-            </h2>
-
-            <CustomRadiosWithIcon
-              v-model:selected-radio="formData.deliveryType"
-              :radio-content="radioContent"
-              :grid-column="{ sm: '4', cols: '12' }"
-            />
-
-            <VDivider class="my-6" />
-
-            <h2 class="text-lg font-weight-medium mb-6">
-              3. Apply Promo code
-            </h2>
-
-            <div class="d-flex align-center gap-4">
-              <VTextField
-                v-model="formData.promoCode"
-                density="compact"
-                placeholder="TAKEITALL"
-              />
-              <VBtn>Apply</VBtn>
-            </div>
-
-            <div class="d-flex align-center gap-2 my-4">
-              <VDivider style="border-style: dashed;" />
-              <span>OR</span>
-              <VDivider style="border-style: dashed;" />
-            </div>
-
-            <VList
-              class="border rounded py-0"
-              lines="two"
-            >
-              <VListItem
-                v-for="(item, index) in promoCodeList"
-                :key="item.code"
-                :title="item.code"
-                :subtitle="item.desc"
-                :class="index !== 0 ? 'border-t' : ''"
-              >
-                <template #append>
-                  <VBtn variant="outlined">
-                    Apply
-                  </VBtn>
-                </template>
-              </VListItem>
-            </VList>
-
-            <VDivider class="my-6" />
-
-            <h2 class="text-lg font-weight-medium mb-6">
-              4. Payment Method
-            </h2>
-
-            <VRadioGroup
-              v-model="formData.paymentMethod"
-              inline
-              class="mb-4"
-            >
-              <VRadio
-                value="card"
-                label="Credit/Debit/ATM Card"
-              />
-              <VRadio
-                value="cash-on-delivery"
-                label="Cash On Delivery"
-              />
-            </VRadioGroup>
-
-            <VRow v-show="formData.paymentMethod === 'card'">
-              <VCol cols="12">
-                <VTextField
-                  label="Card Number"
-                  placeholder="1356 3215 6548 7898"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  label="Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="6"
-                md="3"
-              >
-                <VTextField
-                  label="Exp. Date"
-                  placeholder="MM/YY"
-                />
-              </VCol>
-              <VCol
-                cols="6"
-                md="3"
-              >
-                <VTextField
-                  label="CVV Code"
-                  placeholder="654"
-                />
-              </VCol>
-            </VRow>
-
-            <div v-show="formData.paymentMethod === 'cash-on-delivery'">
-              <p>
-                Cash on delivery is a mode of payment where you make the payment after the goods/services are received.
-              </p>
-              <p>You can pay cash or make the payment via debit/credit card directly to the delivery person.</p>
-            </div>
-          </VForm>
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.sticky-header {
-  position: sticky;
-  z-index: 9;
-  transition: all 0.3s ease-in-out;
-}
-
-.layout-nav-type-vertical {
-  &.layout-navbar-sticky {
-    .sticky-header {
-      inset-block: 4rem 0;
-    }
-  }
-
-  &.layout-navbar-static {
-    .sticky-header {
-      inset-block: 0 0;
-    }
-  }
-}
-
-.layout-nav-type-horizontal {
-  &.layout-navbar-static {
-    .sticky-header {
-      inset-block: 0 0;
-    }
-  }
-
-  &.layout-navbar-sticky {
-    .sticky-header {
-      inset-block: 8.1rem 0;
-    }
-  }
-}
-</style>
-`,
-  js: `<script setup>
-const radioContent = [
-  {
-    title: 'Standard',
-    desc: 'Delivery in 3-5 days.',
-    value: 'standard',
-    icon: 'tabler-briefcase',
-  },
-  {
-    title: 'Express',
-    desc: 'Delivery within 2 days.',
-    value: 'express',
-    icon: 'tabler-rocket',
-  },
-  {
-    title: 'Overnight',
-    desc: 'Delivery within a days.',
-    value: 'overnight',
-    icon: 'tabler-crown',
-  },
-]
-
-const promoCodeList = [
-  {
-    code: 'TAKEITALL',
-    desc: 'Apply this code to get 15% discount on orders above 20$.',
-  },
-  {
-    code: 'FESTIVE10',
-    desc: 'Apply this code to get 10% discount on all orders.',
-  },
-  {
-    code: 'MYSTERYDEAL',
-    desc: 'Apply this code to get discount between 10% - 50%.',
-  },
-]
-
-const formData = ref({
-  fullName: '',
-  email: '',
-  contactNumber: null,
-  altContactNumber: null,
-  address: '',
-  pincode: null,
-  Landmark: '',
-  city: '',
-  state: '',
-  defaultAddress: false,
-  addressType: 'home',
-  deliveryType: 'standard',
-  promoCode: '',
-  paymentMethod: 'card',
-  cardNumber: null,
-  cardName: '',
-  cardExDate: '',
-  cardCvv: '',
-})
-</script>
-
-<template>
-  <VCard class="overflow-visible">
-    <div class="w-100 sticky-header overflow-hidden rounded-t">
-      <div class="d-flex align-center gap-4 flex-wrap bg-background pa-6">
-        <VCardTitle>Sticky Action Bar</VCardTitle>
-        <VSpacer />
-        <div>
-          <VBtn
-            variant="tonal"
-            class="me-5"
-          >
-            Back
-          </VBtn>
-          <VBtn>Place Order</VBtn>
-        </div>
-      </div>
-    </div>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          md="8"
-          cols="12"
-          class="mx-auto"
-        >
-          <VForm>
-            <h2 class="text-lg font-weight-medium mb-6">
-              1. Delivery Address
-            </h2>
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.fullName"
-                  label="Full Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.email"
-                  label="Email"
-                  placeholder="john.doe"
-                  suffix="@example.com"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.contactNumber"
-                  label="Contact Number"
-                  placeholder="658 123 4567"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.altContactNumber"
-                  label="Alternate Number"
-                  placeholder="658 123 4567"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VTextarea
-                  v-model="formData.address"
-                  label="Address"
-                  placeholder="1456, Mall Road"
-                  rows="2"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.pincode"
-                  label="Pincode"
-                  placeholder="658468"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.Landmark"
-                  label="Landmark"
-                  placeholder="Nr. Wall Street"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  v-model="formData.city"
-                  label="City"
-                  placeholder="Jackson"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.state"
-                  label="State"
-                  placeholder="California"
-                  :items="['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VCheckbox
-                  v-model="formData.defaultAddress"
-                  label="Use this as default delivery address"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <p class="text-high-emphasis text-base mb-1">
-                  Address Type
-                </p>
-                <VRadioGroup
-                  v-model="formData.addressType"
-                  inline
-                >
-                  <VRadio
-                    label="Home (All day delivery)"
-                    value="home"
-                  />
-                  <VRadio
-                    label="Office (Delivery between 10 AM - 5 PM)"
-                    value="work"
-                  />
-                </VRadioGroup>
-              </VCol>
-            </VRow>
-
-            <VDivider class="my-6" />
-
-            <h2 class="text-lg font-weight-medium mb-6">
-              2. Delivery Type
-            </h2>
-
-            <CustomRadiosWithIcon
-              v-model:selected-radio="formData.deliveryType"
-              :radio-content="radioContent"
-              :grid-column="{ sm: '4', cols: '12' }"
-            />
-
-            <VDivider class="my-6" />
-
-            <h2 class="text-lg font-weight-medium mb-6">
-              3. Apply Promo code
-            </h2>
-
-            <div class="d-flex align-center gap-4">
-              <VTextField
-                v-model="formData.promoCode"
-                density="compact"
-                placeholder="TAKEITALL"
-              />
-              <VBtn>Apply</VBtn>
-            </div>
-
-            <div class="d-flex align-center gap-2 my-4">
-              <VDivider style="border-style: dashed;" />
-              <span>OR</span>
-              <VDivider style="border-style: dashed;" />
-            </div>
-
-            <VList
-              class="border rounded py-0"
-              lines="two"
-            >
-              <VListItem
-                v-for="(item, index) in promoCodeList"
-                :key="item.code"
-                :title="item.code"
-                :subtitle="item.desc"
-                :class="index !== 0 ? 'border-t' : ''"
-              >
-                <template #append>
-                  <VBtn variant="outlined">
-                    Apply
-                  </VBtn>
-                </template>
-              </VListItem>
-            </VList>
-
-            <VDivider class="my-6" />
-
-            <h2 class="text-lg font-weight-medium mb-6">
-              4. Payment Method
-            </h2>
-
-            <VRadioGroup
-              v-model="formData.paymentMethod"
-              inline
-              class="mb-4"
-            >
-              <VRadio
-                value="card"
-                label="Credit/Debit/ATM Card"
-              />
-              <VRadio
-                value="cash-on-delivery"
-                label="Cash On Delivery"
-              />
-            </VRadioGroup>
-
-            <VRow v-show="formData.paymentMethod === 'card'">
-              <VCol cols="12">
-                <VTextField
-                  label="Card Number"
-                  placeholder="1356 3215 6548 7898"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VTextField
-                  label="Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="6"
-                md="3"
-              >
-                <VTextField
-                  label="Exp. Date"
-                  placeholder="MM/YY"
-                />
-              </VCol>
-              <VCol
-                cols="6"
-                md="3"
-              >
-                <VTextField
-                  label="CVV Code"
-                  placeholder="654"
-                />
-              </VCol>
-            </VRow>
-
-            <div v-show="formData.paymentMethod === 'cash-on-delivery'">
-              <p>
-                Cash on delivery is a mode of payment where you make the payment after the goods/services are received.
-              </p>
-              <p>You can pay cash or make the payment via debit/credit card directly to the delivery person.</p>
-            </div>
-          </VForm>
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.sticky-header {
-  position: sticky;
-  z-index: 9;
-  transition: all 0.3s ease-in-out;
-}
-
-.layout-nav-type-vertical {
-  &.layout-navbar-sticky {
-    .sticky-header {
-      inset-block: 4rem 0;
-    }
-  }
-
-  &.layout-navbar-static {
-    .sticky-header {
-      inset-block: 0 0;
-    }
-  }
-}
-
-.layout-nav-type-horizontal {
-  &.layout-navbar-static {
-    .sticky-header {
-      inset-block: 0 0;
-    }
-  }
-
-  &.layout-navbar-sticky {
-    .sticky-header {
-      inset-block: 8.1rem 0;
-    }
-  }
-}
-</style>
-`,
-}
-
-export const formValidation = {
-  ts: `<script lang="ts" setup>
-import type { VForm } from 'vuetify/components/VForm'
-
-const name = ref('')
-const email = ref('')
-const items = ['Item 1', 'Item 2', 'Item 3', 'Item 4'] as const
-const select = ref<typeof items[number]>()
-const checkbox = ref(false)
-const form = ref<VForm>()
-</script>
-
-<template>
-  <VForm
-    ref="form"
-    lazy-validation
-  >
-    <VRow>
-      <VCol cols="12">
-        <AppTextField
-          v-model="name"
-          :rules="[requiredValidator]"
-          label="Name"
-          placeholder="John Doe"
-          required
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="email"
-          :rules="[emailValidator, requiredValidator]"
-          label="E-mail"
-          placeholder="johndoe@email.com"
-          required
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppSelect
-          v-model="select"
-          :items="items"
-          :rules="[requiredValidator]"
-          placeholder="Select an Item"
-          label="Item"
-          name="select"
-          require
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VCheckbox
-          v-model="checkbox"
-          :rules="[requiredValidator]"
-          label="Do you agree?"
-          required
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        class="d-flex flex-wrap gap-4"
-      >
-        <VBtn
-          color="success"
-          @click="form?.validate()"
-        >
-          Validate
-        </VBtn>
-
-        <VBtn
-          color="error"
-          @click="form?.reset()"
-        >
-          Reset Form
-        </VBtn>
-
-        <VBtn
-          color="warning"
-          @click="form?.resetValidation()"
-        >
-          Reset Validation
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-  js: `<script setup>
-const name = ref('')
-const email = ref('')
-
-const items = [
-  'Item 1',
-  'Item 2',
-  'Item 3',
-  'Item 4',
-]
-
-const select = ref()
-const checkbox = ref(false)
-const form = ref()
-</script>
-
-<template>
-  <VForm
-    ref="form"
-    lazy-validation
-  >
-    <VRow>
-      <VCol cols="12">
-        <AppTextField
-          v-model="name"
-          :rules="[requiredValidator]"
-          label="Name"
-          placeholder="John Doe"
-          required
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="email"
-          :rules="[emailValidator, requiredValidator]"
-          label="E-mail"
-          placeholder="johndoe@email.com"
-          required
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppSelect
-          v-model="select"
-          :items="items"
-          :rules="[requiredValidator]"
-          placeholder="Select an Item"
-          label="Item"
-          name="select"
-          require
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VCheckbox
-          v-model="checkbox"
-          :rules="[requiredValidator]"
-          label="Do you agree?"
-          required
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        class="d-flex flex-wrap gap-4"
-      >
-        <VBtn
-          color="success"
-          @click="form?.validate()"
-        >
-          Validate
-        </VBtn>
-
-        <VBtn
-          color="error"
-          @click="form?.reset()"
-        >
-          Reset Form
-        </VBtn>
-
-        <VBtn
-          color="warning"
-          @click="form?.resetValidation()"
-        >
-          Reset Validation
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-}
-
-export const formWithTabs = {
-  ts: `<script lang="ts" setup>
-const tab = ref('personal-info')
-const firstName = ref('')
-const lastName = ref('')
-const country = ref()
-const birthDate = ref('')
-const phoneNo = ref<number>()
-const countryList = ['USA', 'Canada', 'UK', 'Denmark', 'Germany', 'Iceland', 'Israel', 'Mexico']
-const languageList = ['English', 'German', 'French', 'Spanish', 'Portuguese', 'Russian', 'Korean'] as const
-const username = ref('')
-const email = ref('')
-const password = ref('')
-const cPassword = ref('')
-const twitterLink = ref('')
-const facebookLink = ref('')
-const googlePlusLink = ref('')
-const linkedInLink = ref('')
-const instagramLink = ref('')
-const quoraLink = ref('')
-const languages = ref<typeof languageList[number][]>([])
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-</script>
-
-<template>
-  <VTabs v-model="tab">
-    <VTab value="personal-info">
-      Personal Info
-    </VTab>
-    <VTab value="account-details">
-      Account Details
-    </VTab>
-    <VTab value="social-links">
-      Social Links
-    </VTab>
-  </VTabs>
-
-  <VCard flat>
-    <VCardText>
-      <VWindow
-        v-model="tab"
-        class="disable-tab-transition"
-      >
-        <VWindowItem value="personal-info">
-          <VForm class="mt-2">
-            <VRow>
-              <VCol
-                md="6"
-                cols="12"
-              >
-                <AppTextField
-                  v-model="firstName"
-                  label="First name"
-                  placeholder="John"
-                />
-              </VCol>
-
-              <VCol
-                md="6"
-                cols="12"
-              >
-                <AppTextField
-                  v-model="lastName"
-                  label="Last name"
-                  placeholder="Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="country"
-                  :items="countryList"
-                  label="Country"
-                  placeholder="Select Country"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="languages"
-                  :items="languageList"
-                  multiple
-                  chips
-                  clearable
-                  label="Language"
-                  placeholder="Select Language"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppDateTimePicker
-                  v-model="birthDate"
-                  label="Birth Date"
-                  placeholder="Select Birth Date"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="phoneNo"
-                  type="number"
-                  label="Phone No."
-                  placeholder="+1 123 456 7890"
-                />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem value="account-details">
-          <VForm class="mt-2">
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="username"
-                  label="Username"
-                  placeholder="Johndoe"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="email"
-                  label="Email"
-                  suffix="@example.com"
-                  placeholder="johndoe@email.com"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="cPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem value="social-links">
-          <VForm class="mt-2">
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="twitterLink"
-                  label="Twitter"
-                  placeholder="https://twitter.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="facebookLink"
-                  label="Facebook"
-                  placeholder="https://facebook.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="googlePlusLink"
-                  label="Google+"
-                  placeholder="https://plus.google.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="linkedInLink"
-                  label="LinkedIn"
-                  placeholder="https://linkedin.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="instagramLink"
-                  label="Instagram"
-                  placeholder="https://instagram.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="quoraLink"
-                  label="Quora"
-                  placeholder="https://quora.com/username"
-                />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText class="d-flex gap-4">
-      <VBtn>Submit</VBtn>
-      <VBtn
-        color="secondary"
-        variant="tonal"
-      >
-        Cancel
-      </VBtn>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const tab = ref('personal-info')
-const firstName = ref('')
-const lastName = ref('')
-const country = ref()
-const birthDate = ref('')
-const phoneNo = ref()
-
-const countryList = [
-  'USA',
-  'Canada',
-  'UK',
-  'Denmark',
-  'Germany',
-  'Iceland',
-  'Israel',
-  'Mexico',
-]
-
-const languageList = [
-  'English',
-  'German',
-  'French',
-  'Spanish',
-  'Portuguese',
-  'Russian',
-  'Korean',
-]
-
-const username = ref('')
-const email = ref('')
-const password = ref('')
-const cPassword = ref('')
-const twitterLink = ref('')
-const facebookLink = ref('')
-const googlePlusLink = ref('')
-const linkedInLink = ref('')
-const instagramLink = ref('')
-const quoraLink = ref('')
-const languages = ref([])
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-</script>
-
-<template>
-  <VTabs v-model="tab">
-    <VTab value="personal-info">
-      Personal Info
-    </VTab>
-    <VTab value="account-details">
-      Account Details
-    </VTab>
-    <VTab value="social-links">
-      Social Links
-    </VTab>
-  </VTabs>
-
-  <VCard flat>
-    <VCardText>
-      <VWindow
-        v-model="tab"
-        class="disable-tab-transition"
-      >
-        <VWindowItem value="personal-info">
-          <VForm class="mt-2">
-            <VRow>
-              <VCol
-                md="6"
-                cols="12"
-              >
-                <AppTextField
-                  v-model="firstName"
-                  label="First name"
-                  placeholder="John"
-                />
-              </VCol>
-
-              <VCol
-                md="6"
-                cols="12"
-              >
-                <AppTextField
-                  v-model="lastName"
-                  label="Last name"
-                  placeholder="Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="country"
-                  :items="countryList"
-                  label="Country"
-                  placeholder="Select Country"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="languages"
-                  :items="languageList"
-                  multiple
-                  chips
-                  clearable
-                  label="Language"
-                  placeholder="Select Language"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppDateTimePicker
-                  v-model="birthDate"
-                  label="Birth Date"
-                  placeholder="Select Birth Date"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="phoneNo"
-                  type="number"
-                  label="Phone No."
-                  placeholder="+1 123 456 7890"
-                />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem value="account-details">
-          <VForm class="mt-2">
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="username"
-                  label="Username"
-                  placeholder="Johndoe"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="email"
-                  label="Email"
-                  suffix="@example.com"
-                  placeholder="johndoe@email.com"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="cPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem value="social-links">
-          <VForm class="mt-2">
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="twitterLink"
-                  label="Twitter"
-                  placeholder="https://twitter.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="facebookLink"
-                  label="Facebook"
-                  placeholder="https://facebook.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="googlePlusLink"
-                  label="Google+"
-                  placeholder="https://plus.google.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="linkedInLink"
-                  label="LinkedIn"
-                  placeholder="https://linkedin.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="instagramLink"
-                  label="Instagram"
-                  placeholder="https://instagram.com/username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="quoraLink"
-                  label="Quora"
-                  placeholder="https://quora.com/username"
-                />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText class="d-flex gap-4">
-      <VBtn>Submit</VBtn>
-      <VBtn
-        color="secondary"
-        variant="tonal"
-      >
-        Cancel
-      </VBtn>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const horizontalForm = {
-  ts: `<script lang="ts" setup>
-const firstName = ref('')
-const email = ref('')
-const mobile = ref<number>()
-const password = ref<string>()
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <VCol cols="12">
-        <VRow no-gutters>
-          <!-- 👉 First Name -->
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="firstName"
-            >First Name</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="firstName"
-              v-model="firstName"
-              placeholder="John"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <VCol cols="12">
-        <VRow no-gutters>
-          <!-- 👉 Email -->
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="email"
-            >Email</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="email"
-              v-model="email"
-              placeholder="johndoe@email.com"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <VCol cols="12">
-        <VRow no-gutters>
-          <!-- 👉 Mobile -->
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="mobile"
-            >Mobile</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="mobile"
-              v-model="mobile"
-              type="number"
-              placeholder="+1 123 456 7890"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <VCol cols="12">
-        <VRow no-gutters>
-          <!-- 👉 Password -->
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="password"
-            >Password</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="password"
-              v-model="password"
-              autocomplete="on"
-              type="password"
-              placeholder="············"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Remember me -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-          />
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <VCheckbox
-              v-model="checkbox"
-              label="Remember me"
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 submit and reset button -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-          />
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <VBtn
-              type="submit"
-              class="me-4"
-            >
-              Submit
-            </VBtn>
-            <VBtn
-              color="secondary"
-              variant="tonal"
-              type="reset"
-            >
-              Reset
-            </VBtn>
-          </VCol>
-        </VRow>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-  js: `<script setup>
-const firstName = ref('')
-const email = ref('')
-const mobile = ref()
-const password = ref()
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <VCol cols="12">
-        <VRow no-gutters>
-          <!-- 👉 First Name -->
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="firstName"
-            >First Name</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="firstName"
-              v-model="firstName"
-              placeholder="John"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <VCol cols="12">
-        <VRow no-gutters>
-          <!-- 👉 Email -->
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="email"
-            >Email</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="email"
-              v-model="email"
-              placeholder="johndoe@email.com"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <VCol cols="12">
-        <VRow no-gutters>
-          <!-- 👉 Mobile -->
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="mobile"
-            >Mobile</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="mobile"
-              v-model="mobile"
-              type="number"
-              placeholder="+1 123 456 7890"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <VCol cols="12">
-        <VRow no-gutters>
-          <!-- 👉 Password -->
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="password"
-            >Password</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="password"
-              v-model="password"
-              autocomplete="on"
-              type="password"
-              placeholder="············"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Remember me -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-          />
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <VCheckbox
-              v-model="checkbox"
-              label="Remember me"
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 submit and reset button -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-          />
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <VBtn
-              type="submit"
-              class="me-4"
-            >
-              Submit
-            </VBtn>
-            <VBtn
-              color="secondary"
-              variant="tonal"
-              type="reset"
-            >
-              Reset
-            </VBtn>
-          </VCol>
-        </VRow>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-}
-
-export const horizontalFormWithIcons = {
-  ts: `<script lang="ts" setup>
-const firstName = ref('')
-const email = ref('')
-const mobile = ref<number>()
-const password = ref<string>()
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <!-- 👉 First Name -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="firstNameHorizontalIcons"
-            >First Name</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="firstNameHorizontalIcons"
-              v-model="firstName"
-              prepend-inner-icon="tabler-user"
-              placeholder="John"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Email -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="emailHorizontalIcons"
-            >Email</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="emailHorizontalIcons"
-              v-model="email"
-              prepend-inner-icon="tabler-mail"
-              placeholder="johndoe@email.com"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Mobile -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="mobileHorizontalIcons"
-            >Mobile</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="mobileHorizontalIcons"
-              v-model="mobile"
-              type="number"
-              prepend-inner-icon="tabler-device-mobile"
-              placeholder="+1 123 456 7890"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Password -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="passwordHorizontalIcons"
-            >Password</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="passwordHorizontalIcons"
-              v-model="password"
-              prepend-inner-icon="tabler-lock"
-              autocomplete="on"
-              type="password"
-              placeholder="············"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Checkbox -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-          />
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <VCheckbox
-              v-model="checkbox"
-              label="Remember me"
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 submit and reset button -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-          />
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <VBtn
-              type="submit"
-              class="me-4"
-            >
-              Submit
-            </VBtn>
-            <VBtn
-              color="secondary"
-              variant="tonal"
-              type="reset"
-            >
-              Reset
-            </VBtn>
-          </VCol>
-        </VRow>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-  js: `<script setup>
-const firstName = ref('')
-const email = ref('')
-const mobile = ref()
-const password = ref()
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <!-- 👉 First Name -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="firstNameHorizontalIcons"
-            >First Name</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="firstNameHorizontalIcons"
-              v-model="firstName"
-              prepend-inner-icon="tabler-user"
-              placeholder="John"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Email -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="emailHorizontalIcons"
-            >Email</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="emailHorizontalIcons"
-              v-model="email"
-              prepend-inner-icon="tabler-mail"
-              placeholder="johndoe@email.com"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Mobile -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="mobileHorizontalIcons"
-            >Mobile</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="mobileHorizontalIcons"
-              v-model="mobile"
-              type="number"
-              prepend-inner-icon="tabler-device-mobile"
-              placeholder="+1 123 456 7890"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Password -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-            class="d-flex align-items-center"
-          >
-            <label
-              class="v-label text-body-2 text-high-emphasis"
-              for="passwordHorizontalIcons"
-            >Password</label>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <AppTextField
-              id="passwordHorizontalIcons"
-              v-model="password"
-              prepend-inner-icon="tabler-lock"
-              autocomplete="on"
-              type="password"
-              placeholder="············"
-              persistent-placeholder
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 Checkbox -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-          />
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <VCheckbox
-              v-model="checkbox"
-              label="Remember me"
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <!-- 👉 submit and reset button -->
-      <VCol cols="12">
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            md="3"
-          />
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <VBtn
-              type="submit"
-              class="me-4"
-            >
-              Submit
-            </VBtn>
-            <VBtn
-              color="secondary"
-              variant="tonal"
-              type="reset"
-            >
-              Reset
-            </VBtn>
-          </VCol>
-        </VRow>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-}
-
-export const multipleColumn = {
-  ts: `<script lang="ts" setup>
-const firstName = ref('')
-const lastName = ref('')
-const city = ref('')
-const country = ref('')
-const company = ref('')
-const email = ref('')
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <!-- 👉 First Name -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="firstName"
-          label="First Name"
-          placeholder="John"
-        />
-      </VCol>
-
-      <!-- 👉 Last Name -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="lastName"
-          label="Last Name"
-          placeholder="Doe"
-        />
-      </VCol>
-
-      <!-- 👉 Email -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="email"
-          label="Email"
-          placeholder="johndoe@email.com"
-        />
-      </VCol>
-
-      <!-- 👉 City -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="city"
-          label="City"
-          placeholder="New York"
-        />
-      </VCol>
-
-      <!-- 👉 Country -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="country"
-          label="Country"
-          placeholder="United States"
-        />
-      </VCol>
-
-      <!-- 👉 Company -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="company"
-          label="Company"
-          placeholder="Pixinvent"
-        />
-      </VCol>
-
-      <!-- 👉 Remember me -->
-      <VCol cols="12">
-        <VCheckbox
-          v-model="checkbox"
-          label="Remember me"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        class="d-flex gap-4"
-      >
-        <VBtn type="submit">
-          Submit
-        </VBtn>
-
-        <VBtn
-          type="reset"
-          color="secondary"
-          variant="tonal"
-        >
-          Reset
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-  js: `<script setup>
-const firstName = ref('')
-const lastName = ref('')
-const city = ref('')
-const country = ref('')
-const company = ref('')
-const email = ref('')
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <!-- 👉 First Name -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="firstName"
-          label="First Name"
-          placeholder="John"
-        />
-      </VCol>
-
-      <!-- 👉 Last Name -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="lastName"
-          label="Last Name"
-          placeholder="Doe"
-        />
-      </VCol>
-
-      <!-- 👉 Email -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="email"
-          label="Email"
-          placeholder="johndoe@email.com"
-        />
-      </VCol>
-
-      <!-- 👉 City -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="city"
-          label="City"
-          placeholder="New York"
-        />
-      </VCol>
-
-      <!-- 👉 Country -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="country"
-          label="Country"
-          placeholder="United States"
-        />
-      </VCol>
-
-      <!-- 👉 Company -->
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="company"
-          label="Company"
-          placeholder="Pixinvent"
-        />
-      </VCol>
-
-      <!-- 👉 Remember me -->
-      <VCol cols="12">
-        <VCheckbox
-          v-model="checkbox"
-          label="Remember me"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        class="d-flex gap-4"
-      >
-        <VBtn type="submit">
-          Submit
-        </VBtn>
-
-        <VBtn
-          type="reset"
-          color="secondary"
-          variant="tonal"
-        >
-          Reset
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-}
-
-export const sticky = {
-  ts: `<script setup lang="ts">
-import type { CustomInputContent } from '@core/types'
-
-const radioContent: CustomInputContent[] = [
-  {
-    title: 'Standard',
-    desc: 'Delivery in 3-5 days.',
-    value: 'standard',
-    icon: { icon: 'tabler-briefcase-2', size: '32' },
-  },
-  {
-    title: 'Express',
-    desc: 'Delivery within 2 days.',
-    value: 'express',
-    icon: { icon: 'tabler-rocket', size: '32' },
-  },
-  {
-    title: 'Overnight',
-    desc: 'Delivery within a days.',
-    value: 'overnight',
-    icon: { icon: 'tabler-crown', size: '32' },
-  },
-]
-
-const promoCodeList = [
-  {
-    code: 'TAKEITALL',
-    desc: 'Apply this code to get 15% discount on orders above 20$.',
-  },
-  {
-    code: 'FESTIVE10',
-    desc: 'Apply this code to get 10% discount on all orders.',
-  },
-  {
-    code: 'MYSTERYDEAL',
-    desc: 'Apply this code to get discount between 10% - 50%.',
-  },
-]
-
-const formData = ref({
-  fullName: '',
-  email: '',
-  contactNumber: null,
-  altContactNumber: null,
-  address: '',
-  pincode: null,
-  Landmark: '',
-  city: '',
-  state: null,
-  defaultAddress: false,
-  addressType: 'home',
-  deliveryType: 'overnight',
-  promoCode: '',
-  paymentMethod: 'card',
-  cardNumber: null,
-  cardName: '',
-  cardExDate: '',
-  cardCvv: '',
-})
-</script>
-
-<template>
-  <VCard class="overflow-visible">
-    <div class="w-100 sticky-header overflow-hidden rounded-t">
-      <div class=" d-flex align-center gap-4 flex-wrap bg-custom-background pa-6">
-        <VCardTitle>Sticky Action Bar</VCardTitle>
-        <VSpacer />
-        <div>
-          <VBtn
-            variant="tonal"
-            class="me-4"
-          >
-            Back
-          </VBtn>
-          <VBtn>Place Order</VBtn>
-        </div>
-      </div>
-    </div>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          md="8"
-          cols="12"
-          class="mx-auto"
-        >
-          <VForm>
-            <h5 class="text-h5 mb-6">
-              1. Delivery Address
-            </h5>
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.fullName"
-                  label="Full Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  label="Email"
-                  placeholder="john.doe"
-                  suffix="@example.com"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.contactNumber"
-                  label="Contact Number"
-                  placeholder="658 123 4567"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.altContactNumber"
-                  label="Alternate Number"
-                  placeholder="658 123 4567"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextarea
-                  v-model="formData.address"
-                  label="Address"
-                  placeholder="1456, Mall Road"
-                  rows="2"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.pincode"
-                  label="Pincode"
-                  placeholder="658468"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.Landmark"
-                  label="Landmark"
-                  placeholder="Nr. Wall Street"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.city"
-                  label="City"
-                  placeholder="Jackson"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.state"
-                  label="State"
-                  placeholder="Select State"
-                  :items="['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VCheckbox
-                  v-model="formData.defaultAddress"
-                  label="Use this as default delivery address"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <p class="text-high-emphasis text-base mb-1">
-                  Address Type
-                </p>
-                <VRadioGroup
-                  v-model="formData.addressType"
-                  inline
-                >
-                  <VRadio
-                    label="Home (All day delivery)"
-                    value="home"
-                    class="me-3"
-                  />
-                  <VRadio
-                    label="Office (Delivery between 10 AM - 5 PM)"
-                    value="work"
-                  />
-                </VRadioGroup>
-              </VCol>
-            </VRow>
-
-            <VDivider class="my-6" />
-
-            <h5 class="text-h5 mb-6">
-              2. Delivery Type
-            </h5>
-
-            <CustomRadiosWithIcon
-              v-model:selected-radio="formData.deliveryType"
-              :radio-content="radioContent"
-              :grid-column="{ sm: '4', cols: '12' }"
-            />
-
-            <VDivider class="my-6" />
-
-            <h5 class="text-h5 my-6">
-              3. Apply Promo code
-            </h5>
-
-            <div class="d-flex align-center gap-4">
-              <AppTextField
-                v-model="formData.promoCode"
-                placeholder="TAKEITALL"
-              />
-              <VBtn>Apply</VBtn>
-            </div>
-
-            <div class="d-flex align-center gap-2 my-4">
-              <VDivider style="border-style: dashed;" />
-              <span>OR</span>
-              <VDivider style="border-style: dashed;" />
-            </div>
-
-            <VList
-              class="border rounded py-0"
-              lines="two"
-            >
-              <VListItem
-                v-for="(item, index) in promoCodeList"
-                :key="item.code"
-                :title="item.code"
-                :subtitle="item.desc"
-                :class="index !== 0 ? 'border-t' : ''"
-              >
-                <template #append>
-                  <VBtn
-                    variant="tonal"
-                    class="ms-4"
-                  >
-                    Apply
-                  </VBtn>
-                </template>
-              </VListItem>
-            </VList>
-
-            <VDivider class="my-6" />
-
-            <h5 class="text-h5 mb-6">
-              4. Payment Method
-            </h5>
-
-            <VRadioGroup
-              v-model="formData.paymentMethod"
-              inline
-              class="mb-4"
-            >
-              <VRadio
-                value="card"
-                label="Credit/Debit/ATM Card"
-                class="me-3"
-              />
-              <VRadio
-                value="cash-on-delivery"
-                label="Cash On Delivery"
-              />
-            </VRadioGroup>
-
-            <VRow v-show="formData.paymentMethod === 'card'">
-              <VCol cols="12">
-                <AppTextField
-                  label="Card Number"
-                  placeholder="1356 3215 6548 7898"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="6"
-                md="3"
-              >
-                <AppTextField
-                  label="Exp. Date"
-                  placeholder="MM/YY"
-                />
-              </VCol>
-              <VCol
-                cols="6"
-                md="3"
-              >
-                <AppTextField
-                  label="CVV Code"
-                  placeholder="654"
-                />
-              </VCol>
-            </VRow>
-
-            <div v-show="formData.paymentMethod === 'cash-on-delivery'">
-              <p>
-                Cash on delivery is a mode of payment where you make the payment after the goods/services are received.
-              </p>
-              <p>You can pay cash or make the payment via debit/credit card directly to the delivery person.</p>
-            </div>
-          </VForm>
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.sticky-header {
-  position: sticky;
-  z-index: 9;
-  transition: all 0.3s ease-in-out;
-}
-
-.layout-nav-type-vertical {
-  &.layout-navbar-sticky {
-    .sticky-header {
-      inset-block: 4.3rem 0;
-    }
-  }
-
-  &.layout-navbar-static {
-    .sticky-header {
-      inset-block: 0;
-    }
-  }
-}
-
-.layout-nav-type-horizontal {
-  &.layout-navbar-static {
-    .sticky-header {
-      inset-block: 0;
-    }
-  }
-
-  &.layout-navbar-sticky {
-    .sticky-header {
-      inset-block: 6.75rem 0;
-    }
-  }
-}
-</style>
-`,
-  js: `<script setup>
-const radioContent = [
-  {
-    title: 'Standard',
-    desc: 'Delivery in 3-5 days.',
-    value: 'standard',
-    icon: {
-      icon: 'tabler-briefcase-2',
-      size: '32',
-    },
-  },
-  {
-    title: 'Express',
-    desc: 'Delivery within 2 days.',
-    value: 'express',
-    icon: {
-      icon: 'tabler-rocket',
-      size: '32',
-    },
-  },
-  {
-    title: 'Overnight',
-    desc: 'Delivery within a days.',
-    value: 'overnight',
-    icon: {
-      icon: 'tabler-crown',
-      size: '32',
-    },
-  },
-]
-
-const promoCodeList = [
-  {
-    code: 'TAKEITALL',
-    desc: 'Apply this code to get 15% discount on orders above 20$.',
-  },
-  {
-    code: 'FESTIVE10',
-    desc: 'Apply this code to get 10% discount on all orders.',
-  },
-  {
-    code: 'MYSTERYDEAL',
-    desc: 'Apply this code to get discount between 10% - 50%.',
-  },
-]
-
-const formData = ref({
-  fullName: '',
-  email: '',
-  contactNumber: null,
-  altContactNumber: null,
-  address: '',
-  pincode: null,
-  Landmark: '',
-  city: '',
-  state: null,
-  defaultAddress: false,
-  addressType: 'home',
-  deliveryType: 'overnight',
-  promoCode: '',
-  paymentMethod: 'card',
-  cardNumber: null,
-  cardName: '',
-  cardExDate: '',
-  cardCvv: '',
-})
-</script>
-
-<template>
-  <VCard class="overflow-visible">
-    <div class="w-100 sticky-header overflow-hidden rounded-t">
-      <div class=" d-flex align-center gap-4 flex-wrap bg-custom-background pa-6">
-        <VCardTitle>Sticky Action Bar</VCardTitle>
-        <VSpacer />
-        <div>
-          <VBtn
-            variant="tonal"
-            class="me-4"
-          >
-            Back
-          </VBtn>
-          <VBtn>Place Order</VBtn>
-        </div>
-      </div>
-    </div>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          md="8"
-          cols="12"
-          class="mx-auto"
-        >
-          <VForm>
-            <h5 class="text-h5 mb-6">
-              1. Delivery Address
-            </h5>
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.fullName"
-                  label="Full Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  label="Email"
-                  placeholder="john.doe"
-                  suffix="@example.com"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.contactNumber"
-                  label="Contact Number"
-                  placeholder="658 123 4567"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.altContactNumber"
-                  label="Alternate Number"
-                  placeholder="658 123 4567"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextarea
-                  v-model="formData.address"
-                  label="Address"
-                  placeholder="1456, Mall Road"
-                  rows="2"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.pincode"
-                  label="Pincode"
-                  placeholder="658468"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.Landmark"
-                  label="Landmark"
-                  placeholder="Nr. Wall Street"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.city"
-                  label="City"
-                  placeholder="Jackson"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.state"
-                  label="State"
-                  placeholder="Select State"
-                  :items="['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VCheckbox
-                  v-model="formData.defaultAddress"
-                  label="Use this as default delivery address"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <p class="text-high-emphasis text-base mb-1">
-                  Address Type
-                </p>
-                <VRadioGroup
-                  v-model="formData.addressType"
-                  inline
-                >
-                  <VRadio
-                    label="Home (All day delivery)"
-                    value="home"
-                    class="me-3"
-                  />
-                  <VRadio
-                    label="Office (Delivery between 10 AM - 5 PM)"
-                    value="work"
-                  />
-                </VRadioGroup>
-              </VCol>
-            </VRow>
-
-            <VDivider class="my-6" />
-
-            <h5 class="text-h5 mb-6">
-              2. Delivery Type
-            </h5>
-
-            <CustomRadiosWithIcon
-              v-model:selected-radio="formData.deliveryType"
-              :radio-content="radioContent"
-              :grid-column="{ sm: '4', cols: '12' }"
-            />
-
-            <VDivider class="my-6" />
-
-            <h5 class="text-h5 my-6">
-              3. Apply Promo code
-            </h5>
-
-            <div class="d-flex align-center gap-4">
-              <AppTextField
-                v-model="formData.promoCode"
-                placeholder="TAKEITALL"
-              />
-              <VBtn>Apply</VBtn>
-            </div>
-
-            <div class="d-flex align-center gap-2 my-4">
-              <VDivider style="border-style: dashed;" />
-              <span>OR</span>
-              <VDivider style="border-style: dashed;" />
-            </div>
-
-            <VList
-              class="border rounded py-0"
-              lines="two"
-            >
-              <VListItem
-                v-for="(item, index) in promoCodeList"
-                :key="item.code"
-                :title="item.code"
-                :subtitle="item.desc"
-                :class="index !== 0 ? 'border-t' : ''"
-              >
-                <template #append>
-                  <VBtn
-                    variant="tonal"
-                    class="ms-4"
-                  >
-                    Apply
-                  </VBtn>
-                </template>
-              </VListItem>
-            </VList>
-
-            <VDivider class="my-6" />
-
-            <h5 class="text-h5 mb-6">
-              4. Payment Method
-            </h5>
-
-            <VRadioGroup
-              v-model="formData.paymentMethod"
-              inline
-              class="mb-4"
-            >
-              <VRadio
-                value="card"
-                label="Credit/Debit/ATM Card"
-                class="me-3"
-              />
-              <VRadio
-                value="cash-on-delivery"
-                label="Cash On Delivery"
-              />
-            </VRadioGroup>
-
-            <VRow v-show="formData.paymentMethod === 'card'">
-              <VCol cols="12">
-                <AppTextField
-                  label="Card Number"
-                  placeholder="1356 3215 6548 7898"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="6"
-                md="3"
-              >
-                <AppTextField
-                  label="Exp. Date"
-                  placeholder="MM/YY"
-                />
-              </VCol>
-              <VCol
-                cols="6"
-                md="3"
-              >
-                <AppTextField
-                  label="CVV Code"
-                  placeholder="654"
-                />
-              </VCol>
-            </VRow>
-
-            <div v-show="formData.paymentMethod === 'cash-on-delivery'">
-              <p>
-                Cash on delivery is a mode of payment where you make the payment after the goods/services are received.
-              </p>
-              <p>You can pay cash or make the payment via debit/credit card directly to the delivery person.</p>
-            </div>
-          </VForm>
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.sticky-header {
-  position: sticky;
-  z-index: 9;
-  transition: all 0.3s ease-in-out;
-}
-
-.layout-nav-type-vertical {
-  &.layout-navbar-sticky {
-    .sticky-header {
-      inset-block: 4.3rem 0;
-    }
-  }
-
-  &.layout-navbar-static {
-    .sticky-header {
-      inset-block: 0;
-    }
-  }
-}
-
-.layout-nav-type-horizontal {
-  &.layout-navbar-static {
-    .sticky-header {
-      inset-block: 0;
-    }
-  }
-
-  &.layout-navbar-sticky {
-    .sticky-header {
-      inset-block: 6.75rem 0;
-    }
-  }
-}
-</style>
-`,
-}
-
-export const verticalForm = {
-  ts: `<script lang="ts" setup>
-const firstName = ref('')
-const email = ref('')
-const mobile = ref<number>()
-const password = ref<string>()
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <VCol cols="12">
-        <AppTextField
-          v-model="firstName"
-          label="First Name"
-          placeholder="John"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="email"
-          label="Email"
-          type="email"
-          placeholder="johndoe@example.com"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="mobile"
-          label="Mobile"
-          placeholder="+1 123 456 7890"
-          type="number"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="password"
-          label="Password"
-          autocomplete="on"
-          type="password"
-          placeholder="············"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VCheckbox
-          v-model="checkbox"
-          label="Remember me"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        class="d-flex gap-4"
-      >
-        <VBtn type="submit">
-          Submit
-        </VBtn>
-
-        <VBtn
-          type="reset"
-          color="secondary"
-          variant="tonal"
-        >
-          Reset
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-  js: `<script setup>
-const firstName = ref('')
-const email = ref('')
-const mobile = ref()
-const password = ref()
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="() => {}">
-    <VRow>
-      <VCol cols="12">
-        <AppTextField
-          v-model="firstName"
-          label="First Name"
-          placeholder="John"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="email"
-          label="Email"
-          type="email"
-          placeholder="johndoe@example.com"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="mobile"
-          label="Mobile"
-          placeholder="+1 123 456 7890"
-          type="number"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="password"
-          label="Password"
-          autocomplete="on"
-          type="password"
-          placeholder="············"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VCheckbox
-          v-model="checkbox"
-          label="Remember me"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        class="d-flex gap-4"
-      >
-        <VBtn type="submit">
-          Submit
-        </VBtn>
-
-        <VBtn
-          type="reset"
-          color="secondary"
-          variant="tonal"
-        >
-          Reset
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-}
-
-export const verticalFormWithIcons = {
-  ts: `<script lang="ts" setup>
-const firstName = ref('')
-const email = ref('')
-const mobile = ref<number>()
-const password = ref<string>()
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="{}">
-    <VRow>
-      <VCol cols="12">
-        <AppTextField
-          v-model="firstName"
-          prepend-inner-icon="tabler-user"
-          label="First Name"
-          placeholder="John"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="email"
-          prepend-inner-icon="tabler-mail"
-          label="Email"
-          type="email"
-          placeholder="johndoe@example.com"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="mobile"
-          prepend-inner-icon="tabler-device-mobile"
-          label="Mobile"
-          placeholder="+1 123 456 7890"
-          type="number"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="password"
-          prepend-inner-icon="tabler-lock"
-          label="Password"
-          autocomplete="on"
-          type="password"
-          placeholder="············"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VCheckbox
-          v-model="checkbox"
-          label="Remember me"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VBtn
-          type="submit"
-          class="me-2"
-        >
-          Submit
-        </VBtn>
-
-        <VBtn
-          color="secondary"
-          type="reset"
-          variant="tonal"
-        >
-          Reset
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-  js: `<script setup>
-const firstName = ref('')
-const email = ref('')
-const mobile = ref()
-const password = ref()
-const checkbox = ref(false)
-</script>
-
-<template>
-  <VForm @submit.prevent="{}">
-    <VRow>
-      <VCol cols="12">
-        <AppTextField
-          v-model="firstName"
-          prepend-inner-icon="tabler-user"
-          label="First Name"
-          placeholder="John"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="email"
-          prepend-inner-icon="tabler-mail"
-          label="Email"
-          type="email"
-          placeholder="johndoe@example.com"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="mobile"
-          prepend-inner-icon="tabler-device-mobile"
-          label="Mobile"
-          placeholder="+1 123 456 7890"
-          type="number"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <AppTextField
-          v-model="password"
-          prepend-inner-icon="tabler-lock"
-          label="Password"
-          autocomplete="on"
-          type="password"
-          placeholder="············"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VCheckbox
-          v-model="checkbox"
-          label="Remember me"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VBtn
-          type="submit"
-          class="me-2"
-        >
-          Submit
-        </VBtn>
-
-        <VBtn
-          color="secondary"
-          type="reset"
-          variant="tonal"
-        >
-          Reset
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-validation/DemoFormValidationSimpleFormValidation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-validation/DemoFormValidationSimpleFormValidation.vue
deleted file mode 100644
index d5e87a4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-validation/DemoFormValidationSimpleFormValidation.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<script lang="ts" setup>
-import { VForm } from 'vuetify/components/VForm'
-
-const firstName = ref('')
-const email = ref('')
-
-const refForm = ref<VForm>()
-</script>
-
-<template>
-  <VForm
-    ref="refForm"
-    @submit.prevent="() => {}"
-  >
-    <VRow>
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="firstName"
-          label="First Name"
-          placeholder="John"
-          :rules="[requiredValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="email"
-          label="Email"
-          placeholder="john@email.com"
-          :rules="[requiredValidator, emailValidator]"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VBtn
-          type="submit"
-          @click="refForm?.validate()"
-        >
-          Submit
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-validation/DemoFormValidationValidatingMultipleRules.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-validation/DemoFormValidationValidatingMultipleRules.vue
deleted file mode 100644
index a2f80f1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-validation/DemoFormValidationValidatingMultipleRules.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<script lang="ts" setup>
-import { VForm } from 'vuetify/components/VForm'
-
-const name = ref()
-const email = ref()
-const refForm = ref<VForm>()
-const password = ref()
-const confirmPassword = ref()
-const isPasswordVisible = ref(false)
-const isConfirmPasswordVisible = ref(false)
-</script>
-
-<template>
-  <VForm
-    ref="refForm"
-    @submit.prevent="() => {}"
-  >
-    <VRow>
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="name"
-          label="Name"
-          placeholder="Your Name"
-          :rules="[requiredValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="email"
-          label="Email"
-          placeholder="Your Email"
-          :rules="[requiredValidator, emailValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="password"
-          label="Password"
-          :type="isPasswordVisible ? 'text' : 'password'"
-          :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-          placeholder="Enter Password"
-          :rules="[requiredValidator, passwordValidator]"
-          autocomplete="on"
-          @click:append-inner="isPasswordVisible = !isPasswordVisible"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="confirmPassword"
-          label="Confirm Password"
-          autocomplete="confirm-password"
-          :type="isConfirmPasswordVisible ? 'text' : 'password'"
-          placeholder="Confirm Password"
-          :append-inner-icon="confirmPassword ? 'tabler-eye-off' : 'tabler-eye'"
-          :rules="[requiredValidator, confirmedValidator(confirmPassword, password)]"
-          @click:append-inner="isConfirmPasswordVisible = !isConfirmPasswordVisible"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VBtn
-          type="submit"
-          @click="refForm?.validate()"
-        >
-          Submit
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-validation/DemoFormValidationValidationTypes.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-validation/DemoFormValidationValidationTypes.vue
deleted file mode 100644
index 96dd444..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-validation/DemoFormValidationValidationTypes.vue
+++ /dev/null
@@ -1,183 +0,0 @@
-<script lang="ts" setup>
-import { VForm } from 'vuetify/components/VForm'
-
-const requiredField = ref('')
-const numberBetween10to20 = ref('')
-const onlyConsistNumber = ref('')
-const matchRegularEx = ref('')
-const onlyAlphabeticCharacters = ref('')
-const specifiedLength = ref('')
-const password = ref('')
-const digits = ref('')
-const repeatPassword = ref('')
-const onlyAlphabeticNumbersDashesUnderscores = ref('')
-const email = ref('')
-const validURL = ref('')
-const refForm = ref<VForm>()
-</script>
-
-<template>
-  <VForm
-    ref="refForm"
-    @submit.prevent
-  >
-    <VRow>
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="requiredField"
-          persistent-placeholder
-          placeholder="This field is required"
-          :rules="[requiredValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="numberBetween10to20"
-          persistent-placeholder
-          placeholder="Enter Number between 10 & 20"
-          :rules="[requiredValidator, betweenValidator(numberBetween10to20, 10, 20)]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="onlyConsistNumber"
-          persistent-placeholder
-          placeholder="Must only consist of numbers"
-          :rules="[requiredValidator, integerValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="matchRegularEx"
-          persistent-placeholder
-          placeholder="Must match the specified regular expression : ^([0-9]+)$ - numbers only"
-          :rules="[requiredValidator, regexValidator(matchRegularEx, '^([0-9]+)$')]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="onlyAlphabeticCharacters"
-          persistent-placeholder
-          placeholder="Only alphabetic characters"
-          :rules="[requiredValidator, alphaValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="specifiedLength"
-          persistent-placeholder
-          placeholder="Length must be exactly 3 characters."
-          :rules="[requiredValidator, lengthValidator(specifiedLength, 3)]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="password"
-          persistent-placeholder
-          placeholder="Password Input Field"
-          type="password"
-          :rules="[requiredValidator, passwordValidator]"
-          autocomplete="on"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="digits"
-          persistent-placeholder
-          placeholder="The digits field must be numeric and exactly contain 3 digits"
-          :rules="[requiredValidator, lengthValidator(digits, 3), integerValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="repeatPassword"
-          persistent-placeholder
-          placeholder="Repeat password must match"
-          type="password"
-          :rules="[requiredValidator, confirmedValidator(repeatPassword, password)]"
-          autocomplete="on"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="onlyAlphabeticNumbersDashesUnderscores"
-          persistent-placeholder
-          placeholder="Only alphabetic characters, numbers, dashes or underscores"
-          :rules="[requiredValidator, alphaDashValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="email"
-          persistent-placeholder
-          placeholder="Must be a valid email"
-          :rules="[requiredValidator, emailValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="validURL"
-          persistent-placeholder
-          placeholder="Must be a valid url"
-          :rules="[requiredValidator, urlValidator]"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VBtn
-          type="submit"
-          @click="refForm?.validate()"
-        >
-          Submit
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-validation/demoCodeFormValidation.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-validation/demoCodeFormValidation.ts
deleted file mode 100644
index 6d3c44c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-validation/demoCodeFormValidation.ts
+++ /dev/null
@@ -1,649 +0,0 @@
-export const simpleFormValidation = {
-  ts: `<script lang="ts" setup>
-import { VForm } from 'vuetify/components/VForm'
-
-const firstName = ref('')
-const email = ref('')
-
-const refForm = ref<VForm>()
-</script>
-
-<template>
-  <VForm
-    ref="refForm"
-    @submit.prevent="() => {}"
-  >
-    <VRow>
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="firstName"
-          label="First Name"
-          placeholder="John"
-          :rules="[requiredValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="email"
-          label="Email"
-          placeholder="john@email.com"
-          :rules="[requiredValidator, emailValidator]"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VBtn
-          type="submit"
-          @click="refForm?.validate()"
-        >
-          Submit
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-  js: `<script setup>
-import { VForm } from 'vuetify/components/VForm'
-
-const firstName = ref('')
-const email = ref('')
-const refForm = ref()
-</script>
-
-<template>
-  <VForm
-    ref="refForm"
-    @submit.prevent="() => {}"
-  >
-    <VRow>
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="firstName"
-          label="First Name"
-          placeholder="John"
-          :rules="[requiredValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="email"
-          label="Email"
-          placeholder="john@email.com"
-          :rules="[requiredValidator, emailValidator]"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VBtn
-          type="submit"
-          @click="refForm?.validate()"
-        >
-          Submit
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-}
-
-export const validatingMultipleRules = {
-  ts: `<script lang="ts" setup>
-import { VForm } from 'vuetify/components/VForm'
-
-const name = ref()
-const email = ref()
-const refForm = ref<VForm>()
-const password = ref()
-const confirmPassword = ref()
-const isPasswordVisible = ref(false)
-const isConfirmPasswordVisible = ref(false)
-</script>
-
-<template>
-  <VForm
-    ref="refForm"
-    @submit.prevent="() => {}"
-  >
-    <VRow>
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="name"
-          label="Name"
-          placeholder="Your Name"
-          :rules="[requiredValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="email"
-          label="Email"
-          placeholder="Your Email"
-          :rules="[requiredValidator, emailValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="password"
-          label="Password"
-          :type="isPasswordVisible ? 'text' : 'password'"
-          :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-          placeholder="Enter Password"
-          :rules="[requiredValidator, passwordValidator]"
-          autocomplete="on"
-          @click:append-inner="isPasswordVisible = !isPasswordVisible"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="confirmPassword"
-          label="Confirm Password"
-          autocomplete="confirm-password"
-          :type="isConfirmPasswordVisible ? 'text' : 'password'"
-          placeholder="Confirm Password"
-          :append-inner-icon="confirmPassword ? 'tabler-eye-off' : 'tabler-eye'"
-          :rules="[requiredValidator, confirmedValidator(confirmPassword, password)]"
-          @click:append-inner="isConfirmPasswordVisible = !isConfirmPasswordVisible"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VBtn
-          type="submit"
-          @click="refForm?.validate()"
-        >
-          Submit
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-  js: `<script setup>
-import { VForm } from 'vuetify/components/VForm'
-
-const name = ref()
-const email = ref()
-const refForm = ref()
-const password = ref()
-const confirmPassword = ref()
-const isPasswordVisible = ref(false)
-const isConfirmPasswordVisible = ref(false)
-</script>
-
-<template>
-  <VForm
-    ref="refForm"
-    @submit.prevent="() => {}"
-  >
-    <VRow>
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="name"
-          label="Name"
-          placeholder="Your Name"
-          :rules="[requiredValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="email"
-          label="Email"
-          placeholder="Your Email"
-          :rules="[requiredValidator, emailValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="password"
-          label="Password"
-          :type="isPasswordVisible ? 'text' : 'password'"
-          :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-          placeholder="Enter Password"
-          :rules="[requiredValidator, passwordValidator]"
-          autocomplete="on"
-          @click:append-inner="isPasswordVisible = !isPasswordVisible"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="confirmPassword"
-          label="Confirm Password"
-          autocomplete="confirm-password"
-          :type="isConfirmPasswordVisible ? 'text' : 'password'"
-          placeholder="Confirm Password"
-          :append-inner-icon="confirmPassword ? 'tabler-eye-off' : 'tabler-eye'"
-          :rules="[requiredValidator, confirmedValidator(confirmPassword, password)]"
-          @click:append-inner="isConfirmPasswordVisible = !isConfirmPasswordVisible"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VBtn
-          type="submit"
-          @click="refForm?.validate()"
-        >
-          Submit
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-}
-
-export const validationTypes = {
-  ts: `<script lang="ts" setup>
-import { VForm } from 'vuetify/components/VForm'
-
-const requiredField = ref('')
-const numberBetween10to20 = ref('')
-const onlyConsistNumber = ref('')
-const matchRegularEx = ref('')
-const onlyAlphabeticCharacters = ref('')
-const specifiedLength = ref('')
-const password = ref('')
-const digits = ref('')
-const repeatPassword = ref('')
-const onlyAlphabeticNumbersDashesUnderscores = ref('')
-const email = ref('')
-const validURL = ref('')
-const refForm = ref<VForm>()
-</script>
-
-<template>
-  <VForm
-    ref="refForm"
-    @submit.prevent
-  >
-    <VRow>
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="requiredField"
-          persistent-placeholder
-          placeholder="This field is required"
-          :rules="[requiredValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="numberBetween10to20"
-          persistent-placeholder
-          placeholder="Enter Number between 10 & 20"
-          :rules="[requiredValidator, betweenValidator(numberBetween10to20, 10, 20)]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="onlyConsistNumber"
-          persistent-placeholder
-          placeholder="Must only consist of numbers"
-          :rules="[requiredValidator, integerValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="matchRegularEx"
-          persistent-placeholder
-          placeholder="Must match the specified regular expression : ^([0-9]+)$ - numbers only"
-          :rules="[requiredValidator, regexValidator(matchRegularEx, '^([0-9]+)$')]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="onlyAlphabeticCharacters"
-          persistent-placeholder
-          placeholder="Only alphabetic characters"
-          :rules="[requiredValidator, alphaValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="specifiedLength"
-          persistent-placeholder
-          placeholder="Length must be exactly 3 characters."
-          :rules="[requiredValidator, lengthValidator(specifiedLength, 3)]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="password"
-          persistent-placeholder
-          placeholder="Password Input Field"
-          type="password"
-          :rules="[requiredValidator, passwordValidator]"
-          autocomplete="on"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="digits"
-          persistent-placeholder
-          placeholder="The digits field must be numeric and exactly contain 3 digits"
-          :rules="[requiredValidator, lengthValidator(digits, 3), integerValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="repeatPassword"
-          persistent-placeholder
-          placeholder="Repeat password must match"
-          type="password"
-          :rules="[requiredValidator, confirmedValidator(repeatPassword, password)]"
-          autocomplete="on"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="onlyAlphabeticNumbersDashesUnderscores"
-          persistent-placeholder
-          placeholder="Only alphabetic characters, numbers, dashes or underscores"
-          :rules="[requiredValidator, alphaDashValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="email"
-          persistent-placeholder
-          placeholder="Must be a valid email"
-          :rules="[requiredValidator, emailValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="validURL"
-          persistent-placeholder
-          placeholder="Must be a valid url"
-          :rules="[requiredValidator, urlValidator]"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VBtn
-          type="submit"
-          @click="refForm?.validate()"
-        >
-          Submit
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-  js: `<script setup>
-import { VForm } from 'vuetify/components/VForm'
-
-const requiredField = ref('')
-const numberBetween10to20 = ref('')
-const onlyConsistNumber = ref('')
-const matchRegularEx = ref('')
-const onlyAlphabeticCharacters = ref('')
-const specifiedLength = ref('')
-const password = ref('')
-const digits = ref('')
-const repeatPassword = ref('')
-const onlyAlphabeticNumbersDashesUnderscores = ref('')
-const email = ref('')
-const validURL = ref('')
-const refForm = ref()
-</script>
-
-<template>
-  <VForm
-    ref="refForm"
-    @submit.prevent
-  >
-    <VRow>
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="requiredField"
-          persistent-placeholder
-          placeholder="This field is required"
-          :rules="[requiredValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="numberBetween10to20"
-          persistent-placeholder
-          placeholder="Enter Number between 10 & 20"
-          :rules="[requiredValidator, betweenValidator(numberBetween10to20, 10, 20)]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="onlyConsistNumber"
-          persistent-placeholder
-          placeholder="Must only consist of numbers"
-          :rules="[requiredValidator, integerValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="matchRegularEx"
-          persistent-placeholder
-          placeholder="Must match the specified regular expression : ^([0-9]+)$ - numbers only"
-          :rules="[requiredValidator, regexValidator(matchRegularEx, '^([0-9]+)$')]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="onlyAlphabeticCharacters"
-          persistent-placeholder
-          placeholder="Only alphabetic characters"
-          :rules="[requiredValidator, alphaValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="specifiedLength"
-          persistent-placeholder
-          placeholder="Length must be exactly 3 characters."
-          :rules="[requiredValidator, lengthValidator(specifiedLength, 3)]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="password"
-          persistent-placeholder
-          placeholder="Password Input Field"
-          type="password"
-          :rules="[requiredValidator, passwordValidator]"
-          autocomplete="on"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="digits"
-          persistent-placeholder
-          placeholder="The digits field must be numeric and exactly contain 3 digits"
-          :rules="[requiredValidator, lengthValidator(digits, 3), integerValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="repeatPassword"
-          persistent-placeholder
-          placeholder="Repeat password must match"
-          type="password"
-          :rules="[requiredValidator, confirmedValidator(repeatPassword, password)]"
-          autocomplete="on"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="onlyAlphabeticNumbersDashesUnderscores"
-          persistent-placeholder
-          placeholder="Only alphabetic characters, numbers, dashes or underscores"
-          :rules="[requiredValidator, alphaDashValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="email"
-          persistent-placeholder
-          placeholder="Must be a valid email"
-          :rules="[requiredValidator, emailValidator]"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="6"
-      >
-        <AppTextField
-          v-model="validURL"
-          persistent-placeholder
-          placeholder="Must be a valid url"
-          :rules="[requiredValidator, urlValidator]"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VBtn
-          type="submit"
-          @click="refForm?.validate()"
-        >
-          Submit
-        </VBtn>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsBasic.vue
deleted file mode 100644
index a139dab..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsBasic.vue
+++ /dev/null
@@ -1,430 +0,0 @@
-<script setup lang="ts">
-import customWizardAccount from '@images/svg/wizard-account.svg'
-import customWizardAddress from '@images/svg/wizard-address.svg'
-import customWizardPersonal from '@images/svg/wizard-personal.svg'
-import customWizardSocialLink from '@images/svg/wizard-social-link.svg'
-import customWizardSubmit from '@images/svg/wizard-submit.svg'
-
-const iconsSteps = [
-  {
-    title: 'Account Details',
-    icon: customWizardAccount,
-  },
-  {
-    title: 'Personal Info',
-    icon: customWizardPersonal,
-  },
-  {
-    title: 'Address',
-    icon: customWizardAddress,
-  },
-  {
-    title: 'Social Links',
-    icon: customWizardSocialLink,
-  },
-  {
-    title: 'Review & Submit',
-    icon: customWizardSubmit,
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: 'johndoe',
-  email: 'john.doe@email.com',
-  password: 'johndoe@J2',
-  cPassword: 'johndoe@J2',
-  firstName: 'John',
-  lastName: 'Doe',
-  country: 'UK',
-  language: 'English',
-  address: '98 Borough bridge Road, Birmingham',
-  landmark: 'Borough bridge',
-  pincode: '658921',
-  city: 'Birmingham',
-  twitter: 'https://twitter.com/abc',
-  facebook: 'https://facebook.com/abc',
-  googlePlus: 'https://plus.google.com/abc',
-  linkedIn: 'https://linkedin.com/abc',
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        :items="iconsSteps"
-        align="center"
-      />
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText>
-      <!-- 👉 stepper content -->
-      <VForm>
-        <VWindow
-          v-model="currentStep"
-          class="disable-tab-transition"
-        >
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.username"
-                  placeholder="CarterLeonardo"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  placeholder="carterleonardo@gmail.com"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.cPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.firstName"
-                  label="First Name"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.lastName"
-                  label="Last Name"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.country"
-                  label="Country"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.language"
-                  label="Language"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Address
-                </h6>
-                <p class="mb-0">
-                  Enter Your Address.
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.address"
-                  placeholder="98 Borough bridge Road, Birmingham"
-                  label="Address"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.landmark"
-                  placeholder="Borough bridge"
-                  label="Landmark"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.pincode"
-                  placeholder="658921"
-                  label="Pincode"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.city"
-                  placeholder="New York"
-                  label="City"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.twitter"
-                  placeholder="https://twitter.com/abc"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.facebook"
-                  placeholder="https://facebook.com/abc"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.linkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  label="LinkedIn"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <div class="text-base">
-              <h6 class="text-base font-weight-medium mb-2">
-                Account
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.username }}
-              </p>
-              <p class="mb-1">
-                {{ formData.email }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Personal Info
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.firstName }}
-              </p>
-              <p class="mb-1">
-                {{ formData.lastName }}
-              </p>
-              <p class="mb-1">
-                {{ formData.country }}
-              </p>
-              <p class="mb-1">
-                {{ formData.language }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Address
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.address }}
-              </p>
-              <p class="mb-1">
-                {{ formData.landmark }}
-              </p>
-              <p class="mb-1">
-                {{ formData.pincode }}
-              </p>
-              <p class="mb-1">
-                {{ formData.city }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Social Links
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.twitter }}
-              </p>
-              <p class="mb-1">
-                {{ formData.facebook }}
-              </p>
-              <p class="mb-1">
-                {{ formData.googlePlus }}
-              </p>
-              <p class="mb-1">
-                {{ formData.linkedIn }}
-              </p>
-            </div>
-          </VWindowItem>
-        </VWindow>
-
-        <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            :disabled="currentStep === 0"
-            @click="currentStep--"
-          >
-            <VIcon
-              icon="tabler-arrow-left"
-              start
-              class="flip-in-rtl"
-            />
-            Previous
-          </VBtn>
-
-          <VBtn
-            v-if="iconsSteps.length - 1 === currentStep"
-            color="success"
-            @click="onSubmit"
-          >
-            submit
-          </VBtn>
-
-          <VBtn
-            v-else
-            @click="currentStep++"
-          >
-            Next
-
-            <VIcon
-              icon="tabler-arrow-right"
-              end
-              class="flip-in-rtl"
-            />
-          </VBtn>
-        </div>
-      </VForm>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsModernBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsModernBasic.vue
deleted file mode 100644
index bb3eaa7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsModernBasic.vue
+++ /dev/null
@@ -1,425 +0,0 @@
-<script setup lang="ts">
-import customWizardAccount from '@images/svg/wizard-account.svg'
-import customWizardAddress from '@images/svg/wizard-address.svg'
-import customWizardPersonal from '@images/svg/wizard-personal.svg'
-import customWizardSocialLink from '@images/svg/wizard-social-link.svg'
-import customWizardSubmit from '@images/svg/wizard-submit.svg'
-
-const iconsSteps = [
-  {
-    title: 'Account Details',
-    icon: customWizardAccount,
-  },
-  {
-    title: 'Personal Info',
-    icon: customWizardPersonal,
-  },
-  {
-    title: 'Address',
-    icon: customWizardAddress,
-  },
-  {
-    title: 'Social Links',
-    icon: customWizardSocialLink,
-  },
-  {
-    title: 'Review & Submit',
-    icon: customWizardSubmit,
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: 'johndoe',
-  email: 'john.doe@email.com',
-  password: 'johndoe@J2',
-  cPassword: 'johndoe@J2',
-  firstName: 'John',
-  lastName: 'Doe',
-  country: 'UK',
-  language: 'English',
-  address: '98 Borough bridge Road, Birmingham',
-  landmark: 'Borough bridge',
-  pincode: '658921',
-  city: 'Birmingham',
-  twitter: 'https://twitter.com/abc',
-  facebook: 'https://facebook.com/abc',
-  googlePlus: 'https://plus.google.com/abc',
-  linkedIn: 'https://linkedin.com/abc',
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <!-- 👉 Stepper -->
-  <div class="mb-6">
-    <AppStepper
-      v-model:current-step="currentStep"
-      :items="iconsSteps"
-    />
-  </div>
-
-  <VCard>
-    <VCardText>
-      <!-- 👉 stepper content -->
-      <VForm>
-        <VWindow
-          v-model="currentStep"
-          class="disable-tab-transition"
-        >
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.username"
-                  placeholder="CarterLeonardo"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  placeholder="carterleonardo@gmail.com"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.cPassword"
-                  label="Confirm Password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.firstName"
-                  label="First Name"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.lastName"
-                  label="Last Name"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.country"
-                  label="Country"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.language"
-                  label="Language"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Address
-                </h6>
-                <p class="mb-0">
-                  Enter Your Address.
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.address"
-                  placeholder="98 Borough bridge Road, Birmingham"
-                  label="Address"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.landmark"
-                  placeholder="Borough bridge"
-                  label="Landmark"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.pincode"
-                  placeholder="658921"
-                  label="Pincode"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.city"
-                  placeholder="New York"
-                  label="City"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.twitter"
-                  placeholder="https://twitter.com/abc"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.facebook"
-                  placeholder="https://facebook.com/abc"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.linkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  label="LinkedIn"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <div class="text-base">
-              <h6 class="text-base font-weight-medium mb-2">
-                Account
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.username }}
-              </p>
-              <p class="mb-1">
-                {{ formData.email }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Personal Info
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.firstName }}
-              </p>
-              <p class="mb-1">
-                {{ formData.lastName }}
-              </p>
-              <p class="mb-1">
-                {{ formData.country }}
-              </p>
-              <p class="mb-1">
-                {{ formData.language }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Address
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.address }}
-              </p>
-              <p class="mb-1">
-                {{ formData.landmark }}
-              </p>
-              <p class="mb-1">
-                {{ formData.pincode }}
-              </p>
-              <p class="mb-1">
-                {{ formData.city }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Social Links
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.twitter }}
-              </p>
-              <p class="mb-1">
-                {{ formData.facebook }}
-              </p>
-              <p class="mb-1">
-                {{ formData.googlePlus }}
-              </p>
-              <p class="mb-1">
-                {{ formData.linkedIn }}
-              </p>
-            </div>
-          </VWindowItem>
-        </VWindow>
-
-        <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            :disabled="currentStep === 0"
-            @click="currentStep--"
-          >
-            <VIcon
-              icon="tabler-arrow-left"
-              start
-              class="flip-in-rtl"
-            />
-            Previous
-          </VBtn>
-
-          <VBtn
-            v-if="iconsSteps.length - 1 === currentStep"
-            color="success"
-            @click="onSubmit"
-          >
-            submit
-          </VBtn>
-
-          <VBtn
-            v-else
-            @click="currentStep++"
-          >
-            Next
-
-            <VIcon
-              icon="tabler-arrow-right"
-              end
-              class="flip-in-rtl"
-            />
-          </VBtn>
-        </div>
-      </VForm>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsModernVertical.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsModernVertical.vue
deleted file mode 100644
index fb7b457..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsModernVertical.vue
+++ /dev/null
@@ -1,278 +0,0 @@
-<script setup lang="ts">
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    icon: 'tabler-file-description',
-    subtitle: 'Setup account details',
-  },
-  {
-    title: 'Personal Info',
-    icon: 'tabler-user',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    icon: 'tabler-link',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  linkedIn: '',
-
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <!-- 👉 Stepper -->
-      <div class="pa-6">
-        <AppStepper
-          v-model:current-step="currentStep"
-          direction="vertical"
-          :items="numberedSteps"
-          icon-size="24"
-          class="stepper-icon-step-bg"
-        />
-      </div>
-    </VCol>
-
-    <!-- 👉 stepper content -->
-    <VCol
-      cols="12"
-      md="8"
-    >
-      <VCard>
-        <VCardText>
-          <VForm>
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition"
-            >
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Account Details
-                    </h6>
-                    <p class="mb-0">
-                      Enter your Account Details
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.username"
-                      placeholder="CarterLeonardo"
-                      label="Username"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.email"
-                      placeholder="carterleonardo@gmail.com"
-                      label="Email"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.password"
-                      label="Password"
-                      placeholder="············"
-                      :type="isPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.cPassword"
-                      label="Confirm Password"
-                      placeholder="············"
-                      :type="isCPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Personal Info
-                    </h6>
-                    <p class="mb-0">
-                      Setup Information
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.firstName"
-                      label="First Name"
-                      placeholder="Leonard"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.lastName"
-                      label="Last Name"
-                      placeholder="Carter"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.country"
-                      label="Country"
-                      placeholder="Select Country"
-                      :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.language"
-                      label="Language"
-                      placeholder="Select Language"
-                      :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Social Links
-                    </h6>
-                    <p class="mb-0">
-                      Add Social Links
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.twitter"
-                      placeholder="https://twitter.com/abc"
-                      label="Twitter"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.facebook"
-                      placeholder="https://facebook.com/abc"
-                      label="Facebook"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.googlePlus"
-                      placeholder="https://plus.google.com/abc"
-                      label="Google+"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.linkedIn"
-                      placeholder="https://linkedin.com/abc"
-                      label="LinkedIn"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-            </VWindow>
-            <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-              <VBtn
-                v-if="numberedSteps.length - 1 === currentStep"
-                color="success"
-                @click="onSubmit"
-              >
-                submit
-              </VBtn>
-              <VBtn
-                v-else
-                @click="currentStep++"
-              >
-                Next
-                <VIcon
-                  icon="tabler-arrow-right"
-                  end
-                  class="flip-in-rtl"
-                />
-              </VBtn>
-            </div>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsValidation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsValidation.vue
deleted file mode 100644
index 981c915..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsValidation.vue
+++ /dev/null
@@ -1,608 +0,0 @@
-<script setup lang="ts">
-import { VForm } from 'vuetify/components/VForm'
-import customWizardAccount from '@images/svg/wizard-account.svg'
-import customWizardAddress from '@images/svg/wizard-address.svg'
-import customWizardPersonal from '@images/svg/wizard-personal.svg'
-import customWizardSocialLink from '@images/svg/wizard-social-link.svg'
-import customWizardSubmit from '@images/svg/wizard-submit.svg'
-
-const iconsSteps = [
-  {
-    title: 'Account Details',
-    icon: customWizardAccount,
-  },
-  {
-    title: 'Personal Info',
-    icon: customWizardPersonal,
-  },
-  {
-    title: 'Address',
-    icon: customWizardAddress,
-  },
-  {
-    title: 'Social Links',
-    icon: customWizardSocialLink,
-  },
-  {
-    title: 'Review & Submit',
-    icon: customWizardSubmit,
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-const isCurrentStepValid = ref(true)
-const refAccountForm = ref<VForm>()
-const refPersonalForm = ref<VForm>()
-const refSocialLinkForm = ref<VForm>()
-const refAddressForm = ref<VForm>()
-
-const accountForm = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-})
-
-const personalForm = ref({
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-})
-
-const socialForm = ref({
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  linkedIn: '',
-})
-
-const addressForm = ref({
-  address: '',
-  landmark: '',
-  city: '',
-  pincode: '',
-})
-
-const validateAccountForm = () => {
-  refAccountForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-
-const validatePersonalForm = () => {
-  refPersonalForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-
-const validateAddressForm = () => {
-  refAddressForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-
-const validateSocialLinkForm = () => {
-  refSocialLinkForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        :items="iconsSteps"
-        :is-active-step-valid="isCurrentStepValid"
-        align="center"
-      />
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText>
-      <!-- 👉 stepper content -->
-
-      <VWindow
-        v-model="currentStep"
-        class="disable-tab-transition"
-      >
-        <VWindowItem>
-          <VForm
-            ref="refAccountForm"
-            @submit.prevent="validateAccountForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.username"
-                  placeholder="CarterLeonardo"
-                  :rules="[requiredValidator]"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.email"
-                  placeholder="carterleonardo@gmail.com"
-                  :rules="[requiredValidator, emailValidator]"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.password"
-                  placeholder="············"
-                  label="Password"
-                  :rules="[requiredValidator, passwordValidator]"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.cPassword"
-                  placeholder="············"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  :rules="[requiredValidator, confirmedValidator(accountForm.cPassword, accountForm.password)]"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    disabled
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refPersonalForm"
-            @submit.prevent="validatePersonalForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="personalForm.firstName"
-                  label="First Name"
-                  :rules="[requiredValidator]"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="personalForm.lastName"
-                  label="Last Name"
-                  :rules="[requiredValidator]"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="personalForm.country"
-                  label="Country"
-                  :rules="[requiredValidator]"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="personalForm.language"
-                  label="Language"
-                  :rules="[requiredValidator]"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refAddressForm"
-            @submit.prevent="validateAddressForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Address
-                </h6>
-                <p class="mb-0">
-                  Enter Your Address.
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="addressForm.address"
-                  :rules="[requiredValidator]"
-                  placeholder="98 Borough bridge Road, Birmingham"
-                  label="Address"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="addressForm.landmark"
-                  :rules="[requiredValidator]"
-                  placeholder="Borough bridge"
-                  label="Landmark"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="addressForm.pincode"
-                  :rules="[requiredValidator]"
-                  placeholder="658921"
-                  label="Pincode"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="addressForm.city"
-                  :rules="[requiredValidator]"
-                  placeholder="New York"
-                  label="City"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refSocialLinkForm"
-            @submit.prevent="validateSocialLinkForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.twitter"
-                  placeholder="https://twitter.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.facebook"
-                  placeholder="https://facebook.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.linkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="LinkedIn"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <div class="text-base">
-            <h6 class="text-base font-weight-medium mb-2">
-              Account
-            </h6>
-
-            <p class="mb-1">
-              {{ accountForm.username }}
-            </p>
-            <p class="mb-1">
-              {{ accountForm.email }}
-            </p>
-
-            <VDivider class="my-4" />
-
-            <h6 class="text-base font-weight-medium mb-2">
-              Personal Info
-            </h6>
-
-            <p class="mb-1">
-              {{ personalForm.firstName }}
-            </p>
-            <p class="mb-1">
-              {{ personalForm.lastName }}
-            </p>
-            <p class="mb-1">
-              {{ personalForm.country }}
-            </p>
-            <p class="mb-1">
-              {{ personalForm.language }}
-            </p>
-
-            <VDivider class="my-4" />
-
-            <h6 class="text-base font-weight-medium mb-2">
-              Address
-            </h6>
-
-            <p class="mb-1">
-              {{ addressForm.address }}
-            </p>
-            <p class="mb-1">
-              {{ addressForm.landmark }}
-            </p>
-            <p class="mb-1">
-              {{ addressForm.pincode }}
-            </p>
-            <p class="mb-1">
-              {{ addressForm.city }}
-            </p>
-
-            <VDivider class="my-4" />
-
-            <h6 class="text-base font-weight-medium mb-2">
-              Social Links
-            </h6>
-
-            <p class="mb-1">
-              {{ socialForm.twitter }}
-            </p>
-            <p class="mb-1">
-              {{ socialForm.facebook }}
-            </p>
-            <p class="mb-1">
-              {{ socialForm.googlePlus }}
-            </p>
-            <p class="mb-1">
-              {{ socialForm.linkedIn }}
-            </p>
-          </div>
-          <VCol cols="12">
-            <div class="d-flex flex-wrap gap-4 justify-space-between mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-
-              <VBtn
-                color="success"
-                @click="console.log('Form Submitted')"
-              >
-                submit
-              </VBtn>
-            </div>
-          </VCol>
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsVertical.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsVertical.vue
deleted file mode 100644
index 0e43527..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsVertical.vue
+++ /dev/null
@@ -1,299 +0,0 @@
-<script setup lang="ts">
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    icon: 'tabler-file-description',
-    subtitle: 'Setup account details',
-  },
-  {
-    title: 'Personal Info',
-    icon: 'tabler-user',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    icon: 'tabler-link',
-    subtitle: 'Add social links',
-  },
-
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  linkedIn: '',
-
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VRow>
-      <VCol
-        cols="12"
-        md="4"
-        :class="$vuetify.display.smAndDown ? 'border-b' : 'border-e'"
-      >
-        <VCardText>
-          <!-- 👉 Stepper -->
-          <AppStepper
-            v-model:current-step="currentStep"
-            direction="vertical"
-            :items="numberedSteps"
-            icon-size="24"
-            class="stepper-icon-step-bg"
-          />
-        </VCardText>
-      </VCol>
-      <!-- 👉 stepper content -->
-      <VCol
-        cols="12"
-        md="8"
-      >
-        <VCardText>
-          <VForm>
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition"
-            >
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Account Details
-                    </h6>
-                    <p class="mb-0">
-                      Enter your Account Details
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.username"
-                      placeholder="CarterLeonardo"
-                      label="Username"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.email"
-                      placeholder="carterleonardo@gmail.com"
-                      label="Email"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.password"
-                      label="Password"
-                      placeholder="············"
-                      :type="isPasswordVisible ? 'text' : 'password'"
-                      autocomplete="password"
-                      :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.cPassword"
-                      label="Confirm Password"
-                      autocomplete="confirm-password"
-                      placeholder="············"
-                      :type="isCPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Personal Info
-                    </h6>
-                    <p class="mb-0">
-                      Setup Information
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.firstName"
-                      label="First Name"
-                      placeholder="Leonard"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.lastName"
-                      label="Last Name"
-                      placeholder="Carter"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.country"
-                      label="Country"
-                      placeholder="Select Country"
-                      :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.language"
-                      label="Language"
-                      placeholder="Select Language"
-                      :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Social Links
-                    </h6>
-                    <p class="mb-0">
-                      Add Social Links
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.twitter"
-                      placeholder="https://twitter.com/abc"
-                      label="Twitter"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.facebook"
-                      placeholder="https://facebook.com/abc"
-                      label="Facebook"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.googlePlus"
-                      placeholder="https://plus.google.com/abc"
-                      label="Google+"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.linkedIn"
-                      placeholder="https://linkedin.com/abc"
-                      label="LinkedIn"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-            </VWindow>
-
-            <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-
-              <VBtn
-                v-if="numberedSteps.length - 1 === currentStep"
-                color="success"
-                @click="onSubmit"
-              >
-                submit
-              </VBtn>
-
-              <VBtn
-                v-else
-                @click="currentStep++"
-              >
-                Next
-
-                <VIcon
-                  icon="tabler-arrow-right"
-                  end
-                  class="flip-in-rtl"
-                />
-              </VBtn>
-            </div>
-          </VForm>
-        </VCardText>
-      </VCol>
-    </VRow>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/demoCodeFormWizardIcons.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/demoCodeFormWizardIcons.ts
deleted file mode 100644
index f2ab879..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-icons/demoCodeFormWizardIcons.ts
+++ /dev/null
@@ -1,4105 +0,0 @@
-export const basic = {
-  ts: `<script setup lang="ts">
-import customWizardAccount from '@images/svg/wizard-account.svg'
-import customWizardAddress from '@images/svg/wizard-address.svg'
-import customWizardPersonal from '@images/svg/wizard-personal.svg'
-import customWizardSocialLink from '@images/svg/wizard-social-link.svg'
-import customWizardSubmit from '@images/svg/wizard-submit.svg'
-
-const iconsSteps = [
-  {
-    title: 'Account Details',
-    icon: customWizardAccount,
-  },
-  {
-    title: 'Personal Info',
-    icon: customWizardPersonal,
-  },
-  {
-    title: 'Address',
-    icon: customWizardAddress,
-  },
-  {
-    title: 'Social Links',
-    icon: customWizardSocialLink,
-  },
-  {
-    title: 'Review & Submit',
-    icon: customWizardSubmit,
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: 'johndoe',
-  email: 'john.doe@email.com',
-  password: 'johndoe@J2',
-  cPassword: 'johndoe@J2',
-  firstName: 'John',
-  lastName: 'Doe',
-  country: 'UK',
-  language: 'English',
-  address: '98 Borough bridge Road, Birmingham',
-  landmark: 'Borough bridge',
-  pincode: '658921',
-  city: 'Birmingham',
-  twitter: 'https://twitter.com/abc',
-  facebook: 'https://facebook.com/abc',
-  googlePlus: 'https://plus.google.com/abc',
-  LinkedIn: 'https://linkedin.com/abc',
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        :items="iconsSteps"
-        align="center"
-      />
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText>
-      <!-- 👉 stepper content -->
-      <VForm>
-        <VWindow
-          v-model="currentStep"
-          class="disable-tab-transition"
-        >
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.username"
-                  placeholder="CarterLeonardo"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  placeholder="carterleonardo@gmail.com"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.cPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.firstName"
-                  label="First Name"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.lastName"
-                  label="Last Name"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.country"
-                  label="Country"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.language"
-                  label="Language"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Address
-                </h6>
-                <p class="mb-0">
-                  Enter Your Address.
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.address"
-                  placeholder="98 Borough bridge Road, Birmingham"
-                  label="Address"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.landmark"
-                  placeholder="Borough bridge"
-                  label="Landmark"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.pincode"
-                  placeholder="658921"
-                  label="Pincode"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.city"
-                  placeholder="New York"
-                  label="City"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.twitter"
-                  placeholder="https://twitter.com/abc"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.facebook"
-                  placeholder="https://facebook.com/abc"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.LinkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  label="LinkedIn"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <div class="text-base">
-              <h6 class="text-base font-weight-medium mb-2">
-                Account
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.username }}
-              </p>
-              <p class="mb-1">
-                {{ formData.email }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Personal Info
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.firstName }}
-              </p>
-              <p class="mb-1">
-                {{ formData.lastName }}
-              </p>
-              <p class="mb-1">
-                {{ formData.country }}
-              </p>
-              <p class="mb-1">
-                {{ formData.language }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Address
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.address }}
-              </p>
-              <p class="mb-1">
-                {{ formData.landmark }}
-              </p>
-              <p class="mb-1">
-                {{ formData.pincode }}
-              </p>
-              <p class="mb-1">
-                {{ formData.city }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Social Links
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.twitter }}
-              </p>
-              <p class="mb-1">
-                {{ formData.facebook }}
-              </p>
-              <p class="mb-1">
-                {{ formData.googlePlus }}
-              </p>
-              <p class="mb-1">
-                {{ formData.LinkedIn }}
-              </p>
-            </div>
-          </VWindowItem>
-        </VWindow>
-
-        <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            :disabled="currentStep === 0"
-            @click="currentStep--"
-          >
-            <VIcon
-              icon="tabler-arrow-left"
-              start
-              class="flip-in-rtl"
-            />
-            Previous
-          </VBtn>
-
-          <VBtn
-            v-if="iconsSteps.length - 1 === currentStep"
-            color="success"
-            @click="onSubmit"
-          >
-            submit
-          </VBtn>
-
-          <VBtn
-            v-else
-            @click="currentStep++"
-          >
-            Next
-
-            <VIcon
-              icon="tabler-arrow-right"
-              end
-              class="flip-in-rtl"
-            />
-          </VBtn>
-        </div>
-      </VForm>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-import customWizardAccount from '@images/svg/wizard-account.svg'
-import customWizardAddress from '@images/svg/wizard-address.svg'
-import customWizardPersonal from '@images/svg/wizard-personal.svg'
-import customWizardSocialLink from '@images/svg/wizard-social-link.svg'
-import customWizardSubmit from '@images/svg/wizard-submit.svg'
-
-const iconsSteps = [
-  {
-    title: 'Account Details',
-    icon: customWizardAccount,
-  },
-  {
-    title: 'Personal Info',
-    icon: customWizardPersonal,
-  },
-  {
-    title: 'Address',
-    icon: customWizardAddress,
-  },
-  {
-    title: 'Social Links',
-    icon: customWizardSocialLink,
-  },
-  {
-    title: 'Review & Submit',
-    icon: customWizardSubmit,
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: 'johndoe',
-  email: 'john.doe@email.com',
-  password: 'johndoe@J2',
-  cPassword: 'johndoe@J2',
-  firstName: 'John',
-  lastName: 'Doe',
-  country: 'UK',
-  language: 'English',
-  address: '98 Borough bridge Road, Birmingham',
-  landmark: 'Borough bridge',
-  pincode: '658921',
-  city: 'Birmingham',
-  twitter: 'https://twitter.com/abc',
-  facebook: 'https://facebook.com/abc',
-  googlePlus: 'https://plus.google.com/abc',
-  LinkedIn: 'https://linkedin.com/abc',
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        :items="iconsSteps"
-        align="center"
-      />
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText>
-      <!-- 👉 stepper content -->
-      <VForm>
-        <VWindow
-          v-model="currentStep"
-          class="disable-tab-transition"
-        >
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.username"
-                  placeholder="CarterLeonardo"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  placeholder="carterleonardo@gmail.com"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.cPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.firstName"
-                  label="First Name"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.lastName"
-                  label="Last Name"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.country"
-                  label="Country"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.language"
-                  label="Language"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Address
-                </h6>
-                <p class="mb-0">
-                  Enter Your Address.
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.address"
-                  placeholder="98 Borough bridge Road, Birmingham"
-                  label="Address"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.landmark"
-                  placeholder="Borough bridge"
-                  label="Landmark"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.pincode"
-                  placeholder="658921"
-                  label="Pincode"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.city"
-                  placeholder="New York"
-                  label="City"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.twitter"
-                  placeholder="https://twitter.com/abc"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.facebook"
-                  placeholder="https://facebook.com/abc"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.LinkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  label="LinkedIn"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <div class="text-base">
-              <h6 class="text-base font-weight-medium mb-2">
-                Account
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.username }}
-              </p>
-              <p class="mb-1">
-                {{ formData.email }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Personal Info
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.firstName }}
-              </p>
-              <p class="mb-1">
-                {{ formData.lastName }}
-              </p>
-              <p class="mb-1">
-                {{ formData.country }}
-              </p>
-              <p class="mb-1">
-                {{ formData.language }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Address
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.address }}
-              </p>
-              <p class="mb-1">
-                {{ formData.landmark }}
-              </p>
-              <p class="mb-1">
-                {{ formData.pincode }}
-              </p>
-              <p class="mb-1">
-                {{ formData.city }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Social Links
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.twitter }}
-              </p>
-              <p class="mb-1">
-                {{ formData.facebook }}
-              </p>
-              <p class="mb-1">
-                {{ formData.googlePlus }}
-              </p>
-              <p class="mb-1">
-                {{ formData.LinkedIn }}
-              </p>
-            </div>
-          </VWindowItem>
-        </VWindow>
-
-        <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            :disabled="currentStep === 0"
-            @click="currentStep--"
-          >
-            <VIcon
-              icon="tabler-arrow-left"
-              start
-              class="flip-in-rtl"
-            />
-            Previous
-          </VBtn>
-
-          <VBtn
-            v-if="iconsSteps.length - 1 === currentStep"
-            color="success"
-            @click="onSubmit"
-          >
-            submit
-          </VBtn>
-
-          <VBtn
-            v-else
-            @click="currentStep++"
-          >
-            Next
-
-            <VIcon
-              icon="tabler-arrow-right"
-              end
-              class="flip-in-rtl"
-            />
-          </VBtn>
-        </div>
-      </VForm>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const modernBasic = {
-  ts: `<script setup lang="ts">
-import customWizardAccount from '@images/svg/wizard-account.svg'
-import customWizardAddress from '@images/svg/wizard-address.svg'
-import customWizardPersonal from '@images/svg/wizard-personal.svg'
-import customWizardSocialLink from '@images/svg/wizard-social-link.svg'
-import customWizardSubmit from '@images/svg/wizard-submit.svg'
-
-const iconsSteps = [
-  {
-    title: 'Account Details',
-    icon: customWizardAccount,
-  },
-  {
-    title: 'Personal Info',
-    icon: customWizardPersonal,
-  },
-  {
-    title: 'Address',
-    icon: customWizardAddress,
-  },
-  {
-    title: 'Social Links',
-    icon: customWizardSocialLink,
-  },
-  {
-    title: 'Review & Submit',
-    icon: customWizardSubmit,
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: 'johndoe',
-  email: 'john.doe@email.com',
-  password: 'johndoe@J2',
-  cPassword: 'johndoe@J2',
-  firstName: 'John',
-  lastName: 'Doe',
-  country: 'UK',
-  language: 'English',
-  address: '98 Borough bridge Road, Birmingham',
-  landmark: 'Borough bridge',
-  pincode: '658921',
-  city: 'Birmingham',
-  twitter: 'https://twitter.com/abc',
-  facebook: 'https://facebook.com/abc',
-  googlePlus: 'https://plus.google.com/abc',
-  LinkedIn: 'https://linkedin.com/abc',
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <!-- 👉 Stepper -->
-  <div class="mb-6">
-    <AppStepper
-      v-model:current-step="currentStep"
-      :items="iconsSteps"
-    />
-  </div>
-
-  <VCard>
-    <VCardText>
-      <!-- 👉 stepper content -->
-      <VForm>
-        <VWindow
-          v-model="currentStep"
-          class="disable-tab-transition"
-        >
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.username"
-                  placeholder="CarterLeonardo"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  placeholder="carterleonardo@gmail.com"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.cPassword"
-                  label="Confirm Password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.firstName"
-                  label="First Name"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.lastName"
-                  label="Last Name"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.country"
-                  label="Country"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.language"
-                  label="Language"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Address
-                </h6>
-                <p class="mb-0">
-                  Enter Your Address.
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.address"
-                  placeholder="98 Borough bridge Road, Birmingham"
-                  label="Address"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.landmark"
-                  placeholder="Borough bridge"
-                  label="Landmark"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.pincode"
-                  placeholder="658921"
-                  label="Pincode"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.city"
-                  placeholder="New York"
-                  label="City"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.twitter"
-                  placeholder="https://twitter.com/abc"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.facebook"
-                  placeholder="https://facebook.com/abc"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.LinkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  label="LinkedIn"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <div class="text-base">
-              <h6 class="text-base font-weight-medium mb-2">
-                Account
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.username }}
-              </p>
-              <p class="mb-1">
-                {{ formData.email }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Personal Info
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.firstName }}
-              </p>
-              <p class="mb-1">
-                {{ formData.lastName }}
-              </p>
-              <p class="mb-1">
-                {{ formData.country }}
-              </p>
-              <p class="mb-1">
-                {{ formData.language }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Address
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.address }}
-              </p>
-              <p class="mb-1">
-                {{ formData.landmark }}
-              </p>
-              <p class="mb-1">
-                {{ formData.pincode }}
-              </p>
-              <p class="mb-1">
-                {{ formData.city }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Social Links
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.twitter }}
-              </p>
-              <p class="mb-1">
-                {{ formData.facebook }}
-              </p>
-              <p class="mb-1">
-                {{ formData.googlePlus }}
-              </p>
-              <p class="mb-1">
-                {{ formData.LinkedIn }}
-              </p>
-            </div>
-          </VWindowItem>
-        </VWindow>
-
-        <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            :disabled="currentStep === 0"
-            @click="currentStep--"
-          >
-            <VIcon
-              icon="tabler-arrow-left"
-              start
-              class="flip-in-rtl"
-            />
-            Previous
-          </VBtn>
-
-          <VBtn
-            v-if="iconsSteps.length - 1 === currentStep"
-            color="success"
-            @click="onSubmit"
-          >
-            submit
-          </VBtn>
-
-          <VBtn
-            v-else
-            @click="currentStep++"
-          >
-            Next
-
-            <VIcon
-              icon="tabler-arrow-right"
-              end
-              class="flip-in-rtl"
-            />
-          </VBtn>
-        </div>
-      </VForm>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-import customWizardAccount from '@images/svg/wizard-account.svg'
-import customWizardAddress from '@images/svg/wizard-address.svg'
-import customWizardPersonal from '@images/svg/wizard-personal.svg'
-import customWizardSocialLink from '@images/svg/wizard-social-link.svg'
-import customWizardSubmit from '@images/svg/wizard-submit.svg'
-
-const iconsSteps = [
-  {
-    title: 'Account Details',
-    icon: customWizardAccount,
-  },
-  {
-    title: 'Personal Info',
-    icon: customWizardPersonal,
-  },
-  {
-    title: 'Address',
-    icon: customWizardAddress,
-  },
-  {
-    title: 'Social Links',
-    icon: customWizardSocialLink,
-  },
-  {
-    title: 'Review & Submit',
-    icon: customWizardSubmit,
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: 'johndoe',
-  email: 'john.doe@email.com',
-  password: 'johndoe@J2',
-  cPassword: 'johndoe@J2',
-  firstName: 'John',
-  lastName: 'Doe',
-  country: 'UK',
-  language: 'English',
-  address: '98 Borough bridge Road, Birmingham',
-  landmark: 'Borough bridge',
-  pincode: '658921',
-  city: 'Birmingham',
-  twitter: 'https://twitter.com/abc',
-  facebook: 'https://facebook.com/abc',
-  googlePlus: 'https://plus.google.com/abc',
-  LinkedIn: 'https://linkedin.com/abc',
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <!-- 👉 Stepper -->
-  <div class="mb-6">
-    <AppStepper
-      v-model:current-step="currentStep"
-      :items="iconsSteps"
-    />
-  </div>
-
-  <VCard>
-    <VCardText>
-      <!-- 👉 stepper content -->
-      <VForm>
-        <VWindow
-          v-model="currentStep"
-          class="disable-tab-transition"
-        >
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.username"
-                  placeholder="CarterLeonardo"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  placeholder="carterleonardo@gmail.com"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.cPassword"
-                  label="Confirm Password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.firstName"
-                  label="First Name"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.lastName"
-                  label="Last Name"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.country"
-                  label="Country"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.language"
-                  label="Language"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Address
-                </h6>
-                <p class="mb-0">
-                  Enter Your Address.
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.address"
-                  placeholder="98 Borough bridge Road, Birmingham"
-                  label="Address"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.landmark"
-                  placeholder="Borough bridge"
-                  label="Landmark"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.pincode"
-                  placeholder="658921"
-                  label="Pincode"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.city"
-                  placeholder="New York"
-                  label="City"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.twitter"
-                  placeholder="https://twitter.com/abc"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.facebook"
-                  placeholder="https://facebook.com/abc"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.LinkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  label="LinkedIn"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <div class="text-base">
-              <h6 class="text-base font-weight-medium mb-2">
-                Account
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.username }}
-              </p>
-              <p class="mb-1">
-                {{ formData.email }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Personal Info
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.firstName }}
-              </p>
-              <p class="mb-1">
-                {{ formData.lastName }}
-              </p>
-              <p class="mb-1">
-                {{ formData.country }}
-              </p>
-              <p class="mb-1">
-                {{ formData.language }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Address
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.address }}
-              </p>
-              <p class="mb-1">
-                {{ formData.landmark }}
-              </p>
-              <p class="mb-1">
-                {{ formData.pincode }}
-              </p>
-              <p class="mb-1">
-                {{ formData.city }}
-              </p>
-
-              <VDivider class="my-4" />
-
-              <h6 class="text-base font-weight-medium mb-2">
-                Social Links
-              </h6>
-
-              <p class="mb-1">
-                {{ formData.twitter }}
-              </p>
-              <p class="mb-1">
-                {{ formData.facebook }}
-              </p>
-              <p class="mb-1">
-                {{ formData.googlePlus }}
-              </p>
-              <p class="mb-1">
-                {{ formData.LinkedIn }}
-              </p>
-            </div>
-          </VWindowItem>
-        </VWindow>
-
-        <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            :disabled="currentStep === 0"
-            @click="currentStep--"
-          >
-            <VIcon
-              icon="tabler-arrow-left"
-              start
-              class="flip-in-rtl"
-            />
-            Previous
-          </VBtn>
-
-          <VBtn
-            v-if="iconsSteps.length - 1 === currentStep"
-            color="success"
-            @click="onSubmit"
-          >
-            submit
-          </VBtn>
-
-          <VBtn
-            v-else
-            @click="currentStep++"
-          >
-            Next
-
-            <VIcon
-              icon="tabler-arrow-right"
-              end
-              class="flip-in-rtl"
-            />
-          </VBtn>
-        </div>
-      </VForm>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const modernVertical = {
-  ts: `<script setup lang="ts">
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    icon: 'tabler-file-description',
-    subtitle: 'Setup account details',
-  },
-  {
-    title: 'Personal Info',
-    icon: 'tabler-user',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    icon: 'tabler-link',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <!-- 👉 Stepper -->
-      <div class="pa-6">
-        <AppStepper
-          v-model:current-step="currentStep"
-          direction="vertical"
-          :items="numberedSteps"
-          icon-size="24"
-          class="stepper-icon-step-bg"
-        />
-      </div>
-    </VCol>
-
-    <!-- 👉 stepper content -->
-    <VCol
-      cols="12"
-      md="8"
-    >
-      <VCard>
-        <VCardText>
-          <VForm>
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition"
-            >
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Account Details
-                    </h6>
-                    <p class="mb-0">
-                      Enter your Account Details
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.username"
-                      placeholder="CarterLeonardo"
-                      label="Username"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.email"
-                      placeholder="carterleonardo@gmail.com"
-                      label="Email"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.password"
-                      label="Password"
-                      placeholder="············"
-                      :type="isPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.cPassword"
-                      label="Confirm Password"
-                      placeholder="············"
-                      :type="isCPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Personal Info
-                    </h6>
-                    <p class="mb-0">
-                      Setup Information
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.firstName"
-                      label="First Name"
-                      placeholder="Leonard"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.lastName"
-                      label="Last Name"
-                      placeholder="Carter"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.country"
-                      label="Country"
-                      placeholder="Select Country"
-                      :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.language"
-                      label="Language"
-                      placeholder="Select Language"
-                      :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Social Links
-                    </h6>
-                    <p class="mb-0">
-                      Add Social Links
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.twitter"
-                      placeholder="https://twitter.com/abc"
-                      label="Twitter"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.facebook"
-                      placeholder="https://facebook.com/abc"
-                      label="Facebook"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.googlePlus"
-                      placeholder="https://plus.google.com/abc"
-                      label="Google+"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.LinkedIn"
-                      placeholder="https://linkedin.com/abc"
-                      label="LinkedIn"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-            </VWindow>
-            <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-              <VBtn
-                v-if="numberedSteps.length - 1 === currentStep"
-                color="success"
-                @click="onSubmit"
-              >
-                submit
-              </VBtn>
-              <VBtn
-                v-else
-                @click="currentStep++"
-              >
-                Next
-                <VIcon
-                  icon="tabler-arrow-right"
-                  end
-                  class="flip-in-rtl"
-                />
-              </VBtn>
-            </div>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    icon: 'tabler-file-description',
-    subtitle: 'Setup account details',
-  },
-  {
-    title: 'Personal Info',
-    icon: 'tabler-user',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    icon: 'tabler-link',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <!-- 👉 Stepper -->
-      <div class="pa-6">
-        <AppStepper
-          v-model:current-step="currentStep"
-          direction="vertical"
-          :items="numberedSteps"
-          icon-size="24"
-          class="stepper-icon-step-bg"
-        />
-      </div>
-    </VCol>
-
-    <!-- 👉 stepper content -->
-    <VCol
-      cols="12"
-      md="8"
-    >
-      <VCard>
-        <VCardText>
-          <VForm>
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition"
-            >
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Account Details
-                    </h6>
-                    <p class="mb-0">
-                      Enter your Account Details
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.username"
-                      placeholder="CarterLeonardo"
-                      label="Username"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.email"
-                      placeholder="carterleonardo@gmail.com"
-                      label="Email"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.password"
-                      label="Password"
-                      placeholder="············"
-                      :type="isPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.cPassword"
-                      label="Confirm Password"
-                      placeholder="············"
-                      :type="isCPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Personal Info
-                    </h6>
-                    <p class="mb-0">
-                      Setup Information
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.firstName"
-                      label="First Name"
-                      placeholder="Leonard"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.lastName"
-                      label="Last Name"
-                      placeholder="Carter"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.country"
-                      label="Country"
-                      placeholder="Select Country"
-                      :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.language"
-                      label="Language"
-                      placeholder="Select Language"
-                      :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Social Links
-                    </h6>
-                    <p class="mb-0">
-                      Add Social Links
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.twitter"
-                      placeholder="https://twitter.com/abc"
-                      label="Twitter"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.facebook"
-                      placeholder="https://facebook.com/abc"
-                      label="Facebook"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.googlePlus"
-                      placeholder="https://plus.google.com/abc"
-                      label="Google+"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.LinkedIn"
-                      placeholder="https://linkedin.com/abc"
-                      label="LinkedIn"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-            </VWindow>
-            <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-              <VBtn
-                v-if="numberedSteps.length - 1 === currentStep"
-                color="success"
-                @click="onSubmit"
-              >
-                submit
-              </VBtn>
-              <VBtn
-                v-else
-                @click="currentStep++"
-              >
-                Next
-                <VIcon
-                  icon="tabler-arrow-right"
-                  end
-                  class="flip-in-rtl"
-                />
-              </VBtn>
-            </div>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const validation = {
-  ts: `<script setup lang="ts">
-import { VForm } from 'vuetify/components/VForm'
-import customWizardAccount from '@images/svg/wizard-account.svg'
-import customWizardAddress from '@images/svg/wizard-address.svg'
-import customWizardPersonal from '@images/svg/wizard-personal.svg'
-import customWizardSocialLink from '@images/svg/wizard-social-link.svg'
-import customWizardSubmit from '@images/svg/wizard-submit.svg'
-
-const iconsSteps = [
-  {
-    title: 'Account Details',
-    icon: customWizardAccount,
-  },
-  {
-    title: 'Personal Info',
-    icon: customWizardPersonal,
-  },
-  {
-    title: 'Address',
-    icon: customWizardAddress,
-  },
-  {
-    title: 'Social Links',
-    icon: customWizardSocialLink,
-  },
-  {
-    title: 'Review & Submit',
-    icon: customWizardSubmit,
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-const isCurrentStepValid = ref(true)
-const refAccountForm = ref<VForm>()
-const refPersonalForm = ref<VForm>()
-const refSocialLinkForm = ref<VForm>()
-const refAddressForm = ref<VForm>()
-
-const accountForm = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-})
-
-const personalForm = ref({
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-})
-
-const socialForm = ref({
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-})
-
-const addressForm = ref({
-  address: '',
-  landmark: '',
-  city: '',
-  pincode: '',
-})
-
-const validateAccountForm = () => {
-  refAccountForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-
-const validatePersonalForm = () => {
-  refPersonalForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-
-const validateAddressForm = () => {
-  refAddressForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-
-const validateSocialLinkForm = () => {
-  refSocialLinkForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        :items="iconsSteps"
-        :is-active-step-valid="isCurrentStepValid"
-        align="center"
-      />
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText>
-      <!-- 👉 stepper content -->
-
-      <VWindow
-        v-model="currentStep"
-        class="disable-tab-transition"
-      >
-        <VWindowItem>
-          <VForm
-            ref="refAccountForm"
-            @submit.prevent="validateAccountForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.username"
-                  placeholder="CarterLeonardo"
-                  :rules="[requiredValidator]"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.email"
-                  placeholder="carterleonardo@gmail.com"
-                  :rules="[requiredValidator, emailValidator]"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.password"
-                  placeholder="············"
-                  label="Password"
-                  :rules="[requiredValidator, passwordValidator]"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.cPassword"
-                  placeholder="············"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  :rules="[requiredValidator, confirmedValidator(accountForm.cPassword, accountForm.password)]"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    disabled
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refPersonalForm"
-            @submit.prevent="validatePersonalForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="personalForm.firstName"
-                  label="First Name"
-                  :rules="[requiredValidator]"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="personalForm.lastName"
-                  label="Last Name"
-                  :rules="[requiredValidator]"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="personalForm.country"
-                  label="Country"
-                  :rules="[requiredValidator]"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="personalForm.language"
-                  label="Language"
-                  :rules="[requiredValidator]"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refAddressForm"
-            @submit.prevent="validateAddressForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Address
-                </h6>
-                <p class="mb-0">
-                  Enter Your Address.
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="addressForm.address"
-                  :rules="[requiredValidator]"
-                  placeholder="98 Borough bridge Road, Birmingham"
-                  label="Address"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="addressForm.landmark"
-                  :rules="[requiredValidator]"
-                  placeholder="Borough bridge"
-                  label="Landmark"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="addressForm.pincode"
-                  :rules="[requiredValidator]"
-                  placeholder="658921"
-                  label="Pincode"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="addressForm.city"
-                  :rules="[requiredValidator]"
-                  placeholder="New York"
-                  label="City"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refSocialLinkForm"
-            @submit.prevent="validateSocialLinkForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.twitter"
-                  placeholder="https://twitter.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.facebook"
-                  placeholder="https://facebook.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.LinkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="LinkedIn"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <div class="text-base">
-            <h6 class="text-base font-weight-medium mb-2">
-              Account
-            </h6>
-
-            <p class="mb-1">
-              {{ accountForm.username }}
-            </p>
-            <p class="mb-1">
-              {{ accountForm.email }}
-            </p>
-
-            <VDivider class="my-4" />
-
-            <h6 class="text-base font-weight-medium mb-2">
-              Personal Info
-            </h6>
-
-            <p class="mb-1">
-              {{ personalForm.firstName }}
-            </p>
-            <p class="mb-1">
-              {{ personalForm.lastName }}
-            </p>
-            <p class="mb-1">
-              {{ personalForm.country }}
-            </p>
-            <p class="mb-1">
-              {{ personalForm.language }}
-            </p>
-
-            <VDivider class="my-4" />
-
-            <h6 class="text-base font-weight-medium mb-2">
-              Address
-            </h6>
-
-            <p class="mb-1">
-              {{ addressForm.address }}
-            </p>
-            <p class="mb-1">
-              {{ addressForm.landmark }}
-            </p>
-            <p class="mb-1">
-              {{ addressForm.pincode }}
-            </p>
-            <p class="mb-1">
-              {{ addressForm.city }}
-            </p>
-
-            <VDivider class="my-4" />
-
-            <h6 class="text-base font-weight-medium mb-2">
-              Social Links
-            </h6>
-
-            <p class="mb-1">
-              {{ socialForm.twitter }}
-            </p>
-            <p class="mb-1">
-              {{ socialForm.facebook }}
-            </p>
-            <p class="mb-1">
-              {{ socialForm.googlePlus }}
-            </p>
-            <p class="mb-1">
-              {{ socialForm.LinkedIn }}
-            </p>
-          </div>
-          <VCol cols="12">
-            <div class="d-flex flex-wrap gap-4 justify-space-between mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-
-              <VBtn
-                color="success"
-                @click="console.log('Form Submitted')"
-              >
-                submit
-              </VBtn>
-            </div>
-          </VCol>
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-import { VForm } from 'vuetify/components/VForm'
-import customWizardAccount from '@images/svg/wizard-account.svg'
-import customWizardAddress from '@images/svg/wizard-address.svg'
-import customWizardPersonal from '@images/svg/wizard-personal.svg'
-import customWizardSocialLink from '@images/svg/wizard-social-link.svg'
-import customWizardSubmit from '@images/svg/wizard-submit.svg'
-
-const iconsSteps = [
-  {
-    title: 'Account Details',
-    icon: customWizardAccount,
-  },
-  {
-    title: 'Personal Info',
-    icon: customWizardPersonal,
-  },
-  {
-    title: 'Address',
-    icon: customWizardAddress,
-  },
-  {
-    title: 'Social Links',
-    icon: customWizardSocialLink,
-  },
-  {
-    title: 'Review & Submit',
-    icon: customWizardSubmit,
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-const isCurrentStepValid = ref(true)
-const refAccountForm = ref()
-const refPersonalForm = ref()
-const refSocialLinkForm = ref()
-const refAddressForm = ref()
-
-const accountForm = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-})
-
-const personalForm = ref({
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-})
-
-const socialForm = ref({
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-})
-
-const addressForm = ref({
-  address: '',
-  landmark: '',
-  city: '',
-  pincode: '',
-})
-
-const validateAccountForm = () => {
-  refAccountForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    } else {
-      isCurrentStepValid.value = false
-    }
-  })
-}
-
-const validatePersonalForm = () => {
-  refPersonalForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    } else {
-      isCurrentStepValid.value = false
-    }
-  })
-}
-
-const validateAddressForm = () => {
-  refAddressForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    } else {
-      isCurrentStepValid.value = false
-    }
-  })
-}
-
-const validateSocialLinkForm = () => {
-  refSocialLinkForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    } else {
-      isCurrentStepValid.value = false
-    }
-  })
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        :items="iconsSteps"
-        :is-active-step-valid="isCurrentStepValid"
-        align="center"
-      />
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText>
-      <!-- 👉 stepper content -->
-
-      <VWindow
-        v-model="currentStep"
-        class="disable-tab-transition"
-      >
-        <VWindowItem>
-          <VForm
-            ref="refAccountForm"
-            @submit.prevent="validateAccountForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.username"
-                  placeholder="CarterLeonardo"
-                  :rules="[requiredValidator]"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.email"
-                  placeholder="carterleonardo@gmail.com"
-                  :rules="[requiredValidator, emailValidator]"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.password"
-                  placeholder="············"
-                  label="Password"
-                  :rules="[requiredValidator, passwordValidator]"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.cPassword"
-                  placeholder="············"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  :rules="[requiredValidator, confirmedValidator(accountForm.cPassword, accountForm.password)]"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    disabled
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refPersonalForm"
-            @submit.prevent="validatePersonalForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="personalForm.firstName"
-                  label="First Name"
-                  :rules="[requiredValidator]"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="personalForm.lastName"
-                  label="Last Name"
-                  :rules="[requiredValidator]"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="personalForm.country"
-                  label="Country"
-                  :rules="[requiredValidator]"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="personalForm.language"
-                  label="Language"
-                  :rules="[requiredValidator]"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refAddressForm"
-            @submit.prevent="validateAddressForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Address
-                </h6>
-                <p class="mb-0">
-                  Enter Your Address.
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="addressForm.address"
-                  :rules="[requiredValidator]"
-                  placeholder="98 Borough bridge Road, Birmingham"
-                  label="Address"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="addressForm.landmark"
-                  :rules="[requiredValidator]"
-                  placeholder="Borough bridge"
-                  label="Landmark"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="addressForm.pincode"
-                  :rules="[requiredValidator]"
-                  placeholder="658921"
-                  label="Pincode"
-                  type="number"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="addressForm.city"
-                  :rules="[requiredValidator]"
-                  placeholder="New York"
-                  label="City"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refSocialLinkForm"
-            @submit.prevent="validateSocialLinkForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.twitter"
-                  placeholder="https://twitter.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.facebook"
-                  placeholder="https://facebook.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.LinkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="LinkedIn"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <div class="text-base">
-            <h6 class="text-base font-weight-medium mb-2">
-              Account
-            </h6>
-
-            <p class="mb-1">
-              {{ accountForm.username }}
-            </p>
-            <p class="mb-1">
-              {{ accountForm.email }}
-            </p>
-
-            <VDivider class="my-4" />
-
-            <h6 class="text-base font-weight-medium mb-2">
-              Personal Info
-            </h6>
-
-            <p class="mb-1">
-              {{ personalForm.firstName }}
-            </p>
-            <p class="mb-1">
-              {{ personalForm.lastName }}
-            </p>
-            <p class="mb-1">
-              {{ personalForm.country }}
-            </p>
-            <p class="mb-1">
-              {{ personalForm.language }}
-            </p>
-
-            <VDivider class="my-4" />
-
-            <h6 class="text-base font-weight-medium mb-2">
-              Address
-            </h6>
-
-            <p class="mb-1">
-              {{ addressForm.address }}
-            </p>
-            <p class="mb-1">
-              {{ addressForm.landmark }}
-            </p>
-            <p class="mb-1">
-              {{ addressForm.pincode }}
-            </p>
-            <p class="mb-1">
-              {{ addressForm.city }}
-            </p>
-
-            <VDivider class="my-4" />
-
-            <h6 class="text-base font-weight-medium mb-2">
-              Social Links
-            </h6>
-
-            <p class="mb-1">
-              {{ socialForm.twitter }}
-            </p>
-            <p class="mb-1">
-              {{ socialForm.facebook }}
-            </p>
-            <p class="mb-1">
-              {{ socialForm.googlePlus }}
-            </p>
-            <p class="mb-1">
-              {{ socialForm.LinkedIn }}
-            </p>
-          </div>
-          <VCol cols="12">
-            <div class="d-flex flex-wrap gap-4 justify-space-between mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-
-              <VBtn
-                color="success"
-                @click="console.log('Form Submitted')"
-              >
-                submit
-              </VBtn>
-            </div>
-          </VCol>
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const vertical = {
-  ts: `<script setup lang="ts">
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    icon: 'tabler-file-description',
-    subtitle: 'Setup account details',
-  },
-  {
-    title: 'Personal Info',
-    icon: 'tabler-user',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    icon: 'tabler-link',
-    subtitle: 'Add social links',
-  },
-
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VRow>
-      <VCol
-        cols="12"
-        md="4"
-        :class="$vuetify.display.smAndDown ? 'border-b' : 'border-e'"
-      >
-        <VCardText>
-          <!-- 👉 Stepper -->
-          <AppStepper
-            v-model:current-step="currentStep"
-            direction="vertical"
-            :items="numberedSteps"
-            icon-size="24"
-            class="stepper-icon-step-bg"
-          />
-        </VCardText>
-      </VCol>
-      <!-- 👉 stepper content -->
-      <VCol
-        cols="12"
-        md="8"
-      >
-        <VCardText>
-          <VForm>
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition"
-            >
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Account Details
-                    </h6>
-                    <p class="mb-0">
-                      Enter your Account Details
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.username"
-                      placeholder="CarterLeonardo"
-                      label="Username"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.email"
-                      placeholder="carterleonardo@gmail.com"
-                      label="Email"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.password"
-                      label="Password"
-                      placeholder="············"
-                      :type="isPasswordVisible ? 'text' : 'password'"
-                      autocomplete="password"
-                      :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.cPassword"
-                      label="Confirm Password"
-                      autocomplete="confirm-password"
-                      placeholder="············"
-                      :type="isCPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Personal Info
-                    </h6>
-                    <p class="mb-0">
-                      Setup Information
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.firstName"
-                      label="First Name"
-                      placeholder="Leonard"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.lastName"
-                      label="Last Name"
-                      placeholder="Carter"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.country"
-                      label="Country"
-                      placeholder="Select Country"
-                      :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.language"
-                      label="Language"
-                      placeholder="Select Language"
-                      :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Social Links
-                    </h6>
-                    <p class="mb-0">
-                      Add Social Links
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.twitter"
-                      placeholder="https://twitter.com/abc"
-                      label="Twitter"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.facebook"
-                      placeholder="https://facebook.com/abc"
-                      label="Facebook"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.googlePlus"
-                      placeholder="https://plus.google.com/abc"
-                      label="Google+"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.LinkedIn"
-                      placeholder="https://linkedin.com/abc"
-                      label="LinkedIn"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-            </VWindow>
-
-            <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-
-              <VBtn
-                v-if="numberedSteps.length - 1 === currentStep"
-                color="success"
-                @click="onSubmit"
-              >
-                submit
-              </VBtn>
-
-              <VBtn
-                v-else
-                @click="currentStep++"
-              >
-                Next
-
-                <VIcon
-                  icon="tabler-arrow-right"
-                  end
-                  class="flip-in-rtl"
-                />
-              </VBtn>
-            </div>
-          </VForm>
-        </VCardText>
-      </VCol>
-    </VRow>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    icon: 'tabler-file-description',
-    subtitle: 'Setup account details',
-  },
-  {
-    title: 'Personal Info',
-    icon: 'tabler-user',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    icon: 'tabler-link',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VRow>
-      <VCol
-        cols="12"
-        md="4"
-        :class="$vuetify.display.smAndDown ? 'border-b' : 'border-e'"
-      >
-        <VCardText>
-          <!-- 👉 Stepper -->
-          <AppStepper
-            v-model:current-step="currentStep"
-            direction="vertical"
-            :items="numberedSteps"
-            icon-size="24"
-            class="stepper-icon-step-bg"
-          />
-        </VCardText>
-      </VCol>
-      <!-- 👉 stepper content -->
-      <VCol
-        cols="12"
-        md="8"
-      >
-        <VCardText>
-          <VForm>
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition"
-            >
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Account Details
-                    </h6>
-                    <p class="mb-0">
-                      Enter your Account Details
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.username"
-                      placeholder="CarterLeonardo"
-                      label="Username"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.email"
-                      placeholder="carterleonardo@gmail.com"
-                      label="Email"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.password"
-                      label="Password"
-                      placeholder="············"
-                      :type="isPasswordVisible ? 'text' : 'password'"
-                      autocomplete="password"
-                      :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.cPassword"
-                      label="Confirm Password"
-                      autocomplete="confirm-password"
-                      placeholder="············"
-                      :type="isCPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Personal Info
-                    </h6>
-                    <p class="mb-0">
-                      Setup Information
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.firstName"
-                      label="First Name"
-                      placeholder="Leonard"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.lastName"
-                      label="Last Name"
-                      placeholder="Carter"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.country"
-                      label="Country"
-                      placeholder="Select Country"
-                      :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.language"
-                      label="Language"
-                      placeholder="Select Language"
-                      :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Social Links
-                    </h6>
-                    <p class="mb-0">
-                      Add Social Links
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.twitter"
-                      placeholder="https://twitter.com/abc"
-                      label="Twitter"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.facebook"
-                      placeholder="https://facebook.com/abc"
-                      label="Facebook"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.googlePlus"
-                      placeholder="https://plus.google.com/abc"
-                      label="Google+"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.LinkedIn"
-                      placeholder="https://linkedin.com/abc"
-                      label="LinkedIn"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-            </VWindow>
-
-            <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-
-              <VBtn
-                v-if="numberedSteps.length - 1 === currentStep"
-                color="success"
-                @click="onSubmit"
-              >
-                submit
-              </VBtn>
-
-              <VBtn
-                v-else
-                @click="currentStep++"
-              >
-                Next
-
-                <VIcon
-                  icon="tabler-arrow-right"
-                  end
-                  class="flip-in-rtl"
-                />
-              </VBtn>
-            </div>
-          </VForm>
-        </VCardText>
-      </VCol>
-    </VRow>
-  </VCard>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedBasic.vue
deleted file mode 100644
index 40725df..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedBasic.vue
+++ /dev/null
@@ -1,283 +0,0 @@
-<script setup lang="ts">
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  linkedIn: '',
-
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        :items="numberedSteps"
-        class="stepper-icon-step-bg"
-      />
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText>
-      <!-- 👉 stepper content -->
-      <VForm>
-        <VWindow
-          v-model="currentStep"
-          class="disable-tab-transition"
-        >
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.username"
-                  placeholder="CarterLeonardo"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  placeholder="carterleonardo@gmail.com"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.cPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.firstName"
-                  label="First Name"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.lastName"
-                  label="Last Name"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.country"
-                  label="Country"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.language"
-                  label="Language"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.twitter"
-                  placeholder="https://twitter.com/abc"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.facebook"
-                  placeholder="https://facebook.com/abc"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.linkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  label="LinkedIn"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-        </VWindow>
-
-        <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            :disabled="currentStep === 0"
-            @click="currentStep--"
-          >
-            <VIcon
-              icon="tabler-arrow-left"
-              start
-              class="flip-in-rtl"
-            />
-            Previous
-          </VBtn>
-
-          <VBtn
-            v-if="numberedSteps.length - 1 === currentStep"
-            color="success"
-            @click="onSubmit"
-          >
-            submit
-          </VBtn>
-
-          <VBtn
-            v-else
-            @click="currentStep++"
-          >
-            Next
-
-            <VIcon
-              icon="tabler-arrow-right"
-              end
-              class="flip-in-rtl"
-            />
-          </VBtn>
-        </div>
-      </VForm>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedModernBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedModernBasic.vue
deleted file mode 100644
index 4a39e71..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedModernBasic.vue
+++ /dev/null
@@ -1,261 +0,0 @@
-<script setup lang="ts">
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  linkedIn: '',
-
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <!-- 👉 Stepper -->
-  <div class="mb-6">
-    <AppStepper
-      v-model:current-step="currentStep"
-      align="start"
-      :items="numberedSteps"
-    />
-  </div>
-
-  <VCard>
-    <VCardText>
-      <!-- 👉 stepper content -->
-      <VForm>
-        <VWindow
-          v-model="currentStep"
-          class="disable-tab-transition"
-        >
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.username"
-                  placeholder="CarterLeonardo"
-                  label="Username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  placeholder="carterleonardo@gmail.com"
-                  label="Email"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.cPassword"
-                  label="Confirm Password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.firstName"
-                  label="First Name"
-                  placeholder="Leonard"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.lastName"
-                  label="Last Name"
-                  placeholder="Carter"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.country"
-                  label="Country"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.language"
-                  label="Language"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.twitter"
-                  placeholder="https://twitter.com/abc"
-                  label="Twitter"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.facebook"
-                  placeholder="https://facebook.com/abc"
-                  label="Facebook"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  label="Google+"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.linkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  label="LinkedIn"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-        </VWindow>
-        <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            :disabled="currentStep === 0"
-            @click="currentStep--"
-          >
-            <VIcon
-              icon="tabler-arrow-left"
-              start
-              class="flip-in-rtl"
-            />
-            Previous
-          </VBtn>
-          <VBtn
-            v-if="numberedSteps.length - 1 === currentStep"
-            color="success"
-            @click="onSubmit"
-          >
-            submit
-          </VBtn>
-          <VBtn
-            v-else
-            @click="currentStep++"
-          >
-            Next
-            <VIcon
-              icon="tabler-arrow-right"
-              end
-              class="flip-in-rtl"
-            />
-          </VBtn>
-        </div>
-      </VForm>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedModernVertical.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedModernVertical.vue
deleted file mode 100644
index cc915b3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedModernVertical.vue
+++ /dev/null
@@ -1,270 +0,0 @@
-<script setup lang="ts">
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  linkedIn: '',
-
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        direction="vertical"
-        :items="numberedSteps"
-      />
-    </VCol>
-    <!-- 👉 stepper content -->
-    <VCol
-      cols="12"
-      md="8"
-    >
-      <VCard>
-        <VCardText>
-          <VForm>
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition"
-            >
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Account Details
-                    </h6>
-                    <p class="mb-0">
-                      Enter your Account Details
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.username"
-                      placeholder="CarterLeonardo"
-                      label="Username"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.email"
-                      placeholder="carterleonardo@gmail.com"
-                      label="Email"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.password"
-                      placeholder="············"
-                      label="Password"
-                      :type="isPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.cPassword"
-                      placeholder="············"
-                      label="Confirm Password"
-                      :type="isCPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Personal Info
-                    </h6>
-                    <p class="mb-0">
-                      Setup Information
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.firstName"
-                      label="First Name"
-                      placeholder="Leonard"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.lastName"
-                      label="Last Name"
-                      placeholder="Carter"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.country"
-                      label="Country"
-                      placeholder="Select Country"
-                      :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.language"
-                      label="Language"
-                      placeholder="Select Language"
-                      :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Social Links
-                    </h6>
-                    <p class="mb-0">
-                      Add Social Links
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.twitter"
-                      placeholder="https://twitter.com/abc"
-                      label="Twitter"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.facebook"
-                      placeholder="https://facebook.com/abc"
-                      label="Facebook"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.googlePlus"
-                      placeholder="https://plus.google.com/abc"
-                      label="Google+"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.linkedIn"
-                      placeholder="https://linkedin.com/abc"
-                      label="LinkedIn"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-            </VWindow>
-            <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-              <VBtn
-                v-if="numberedSteps.length - 1 === currentStep"
-                color="success"
-                @click="onSubmit"
-              >
-                submit
-              </VBtn>
-              <VBtn
-                v-else
-                @click="currentStep++"
-              >
-                Next
-                <VIcon
-                  icon="tabler-arrow-right"
-                  end
-                  class="flip-in-rtl"
-                />
-              </VBtn>
-            </div>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedValidation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedValidation.vue
deleted file mode 100644
index 445bccf..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedValidation.vue
+++ /dev/null
@@ -1,391 +0,0 @@
-<script setup lang="ts">
-import { VForm } from 'vuetify/components/VForm'
-
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-const isCurrentStepValid = ref(true)
-const refAccountForm = ref<VForm>()
-const refPersonalForm = ref<VForm>()
-const refSocialLinkForm = ref<VForm>()
-
-const accountForm = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-})
-
-const personalForm = ref({
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-})
-
-const socialForm = ref({
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  linkedIn: '',
-
-})
-
-const validateAccountForm = () => {
-  refAccountForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-
-const validatePersonalForm = () => {
-  refPersonalForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-
-const validateSocialLinkForm = () => {
-  refSocialLinkForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      isCurrentStepValid.value = true
-
-      console.log({
-        ...accountForm.value,
-        ...personalForm.value,
-        ...socialForm.value,
-      })
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        :items="numberedSteps"
-        :is-active-step-valid="isCurrentStepValid"
-      />
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText>
-      <!-- 👉 stepper content -->
-
-      <VWindow
-        v-model="currentStep"
-        class="disable-tab-transition"
-      >
-        <VWindowItem>
-          <VForm
-            ref="refAccountForm"
-            @submit.prevent="validateAccountForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.username"
-                  placeholder="CarterLeonardo"
-                  :rules="[requiredValidator]"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.email"
-                  placeholder="carterleonardo@gmail.com"
-                  :rules="[requiredValidator, emailValidator]"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.password"
-                  label="Password"
-                  placeholder="············"
-                  :rules="[requiredValidator, passwordValidator]"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.cPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :rules="[requiredValidator, confirmedValidator(accountForm.cPassword, accountForm.password)]"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    disabled
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refPersonalForm"
-            @submit.prevent="validatePersonalForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="personalForm.firstName"
-                  label="First Name"
-                  :rules="[requiredValidator]"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="personalForm.lastName"
-                  label="Last Name"
-                  :rules="[requiredValidator]"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="personalForm.country"
-                  label="Country"
-                  :rules="[requiredValidator]"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="personalForm.language"
-                  label="Language"
-                  :rules="[requiredValidator]"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refSocialLinkForm"
-            @submit.prevent="validateSocialLinkForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.twitter"
-                  placeholder="https://twitter.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.facebook"
-                  placeholder="https://facebook.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.linkedIn"
-                  placeholder="https://likedin.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="LinkedIn"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn
-                    color="success"
-                    type="submit"
-                  >
-                    submit
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedVertical.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedVertical.vue
deleted file mode 100644
index b24cb32..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/DemoFormWizardNumberedVertical.vue
+++ /dev/null
@@ -1,293 +0,0 @@
-<script setup lang="ts">
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  linkedIn: '',
-
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VRow>
-      <VCol
-        cols="12"
-        md="4"
-        :class="$vuetify.display.smAndDown ? 'border-b' : 'border-e'"
-      >
-        <VCardText>
-          <!-- 👉 Stepper -->
-          <AppStepper
-            v-model:current-step="currentStep"
-            direction="vertical"
-            :items="numberedSteps"
-          />
-        </VCardText>
-      </VCol>
-      <!-- 👉 stepper content -->
-      <VCol
-        cols="12"
-        md="8"
-      >
-        <VCardText>
-          <VForm>
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition"
-            >
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Account Details
-                    </h6>
-                    <p class="mb-0">
-                      Enter your Account Details
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.username"
-                      placeholder="CarterLeonardo"
-                      label="Username"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.email"
-                      placeholder="carterleonardo@gmail.com"
-                      label="Email"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.password"
-                      placeholder="············"
-                      label="Password"
-                      :type="isPasswordVisible ? 'text' : 'password'"
-                      autocomplete="password"
-                      :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.cPassword"
-                      placeholder="············"
-                      label="Confirm Password"
-                      autocomplete="confirm-password"
-                      :type="isCPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Personal Info
-                    </h6>
-                    <p class="mb-0">
-                      Setup Information
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.firstName"
-                      label="First Name"
-                      placeholder="Leonard"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.lastName"
-                      label="Last Name"
-                      placeholder="Carter"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.country"
-                      label="Country"
-                      placeholder="Select Country"
-                      :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.language"
-                      label="Language"
-                      placeholder="Select Language"
-                      :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Social Links
-                    </h6>
-                    <p class="mb-0">
-                      Add Social Links
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.twitter"
-                      placeholder="https://twitter.com/abc"
-                      label="Twitter"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.facebook"
-                      placeholder="https://facebook.com/abc"
-                      label="Facebook"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.googlePlus"
-                      placeholder="https://plus.google.com/abc"
-                      label="Google+"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.linkedIn"
-                      placeholder="https://linkedin.com/abc"
-                      label="LinkedIn"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-            </VWindow>
-
-            <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-
-              <VBtn
-                v-if="numberedSteps.length - 1 === currentStep"
-                color="success"
-                @click="onSubmit"
-              >
-                submit
-              </VBtn>
-
-              <VBtn
-                v-else
-                @click="currentStep++"
-              >
-                Next
-
-                <VIcon
-                  icon="tabler-arrow-right"
-                  end
-                  class="flip-in-rtl"
-                />
-              </VBtn>
-            </div>
-          </VForm>
-        </VCardText>
-      </VCol>
-    </VRow>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/demoCodeFormWizardNumbered.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/demoCodeFormWizardNumbered.ts
deleted file mode 100644
index 8825b27..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/form-wizard/form-wizard-numbered/demoCodeFormWizardNumbered.ts
+++ /dev/null
@@ -1,3017 +0,0 @@
-export const basic = {
-  ts: `<script setup lang="ts">
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        :items="numberedSteps"
-        class="stepper-icon-step-bg"
-      />
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText>
-      <!-- 👉 stepper content -->
-      <VForm>
-        <VWindow
-          v-model="currentStep"
-          class="disable-tab-transition"
-        >
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.username"
-                  placeholder="CarterLeonardo"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  placeholder="carterleonardo@gmail.com"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.cPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.firstName"
-                  label="First Name"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.lastName"
-                  label="Last Name"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.country"
-                  label="Country"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.language"
-                  label="Language"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.twitter"
-                  placeholder="https://twitter.com/abc"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.facebook"
-                  placeholder="https://facebook.com/abc"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.LinkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  label="LinkedIn"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-        </VWindow>
-
-        <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            :disabled="currentStep === 0"
-            @click="currentStep--"
-          >
-            <VIcon
-              icon="tabler-arrow-left"
-              start
-              class="flip-in-rtl"
-            />
-            Previous
-          </VBtn>
-
-          <VBtn
-            v-if="numberedSteps.length - 1 === currentStep"
-            color="success"
-            @click="onSubmit"
-          >
-            submit
-          </VBtn>
-
-          <VBtn
-            v-else
-            @click="currentStep++"
-          >
-            Next
-
-            <VIcon
-              icon="tabler-arrow-right"
-              end
-              class="flip-in-rtl"
-            />
-          </VBtn>
-        </div>
-      </VForm>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        :items="numberedSteps"
-        class="stepper-icon-step-bg"
-      />
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText>
-      <!-- 👉 stepper content -->
-      <VForm>
-        <VWindow
-          v-model="currentStep"
-          class="disable-tab-transition"
-        >
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.username"
-                  placeholder="CarterLeonardo"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  placeholder="carterleonardo@gmail.com"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.cPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.firstName"
-                  label="First Name"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.lastName"
-                  label="Last Name"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.country"
-                  label="Country"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.language"
-                  label="Language"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.twitter"
-                  placeholder="https://twitter.com/abc"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.facebook"
-                  placeholder="https://facebook.com/abc"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.LinkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  label="LinkedIn"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-        </VWindow>
-
-        <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            :disabled="currentStep === 0"
-            @click="currentStep--"
-          >
-            <VIcon
-              icon="tabler-arrow-left"
-              start
-              class="flip-in-rtl"
-            />
-            Previous
-          </VBtn>
-
-          <VBtn
-            v-if="numberedSteps.length - 1 === currentStep"
-            color="success"
-            @click="onSubmit"
-          >
-            submit
-          </VBtn>
-
-          <VBtn
-            v-else
-            @click="currentStep++"
-          >
-            Next
-
-            <VIcon
-              icon="tabler-arrow-right"
-              end
-              class="flip-in-rtl"
-            />
-          </VBtn>
-        </div>
-      </VForm>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const modernBasic = {
-  ts: `<script setup lang="ts">
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <!-- 👉 Stepper -->
-  <div class="mb-6">
-    <AppStepper
-      v-model:current-step="currentStep"
-      align="start"
-      :items="numberedSteps"
-    />
-  </div>
-
-  <VCard>
-    <VCardText>
-      <!-- 👉 stepper content -->
-      <VForm>
-        <VWindow
-          v-model="currentStep"
-          class="disable-tab-transition"
-        >
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.username"
-                  placeholder="CarterLeonardo"
-                  label="Username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  placeholder="carterleonardo@gmail.com"
-                  label="Email"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.cPassword"
-                  label="Confirm Password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.firstName"
-                  label="First Name"
-                  placeholder="Leonard"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.lastName"
-                  label="Last Name"
-                  placeholder="Carter"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.country"
-                  label="Country"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.language"
-                  label="Language"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.twitter"
-                  placeholder="https://twitter.com/abc"
-                  label="Twitter"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.facebook"
-                  placeholder="https://facebook.com/abc"
-                  label="Facebook"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  label="Google+"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.LinkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  label="LinkedIn"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-        </VWindow>
-        <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            :disabled="currentStep === 0"
-            @click="currentStep--"
-          >
-            <VIcon
-              icon="tabler-arrow-left"
-              start
-              class="flip-in-rtl"
-            />
-            Previous
-          </VBtn>
-          <VBtn
-            v-if="numberedSteps.length - 1 === currentStep"
-            color="success"
-            @click="onSubmit"
-          >
-            submit
-          </VBtn>
-          <VBtn
-            v-else
-            @click="currentStep++"
-          >
-            Next
-            <VIcon
-              icon="tabler-arrow-right"
-              end
-              class="flip-in-rtl"
-            />
-          </VBtn>
-        </div>
-      </VForm>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <!-- 👉 Stepper -->
-  <div class="mb-6">
-    <AppStepper
-      v-model:current-step="currentStep"
-      align="start"
-      :items="numberedSteps"
-    />
-  </div>
-
-  <VCard>
-    <VCardText>
-      <!-- 👉 stepper content -->
-      <VForm>
-        <VWindow
-          v-model="currentStep"
-          class="disable-tab-transition"
-        >
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.username"
-                  placeholder="CarterLeonardo"
-                  label="Username"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.email"
-                  placeholder="carterleonardo@gmail.com"
-                  label="Email"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.password"
-                  label="Password"
-                  placeholder="············"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.cPassword"
-                  label="Confirm Password"
-                  placeholder="············"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.firstName"
-                  label="First Name"
-                  placeholder="Leonard"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.lastName"
-                  label="Last Name"
-                  placeholder="Carter"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.country"
-                  label="Country"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="formData.language"
-                  label="Language"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-          <VWindowItem>
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.twitter"
-                  placeholder="https://twitter.com/abc"
-                  label="Twitter"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.facebook"
-                  placeholder="https://facebook.com/abc"
-                  label="Facebook"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  label="Google+"
-                />
-              </VCol>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="formData.LinkedIn"
-                  placeholder="https://linkedin.com/abc"
-                  label="LinkedIn"
-                />
-              </VCol>
-            </VRow>
-          </VWindowItem>
-        </VWindow>
-        <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            :disabled="currentStep === 0"
-            @click="currentStep--"
-          >
-            <VIcon
-              icon="tabler-arrow-left"
-              start
-              class="flip-in-rtl"
-            />
-            Previous
-          </VBtn>
-          <VBtn
-            v-if="numberedSteps.length - 1 === currentStep"
-            color="success"
-            @click="onSubmit"
-          >
-            submit
-          </VBtn>
-          <VBtn
-            v-else
-            @click="currentStep++"
-          >
-            Next
-            <VIcon
-              icon="tabler-arrow-right"
-              end
-              class="flip-in-rtl"
-            />
-          </VBtn>
-        </div>
-      </VForm>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const modernVertical = {
-  ts: `<script setup lang="ts">
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        direction="vertical"
-        :items="numberedSteps"
-      />
-    </VCol>
-    <!-- 👉 stepper content -->
-    <VCol
-      cols="12"
-      md="8"
-    >
-      <VCard>
-        <VCardText>
-          <VForm>
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition"
-            >
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Account Details
-                    </h6>
-                    <p class="mb-0">
-                      Enter your Account Details
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.username"
-                      placeholder="CarterLeonardo"
-                      label="Username"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.email"
-                      placeholder="carterleonardo@gmail.com"
-                      label="Email"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.password"
-                      placeholder="············"
-                      label="Password"
-                      :type="isPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.cPassword"
-                      placeholder="············"
-                      label="Confirm Password"
-                      :type="isCPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Personal Info
-                    </h6>
-                    <p class="mb-0">
-                      Setup Information
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.firstName"
-                      label="First Name"
-                      placeholder="Leonard"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.lastName"
-                      label="Last Name"
-                      placeholder="Carter"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.country"
-                      label="Country"
-                      placeholder="Select Country"
-                      :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.language"
-                      label="Language"
-                      placeholder="Select Language"
-                      :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Social Links
-                    </h6>
-                    <p class="mb-0">
-                      Add Social Links
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.twitter"
-                      placeholder="https://twitter.com/abc"
-                      label="Twitter"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.facebook"
-                      placeholder="https://facebook.com/abc"
-                      label="Facebook"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.googlePlus"
-                      placeholder="https://plus.google.com/abc"
-                      label="Google+"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.LinkedIn"
-                      placeholder="https://linkedin.com/abc"
-                      label="LinkedIn"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-            </VWindow>
-            <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-              <VBtn
-                v-if="numberedSteps.length - 1 === currentStep"
-                color="success"
-                @click="onSubmit"
-              >
-                submit
-              </VBtn>
-              <VBtn
-                v-else
-                @click="currentStep++"
-              >
-                Next
-                <VIcon
-                  icon="tabler-arrow-right"
-                  end
-                  class="flip-in-rtl"
-                />
-              </VBtn>
-            </div>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-`,
-  js: `<script setup>
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        direction="vertical"
-        :items="numberedSteps"
-      />
-    </VCol>
-    <!-- 👉 stepper content -->
-    <VCol
-      cols="12"
-      md="8"
-    >
-      <VCard>
-        <VCardText>
-          <VForm>
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition"
-            >
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Account Details
-                    </h6>
-                    <p class="mb-0">
-                      Enter your Account Details
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.username"
-                      placeholder="CarterLeonardo"
-                      label="Username"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.email"
-                      placeholder="carterleonardo@gmail.com"
-                      label="Email"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.password"
-                      placeholder="············"
-                      label="Password"
-                      :type="isPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.cPassword"
-                      placeholder="············"
-                      label="Confirm Password"
-                      :type="isCPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Personal Info
-                    </h6>
-                    <p class="mb-0">
-                      Setup Information
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.firstName"
-                      label="First Name"
-                      placeholder="Leonard"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.lastName"
-                      label="Last Name"
-                      placeholder="Carter"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.country"
-                      label="Country"
-                      placeholder="Select Country"
-                      :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.language"
-                      label="Language"
-                      placeholder="Select Language"
-                      :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Social Links
-                    </h6>
-                    <p class="mb-0">
-                      Add Social Links
-                    </p>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.twitter"
-                      placeholder="https://twitter.com/abc"
-                      label="Twitter"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.facebook"
-                      placeholder="https://facebook.com/abc"
-                      label="Facebook"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.googlePlus"
-                      placeholder="https://plus.google.com/abc"
-                      label="Google+"
-                    />
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.LinkedIn"
-                      placeholder="https://linkedin.com/abc"
-                      label="LinkedIn"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-            </VWindow>
-            <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-              <VBtn
-                v-if="numberedSteps.length - 1 === currentStep"
-                color="success"
-                @click="onSubmit"
-              >
-                submit
-              </VBtn>
-              <VBtn
-                v-else
-                @click="currentStep++"
-              >
-                Next
-                <VIcon
-                  icon="tabler-arrow-right"
-                  end
-                  class="flip-in-rtl"
-                />
-              </VBtn>
-            </div>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-`,
-}
-
-export const validation = {
-  ts: `<script setup lang="ts">
-import { VForm } from 'vuetify/components/VForm'
-
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-const isCurrentStepValid = ref(true)
-const refAccountForm = ref<VForm>()
-const refPersonalForm = ref<VForm>()
-const refSocialLinkForm = ref<VForm>()
-
-const accountForm = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-})
-
-const personalForm = ref({
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-})
-
-const socialForm = ref({
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-
-})
-
-const validateAccountForm = () => {
-  refAccountForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-
-const validatePersonalForm = () => {
-  refPersonalForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-
-const validateSocialLinkForm = () => {
-  refSocialLinkForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      isCurrentStepValid.value = true
-
-      console.log({
-        ...accountForm.value,
-        ...personalForm.value,
-        ...socialForm.value,
-      })
-    }
-    else { isCurrentStepValid.value = false }
-  })
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        :items="numberedSteps"
-        :is-active-step-valid="isCurrentStepValid"
-      />
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText>
-      <!-- 👉 stepper content -->
-
-      <VWindow
-        v-model="currentStep"
-        class="disable-tab-transition"
-      >
-        <VWindowItem>
-          <VForm
-            ref="refAccountForm"
-            @submit.prevent="validateAccountForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.username"
-                  placeholder="CarterLeonardo"
-                  :rules="[requiredValidator]"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.email"
-                  placeholder="carterleonardo@gmail.com"
-                  :rules="[requiredValidator, emailValidator]"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.password"
-                  label="Password"
-                  placeholder="············"
-                  :rules="[requiredValidator, passwordValidator]"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.cPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :rules="[requiredValidator, confirmedValidator(accountForm.cPassword, accountForm.password)]"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    disabled
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refPersonalForm"
-            @submit.prevent="validatePersonalForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="personalForm.firstName"
-                  label="First Name"
-                  :rules="[requiredValidator]"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="personalForm.lastName"
-                  label="Last Name"
-                  :rules="[requiredValidator]"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="personalForm.country"
-                  label="Country"
-                  :rules="[requiredValidator]"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="personalForm.language"
-                  label="Language"
-                  :rules="[requiredValidator]"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refSocialLinkForm"
-            @submit.prevent="validateSocialLinkForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.twitter"
-                  placeholder="https://twitter.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.facebook"
-                  placeholder="https://facebook.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.LinkedIn"
-                  placeholder="https://likedin.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="LinkedIn"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn
-                    color="success"
-                    type="submit"
-                  >
-                    submit
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-import { VForm } from 'vuetify/components/VForm'
-
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-const isCurrentStepValid = ref(true)
-const refAccountForm = ref()
-const refPersonalForm = ref()
-const refSocialLinkForm = ref()
-
-const accountForm = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-})
-
-const personalForm = ref({
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-})
-
-const socialForm = ref({
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-})
-
-const validateAccountForm = () => {
-  refAccountForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    } else {
-      isCurrentStepValid.value = false
-    }
-  })
-}
-
-const validatePersonalForm = () => {
-  refPersonalForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      currentStep.value++
-      isCurrentStepValid.value = true
-    } else {
-      isCurrentStepValid.value = false
-    }
-  })
-}
-
-const validateSocialLinkForm = () => {
-  refSocialLinkForm.value?.validate().then(valid => {
-    if (valid.valid) {
-      isCurrentStepValid.value = true
-      console.log({
-        ...accountForm.value,
-        ...personalForm.value,
-        ...socialForm.value,
-      })
-    } else {
-      isCurrentStepValid.value = false
-    }
-  })
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <!-- 👉 Stepper -->
-      <AppStepper
-        v-model:current-step="currentStep"
-        :items="numberedSteps"
-        :is-active-step-valid="isCurrentStepValid"
-      />
-    </VCardText>
-
-    <VDivider />
-
-    <VCardText>
-      <!-- 👉 stepper content -->
-
-      <VWindow
-        v-model="currentStep"
-        class="disable-tab-transition"
-      >
-        <VWindowItem>
-          <VForm
-            ref="refAccountForm"
-            @submit.prevent="validateAccountForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Account Details
-                </h6>
-                <p class="mb-0">
-                  Enter your Account Details
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.username"
-                  placeholder="CarterLeonardo"
-                  :rules="[requiredValidator]"
-                  label="Username"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.email"
-                  placeholder="carterleonardo@gmail.com"
-                  :rules="[requiredValidator, emailValidator]"
-                  label="Email"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.password"
-                  label="Password"
-                  placeholder="············"
-                  :rules="[requiredValidator, passwordValidator]"
-                  :type="isPasswordVisible ? 'text' : 'password'"
-                  autocomplete="password"
-                  :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountForm.cPassword"
-                  label="Confirm Password"
-                  autocomplete="confirm-password"
-                  placeholder="············"
-                  :rules="[requiredValidator, confirmedValidator(accountForm.cPassword, accountForm.password)]"
-                  :type="isCPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    disabled
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refPersonalForm"
-            @submit.prevent="validatePersonalForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Personal Info
-                </h6>
-                <p class="mb-0">
-                  Setup Information
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="personalForm.firstName"
-                  label="First Name"
-                  :rules="[requiredValidator]"
-                  placeholder="Leonard"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="personalForm.lastName"
-                  label="Last Name"
-                  :rules="[requiredValidator]"
-                  placeholder="Carter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="personalForm.country"
-                  label="Country"
-                  :rules="[requiredValidator]"
-                  placeholder="Select Country"
-                  :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="personalForm.language"
-                  label="Language"
-                  :rules="[requiredValidator]"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn type="submit">
-                    Next
-                    <VIcon
-                      icon="tabler-arrow-right"
-                      end
-                      class="flip-in-rtl"
-                    />
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem>
-          <VForm
-            ref="refSocialLinkForm"
-            @submit.prevent="validateSocialLinkForm"
-          >
-            <VRow>
-              <VCol cols="12">
-                <h6 class="text-h6 font-weight-medium">
-                  Social Links
-                </h6>
-                <p class="mb-0">
-                  Add Social Links
-                </p>
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.twitter"
-                  placeholder="https://twitter.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Twitter"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.facebook"
-                  placeholder="https://facebook.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Facebook"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.googlePlus"
-                  placeholder="https://plus.google.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="Google+"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="socialForm.LinkedIn"
-                  placeholder="https://likedin.com/abc"
-                  :rules="[requiredValidator, urlValidator]"
-                  label="LinkedIn"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-                  <VBtn
-                    color="secondary"
-                    variant="tonal"
-                    @click="currentStep--"
-                  >
-                    <VIcon
-                      icon="tabler-arrow-left"
-                      start
-                      class="flip-in-rtl"
-                    />
-                    Previous
-                  </VBtn>
-
-                  <VBtn
-                    color="success"
-                    type="submit"
-                  >
-                    submit
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-`,
-}
-
-export const vertical = {
-  ts: `<script setup lang="ts">
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VRow>
-      <VCol
-        cols="12"
-        md="4"
-        :class="$vuetify.display.smAndDown ? 'border-b' : 'border-e'"
-      >
-        <VCardText>
-          <!-- 👉 Stepper -->
-          <AppStepper
-            v-model:current-step="currentStep"
-            direction="vertical"
-            :items="numberedSteps"
-          />
-        </VCardText>
-      </VCol>
-      <!-- 👉 stepper content -->
-      <VCol
-        cols="12"
-        md="8"
-      >
-        <VCardText>
-          <VForm>
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition"
-            >
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Account Details
-                    </h6>
-                    <p class="mb-0">
-                      Enter your Account Details
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.username"
-                      placeholder="CarterLeonardo"
-                      label="Username"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.email"
-                      placeholder="carterleonardo@gmail.com"
-                      label="Email"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.password"
-                      placeholder="············"
-                      label="Password"
-                      :type="isPasswordVisible ? 'text' : 'password'"
-                      autocomplete="password"
-                      :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.cPassword"
-                      placeholder="············"
-                      label="Confirm Password"
-                      autocomplete="confirm-password"
-                      :type="isCPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Personal Info
-                    </h6>
-                    <p class="mb-0">
-                      Setup Information
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.firstName"
-                      label="First Name"
-                      placeholder="Leonard"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.lastName"
-                      label="Last Name"
-                      placeholder="Carter"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.country"
-                      label="Country"
-                      placeholder="Select Country"
-                      :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.language"
-                      label="Language"
-                      placeholder="Select Language"
-                      :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Social Links
-                    </h6>
-                    <p class="mb-0">
-                      Add Social Links
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.twitter"
-                      placeholder="https://twitter.com/abc"
-                      label="Twitter"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.facebook"
-                      placeholder="https://facebook.com/abc"
-                      label="Facebook"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.googlePlus"
-                      placeholder="https://plus.google.com/abc"
-                      label="Google+"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.LinkedIn"
-                      placeholder="https://linkedin.com/abc"
-                      label="LinkedIn"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-            </VWindow>
-
-            <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-
-              <VBtn
-                v-if="numberedSteps.length - 1 === currentStep"
-                color="success"
-                @click="onSubmit"
-              >
-                submit
-              </VBtn>
-
-              <VBtn
-                v-else
-                @click="currentStep++"
-              >
-                Next
-
-                <VIcon
-                  icon="tabler-arrow-right"
-                  end
-                  class="flip-in-rtl"
-                />
-              </VBtn>
-            </div>
-          </VForm>
-        </VCardText>
-      </VCol>
-    </VRow>
-  </VCard>
-</template>
-`,
-  js: `<script setup>
-const numberedSteps = [
-  {
-    title: 'Account Details',
-    subtitle: 'Setup Account Details',
-  },
-  {
-    title: 'Personal Info',
-    subtitle: 'Add personal info',
-  },
-  {
-    title: 'Social Links',
-    subtitle: 'Add social links',
-  },
-]
-
-const currentStep = ref(0)
-const isPasswordVisible = ref(false)
-const isCPasswordVisible = ref(false)
-
-const formData = ref({
-  username: '',
-  email: '',
-  password: '',
-  cPassword: '',
-  firstName: '',
-  lastName: '',
-  country: undefined,
-  language: undefined,
-  twitter: '',
-  facebook: '',
-  googlePlus: '',
-  LinkedIn: '',
-})
-
-const onSubmit = () => {
-  console.log(formData.value)
-}
-</script>
-
-<template>
-  <VCard>
-    <VRow>
-      <VCol
-        cols="12"
-        md="4"
-        :class="$vuetify.display.smAndDown ? 'border-b' : 'border-e'"
-      >
-        <VCardText>
-          <!-- 👉 Stepper -->
-          <AppStepper
-            v-model:current-step="currentStep"
-            direction="vertical"
-            :items="numberedSteps"
-          />
-        </VCardText>
-      </VCol>
-      <!-- 👉 stepper content -->
-      <VCol
-        cols="12"
-        md="8"
-      >
-        <VCardText>
-          <VForm>
-            <VWindow
-              v-model="currentStep"
-              class="disable-tab-transition"
-            >
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Account Details
-                    </h6>
-                    <p class="mb-0">
-                      Enter your Account Details
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.username"
-                      placeholder="CarterLeonardo"
-                      label="Username"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.email"
-                      placeholder="carterleonardo@gmail.com"
-                      label="Email"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.password"
-                      placeholder="············"
-                      label="Password"
-                      :type="isPasswordVisible ? 'text' : 'password'"
-                      autocomplete="password"
-                      :append-inner-icon="isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isPasswordVisible = !isPasswordVisible"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.cPassword"
-                      placeholder="············"
-                      label="Confirm Password"
-                      autocomplete="confirm-password"
-                      :type="isCPasswordVisible ? 'text' : 'password'"
-                      :append-inner-icon="isCPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                      @click:append-inner="isCPasswordVisible = !isCPasswordVisible"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Personal Info
-                    </h6>
-                    <p class="mb-0">
-                      Setup Information
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.firstName"
-                      label="First Name"
-                      placeholder="Leonard"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.lastName"
-                      label="Last Name"
-                      placeholder="Carter"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.country"
-                      label="Country"
-                      placeholder="Select Country"
-                      :items="['UK', 'USA', 'Canada', 'Australia', 'Germany']"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppSelect
-                      v-model="formData.language"
-                      label="Language"
-                      placeholder="Select Language"
-                      :items="['English', 'Spanish', 'French', 'Russian', 'German']"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-
-              <VWindowItem>
-                <VRow>
-                  <VCol cols="12">
-                    <h6 class="text-h6 font-weight-medium">
-                      Social Links
-                    </h6>
-                    <p class="mb-0">
-                      Add Social Links
-                    </p>
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.twitter"
-                      placeholder="https://twitter.com/abc"
-                      label="Twitter"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.facebook"
-                      placeholder="https://facebook.com/abc"
-                      label="Facebook"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.googlePlus"
-                      placeholder="https://plus.google.com/abc"
-                      label="Google+"
-                    />
-                  </VCol>
-
-                  <VCol
-                    cols="12"
-                    md="6"
-                  >
-                    <AppTextField
-                      v-model="formData.LinkedIn"
-                      placeholder="https://linkedin.com/abc"
-                      label="LinkedIn"
-                    />
-                  </VCol>
-                </VRow>
-              </VWindowItem>
-            </VWindow>
-
-            <div class="d-flex flex-wrap gap-4 justify-sm-space-between justify-center mt-8">
-              <VBtn
-                color="secondary"
-                variant="tonal"
-                :disabled="currentStep === 0"
-                @click="currentStep--"
-              >
-                <VIcon
-                  icon="tabler-arrow-left"
-                  start
-                  class="flip-in-rtl"
-                />
-                Previous
-              </VBtn>
-
-              <VBtn
-                v-if="numberedSteps.length - 1 === currentStep"
-                color="success"
-                @click="onSubmit"
-              >
-                submit
-              </VBtn>
-
-              <VBtn
-                v-else
-                @click="currentStep++"
-              >
-                Next
-
-                <VIcon
-                  icon="tabler-arrow-right"
-                  end
-                  class="flip-in-rtl"
-                />
-              </VBtn>
-            </div>
-          </VForm>
-        </VCardText>
-      </VCol>
-    </VRow>
-  </VCard>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableBasic.vue
deleted file mode 100644
index 9a89324..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableBasic.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  { title: 'ID', sortable: false, key: 'id' },
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'EXPERIENCE', key: 'experience' },
-  { title: 'AGE', key: 'age' },
-]
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="5"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableCellSlot.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableCellSlot.vue
deleted file mode 100644
index b0e2bda..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableCellSlot.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-]
-
-const resolveStatusVariant = (status: number) => {
-  if (status === 1)
-    return { color: 'primary', text: 'Current' }
-  else if (status === 2)
-    return { color: 'success', text: 'Professional' }
-  else if (status === 3)
-    return { color: 'error', text: 'Rejected' }
-  else if (status === 4)
-    return { color: 'warning', text: 'Resigned' }
-  else
-    return { color: 'info', text: 'Applied' }
-}
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="5"
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-  </VDataTable>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableDense.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableDense.vue
deleted file mode 100644
index 6b3f278..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableDense.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  { title: 'ID', sortable: false, key: 'id' },
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'EXPERIENCE', key: 'experience' },
-  { title: 'AGE', key: 'age' },
-]
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    density="compact"
-    :items-per-page="5"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableExpandableRows.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableExpandableRows.vue
deleted file mode 100644
index 4cdf142..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableExpandableRows.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-// Headers
-const headers = [
-  { title: '', key: 'data-table-expand' },
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-]
-
-const resolveStatusVariant = (status: number) => {
-  if (status === 1)
-    return { color: 'primary', text: 'Current' }
-  else if (status === 2)
-    return { color: 'success', text: 'Professional' }
-  else if (status === 3)
-    return { color: 'error', text: 'Rejected' }
-  else if (status === 4)
-    return { color: 'warning', text: 'Resigned' }
-  else
-    return { color: 'info', text: 'Applied' }
-}
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="5"
-    expand-on-click
-  >
-    <!-- Expanded Row Data -->
-    <template #expanded-row="slotProps">
-      <tr class="v-data-table__tr">
-        <td :colspan="headers.length">
-          <p class="my-1">
-            City: {{ slotProps.item.city }}
-          </p>
-          <p class="my-1">
-            Experience: {{ slotProps.item.experience }}
-          </p>
-          <p>Post: {{ slotProps.item.post }}</p>
-        </td>
-      </tr>
-    </template>
-
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-  </VDataTable>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableExternalPagination.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableExternalPagination.vue
deleted file mode 100644
index 6e641a6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableExternalPagination.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-import type { Data } from '@db/pages/datatable/types'
-
-const userList = ref<Data[]>([])
-const options = ref({ page: 1, itemsPerPage: 5, sortBy: [''], sortDesc: [false] })
-
-// headers
-const headers = [
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-]
-
-const resolveStatusVariant = (status: number) => {
-  if (status === 1)
-    return { color: 'primary', text: 'Current' }
-  else if (status === 2)
-    return { color: 'success', text: 'Professional' }
-  else if (status === 3)
-    return { color: 'error', text: 'Rejected' }
-  else if (status === 4)
-    return { color: 'warning', text: 'Resigned' }
-  else
-    return { color: 'info', text: 'Applied' }
-}
-
-onMounted(() => {
-  userList.value = JSON.parse(JSON.stringify(data))
-})
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="userList"
-    :items-per-page="options.itemsPerPage"
-    :page="options.page"
-    :options="options"
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <!-- status -->
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-
-    <template #bottom>
-      <VCardText class="pt-2">
-        <div class="d-flex flex-wrap justify-center justify-sm-space-between gap-y-2 mt-2">
-          <VSelect
-            v-model="options.itemsPerPage"
-            :items="[5, 10, 25, 50, 100]"
-            label="Rows per page:"
-            variant="underlined"
-            style="max-inline-size: 8rem;min-inline-size: 5rem;"
-          />
-
-          <VPagination
-            v-model="options.page"
-            :total-visible="$vuetify.display.smAndDown ? 3 : 5"
-            :length="Math.ceil(userList.length / options.itemsPerPage)"
-          />
-        </div>
-      </VCardText>
-    </template>
-  </VDataTable>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableFixedHeader.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableFixedHeader.vue
deleted file mode 100644
index d900fde..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableFixedHeader.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-]
-
-const resolveStatusVariant = (status: number) => {
-  if (status === 1)
-    return { color: 'primary', text: 'Current' }
-  else if (status === 2)
-    return { color: 'success', text: 'Professional' }
-  else if (status === 3)
-    return { color: 'error', text: 'Rejected' }
-  else if (status === 4)
-    return { color: 'warning', text: 'Resigned' }
-  else
-    return { color: 'info', text: 'Applied' }
-}
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="10"
-    height="300"
-    fixed-header
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <!-- status -->
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-  </VDataTable>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableGroupingRows.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableGroupingRows.vue
deleted file mode 100644
index 7e798df..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableGroupingRows.vue
+++ /dev/null
@@ -1,377 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-
-const userList = [
-  {
-    responsiveId: '',
-    id: 1,
-    avatar: avatar8,
-    fullName: 'Korrie O\'Crevy',
-    post: 'Nuclear Power Engineer',
-    email: 'kocrevy0@thetimes.co.uk',
-    city: 'Krasnosilka',
-    startDate: '09/23/2016',
-    salary: 23896.35,
-    age: '61',
-    experience: '1 Year',
-    status: 'Professional',
-  },
-  {
-    responsiveId: '',
-    id: 2,
-    avatar: avatar1,
-    fullName: 'Bailie Coulman',
-    post: 'VP Quality Control',
-    email: 'bcoulman1@yolasite.com',
-    city: 'Hinigaran',
-    startDate: '05/20/2018',
-    salary: 13633.69,
-    age: '63',
-    experience: '3 Years',
-    status: 'Professional',
-  },
-  {
-    responsiveId: '',
-    id: 3,
-    avatar: avatar7,
-    fullName: 'Stella Ganderton',
-    post: 'Operator',
-    email: 'sganderton2@tuttocitta.it',
-    city: 'Golcowa',
-    startDate: '03/24/2018',
-    salary: 13076.28,
-    age: '66',
-    experience: '6 Years',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 4,
-    avatar: avatar8,
-    fullName: 'Dorolice Crossman',
-    post: 'Cost Accountant',
-    email: 'dcrossman3@google.co.jp',
-    city: 'Paquera',
-    startDate: '12/03/2017',
-    salary: 12336.17,
-    age: '22',
-    experience: '2 Years',
-    status: 'Professional',
-  },
-  {
-    responsiveId: '',
-    id: 6,
-    avatar: '',
-    fullName: 'Genevra Honeywood',
-    post: 'Geologist',
-    email: 'ghoneywood5@narod.ru',
-    city: 'Maofan',
-    startDate: '06/01/2017',
-    salary: 17803.8,
-    age: '61',
-    experience: '1 Year',
-    status: 'Current',
-  },
-  {
-    responsiveId: '',
-    id: 7,
-    avatar: '',
-    fullName: 'Eileen Diehn',
-    post: 'Environmental Specialist',
-    email: 'ediehn6@163.com',
-    city: 'Lampuyang',
-    startDate: '10/15/2017',
-    salary: 18991.67,
-    age: '59',
-    experience: '9 Years',
-    status: 'Rejected',
-  },
-  {
-    responsiveId: '',
-    id: 8,
-    avatar: avatar7,
-    fullName: 'Richardo Aldren',
-    post: 'Senior Sales Associate',
-    email: 'raldren7@mtv.com',
-    city: 'Skoghall',
-    startDate: '11/05/2016',
-    salary: 19230.13,
-    age: '55',
-    experience: '5 Years',
-    status: 'Rejected',
-  },
-  {
-    responsiveId: '',
-    id: 9,
-    avatar: avatar2,
-    fullName: 'Allyson Moakler',
-    post: 'Safety Technician',
-    email: 'amoakler8@shareasale.com',
-    city: 'Mogilany',
-    startDate: '12/29/2018',
-    salary: 11677.32,
-    age: '39',
-    experience: '9 Years',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 11,
-    avatar: '',
-    fullName: 'De Falloon',
-    post: 'Sales Representative',
-    email: 'dfalloona@ifeng.com',
-    city: 'Colima',
-    startDate: '06/12/2018',
-    salary: 19252.12,
-    age: '30',
-    experience: '0 Year',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 12,
-    avatar: '',
-    fullName: 'Cyrus Gornal',
-    post: 'Senior Sales Associate',
-    email: 'cgornalb@fda.gov',
-    city: 'Boro Utara',
-    startDate: '12/09/2017',
-    salary: 16745.47,
-    age: '22',
-    experience: '2 Years',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 13,
-    avatar: '',
-    fullName: 'Tallou Balf',
-    post: 'Staff Accountant',
-    email: 'tbalfc@sina.com.cn',
-    city: 'Siliana',
-    startDate: '01/21/2016',
-    salary: 15488.53,
-    age: '36',
-    experience: '6 Years',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 15,
-    avatar: '',
-    fullName: 'Wilmar Bourton',
-    post: 'Administrative Assistant',
-    email: 'wbourtone@sakura.ne.jp',
-    city: 'Bích Động',
-    startDate: '04/25/2018',
-    salary: 13304.45,
-    age: '19',
-    experience: '9 Years',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 16,
-    avatar: avatar4,
-    fullName: 'Robinson Brazenor',
-    post: 'General Manager',
-    email: 'rbrazenorf@symantec.com',
-    city: 'Gendiwu',
-    startDate: '12/23/2017',
-    salary: 11953.08,
-    age: '66',
-    experience: '6 Years',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 17,
-    avatar: '',
-    fullName: 'Nadia Bettenson',
-    post: 'Environmental Tech',
-    email: 'nbettensong@joomla.org',
-    city: 'Chabařovice',
-    startDate: '07/11/2018',
-    salary: 20484.44,
-    age: '64',
-    experience: '4 Years',
-    status: 'Current',
-  },
-  {
-    responsiveId: '',
-    id: 18,
-    avatar: '',
-    fullName: 'Titus Hayne',
-    post: 'Web Designer',
-    email: 'thayneh@kickstarter.com',
-    city: 'Yangon',
-    startDate: '05/25/2019',
-    salary: 16871.48,
-    age: '59',
-    experience: '9 Years',
-    status: 'Current',
-  },
-  {
-    responsiveId: '',
-    id: 19,
-    avatar: avatar4,
-    fullName: 'Roxie Huck',
-    post: 'Administrative Assistant',
-    email: 'rhucki@ed.gov',
-    city: 'Polýkastro',
-    startDate: '04/04/2019',
-    salary: 19653.56,
-    age: '41',
-    experience: '1 Year',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 23,
-    avatar: avatar7,
-    fullName: 'Rosmunda Steed',
-    post: 'Assistant Media Planner',
-    email: 'rsteedm@xing.com',
-    city: 'Manzanares',
-    startDate: '12/23/2017',
-    salary: 13778.34,
-    age: '21',
-    experience: '1 Year',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 26,
-    avatar: avatar2,
-    fullName: 'Morgen Benes',
-    post: 'Senior Sales Associate',
-    email: 'mbenesp@ted.com',
-    city: 'Cà Mau',
-    startDate: '04/10/2016',
-    salary: 16969.63,
-    age: '42',
-    experience: '2 Years',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 28,
-    avatar: '',
-    fullName: 'Kliment McGinney',
-    post: 'Chief Design Engineer',
-    email: 'kmcginneyr@paginegialle.it',
-    city: 'Xiaocheng',
-    startDate: '07/09/2018',
-    salary: 24027.81,
-    age: '28',
-    experience: '8 Years',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 31,
-    avatar: '',
-    fullName: 'Teressa Bleakman',
-    post: 'Senior Editor',
-    email: 'tbleakmanu@phpbb.com',
-    city: 'Žebrák',
-    startDate: '09/03/2016',
-    salary: 24875.41,
-    age: '37',
-    experience: '7 Years',
-    status: 'Applied',
-  },
-]
-
-const headers = [
-  { title: 'Group by status', key: 'data-table-group' },
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-]
-
-const groupBy = [{ key: 'status' }]
-
-const resolveStatusVariant = (status: string) => {
-  if (status === 'Current')
-    return { color: 'primary' }
-  else if (status === 'Professional')
-    return { color: 'success' }
-  else if (status === 'Rejected')
-    return { color: 'error' }
-  else if (status === 'Resigned')
-    return { color: 'warning' }
-  else
-    return { color: 'info' }
-}
-
-const getIcon = (props: Record<string, unknown>) => props.icon as any
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="userList"
-    :items-per-page="10"
-    :group-by="groupBy"
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-
-        size="small"
-        class="font-weight-medium"
-      >
-        {{ item.status }}
-      </VChip>
-    </template>
-
-    <template #data-table-group="{ props, item, count }">
-      <td colspan="12">
-        <VBtn
-          v-bind="props"
-          variant="text"
-          density="comfortable"
-        >
-          <VIcon
-            class="flip-in-rtl"
-            :icon="getIcon(props)"
-          />
-        </VBtn>
-
-        <span>{{ item.value }}</span>
-        <span>({{ count }})</span>
-      </td>
-    </template>
-  </VDataTable>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableKitchenSink.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableKitchenSink.vue
deleted file mode 100644
index 3f802db..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableKitchenSink.vue
+++ /dev/null
@@ -1,195 +0,0 @@
-<script setup lang="ts">
-import type { SalesDetails } from '@db/pages/datatable/types'
-
-const { data: productList, error } = await useApi<SalesDetails[]>('pages/datatable')
-
-const search = ref('')
-
-// headers
-const headers = [
-  { title: 'PRODUCT', key: 'product.name' },
-  { title: 'DATE', key: 'date' },
-  { title: 'CATEGORY', key: 'product.category' },
-  { title: 'BUYERS', key: 'buyer.name' },
-  { title: 'PAYMENT', key: 'payment', sortable: false },
-  { title: 'STATUS', key: 'status', sortable: false },
-  { title: 'DELETE', key: 'delete', sortable: false },
-]
-
-// 👉 methods
-const deleteItem = (itemId: number) => {
-  if (!productList.value)
-    return
-
-  const index = productList.value.findIndex(item => item.product.id === itemId)
-
-  productList.value.splice(index, 1)
-}
-
-const categoryIcons = [
-  { name: 'Mouse', icon: 'tabler-mouse', color: 'warning' },
-  { name: 'Glass', icon: 'tabler-eyeglass', color: 'primary' },
-  { name: 'Smart Watch', icon: 'tabler-device-watch', color: 'success' },
-  { name: 'Bag', icon: 'tabler-briefcase', color: 'info' },
-  { name: 'Storage Device', icon: 'tabler-device-audio-tape', color: 'warning' },
-  { name: 'Bluetooth', icon: 'tabler-bluetooth', color: 'error' },
-  { name: 'Gaming', icon: 'tabler-device-gamepad-2', color: 'warning' },
-  { name: 'Home', icon: 'tabler-home', color: 'error' },
-  { name: 'VR', icon: 'tabler-badge-vr', color: 'primary' },
-  { name: 'Shoes', icon: 'tabler-shoe', color: 'success' },
-  { name: 'Electronics', icon: 'tabler-cpu', color: 'info' },
-  { name: 'Projector', icon: 'tabler-theater', color: 'warning' },
-  { name: 'iPod', icon: 'tabler-device-airpods', color: 'error' },
-  { name: 'Keyboard', icon: 'tabler-keyboard', color: 'primary' },
-  { name: 'Smart Phone', icon: 'tabler-device-mobile', color: 'success' },
-  { name: 'Smart TV', icon: 'tabler-device-tv', color: 'info' },
-  { name: 'Google Home', icon: 'tabler-brand-google', color: 'warning' },
-  { name: 'Mac', icon: 'tabler-brand-apple', color: 'error' },
-  { name: 'Headphone', icon: 'tabler-headphones', color: 'primary' },
-  { name: 'iMac', icon: 'tabler-device-imac', color: 'success' },
-  { name: 'iPhone', icon: 'tabler-brand-apple', color: 'warning' },
-]
-
-const resolveStatusColor = (status: string) => {
-  if (status === 'Confirmed')
-    return 'primary'
-  if (status === 'Completed')
-    return 'success'
-  if (status === 'Cancelled')
-    return 'error'
-}
-
-const categoryIconFilter = (categoryName: string): {
-  icon: string
-  color: string }[] => {
-  const index = categoryIcons.findIndex(category => category.name === categoryName)
-
-  if (index !== -1)
-    return [{ icon: categoryIcons[index].icon, color: categoryIcons[index].color }]
-
-  return [{ icon: 'tabler-help-circle', color: 'primary' }]
-}
-
-if (error.value)
-  console.error(error.value)
-</script>
-
-<template>
-  <div>
-    <VCardText>
-      <VRow>
-        <VCol
-          cols="12"
-          offset-md="8"
-          md="4"
-        >
-          <AppTextField
-            v-model="search"
-            placeholder="Search ..."
-            append-inner-icon="tabler-search"
-            single-line
-            hide-details
-            dense
-            outlined
-          />
-        </VCol>
-      </VRow>
-    </VCardText>
-
-    <!-- 👉 Data Table  -->
-    <VDataTable
-      :headers="headers"
-      :items="productList || []"
-      :search="search"
-      :items-per-page="5"
-      class="text-no-wrap"
-    >
-      <!-- product -->
-      <template #item.product.name="{ item }">
-        <div class="d-flex align-center">
-          <div>
-            <VImg
-              :src="item.product.image"
-              height="40"
-              width="40"
-            />
-          </div>
-          <div class="d-flex flex-column ms-3">
-            <span class="d-block font-weight-medium text-truncate text-high-emphasis">{{ item.product.name }}</span>
-            <span class="text-xs">{{ item.product.brand }}</span>
-          </div>
-        </div>
-      </template>
-
-      <!-- category -->
-      <template #item.product.category="{ item }">
-        <div class="d-flex align-center">
-          <VAvatar
-            v-for="(category, index) in categoryIconFilter(item.product.category)"
-            :key="index"
-            size="26"
-            :color="category.color"
-            variant="tonal"
-          >
-            <VIcon
-              size="20"
-              :color="category.color"
-              class="rounded-0"
-            >
-              {{ category.icon }}
-            </VIcon>
-          </VAvatar>
-          <span class="ms-1 text-no-wrap">{{ item.product.category }}</span>
-        </div>
-      </template>
-
-      <!-- buyer -->
-      <template #item.buyer.name="{ item }">
-        <div class="d-flex align-center">
-          <VAvatar
-            size="1.875rem"
-            :color="!item.buyer.avatar ? 'primary' : undefined"
-            :variant="!item.buyer.avatar ? 'tonal' : undefined"
-          >
-            <VImg
-              v-if="item.buyer.avatar"
-              :src="item.buyer.avatar"
-            />
-            <span v-else>{{ item.buyer.name.slice(0, 2).toUpperCase() }}</span>
-          </VAvatar>
-          <span class="text-no-wrap font-weight-medium text-high-emphasis ms-2">{{ item.buyer.name }}</span>
-        </div>
-      </template>
-
-      <!-- Payment -->
-      <template #item.payment="{ item }">
-        <div class="d-flex flex-column">
-          <div class="d-flex align-center">
-            <span class="text-high-emphasis font-weight-medium">${{ item.payment.paidAmount }}</span>
-            <span v-if="item.payment.paidAmount !== item.payment.total">/{{ item.payment.total }}</span>
-          </div>
-          <span class="text-xs text-no-wrap">{{ item.payment.receivedPaymentStatus }}</span>
-        </div>
-      </template>
-
-      <!-- Status -->
-      <template #item.status="{ item }">
-        <VChip
-          :color="resolveStatusColor(item.payment.status)"
-          :class="`text-${resolveStatusColor(item.payment.status)}`"
-          size="small"
-          class="font-weight-medium"
-        >
-          {{ item.payment.status }}
-        </VChip>
-      </template>
-
-      <!-- Delete -->
-      <template #item.delete="{ item }">
-        <IconBtn @click="deleteItem(item.product.id)">
-          <VIcon icon="tabler-trash" />
-        </IconBtn>
-      </template>
-    </VDataTable>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableRowEditingViaDialog.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableRowEditingViaDialog.vue
deleted file mode 100644
index 4328250..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableRowEditingViaDialog.vue
+++ /dev/null
@@ -1,291 +0,0 @@
-<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-import type { Data } from '@db/pages/datatable/types'
-
-const editDialog = ref(false)
-const deleteDialog = ref(false)
-
-const defaultItem = ref<Data>({
-  responsiveId: '',
-  id: -1,
-  avatar: '',
-  fullName: '',
-  post: '',
-  email: '',
-  city: '',
-  startDate: '',
-  salary: -1,
-  age: '',
-  experience: '',
-  status: -1,
-})
-
-const editedItem = ref<Data>(defaultItem.value)
-const editedIndex = ref(-1)
-const userList = ref<Data[]>([])
-
-// status options
-const selectedOptions = [
-  { text: 'Current', value: 1 },
-  { text: 'Professional', value: 2 },
-  { text: 'Rejected', value: 3 },
-  { text: 'Resigned', value: 4 },
-  { text: 'Applied', value: 5 },
-]
-
-// headers
-const headers = [
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-  { title: 'ACTIONS', key: 'actions' },
-]
-
-const resolveStatusVariant = (status: number) => {
-  if (status === 1)
-    return { color: 'primary', text: 'Current' }
-  else if (status === 2)
-    return { color: 'success', text: 'Professional' }
-  else if (status === 3)
-    return { color: 'error', text: 'Rejected' }
-  else if (status === 4)
-    return { color: 'warning', text: 'Resigned' }
-  else
-    return { color: 'info', text: 'Applied' }
-}
-
-// 👉 methods
-const editItem = (item: Data) => {
-  editedIndex.value = userList.value.indexOf(item)
-  editedItem.value = { ...item }
-  editDialog.value = true
-}
-
-const deleteItem = (item: Data) => {
-  editedIndex.value = userList.value.indexOf(item)
-  editedItem.value = { ...item }
-  deleteDialog.value = true
-}
-
-const close = () => {
-  editDialog.value = false
-  editedIndex.value = -1
-  editedItem.value = { ...defaultItem.value }
-}
-
-const closeDelete = () => {
-  deleteDialog.value = false
-  editedIndex.value = -1
-  editedItem.value = { ...defaultItem.value }
-}
-
-const save = () => {
-  if (editedIndex.value > -1)
-    Object.assign(userList.value[editedIndex.value], editedItem.value)
-
-  else
-    userList.value.push(editedItem.value)
-
-  close()
-}
-
-const deleteItemConfirm = () => {
-  userList.value.splice(editedIndex.value, 1)
-  closeDelete()
-}
-
-onMounted(() => {
-  userList.value = JSON.parse(JSON.stringify(data))
-})
-</script>
-
-<template>
-  <!-- 👉 Datatable  -->
-  <VDataTable
-    :headers="headers"
-    :items="userList"
-    :items-per-page="5"
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <!-- avatar -->
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <!-- status -->
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-
-    <!-- Actions -->
-    <template #item.actions="{ item }">
-      <div class="d-flex gap-1">
-        <IconBtn @click="editItem(item)">
-          <VIcon icon="tabler-edit" />
-        </IconBtn>
-        <IconBtn @click="deleteItem(item)">
-          <VIcon icon="tabler-trash" />
-        </IconBtn>
-      </div>
-    </template>
-  </VDataTable>
-
-  <!-- 👉 Edit Dialog  -->
-  <VDialog
-    v-model="editDialog"
-    max-width="600px"
-  >
-    <VCard title="Edit Item">
-      <VCardText>
-        <div class="text-body-1 mb-6">
-          Name: <span class="text-h6">{{ editedItem?.fullName }}</span>
-        </div>
-        <VRow>
-          <!-- fullName -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.fullName"
-              label="User name"
-            />
-          </VCol>
-
-          <!-- email -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.email"
-              label="Email"
-            />
-          </VCol>
-
-          <!-- salary -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.salary"
-              label="Salary"
-              prefix="$"
-              type="number"
-            />
-          </VCol>
-
-          <!-- age -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.age"
-              label="Age"
-              type="number"
-            />
-          </VCol>
-
-          <!-- start date -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.startDate"
-              label="Date"
-            />
-          </VCol>
-
-          <!-- status -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppSelect
-              v-model="editedItem.status"
-              :items="selectedOptions"
-              item-title="text"
-              item-value="value"
-              label="Standard"
-            />
-          </VCol>
-        </VRow>
-      </VCardText>
-
-      <VCardText>
-        <div class="self-align-end d-flex gap-4 justify-end">
-          <VBtn
-            color="error"
-            variant="outlined"
-            @click="close"
-          >
-            Cancel
-          </VBtn>
-          <VBtn
-            color="success"
-            variant="elevated"
-            @click="save"
-          >
-            Save
-          </VBtn>
-        </div>
-      </VCardText>
-    </VCard>
-  </VDialog>
-
-  <!-- 👉 Delete Dialog  -->
-  <VDialog
-    v-model="deleteDialog"
-    max-width="500px"
-  >
-    <VCard title="Are you sure you want to delete this item?">
-      <VCardText>
-        <div class="d-flex justify-center gap-4">
-          <VBtn
-            color="error"
-            variant="outlined"
-            @click="closeDelete"
-          >
-            Cancel
-          </VBtn>
-          <VBtn
-            color="success"
-            variant="elevated"
-            @click="deleteItemConfirm"
-          >
-            OK
-          </VBtn>
-        </div>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableRowSelection.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableRowSelection.vue
deleted file mode 100644
index 527b991..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/DemoDataTableRowSelection.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-]
-
-const resolveStatusVariant = (status: number) => {
-  if (status === 1)
-    return { color: 'primary', text: 'Current' }
-  else if (status === 2)
-    return { color: 'success', text: 'Professional' }
-  else if (status === 3)
-    return { color: 'error', text: 'Rejected' }
-  else if (status === 4)
-    return { color: 'warning', text: 'Resigned' }
-  else
-    return { color: 'info', text: 'Applied' }
-}
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="5"
-    show-select
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <!-- status -->
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-  </VDataTable>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/datatable.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/datatable.ts
deleted file mode 100644
index cb05757..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/datatable.ts
+++ /dev/null
@@ -1,1415 +0,0 @@
-import type { Data } from '@db/pages/datatable/types'
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-
-const data: Data[] = [
-  {
-    responsiveId: '',
-    id: 95,
-    avatar: avatar2,
-    fullName: 'Edwina Ebsworth',
-    post: 'Human Resources Assistant',
-    email: 'eebsworth2m@sbwire.com',
-    city: 'Puzi',
-    startDate: '09/27/2018',
-    salary: 19586.23,
-    age: '27',
-    experience: '2 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 1,
-    avatar: avatar8,
-    fullName: 'Korrie O\'Crevy',
-    post: 'Nuclear Power Engineer',
-    email: 'kocrevy0@thetimes.co.uk',
-    city: 'Krasnosilka',
-    startDate: '09/23/2016',
-    salary: 23896.35,
-    age: '61',
-    experience: '1 Year',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 7,
-    avatar: '',
-    fullName: 'Eileen Diehn',
-    post: 'Environmental Specialist',
-    email: 'ediehn6@163.com',
-    city: 'Lampuyang',
-    startDate: '10/15/2017',
-    salary: 18991.67,
-    age: '59',
-    experience: '9 Years',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 11,
-    avatar: '',
-    fullName: 'De Falloon',
-    post: 'Sales Representative',
-    email: 'dfalloona@ifeng.com',
-    city: 'Colima',
-    startDate: '06/12/2018',
-    salary: 19252.12,
-    age: '30',
-    experience: '0 Year',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 3,
-    avatar: avatar7,
-    fullName: 'Stella Ganderton',
-    post: 'Operator',
-    email: 'sganderton2@tuttocitta.it',
-    city: 'Golcowa',
-    startDate: '03/24/2018',
-    salary: 13076.28,
-    age: '66',
-    experience: '6 Years',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 5,
-    avatar: '',
-    fullName: 'Harmonia Nisius',
-    post: 'Senior Cost Accountant',
-    email: 'hnisius4@gnu.org',
-    city: 'Lucan',
-    startDate: '08/25/2017',
-    salary: 10909.52,
-    age: '33',
-    experience: '3 Years',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 6,
-    avatar: '',
-    fullName: 'Genevra Honeywood',
-    post: 'Geologist',
-    email: 'ghoneywood5@narod.ru',
-    city: 'Maofan',
-    startDate: '06/01/2017',
-    salary: 17803.8,
-    age: '61',
-    experience: '1 Year',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 4,
-    avatar: avatar8,
-    fullName: 'Dorolice Crossman',
-    post: 'Cost Accountant',
-    email: 'dcrossman3@google.co.jp',
-    city: 'Paquera',
-    startDate: '12/03/2017',
-    salary: 12336.17,
-    age: '22',
-    experience: '2 Years',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 8,
-    avatar: avatar7,
-    fullName: 'Richardo Aldren',
-    post: 'Senior Sales Associate',
-    email: 'raldren7@mtv.com',
-    city: 'Skoghall',
-    startDate: '11/05/2016',
-    salary: 19230.13,
-    age: '55',
-    experience: '5 Years',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 9,
-    avatar: avatar2,
-    fullName: 'Allyson Moakler',
-    post: 'Safety Technician',
-    email: 'amoakler8@shareasale.com',
-    city: 'Mogilany',
-    startDate: '12/29/2018',
-    salary: 11677.32,
-    age: '39',
-    experience: '9 Years',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 10,
-    avatar: avatar7,
-    fullName: 'Merline Penhalewick',
-    post: 'Junior Executive',
-    email: 'mpenhalewick9@php.net',
-    city: 'Kanuma',
-    startDate: '04/19/2019',
-    salary: 15939.52,
-    age: '23',
-    experience: '3 Years',
-    status: 2,
-  },
-
-  {
-    responsiveId: '',
-    id: 12,
-    avatar: '',
-    fullName: 'Cyrus Gornal',
-    post: 'Senior Sales Associate',
-    email: 'cgornalb@fda.gov',
-    city: 'Boro Utara',
-    startDate: '12/09/2017',
-    salary: 16745.47,
-    age: '22',
-    experience: '2 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 13,
-    avatar: '',
-    fullName: 'Tallou Balf',
-    post: 'Staff Accountant',
-    email: 'tbalfc@sina.com.cn',
-    city: 'Siliana',
-    startDate: '01/21/2016',
-    salary: 15488.53,
-    age: '36',
-    experience: '6 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 14,
-    avatar: '',
-    fullName: 'Othilia Extill',
-    post: 'Associate Professor',
-    email: 'oextilld@theatlantic.com',
-    city: 'Brzyska',
-    startDate: '02/01/2016',
-    salary: 18442.34,
-    age: '43',
-    experience: '3 Years',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 15,
-    avatar: '',
-    fullName: 'Wilmar Bourton',
-    post: 'Administrative Assistant',
-    email: 'wbourtone@sakura.ne.jp',
-    city: 'Bích Động',
-    startDate: '04/25/2018',
-    salary: 13304.45,
-    age: '19',
-    experience: '9 Years',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 16,
-    avatar: avatar4,
-    fullName: 'Robinson Brazenor',
-    post: 'General Manager',
-    email: 'rbrazenorf@symantec.com',
-    city: 'Gendiwu',
-    startDate: '12/23/2017',
-    salary: 11953.08,
-    age: '66',
-    experience: '6 Years',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 17,
-    avatar: '',
-    fullName: 'Nadia Bettenson',
-    post: 'Environmental Tech',
-    email: 'nbettensong@joomla.org',
-    city: 'Chabařovice',
-    startDate: '07/11/2018',
-    salary: 20484.44,
-    age: '64',
-    experience: '4 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 18,
-    avatar: '',
-    fullName: 'Titus Hayne',
-    post: 'Web Designer',
-    email: 'thayneh@kickstarter.com',
-    city: 'Yangon',
-    startDate: '05/25/2019',
-    salary: 16871.48,
-    age: '59',
-    experience: '9 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 19,
-    avatar: avatar4,
-    fullName: 'Roxie Huck',
-    post: 'Administrative Assistant',
-    email: 'rhucki@ed.gov',
-    city: 'Polýkastro',
-    startDate: '04/04/2019',
-    salary: 19653.56,
-    age: '41',
-    experience: '1 Year',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 20,
-    avatar: avatar7,
-    fullName: 'Latashia Lewtey',
-    post: 'Actuary',
-    email: 'llewteyj@sun.com',
-    city: 'Hougong',
-    startDate: '08/03/2017',
-    salary: 18303.87,
-    age: '35',
-    experience: '5 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 21,
-    avatar: '',
-    fullName: 'Natalina Tyne',
-    post: 'Software Engineer',
-    email: 'ntynek@merriam-webster.com',
-    city: 'Yanguan',
-    startDate: '03/16/2019',
-    salary: 15256.4,
-    age: '30',
-    experience: '0 Year',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 22,
-    avatar: '',
-    fullName: 'Faun Josefsen',
-    post: 'Analog Circuit Design manager',
-    email: 'fjosefsenl@samsung.com',
-    city: 'Wengyang',
-    startDate: '07/08/2017',
-    salary: 11209.16,
-    age: '40',
-    experience: '0 Year',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 23,
-    avatar: avatar7,
-    fullName: 'Rosmunda Steed',
-    post: 'Assistant Media Planner',
-    email: 'rsteedm@xing.com',
-    city: 'Manzanares',
-    startDate: '12/23/2017',
-    salary: 13778.34,
-    age: '21',
-    experience: '1 Year',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 24,
-    avatar: '',
-    fullName: 'Scott Jiran',
-    post: 'Graphic Designer',
-    email: 'sjirann@simplemachines.org',
-    city: 'Pinglin',
-    startDate: '05/26/2016',
-    salary: 23081.71,
-    age: '23',
-    experience: '3 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 25,
-    avatar: '',
-    fullName: 'Carmita Medling',
-    post: 'Accountant',
-    email: 'cmedlingo@hp.com',
-    city: 'Bourges',
-    startDate: '07/31/2019',
-    salary: 13602.24,
-    age: '47',
-    experience: '7 Years',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 26,
-    avatar: avatar2,
-    fullName: 'Morgen Benes',
-    post: 'Senior Sales Associate',
-    email: 'mbenesp@ted.com',
-    city: 'Cà Mau',
-    startDate: '04/10/2016',
-    salary: 16969.63,
-    age: '42',
-    experience: '2 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 27,
-    avatar: '',
-    fullName: 'Onfroi Doughton',
-    post: 'Civil Engineer',
-    email: 'odoughtonq@aboutads.info',
-    city: 'Utrecht (stad)',
-    startDate: '09/29/2018',
-    salary: 23796.62,
-    age: '28',
-    experience: '8 Years',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 28,
-    avatar: '',
-    fullName: 'Kliment McGinney',
-    post: 'Chief Design Engineer',
-    email: 'kmcginneyr@paginegialle.it',
-    city: 'Xiaocheng',
-    startDate: '07/09/2018',
-    salary: 24027.81,
-    age: '28',
-    experience: '8 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 29,
-    avatar: '',
-    fullName: 'Devin Bridgland',
-    post: 'Tax Accountant',
-    email: 'dbridglands@odnoklassniki.ru',
-    city: 'Baoli',
-    startDate: '07/17/2016',
-    salary: 13508.15,
-    age: '48',
-    experience: '8 Years',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 30,
-    avatar: avatar6,
-    fullName: 'Gilbert McFade',
-    post: 'Biostatistician',
-    email: 'gmcfadet@irs.gov',
-    city: 'Deje',
-    startDate: '08/28/2018',
-    salary: 21632.3,
-    age: '20',
-    experience: '0 Year',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 31,
-    avatar: '',
-    fullName: 'Teressa Bleakman',
-    post: 'Senior Editor',
-    email: 'tbleakmanu@phpbb.com',
-    city: 'Žebrák',
-    startDate: '09/03/2016',
-    salary: 24875.41,
-    age: '37',
-    experience: '7 Years',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 32,
-    avatar: '',
-    fullName: 'Marcelia Alleburton',
-    post: 'Safety Technician',
-    email: 'malleburtonv@amazon.com',
-    city: 'Basail',
-    startDate: '06/02/2016',
-    salary: 23888.98,
-    age: '53',
-    experience: '3 Years',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 33,
-    avatar: avatar7,
-    fullName: 'Aili De Coursey',
-    post: 'Environmental Specialist',
-    email: 'adew@etsy.com',
-    city: 'Łazy',
-    startDate: '09/30/2016',
-    salary: 14082.44,
-    age: '27',
-    experience: '7 Years',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 34,
-    avatar: avatar6,
-    fullName: 'Charlton Chatres',
-    post: 'Analyst Programmer',
-    email: 'cchatresx@goo.gl',
-    city: 'Reguengos de Monsaraz',
-    startDate: '04/07/2016',
-    salary: 21386.52,
-    age: '22',
-    experience: '2 Years',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 35,
-    avatar: avatar1,
-    fullName: 'Nat Hugonnet',
-    post: 'Financial Advisor',
-    email: 'nhugonnety@wufoo.com',
-    city: 'Pimentel',
-    startDate: '09/11/2019',
-    salary: 13835.97,
-    age: '46',
-    experience: '6 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 36,
-    avatar: '',
-    fullName: 'Lorine Hearsum',
-    post: 'Payment Adjustment Coordinator',
-    email: 'lhearsumz@google.co.uk',
-    city: 'Shuiying',
-    startDate: '03/05/2019',
-    salary: 22093.91,
-    age: '47',
-    experience: '7 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 37,
-    avatar: avatar5,
-    fullName: 'Sheila-kathryn Haborn',
-    post: 'Environmental Specialist',
-    email: 'shaborn10@about.com',
-    city: 'Lewolang',
-    startDate: '11/10/2018',
-    salary: 24624.23,
-    age: '51',
-    experience: '1 Year',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 38,
-    avatar: avatar3,
-    fullName: 'Alma Harvatt',
-    post: 'Administrative Assistant',
-    email: 'aharvatt11@addtoany.com',
-    city: 'Ulundi',
-    startDate: '11/04/2016',
-    salary: 21782.82,
-    age: '41',
-    experience: '1 Year',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 39,
-    avatar: avatar2,
-    fullName: 'Beatrix Longland',
-    post: 'VP Quality Control',
-    email: 'blongland12@gizmodo.com',
-    city: 'Damu',
-    startDate: '07/18/2016',
-    salary: 22794.6,
-    age: '62',
-    experience: '2 Years',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 40,
-    avatar: avatar4,
-    fullName: 'Hammad Condell',
-    post: 'Project Manager',
-    email: 'hcondell13@tiny.cc',
-    city: 'Bulung\'ur',
-    startDate: '11/04/2018',
-    salary: 10872.83,
-    age: '37',
-    experience: '7 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 41,
-    avatar: '',
-    fullName: 'Parker Bice',
-    post: 'Technical Writer',
-    email: 'pbice14@ameblo.jp',
-    city: 'Shanlian',
-    startDate: '03/02/2016',
-    salary: 17471.92,
-    age: '65',
-    experience: '5 Years',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 42,
-    avatar: '',
-    fullName: 'Lowrance Orsi',
-    post: 'Biostatistician',
-    email: 'lorsi15@wp.com',
-    city: 'Dengteke',
-    startDate: '12/10/2018',
-    salary: 24719.51,
-    age: '64',
-    experience: '4 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 43,
-    avatar: avatar8,
-    fullName: 'Ddene Chaplyn',
-    post: 'Environmental Tech',
-    email: 'dchaplyn16@nymag.com',
-    city: 'Lattes',
-    startDate: '01/23/2019',
-    salary: 11958.33,
-    age: '38',
-    experience: '8 Years',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 44,
-    avatar: '',
-    fullName: 'Washington Bygraves',
-    post: 'Human Resources Manager',
-    email: 'wbygraves17@howstuffworks.com',
-    city: 'Zlaté Hory',
-    startDate: '09/07/2016',
-    salary: 10552.43,
-    age: '37',
-    experience: '7 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 45,
-    avatar: avatar7,
-    fullName: 'Meghann Bodechon',
-    post: 'Operator',
-    email: 'mbodechon18@1und1.de',
-    city: 'Itō',
-    startDate: '07/23/2018',
-    salary: 23024.28,
-    age: '61',
-    experience: '1 Year',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 46,
-    avatar: avatar1,
-    fullName: 'Moshe De Ambrosis',
-    post: 'Recruiting Manager',
-    email: 'mde19@purevolume.com',
-    city: 'San Diego',
-    startDate: '02/10/2018',
-    salary: 10409.9,
-    age: '47',
-    experience: '7 Years',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 47,
-    avatar: avatar4,
-    fullName: 'Had Chatelot',
-    post: 'Cost Accountant',
-    email: 'hchatelot1a@usatoday.com',
-    city: 'Mercedes',
-    startDate: '11/23/2016',
-    salary: 11446.3,
-    age: '64',
-    experience: '4 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 48,
-    avatar: '',
-    fullName: 'Georgia McCrum',
-    post: 'Registered Nurse',
-    email: 'gmccrum1b@icio.us',
-    city: 'Nggalak',
-    startDate: '04/19/2018',
-    salary: 14002.31,
-    age: '63',
-    experience: '3 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 49,
-    avatar: avatar5,
-    fullName: 'Krishnah Stilldale',
-    post: 'VP Accounting',
-    email: 'kstilldale1c@chronoengine.com',
-    city: 'Slavs\'ke',
-    startDate: '03/18/2017',
-    salary: 10704.29,
-    age: '56',
-    experience: '6 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 50,
-    avatar: avatar4,
-    fullName: 'Mario Umbert',
-    post: 'Research Assistant',
-    email: 'mumbert1d@digg.com',
-    city: 'Chorotis',
-    startDate: '05/13/2019',
-    salary: 21813.54,
-    age: '43',
-    experience: '3 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 51,
-    avatar: '',
-    fullName: 'Edvard Dixsee',
-    post: 'Graphic Designer',
-    email: 'edixsee1e@unblog.fr',
-    city: 'Rancharia',
-    startDate: '04/23/2019',
-    salary: 18053.11,
-    age: '46',
-    experience: '6 Years',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 52,
-    avatar: avatar7,
-    fullName: 'Tammie Davydoch',
-    post: 'VP Quality Control',
-    email: 'tdavydoch1f@examiner.com',
-    city: 'Mamedkala',
-    startDate: '04/19/2016',
-    salary: 17617.08,
-    age: '47',
-    experience: '7 Years',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 53,
-    avatar: '',
-    fullName: 'Benito Rodolico',
-    post: 'Safety Technician',
-    email: 'brodolico1g@sciencedirect.com',
-    city: 'Wonosobo',
-    startDate: '10/06/2018',
-    salary: 18866.55,
-    age: '21',
-    experience: '1 Year',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 54,
-    avatar: '',
-    fullName: 'Marco Pennings',
-    post: 'Compensation Analyst',
-    email: 'mpennings1h@bizjournals.com',
-    city: 'Umag',
-    startDate: '06/15/2017',
-    salary: 13722.18,
-    age: '30',
-    experience: '0 Year',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 55,
-    avatar: '',
-    fullName: 'Tommie O\'Corr',
-    post: 'Quality Engineer',
-    email: 'tocorr1i@nyu.edu',
-    city: 'Olhos de Água',
-    startDate: '09/26/2018',
-    salary: 15228.8,
-    age: '51',
-    experience: '1 Year',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 56,
-    avatar: avatar1,
-    fullName: 'Cybill Poyle',
-    post: 'Cost Accountant',
-    email: 'cpoyle1j@amazon.com',
-    city: 'Hamm',
-    startDate: '01/03/2016',
-    salary: 13951.96,
-    age: '29',
-    experience: '9 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 57,
-    avatar: avatar6,
-    fullName: 'Norry Stoller',
-    post: 'Human Resources Manager',
-    email: 'nstoller1k@noaa.gov',
-    city: 'Ruukki',
-    startDate: '02/04/2018',
-    salary: 15100.0,
-    age: '27',
-    experience: '7 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 58,
-    avatar: '',
-    fullName: 'Wendi Somerlie',
-    post: 'Systems Administrator',
-    email: 'wsomerlie1l@accuweather.com',
-    city: 'Meicheng',
-    startDate: '04/22/2016',
-    salary: 20023.52,
-    age: '28',
-    experience: '9 Years',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 59,
-    avatar: '',
-    fullName: 'Ferdie Georgeon',
-    post: 'Geologist',
-    email: 'fgeorgeon1m@nhs.uk',
-    city: 'Tanahbeureum',
-    startDate: '04/08/2019',
-    salary: 12630.26,
-    age: '28',
-    experience: '1 Year',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 60,
-    avatar: '',
-    fullName: 'Jules Auten',
-    post: 'Desktop Support Technician',
-    email: 'jauten1n@foxnews.com',
-    city: 'Mojo',
-    startDate: '08/13/2019',
-    salary: 13870.62,
-    age: '48',
-    experience: '5 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 61,
-    avatar: avatar3,
-    fullName: 'Nichole Dacres',
-    post: 'Mechanical Systems Engineer',
-    email: 'ndacres1o@apache.org',
-    city: 'Kimanuit',
-    startDate: '11/06/2017',
-    salary: 18220.51,
-    age: '20',
-    experience: '0 Year',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 62,
-    avatar: avatar1,
-    fullName: 'Holly Edgworth',
-    post: 'Junior Executive',
-    email: 'hedgworth1p@craigslist.org',
-    city: 'Pedreira',
-    startDate: '08/05/2017',
-    salary: 13999.88,
-    age: '37',
-    experience: '0 Year',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 63,
-    avatar: avatar7,
-    fullName: 'Henriette Croft',
-    post: 'Food Chemist',
-    email: 'hcroft1q@desdev.cn',
-    city: 'Taizhou',
-    startDate: '09/12/2019',
-    salary: 11049.79,
-    age: '53',
-    experience: '1 Year',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 64,
-    avatar: '',
-    fullName: 'Annetta Glozman',
-    post: 'Staff Accountant',
-    email: 'aglozman1r@storify.com',
-    city: 'Pendawanbaru',
-    startDate: '08/25/2017',
-    salary: 10745.32,
-    age: '27',
-    experience: '3 Years',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 65,
-    avatar: '',
-    fullName: 'Cletis Cervantes',
-    post: 'Health Coach',
-    email: 'ccervantes1s@de.vu',
-    city: 'Solnechnyy',
-    startDate: '05/24/2018',
-    salary: 24769.08,
-    age: '22',
-    experience: '7 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 66,
-    avatar: avatar7,
-    fullName: 'Christos Kiley',
-    post: 'Geologist',
-    email: 'ckiley1t@buzzfeed.com',
-    city: 'El Bolsón',
-    startDate: '02/27/2019',
-    salary: 16053.15,
-    age: '46',
-    experience: '2 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 67,
-    avatar: avatar7,
-    fullName: 'Silvain Siebert',
-    post: 'VP Sales',
-    email: 'ssiebert1u@domainmarket.com',
-    city: 'Cadiz',
-    startDate: '09/23/2017',
-    salary: 23347.17,
-    age: '47',
-    experience: '8 Years',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 68,
-    avatar: '',
-    fullName: 'Sharla Ibberson',
-    post: 'Payment Adjustment Coordinator',
-    email: 'sibberson1v@virginia.edu',
-    city: 'Lamam',
-    startDate: '11/01/2016',
-    salary: 15658.4,
-    age: '51',
-    experience: '8 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 69,
-    avatar: avatar7,
-    fullName: 'Ripley Rentcome',
-    post: 'Physical Therapy Assistant',
-    email: 'rrentcome1w@youtu.be',
-    city: 'Dashkawka',
-    startDate: '07/15/2018',
-    salary: 15396.66,
-    age: '41',
-    experience: '8 Years',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 70,
-    avatar: '',
-    fullName: 'Chrisse Birrane',
-    post: 'Chemical Engineer',
-    email: 'cbirrane1x@google.com.br',
-    city: 'Las Toscas',
-    startDate: '05/22/2016',
-    salary: 15823.4,
-    age: '62',
-    experience: '0 Year',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 71,
-    avatar: '',
-    fullName: 'Georges Tesyro',
-    post: 'Human Resources Manager',
-    email: 'gtesyro1y@last.fm',
-    city: 'Gabao',
-    startDate: '01/27/2019',
-    salary: 19051.25,
-    age: '37',
-    experience: '7 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 72,
-    avatar: '',
-    fullName: 'Bondon Hazard',
-    post: 'Geological Engineer',
-    email: 'bhazard1z@over-blog.com',
-    city: 'Llano de Piedra',
-    startDate: '01/17/2019',
-    salary: 11632.84,
-    age: '65',
-    experience: '3 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 73,
-    avatar: avatar4,
-    fullName: 'Aliza MacElholm',
-    post: 'VP Sales',
-    email: 'amacelholm20@printfriendly.com',
-    city: 'Sosnovyy Bor',
-    startDate: '11/17/2017',
-    salary: 16741.31,
-    age: '64',
-    experience: '7 Years',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 74,
-    avatar: avatar2,
-    fullName: 'Lucas Witherdon',
-    post: 'Senior Quality Engineer',
-    email: 'lwitherdon21@storify.com',
-    city: 'Staré Křečany',
-    startDate: '09/26/2016',
-    salary: 19387.76,
-    age: '38',
-    experience: '2 Years',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 75,
-    avatar: '',
-    fullName: 'Pegeen Peasegod',
-    post: 'Web Designer',
-    email: 'ppeasegod22@slideshare.net',
-    city: 'Keda',
-    startDate: '05/21/2016',
-    salary: 24014.04,
-    age: '59',
-    experience: '6 Years',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 76,
-    avatar: '',
-    fullName: 'Elyn Watkinson',
-    post: 'Structural Analysis Engineer',
-    email: 'ewatkinson23@blogspot.com',
-    city: 'Osan',
-    startDate: '09/30/2016',
-    salary: 14493.51,
-    age: '55',
-    experience: '7 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 77,
-    avatar: avatar8,
-    fullName: 'Babb Skirving',
-    post: 'Analyst Programmer',
-    email: 'bskirving24@cbsnews.com',
-    city: 'Balky',
-    startDate: '09/27/2016',
-    salary: 24733.28,
-    age: '39',
-    experience: '1 Year',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 78,
-    avatar: '',
-    fullName: 'Shelli Ondracek',
-    post: 'Financial Advisor',
-    email: 'sondracek25@plala.or.jp',
-    city: 'Aoluguya Ewenke Minzu',
-    startDate: '03/28/2016',
-    salary: 21922.17,
-    age: '23',
-    experience: '1 Year',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 79,
-    avatar: avatar7,
-    fullName: 'Stanislaw Melloy',
-    post: 'Sales Associate',
-    email: 'smelloy26@fastcompany.com',
-    city: 'Funafuti',
-    startDate: '04/13/2017',
-    salary: 16944.42,
-    age: '30',
-    experience: '2 Years',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 80,
-    avatar: '',
-    fullName: 'Seamus Eisikovitsh',
-    post: 'Legal Assistant',
-    email: 'seisikovitsh27@usgs.gov',
-    city: 'Cangkringan',
-    startDate: '05/28/2018',
-    salary: 21963.69,
-    age: '22',
-    experience: '7 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 81,
-    avatar: avatar2,
-    fullName: 'Tammie Wattins',
-    post: 'Web Designer',
-    email: 'twattins28@statcounter.com',
-    city: 'Xilin',
-    startDate: '08/07/2018',
-    salary: 16049.93,
-    age: '36',
-    experience: '5 Years',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 82,
-    avatar: avatar5,
-    fullName: 'Aila Quailadis',
-    post: 'Technical Writer',
-    email: 'aquail29@prlog.org',
-    city: 'Shuangchahe',
-    startDate: '02/11/2018',
-    salary: 24137.29,
-    age: '43',
-    experience: '4 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 83,
-    avatar: '',
-    fullName: 'Myrvyn Gilogly',
-    post: 'Research Associate',
-    email: 'mgilogly2a@elpais.com',
-    city: 'Prince Rupert',
-    startDate: '05/13/2018',
-    salary: 10089.96,
-    age: '19',
-    experience: '8 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 84,
-    avatar: avatar4,
-    fullName: 'Hanna Langthorne',
-    post: 'Analyst Programmer',
-    email: 'hlangthorne2b@stumbleupon.com',
-    city: 'Guaynabo',
-    startDate: '11/11/2018',
-    salary: 14227.1,
-    age: '21',
-    experience: '7 Years',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 85,
-    avatar: '',
-    fullName: 'Ruby Gimblet',
-    post: 'Registered Nurse',
-    email: 'rgimblet2c@1688.com',
-    city: 'Nanyulinxi',
-    startDate: '03/28/2016',
-    salary: 19562.59,
-    age: '30',
-    experience: '1 Year',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 86,
-    avatar: avatar4,
-    fullName: 'Louis Paszak',
-    post: 'Programmer',
-    email: 'lpaszak2d@behance.net',
-    city: 'Chiscas',
-    startDate: '04/25/2016',
-    salary: 17178.86,
-    age: '51',
-    experience: '7 Years',
-    status: 5,
-  },
-  {
-    responsiveId: '',
-    id: 87,
-    avatar: '',
-    fullName: 'Glennie Riolfi',
-    post: 'Computer Systems Analyst',
-    email: 'griolfi2e@drupal.org',
-    city: 'Taung',
-    startDate: '06/18/2018',
-    salary: 15089.83,
-    age: '29',
-    experience: '4 Years',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 88,
-    avatar: '',
-    fullName: 'Jemimah Morgan',
-    post: 'Staff Accountant',
-    email: 'jmorgan2f@nifty.com',
-    city: 'La Esperanza',
-    startDate: '01/17/2016',
-    salary: 18330.72,
-    age: '27',
-    experience: '3 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 89,
-    avatar: avatar8,
-    fullName: 'Talya Brandon',
-    post: 'Food Chemist',
-    email: 'tbrandon2g@ucoz.com',
-    city: 'Zaječar',
-    startDate: '10/08/2018',
-    salary: 16284.64,
-    age: '28',
-    experience: '6 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 90,
-    avatar: avatar6,
-    fullName: 'Renate Shay',
-    post: 'Recruiter',
-    email: 'rshay2h@tumblr.com',
-    city: 'Pueblo Viejo',
-    startDate: '03/15/2017',
-    salary: 18523.75,
-    age: '28',
-    experience: '3 Years',
-    status: 1,
-  },
-  {
-    responsiveId: '',
-    id: 91,
-    avatar: '',
-    fullName: 'Julianne Bartosik',
-    post: 'Senior Cost Accountant',
-    email: 'jbartosik2i@state.gov',
-    city: 'Botlhapatlou',
-    startDate: '02/06/2017',
-    salary: 17607.66,
-    age: '48',
-    experience: '6 Years',
-    status: 3,
-  },
-  {
-    responsiveId: '',
-    id: 92,
-    avatar: avatar3,
-    fullName: 'Yvonne Emberton',
-    post: 'Recruiter',
-    email: 'yemberton2j@blog.com',
-    city: 'Nagcarlan',
-    startDate: '02/13/2017',
-    salary: 17550.18,
-    age: '20',
-    experience: '1 Year',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 93,
-    avatar: avatar5,
-    fullName: 'Danya Faichnie',
-    post: 'Social Worker',
-    email: 'dfaichnie2k@weather.com',
-    city: 'Taling',
-    startDate: '07/29/2019',
-    salary: 18469.35,
-    age: '37',
-    experience: '3 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 94,
-    avatar: '',
-    fullName: 'Ronica Hasted',
-    post: 'Software Consultant',
-    email: 'rhasted2l@hexun.com',
-    city: 'Gangkou',
-    startDate: '07/04/2019',
-    salary: 24866.66,
-    age: '53',
-    experience: '7 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 96,
-    avatar: '',
-    fullName: 'Alaric Beslier',
-    post: 'Tax Accountant',
-    email: 'abeslier2n@zimbio.com',
-    city: 'Ocucaje',
-    startDate: '04/16/2017',
-    salary: 19366.53,
-    age: '22',
-    experience: '8 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 2,
-    avatar: avatar1,
-    fullName: 'Bailie Coulman',
-    post: 'VP Quality Control',
-    email: 'bcoulman1@yolasite.com',
-    city: 'Hinigaran',
-    startDate: '05/20/2018',
-    salary: 13633.69,
-    age: '63',
-    experience: '3 Years',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 97,
-    avatar: '',
-    fullName: 'Reina Peckett',
-    post: 'Quality Control Specialist',
-    email: 'rpeckett2o@timesonline.co.uk',
-    city: 'Anyang',
-    startDate: '05/20/2018',
-    salary: 16619.4,
-    age: '46',
-    experience: '8 Years',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 98,
-    avatar: avatar7,
-    fullName: 'Olivette Gudgin',
-    post: 'Paralegal',
-    email: 'ogudgin2p@gizmodo.com',
-    city: 'Fujinomiya',
-    startDate: '04/09/2019',
-    salary: 15211.6,
-    age: '47',
-    experience: '8 Years',
-    status: 2,
-  },
-  {
-    responsiveId: '',
-    id: 99,
-    avatar: avatar8,
-    fullName: 'Evangelina Carnock',
-    post: 'Cost Accountant',
-    email: 'ecarnock2q@washington.edu',
-    city: 'Doushaguan',
-    startDate: '01/26/2017',
-    salary: 23704.82,
-    age: '51',
-    experience: '0 Year',
-    status: 4,
-  },
-  {
-    responsiveId: '',
-    id: 100,
-    avatar: '',
-    fullName: 'Glyn Giacoppo',
-    post: 'Software Test Engineer',
-    email: 'ggiacoppo2r@apache.org',
-    city: 'Butha-Buthe',
-    startDate: '04/15/2017',
-    salary: 24973.48,
-    age: '41',
-    experience: '7 Years',
-    status: 2,
-  },
-]
-
-export default data
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/demoCodeDataTable.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/demoCodeDataTable.ts
deleted file mode 100644
index a1aa08e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/data-table/demoCodeDataTable.ts
+++ /dev/null
@@ -1,3005 +0,0 @@
-export const basic = {
-  ts: `<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  { title: 'ID', sortable: false, key: 'id' },
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'EXPERIENCE', key: 'experience' },
-  { title: 'AGE', key: 'age' },
-]
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="5"
-  />
-</template>
-`,
-  js: `<script setup>
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  {
-    title: 'ID',
-    sortable: false,
-    key: 'id',
-  },
-  {
-    title: 'NAME',
-    key: 'fullName',
-  },
-  {
-    title: 'EMAIL',
-    key: 'email',
-  },
-  {
-    title: 'DATE',
-    key: 'startDate',
-  },
-  {
-    title: 'EXPERIENCE',
-    key: 'experience',
-  },
-  {
-    title: 'AGE',
-    key: 'age',
-  },
-]
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="5"
-  />
-</template>
-`,
-}
-
-export const cellSlot = {
-  ts: `<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-]
-
-const resolveStatusVariant = (status: number) => {
-  if (status === 1)
-    return { color: 'primary', text: 'Current' }
-  else if (status === 2)
-    return { color: 'success', text: 'Professional' }
-  else if (status === 3)
-    return { color: 'error', text: 'Rejected' }
-  else if (status === 4)
-    return { color: 'warning', text: 'Resigned' }
-  else
-    return { color: 'info', text: 'Applied' }
-}
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="5"
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-  </VDataTable>
-</template>
-`,
-  js: `<script setup>
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  {
-    title: 'NAME',
-    key: 'fullName',
-  },
-  {
-    title: 'EMAIL',
-    key: 'email',
-  },
-  {
-    title: 'DATE',
-    key: 'startDate',
-  },
-  {
-    title: 'SALARY',
-    key: 'salary',
-  },
-  {
-    title: 'AGE',
-    key: 'age',
-  },
-  {
-    title: 'STATUS',
-    key: 'status',
-  },
-]
-
-const resolveStatusVariant = status => {
-  if (status === 1)
-    return {
-      color: 'primary',
-      text: 'Current',
-    }
-  else if (status === 2)
-    return {
-      color: 'success',
-      text: 'Professional',
-    }
-  else if (status === 3)
-    return {
-      color: 'error',
-      text: 'Rejected',
-    }
-  else if (status === 4)
-    return {
-      color: 'warning',
-      text: 'Resigned',
-    }
-  else
-    return {
-      color: 'info',
-      text: 'Applied',
-    }
-}
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="5"
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-  </VDataTable>
-</template>
-`,
-}
-
-export const dense = {
-  ts: `<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  { title: 'ID', sortable: false, key: 'id' },
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'EXPERIENCE', key: 'experience' },
-  { title: 'AGE', key: 'age' },
-]
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    density="compact"
-    :items-per-page="5"
-  />
-</template>
-`,
-  js: `<script setup>
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  {
-    title: 'ID',
-    sortable: false,
-    key: 'id',
-  },
-  {
-    title: 'NAME',
-    key: 'fullName',
-  },
-  {
-    title: 'EMAIL',
-    key: 'email',
-  },
-  {
-    title: 'DATE',
-    key: 'startDate',
-  },
-  {
-    title: 'EXPERIENCE',
-    key: 'experience',
-  },
-  {
-    title: 'AGE',
-    key: 'age',
-  },
-]
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    density="compact"
-    :items-per-page="5"
-  />
-</template>
-`,
-}
-
-export const expandableRows = {
-  ts: `<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-// Headers
-const headers = [
-  { title: '', key: 'data-table-expand' },
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-]
-
-const resolveStatusVariant = (status: number) => {
-  if (status === 1)
-    return { color: 'primary', text: 'Current' }
-  else if (status === 2)
-    return { color: 'success', text: 'Professional' }
-  else if (status === 3)
-    return { color: 'error', text: 'Rejected' }
-  else if (status === 4)
-    return { color: 'warning', text: 'Resigned' }
-  else
-    return { color: 'info', text: 'Applied' }
-}
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="5"
-    expand-on-click
-  >
-    <!-- Expanded Row Data -->
-    <template #expanded-row="slotProps">
-      <tr class="v-data-table__tr">
-        <td :colspan="headers.length">
-          <p class="my-1">
-            City: {{ slotProps.item.city }}
-          </p>
-          <p class="my-1">
-            Experience: {{ slotProps.item.experience }}
-          </p>
-          <p>Post: {{ slotProps.item.post }}</p>
-        </td>
-      </tr>
-    </template>
-
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-  </VDataTable>
-</template>
-`,
-  js: `<script setup>
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  {
-    title: '',
-    key: 'data-table-expand',
-  },
-  {
-    title: 'NAME',
-    key: 'fullName',
-  },
-  {
-    title: 'EMAIL',
-    key: 'email',
-  },
-  {
-    title: 'DATE',
-    key: 'startDate',
-  },
-  {
-    title: 'SALARY',
-    key: 'salary',
-  },
-  {
-    title: 'AGE',
-    key: 'age',
-  },
-  {
-    title: 'STATUS',
-    key: 'status',
-  },
-]
-
-const resolveStatusVariant = status => {
-  if (status === 1)
-    return {
-      color: 'primary',
-      text: 'Current',
-    }
-  else if (status === 2)
-    return {
-      color: 'success',
-      text: 'Professional',
-    }
-  else if (status === 3)
-    return {
-      color: 'error',
-      text: 'Rejected',
-    }
-  else if (status === 4)
-    return {
-      color: 'warning',
-      text: 'Resigned',
-    }
-  else
-    return {
-      color: 'info',
-      text: 'Applied',
-    }
-}
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="5"
-    expand-on-click
-  >
-    <!-- Expanded Row Data -->
-    <template #expanded-row="slotProps">
-      <tr class="v-data-table__tr">
-        <td :colspan="headers.length">
-          <p class="my-1">
-            City: {{ slotProps.item.city }}
-          </p>
-          <p class="my-1">
-            Experience: {{ slotProps.item.experience }}
-          </p>
-          <p>Post: {{ slotProps.item.post }}</p>
-        </td>
-      </tr>
-    </template>
-
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-  </VDataTable>
-</template>
-`,
-}
-
-export const externalPagination = {
-  ts: `<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-import type { Data } from '@db/pages/datatable/types'
-
-const userList = ref<Data[]>([])
-const options = ref({ page: 1, itemsPerPage: 5, sortBy: [''], sortDesc: [false] })
-
-// headers
-const headers = [
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-]
-
-const resolveStatusVariant = (status: number) => {
-  if (status === 1)
-    return { color: 'primary', text: 'Current' }
-  else if (status === 2)
-    return { color: 'success', text: 'Professional' }
-  else if (status === 3)
-    return { color: 'error', text: 'Rejected' }
-  else if (status === 4)
-    return { color: 'warning', text: 'Resigned' }
-  else
-    return { color: 'info', text: 'Applied' }
-}
-
-onMounted(() => {
-  userList.value = JSON.parse(JSON.stringify(data))
-})
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="userList"
-    :items-per-page="options.itemsPerPage"
-    :page="options.page"
-    :options="options"
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <!-- status -->
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-
-    <template #bottom>
-      <VCardText class="pt-2">
-        <div class="d-flex flex-wrap justify-center justify-sm-space-between gap-y-2 mt-2">
-          <VSelect
-            v-model="options.itemsPerPage"
-            :items="[5, 10, 25, 50, 100]"
-            label="Rows per page:"
-            variant="underlined"
-            style="max-inline-size: 8rem;min-inline-size: 5rem;"
-          />
-
-          <VPagination
-            v-model="options.page"
-            :total-visible="$vuetify.display.smAndDown ? 3 : 5"
-            :length="Math.ceil(userList.length / options.itemsPerPage)"
-          />
-        </div>
-      </VCardText>
-    </template>
-  </VDataTable>
-</template>
-`,
-  js: `<script setup>
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const userList = ref([])
-
-const options = ref({
-  page: 1,
-  itemsPerPage: 5,
-  sortBy: [''],
-  sortDesc: [false],
-})
-
-// headers
-const headers = [
-  {
-    title: 'NAME',
-    key: 'fullName',
-  },
-  {
-    title: 'EMAIL',
-    key: 'email',
-  },
-  {
-    title: 'DATE',
-    key: 'startDate',
-  },
-  {
-    title: 'SALARY',
-    key: 'salary',
-  },
-  {
-    title: 'AGE',
-    key: 'age',
-  },
-  {
-    title: 'STATUS',
-    key: 'status',
-  },
-]
-
-const resolveStatusVariant = status => {
-  if (status === 1)
-    return {
-      color: 'primary',
-      text: 'Current',
-    }
-  else if (status === 2)
-    return {
-      color: 'success',
-      text: 'Professional',
-    }
-  else if (status === 3)
-    return {
-      color: 'error',
-      text: 'Rejected',
-    }
-  else if (status === 4)
-    return {
-      color: 'warning',
-      text: 'Resigned',
-    }
-  else
-    return {
-      color: 'info',
-      text: 'Applied',
-    }
-}
-
-onMounted(() => {
-  userList.value = JSON.parse(JSON.stringify(data))
-})
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="userList"
-    :items-per-page="options.itemsPerPage"
-    :page="options.page"
-    :options="options"
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <!-- status -->
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-
-    <template #bottom>
-      <VCardText class="pt-2">
-        <div class="d-flex flex-wrap justify-center justify-sm-space-between gap-y-2 mt-2">
-          <VSelect
-            v-model="options.itemsPerPage"
-            :items="[5, 10, 25, 50, 100]"
-            label="Rows per page:"
-            variant="underlined"
-            style="max-inline-size: 8rem;min-inline-size: 5rem;"
-          />
-
-          <VPagination
-            v-model="options.page"
-            :total-visible="$vuetify.display.smAndDown ? 3 : 5"
-            :length="Math.ceil(userList.length / options.itemsPerPage)"
-          />
-        </div>
-      </VCardText>
-    </template>
-  </VDataTable>
-</template>
-`,
-}
-
-export const fixedHeader = {
-  ts: `<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-]
-
-const resolveStatusVariant = (status: number) => {
-  if (status === 1)
-    return { color: 'primary', text: 'Current' }
-  else if (status === 2)
-    return { color: 'success', text: 'Professional' }
-  else if (status === 3)
-    return { color: 'error', text: 'Rejected' }
-  else if (status === 4)
-    return { color: 'warning', text: 'Resigned' }
-  else
-    return { color: 'info', text: 'Applied' }
-}
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="10"
-    height="300"
-    fixed-header
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <!-- status -->
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-  </VDataTable>
-</template>
-`,
-  js: `<script setup>
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  {
-    title: 'NAME',
-    key: 'fullName',
-  },
-  {
-    title: 'EMAIL',
-    key: 'email',
-  },
-  {
-    title: 'DATE',
-    key: 'startDate',
-  },
-  {
-    title: 'SALARY',
-    key: 'salary',
-  },
-  {
-    title: 'AGE',
-    key: 'age',
-  },
-  {
-    title: 'STATUS',
-    key: 'status',
-  },
-]
-
-const resolveStatusVariant = status => {
-  if (status === 1)
-    return {
-      color: 'primary',
-      text: 'Current',
-    }
-  else if (status === 2)
-    return {
-      color: 'success',
-      text: 'Professional',
-    }
-  else if (status === 3)
-    return {
-      color: 'error',
-      text: 'Rejected',
-    }
-  else if (status === 4)
-    return {
-      color: 'warning',
-      text: 'Resigned',
-    }
-  else
-    return {
-      color: 'info',
-      text: 'Applied',
-    }
-}
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="10"
-    height="300"
-    fixed-header
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <!-- status -->
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-  </VDataTable>
-</template>
-`,
-}
-
-export const groupingRows = {
-  ts: `<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-
-const userList = [
-  {
-    responsiveId: '',
-    id: 1,
-    avatar: avatar8,
-    fullName: 'Korrie O\'Crevy',
-    post: 'Nuclear Power Engineer',
-    email: 'kocrevy0@thetimes.co.uk',
-    city: 'Krasnosilka',
-    startDate: '09/23/2016',
-    salary: 23896.35,
-    age: '61',
-    experience: '1 Year',
-    status: 'Professional',
-  },
-  {
-    responsiveId: '',
-    id: 2,
-    avatar: avatar1,
-    fullName: 'Bailie Coulman',
-    post: 'VP Quality Control',
-    email: 'bcoulman1@yolasite.com',
-    city: 'Hinigaran',
-    startDate: '05/20/2018',
-    salary: 13633.69,
-    age: '63',
-    experience: '3 Years',
-    status: 'Professional',
-  },
-  {
-    responsiveId: '',
-    id: 3,
-    avatar: avatar7,
-    fullName: 'Stella Ganderton',
-    post: 'Operator',
-    email: 'sganderton2@tuttocitta.it',
-    city: 'Golcowa',
-    startDate: '03/24/2018',
-    salary: 13076.28,
-    age: '66',
-    experience: '6 Years',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 4,
-    avatar: avatar8,
-    fullName: 'Dorolice Crossman',
-    post: 'Cost Accountant',
-    email: 'dcrossman3@google.co.jp',
-    city: 'Paquera',
-    startDate: '12/03/2017',
-    salary: 12336.17,
-    age: '22',
-    experience: '2 Years',
-    status: 'Professional',
-  },
-  {
-    responsiveId: '',
-    id: 6,
-    avatar: '',
-    fullName: 'Genevra Honeywood',
-    post: 'Geologist',
-    email: 'ghoneywood5@narod.ru',
-    city: 'Maofan',
-    startDate: '06/01/2017',
-    salary: 17803.8,
-    age: '61',
-    experience: '1 Year',
-    status: 'Current',
-  },
-  {
-    responsiveId: '',
-    id: 7,
-    avatar: '',
-    fullName: 'Eileen Diehn',
-    post: 'Environmental Specialist',
-    email: 'ediehn6@163.com',
-    city: 'Lampuyang',
-    startDate: '10/15/2017',
-    salary: 18991.67,
-    age: '59',
-    experience: '9 Years',
-    status: 'Rejected',
-  },
-  {
-    responsiveId: '',
-    id: 8,
-    avatar: avatar7,
-    fullName: 'Richardo Aldren',
-    post: 'Senior Sales Associate',
-    email: 'raldren7@mtv.com',
-    city: 'Skoghall',
-    startDate: '11/05/2016',
-    salary: 19230.13,
-    age: '55',
-    experience: '5 Years',
-    status: 'Rejected',
-  },
-  {
-    responsiveId: '',
-    id: 9,
-    avatar: avatar2,
-    fullName: 'Allyson Moakler',
-    post: 'Safety Technician',
-    email: 'amoakler8@shareasale.com',
-    city: 'Mogilany',
-    startDate: '12/29/2018',
-    salary: 11677.32,
-    age: '39',
-    experience: '9 Years',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 11,
-    avatar: '',
-    fullName: 'De Falloon',
-    post: 'Sales Representative',
-    email: 'dfalloona@ifeng.com',
-    city: 'Colima',
-    startDate: '06/12/2018',
-    salary: 19252.12,
-    age: '30',
-    experience: '0 Year',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 12,
-    avatar: '',
-    fullName: 'Cyrus Gornal',
-    post: 'Senior Sales Associate',
-    email: 'cgornalb@fda.gov',
-    city: 'Boro Utara',
-    startDate: '12/09/2017',
-    salary: 16745.47,
-    age: '22',
-    experience: '2 Years',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 13,
-    avatar: '',
-    fullName: 'Tallou Balf',
-    post: 'Staff Accountant',
-    email: 'tbalfc@sina.com.cn',
-    city: 'Siliana',
-    startDate: '01/21/2016',
-    salary: 15488.53,
-    age: '36',
-    experience: '6 Years',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 15,
-    avatar: '',
-    fullName: 'Wilmar Bourton',
-    post: 'Administrative Assistant',
-    email: 'wbourtone@sakura.ne.jp',
-    city: 'Bích Động',
-    startDate: '04/25/2018',
-    salary: 13304.45,
-    age: '19',
-    experience: '9 Years',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 16,
-    avatar: avatar4,
-    fullName: 'Robinson Brazenor',
-    post: 'General Manager',
-    email: 'rbrazenorf@symantec.com',
-    city: 'Gendiwu',
-    startDate: '12/23/2017',
-    salary: 11953.08,
-    age: '66',
-    experience: '6 Years',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 17,
-    avatar: '',
-    fullName: 'Nadia Bettenson',
-    post: 'Environmental Tech',
-    email: 'nbettensong@joomla.org',
-    city: 'Chabařovice',
-    startDate: '07/11/2018',
-    salary: 20484.44,
-    age: '64',
-    experience: '4 Years',
-    status: 'Current',
-  },
-  {
-    responsiveId: '',
-    id: 18,
-    avatar: '',
-    fullName: 'Titus Hayne',
-    post: 'Web Designer',
-    email: 'thayneh@kickstarter.com',
-    city: 'Yangon',
-    startDate: '05/25/2019',
-    salary: 16871.48,
-    age: '59',
-    experience: '9 Years',
-    status: 'Current',
-  },
-  {
-    responsiveId: '',
-    id: 19,
-    avatar: avatar4,
-    fullName: 'Roxie Huck',
-    post: 'Administrative Assistant',
-    email: 'rhucki@ed.gov',
-    city: 'Polýkastro',
-    startDate: '04/04/2019',
-    salary: 19653.56,
-    age: '41',
-    experience: '1 Year',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 23,
-    avatar: avatar7,
-    fullName: 'Rosmunda Steed',
-    post: 'Assistant Media Planner',
-    email: 'rsteedm@xing.com',
-    city: 'Manzanares',
-    startDate: '12/23/2017',
-    salary: 13778.34,
-    age: '21',
-    experience: '1 Year',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 26,
-    avatar: avatar2,
-    fullName: 'Morgen Benes',
-    post: 'Senior Sales Associate',
-    email: 'mbenesp@ted.com',
-    city: 'Cà Mau',
-    startDate: '04/10/2016',
-    salary: 16969.63,
-    age: '42',
-    experience: '2 Years',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 28,
-    avatar: '',
-    fullName: 'Kliment McGinney',
-    post: 'Chief Design Engineer',
-    email: 'kmcginneyr@paginegialle.it',
-    city: 'Xiaocheng',
-    startDate: '07/09/2018',
-    salary: 24027.81,
-    age: '28',
-    experience: '8 Years',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 31,
-    avatar: '',
-    fullName: 'Teressa Bleakman',
-    post: 'Senior Editor',
-    email: 'tbleakmanu@phpbb.com',
-    city: 'Žebrák',
-    startDate: '09/03/2016',
-    salary: 24875.41,
-    age: '37',
-    experience: '7 Years',
-    status: 'Applied',
-  },
-]
-
-const headers = [
-  { title: 'Group by status', key: 'data-table-group' },
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-]
-
-const groupBy = [{ key: 'status' }]
-
-const resolveStatusVariant = (status: string) => {
-  if (status === 'Current')
-    return { color: 'primary' }
-  else if (status === 'Professional')
-    return { color: 'success' }
-  else if (status === 'Rejected')
-    return { color: 'error' }
-  else if (status === 'Resigned')
-    return { color: 'warning' }
-  else
-    return { color: 'info' }
-}
-
-const getIcon = (props: Record<string, unknown>) => props.icon as any
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="userList"
-    :items-per-page="10"
-    :group-by="groupBy"
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-
-        size="small"
-        class="font-weight-medium"
-      >
-        {{ item.status }}
-      </VChip>
-    </template>
-
-    <template #data-table-group="{ props, item, count }">
-      <td colspan="12">
-        <VBtn
-          v-bind="props"
-          variant="text"
-          density="comfortable"
-        >
-          <VIcon
-            class="flip-in-rtl"
-            :icon="getIcon(props)"
-          />
-        </VBtn>
-
-        <span>{{ item.value }}</span>
-        <span>({{ count }})</span>
-      </td>
-    </template>
-  </VDataTable>
-</template>
-`,
-  js: `<script setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-
-const userList = [
-  {
-    responsiveId: '',
-    id: 1,
-    avatar: avatar8,
-    fullName: 'Korrie O\'Crevy',
-    post: 'Nuclear Power Engineer',
-    email: 'kocrevy0@thetimes.co.uk',
-    city: 'Krasnosilka',
-    startDate: '09/23/2016',
-    salary: 23896.35,
-    age: '61',
-    experience: '1 Year',
-    status: 'Professional',
-  },
-  {
-    responsiveId: '',
-    id: 2,
-    avatar: avatar1,
-    fullName: 'Bailie Coulman',
-    post: 'VP Quality Control',
-    email: 'bcoulman1@yolasite.com',
-    city: 'Hinigaran',
-    startDate: '05/20/2018',
-    salary: 13633.69,
-    age: '63',
-    experience: '3 Years',
-    status: 'Professional',
-  },
-  {
-    responsiveId: '',
-    id: 3,
-    avatar: avatar7,
-    fullName: 'Stella Ganderton',
-    post: 'Operator',
-    email: 'sganderton2@tuttocitta.it',
-    city: 'Golcowa',
-    startDate: '03/24/2018',
-    salary: 13076.28,
-    age: '66',
-    experience: '6 Years',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 4,
-    avatar: avatar8,
-    fullName: 'Dorolice Crossman',
-    post: 'Cost Accountant',
-    email: 'dcrossman3@google.co.jp',
-    city: 'Paquera',
-    startDate: '12/03/2017',
-    salary: 12336.17,
-    age: '22',
-    experience: '2 Years',
-    status: 'Professional',
-  },
-  {
-    responsiveId: '',
-    id: 6,
-    avatar: '',
-    fullName: 'Genevra Honeywood',
-    post: 'Geologist',
-    email: 'ghoneywood5@narod.ru',
-    city: 'Maofan',
-    startDate: '06/01/2017',
-    salary: 17803.8,
-    age: '61',
-    experience: '1 Year',
-    status: 'Current',
-  },
-  {
-    responsiveId: '',
-    id: 7,
-    avatar: '',
-    fullName: 'Eileen Diehn',
-    post: 'Environmental Specialist',
-    email: 'ediehn6@163.com',
-    city: 'Lampuyang',
-    startDate: '10/15/2017',
-    salary: 18991.67,
-    age: '59',
-    experience: '9 Years',
-    status: 'Rejected',
-  },
-  {
-    responsiveId: '',
-    id: 8,
-    avatar: avatar7,
-    fullName: 'Richardo Aldren',
-    post: 'Senior Sales Associate',
-    email: 'raldren7@mtv.com',
-    city: 'Skoghall',
-    startDate: '11/05/2016',
-    salary: 19230.13,
-    age: '55',
-    experience: '5 Years',
-    status: 'Rejected',
-  },
-  {
-    responsiveId: '',
-    id: 9,
-    avatar: avatar2,
-    fullName: 'Allyson Moakler',
-    post: 'Safety Technician',
-    email: 'amoakler8@shareasale.com',
-    city: 'Mogilany',
-    startDate: '12/29/2018',
-    salary: 11677.32,
-    age: '39',
-    experience: '9 Years',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 11,
-    avatar: '',
-    fullName: 'De Falloon',
-    post: 'Sales Representative',
-    email: 'dfalloona@ifeng.com',
-    city: 'Colima',
-    startDate: '06/12/2018',
-    salary: 19252.12,
-    age: '30',
-    experience: '0 Year',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 12,
-    avatar: '',
-    fullName: 'Cyrus Gornal',
-    post: 'Senior Sales Associate',
-    email: 'cgornalb@fda.gov',
-    city: 'Boro Utara',
-    startDate: '12/09/2017',
-    salary: 16745.47,
-    age: '22',
-    experience: '2 Years',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 13,
-    avatar: '',
-    fullName: 'Tallou Balf',
-    post: 'Staff Accountant',
-    email: 'tbalfc@sina.com.cn',
-    city: 'Siliana',
-    startDate: '01/21/2016',
-    salary: 15488.53,
-    age: '36',
-    experience: '6 Years',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 15,
-    avatar: '',
-    fullName: 'Wilmar Bourton',
-    post: 'Administrative Assistant',
-    email: 'wbourtone@sakura.ne.jp',
-    city: 'Bích Động',
-    startDate: '04/25/2018',
-    salary: 13304.45,
-    age: '19',
-    experience: '9 Years',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 16,
-    avatar: avatar4,
-    fullName: 'Robinson Brazenor',
-    post: 'General Manager',
-    email: 'rbrazenorf@symantec.com',
-    city: 'Gendiwu',
-    startDate: '12/23/2017',
-    salary: 11953.08,
-    age: '66',
-    experience: '6 Years',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 17,
-    avatar: '',
-    fullName: 'Nadia Bettenson',
-    post: 'Environmental Tech',
-    email: 'nbettensong@joomla.org',
-    city: 'Chabařovice',
-    startDate: '07/11/2018',
-    salary: 20484.44,
-    age: '64',
-    experience: '4 Years',
-    status: 'Current',
-  },
-  {
-    responsiveId: '',
-    id: 18,
-    avatar: '',
-    fullName: 'Titus Hayne',
-    post: 'Web Designer',
-    email: 'thayneh@kickstarter.com',
-    city: 'Yangon',
-    startDate: '05/25/2019',
-    salary: 16871.48,
-    age: '59',
-    experience: '9 Years',
-    status: 'Current',
-  },
-  {
-    responsiveId: '',
-    id: 19,
-    avatar: avatar4,
-    fullName: 'Roxie Huck',
-    post: 'Administrative Assistant',
-    email: 'rhucki@ed.gov',
-    city: 'Polýkastro',
-    startDate: '04/04/2019',
-    salary: 19653.56,
-    age: '41',
-    experience: '1 Year',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 23,
-    avatar: avatar7,
-    fullName: 'Rosmunda Steed',
-    post: 'Assistant Media Planner',
-    email: 'rsteedm@xing.com',
-    city: 'Manzanares',
-    startDate: '12/23/2017',
-    salary: 13778.34,
-    age: '21',
-    experience: '1 Year',
-    status: 'Applied',
-  },
-  {
-    responsiveId: '',
-    id: 26,
-    avatar: avatar2,
-    fullName: 'Morgen Benes',
-    post: 'Senior Sales Associate',
-    email: 'mbenesp@ted.com',
-    city: 'Cà Mau',
-    startDate: '04/10/2016',
-    salary: 16969.63,
-    age: '42',
-    experience: '2 Years',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 28,
-    avatar: '',
-    fullName: 'Kliment McGinney',
-    post: 'Chief Design Engineer',
-    email: 'kmcginneyr@paginegialle.it',
-    city: 'Xiaocheng',
-    startDate: '07/09/2018',
-    salary: 24027.81,
-    age: '28',
-    experience: '8 Years',
-    status: 'Resigned',
-  },
-  {
-    responsiveId: '',
-    id: 31,
-    avatar: '',
-    fullName: 'Teressa Bleakman',
-    post: 'Senior Editor',
-    email: 'tbleakmanu@phpbb.com',
-    city: 'Žebrák',
-    startDate: '09/03/2016',
-    salary: 24875.41,
-    age: '37',
-    experience: '7 Years',
-    status: 'Applied',
-  },
-]
-
-const headers = [
-  {
-    title: 'Group by status',
-    key: 'data-table-group',
-  },
-  {
-    title: 'NAME',
-    key: 'fullName',
-  },
-  {
-    title: 'EMAIL',
-    key: 'email',
-  },
-  {
-    title: 'DATE',
-    key: 'startDate',
-  },
-  {
-    title: 'SALARY',
-    key: 'salary',
-  },
-  {
-    title: 'AGE',
-    key: 'age',
-  },
-  {
-    title: 'STATUS',
-    key: 'status',
-  },
-]
-
-const groupBy = [{ key: 'status' }]
-
-const resolveStatusVariant = status => {
-  if (status === 'Current')
-    return { color: 'primary' }
-  else if (status === 'Professional')
-    return { color: 'success' }
-  else if (status === 'Rejected')
-    return { color: 'error' }
-  else if (status === 'Resigned')
-    return { color: 'warning' }
-  else
-    return { color: 'info' }
-}
-
-const getIcon = props => props.icon
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="userList"
-    :items-per-page="10"
-    :group-by="groupBy"
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-
-        size="small"
-        class="font-weight-medium"
-      >
-        {{ item.status }}
-      </VChip>
-    </template>
-
-    <template #data-table-group="{ props, item, count }">
-      <td colspan="12">
-        <VBtn
-          v-bind="props"
-          variant="text"
-          density="comfortable"
-        >
-          <VIcon
-            class="flip-in-rtl"
-            :icon="getIcon(props)"
-          />
-        </VBtn>
-
-        <span>{{ item.value }}</span>
-        <span>({{ count }})</span>
-      </td>
-    </template>
-  </VDataTable>
-</template>
-`,
-}
-
-export const kitchenSink = {
-  ts: `<script setup lang="ts">
-import type { SalesDetails } from '@db/pages/datatable/types'
-
-const { data: productList, error } = await useApi<SalesDetails[]>('pages/datatable')
-
-const search = ref('')
-
-// headers
-const headers = [
-  { title: 'PRODUCT', key: 'product.name' },
-  { title: 'DATE', key: 'date' },
-  { title: 'CATEGORY', key: 'product.category' },
-  { title: 'BUYERS', key: 'buyer.name' },
-  { title: 'PAYMENT', key: 'payment', sortable: false },
-  { title: 'STATUS', key: 'status', sortable: false },
-  { title: 'DELETE', key: 'delete', sortable: false },
-]
-
-// 👉 methods
-const deleteItem = (itemId: number) => {
-  if (!productList.value)
-    return
-
-  const index = productList.value.findIndex(item => item.product.id === itemId)
-
-  productList.value.splice(index, 1)
-}
-
-const categoryIcons = [
-  { name: 'Mouse', icon: 'tabler-mouse', color: 'warning' },
-  { name: 'Glass', icon: 'tabler-eyeglass', color: 'primary' },
-  { name: 'Smart Watch', icon: 'tabler-device-watch', color: 'success' },
-  { name: 'Bag', icon: 'tabler-briefcase', color: 'info' },
-  { name: 'Storage Device', icon: 'tabler-device-audio-tape', color: 'warning' },
-  { name: 'Bluetooth', icon: 'tabler-bluetooth', color: 'error' },
-  { name: 'Gaming', icon: 'tabler-device-gamepad-2', color: 'warning' },
-  { name: 'Home', icon: 'tabler-home', color: 'error' },
-  { name: 'VR', icon: 'tabler-badge-vr', color: 'primary' },
-  { name: 'Shoes', icon: 'tabler-shoe', color: 'success' },
-  { name: 'Electronics', icon: 'tabler-cpu', color: 'info' },
-  { name: 'Projector', icon: 'tabler-theater', color: 'warning' },
-  { name: 'iPod', icon: 'tabler-device-airpods', color: 'error' },
-  { name: 'Keyboard', icon: 'tabler-keyboard', color: 'primary' },
-  { name: 'Smart Phone', icon: 'tabler-device-mobile', color: 'success' },
-  { name: 'Smart TV', icon: 'tabler-device-tv', color: 'info' },
-  { name: 'Google Home', icon: 'tabler-brand-google', color: 'warning' },
-  { name: 'Mac', icon: 'tabler-brand-apple', color: 'error' },
-  { name: 'Headphone', icon: 'tabler-headphones', color: 'primary' },
-  { name: 'iMac', icon: 'tabler-device-imac', color: 'success' },
-  { name: 'iPhone', icon: 'tabler-brand-apple', color: 'warning' },
-]
-
-const resolveStatusColor = (status: string) => {
-  if (status === 'Confirmed')
-    return 'primary'
-  if (status === 'Completed')
-    return 'success'
-  if (status === 'Cancelled')
-    return 'error'
-}
-
-const categoryIconFilter = (categoryName: string): {
-  icon: string
-  color: string }[] => {
-  const index = categoryIcons.findIndex(category => category.name === categoryName)
-
-  if (index !== -1)
-    return [{ icon: categoryIcons[index].icon, color: categoryIcons[index].color }]
-
-  return [{ icon: 'tabler-help-circle', color: 'primary' }]
-}
-
-if (error.value)
-  console.error(error.value)
-</script>
-
-<template>
-  <div>
-    <VCardText>
-      <VRow>
-        <VCol
-          cols="12"
-          offset-md="8"
-          md="4"
-        >
-          <AppTextField
-            v-model="search"
-            placeholder="Search ..."
-            append-inner-icon="tabler-search"
-            single-line
-            hide-details
-            dense
-            outlined
-          />
-        </VCol>
-      </VRow>
-    </VCardText>
-
-    <!-- 👉 Data Table  -->
-    <VDataTable
-      :headers="headers"
-      :items="productList || []"
-      :search="search"
-      :items-per-page="5"
-      class="text-no-wrap"
-    >
-      <!-- product -->
-      <template #item.product.name="{ item }">
-        <div class="d-flex align-center">
-          <div>
-            <VImg
-              :src="item.product.image"
-              height="40"
-              width="40"
-            />
-          </div>
-          <div class="d-flex flex-column ms-3">
-            <span class="d-block font-weight-medium text-truncate text-high-emphasis">{{ item.product.name }}</span>
-            <span class="text-xs">{{ item.product.brand }}</span>
-          </div>
-        </div>
-      </template>
-
-      <!-- category -->
-      <template #item.product.category="{ item }">
-        <div class="d-flex align-center">
-          <VAvatar
-            v-for="(category, index) in categoryIconFilter(item.product.category)"
-            :key="index"
-            size="26"
-            :color="category.color"
-            variant="tonal"
-          >
-            <VIcon
-              size="20"
-              :color="category.color"
-              class="rounded-0"
-            >
-              {{ category.icon }}
-            </VIcon>
-          </VAvatar>
-          <span class="ms-1 text-no-wrap">{{ item.product.category }}</span>
-        </div>
-      </template>
-
-      <!-- buyer -->
-      <template #item.buyer.name="{ item }">
-        <div class="d-flex align-center">
-          <VAvatar
-            size="1.875rem"
-            :color="!item.buyer.avatar ? 'primary' : undefined"
-            :variant="!item.buyer.avatar ? 'tonal' : undefined"
-          >
-            <VImg
-              v-if="item.buyer.avatar"
-              :src="item.buyer.avatar"
-            />
-            <span v-else>{{ item.buyer.name.slice(0, 2).toUpperCase() }}</span>
-          </VAvatar>
-          <span class="text-no-wrap font-weight-medium text-high-emphasis ms-2">{{ item.buyer.name }}</span>
-        </div>
-      </template>
-
-      <!-- Payment -->
-      <template #item.payment="{ item }">
-        <div class="d-flex flex-column">
-          <div class="d-flex align-center">
-            <span class="text-high-emphasis font-weight-medium">\${{ item.payment.paidAmount }}</span>
-            <span v-if="item.payment.paidAmount !== item.payment.total">/{{ item.payment.total }}</span>
-          </div>
-          <span class="text-xs text-no-wrap">{{ item.payment.receivedPaymentStatus }}</span>
-        </div>
-      </template>
-
-      <!-- Status -->
-      <template #item.status="{ item }">
-        <VChip
-          :color="resolveStatusColor(item.payment.status)"
-          :class="\`text-\${resolveStatusColor(item.payment.status)}\`"
-          size="small"
-          class="font-weight-medium"
-        >
-          {{ item.payment.status }}
-        </VChip>
-      </template>
-
-      <!-- Delete -->
-      <template #item.delete="{ item }">
-        <IconBtn @click="deleteItem(item.product.id)">
-          <VIcon icon="tabler-trash" />
-        </IconBtn>
-      </template>
-    </VDataTable>
-  </div>
-</template>
-`,
-  js: `<script setup>
-const {
-  data: productList,
-  error,
-} = await useApi('pages/datatable')
-
-const search = ref('')
-
-// headers
-const headers = [
-  {
-    title: 'PRODUCT',
-    key: 'product.name',
-  },
-  {
-    title: 'DATE',
-    key: 'date',
-  },
-  {
-    title: 'CATEGORY',
-    key: 'product.category',
-  },
-  {
-    title: 'BUYERS',
-    key: 'buyer.name',
-  },
-  {
-    title: 'PAYMENT',
-    key: 'payment',
-    sortable: false,
-  },
-  {
-    title: 'STATUS',
-    key: 'status',
-    sortable: false,
-  },
-  {
-    title: 'DELETE',
-    key: 'delete',
-    sortable: false,
-  },
-]
-
-const deleteItem = itemId => {
-  if (!productList.value)
-    return
-  const index = productList.value.findIndex(item => item.product.id === itemId)
-
-  productList.value.splice(index, 1)
-}
-
-const categoryIcons = [
-  {
-    name: 'Mouse',
-    icon: 'tabler-mouse',
-    color: 'warning',
-  },
-  {
-    name: 'Glass',
-    icon: 'tabler-eyeglass',
-    color: 'primary',
-  },
-  {
-    name: 'Smart Watch',
-    icon: 'tabler-device-watch',
-    color: 'success',
-  },
-  {
-    name: 'Bag',
-    icon: 'tabler-briefcase',
-    color: 'info',
-  },
-  {
-    name: 'Storage Device',
-    icon: 'tabler-device-audio-tape',
-    color: 'warning',
-  },
-  {
-    name: 'Bluetooth',
-    icon: 'tabler-bluetooth',
-    color: 'error',
-  },
-  {
-    name: 'Gaming',
-    icon: 'tabler-device-gamepad-2',
-    color: 'warning',
-  },
-  {
-    name: 'Home',
-    icon: 'tabler-home',
-    color: 'error',
-  },
-  {
-    name: 'VR',
-    icon: 'tabler-badge-vr',
-    color: 'primary',
-  },
-  {
-    name: 'Shoes',
-    icon: 'tabler-shoe',
-    color: 'success',
-  },
-  {
-    name: 'Electronics',
-    icon: 'tabler-cpu',
-    color: 'info',
-  },
-  {
-    name: 'Projector',
-    icon: 'tabler-theater',
-    color: 'warning',
-  },
-  {
-    name: 'iPod',
-    icon: 'tabler-device-airpods',
-    color: 'error',
-  },
-  {
-    name: 'Keyboard',
-    icon: 'tabler-keyboard',
-    color: 'primary',
-  },
-  {
-    name: 'Smart Phone',
-    icon: 'tabler-device-mobile',
-    color: 'success',
-  },
-  {
-    name: 'Smart TV',
-    icon: 'tabler-device-tv',
-    color: 'info',
-  },
-  {
-    name: 'Google Home',
-    icon: 'tabler-brand-google',
-    color: 'warning',
-  },
-  {
-    name: 'Mac',
-    icon: 'tabler-brand-apple',
-    color: 'error',
-  },
-  {
-    name: 'Headphone',
-    icon: 'tabler-headphones',
-    color: 'primary',
-  },
-  {
-    name: 'iMac',
-    icon: 'tabler-device-imac',
-    color: 'success',
-  },
-  {
-    name: 'iPhone',
-    icon: 'tabler-brand-apple',
-    color: 'warning',
-  },
-]
-
-const resolveStatusColor = status => {
-  if (status === 'Confirmed')
-    return 'primary'
-  if (status === 'Completed')
-    return 'success'
-  if (status === 'Cancelled')
-    return 'error'
-}
-
-const categoryIconFilter = categoryName => {
-  const index = categoryIcons.findIndex(category => category.name === categoryName)
-  if (index !== -1)
-    return [{
-      icon: categoryIcons[index].icon,
-      color: categoryIcons[index].color,
-    }]
-  
-  return [{
-    icon: 'tabler-help-circle',
-    color: 'primary',
-  }]
-}
-
-if (error.value)
-  console.error(error.value)
-</script>
-
-<template>
-  <div>
-    <VCardText>
-      <VRow>
-        <VCol
-          cols="12"
-          offset-md="8"
-          md="4"
-        >
-          <AppTextField
-            v-model="search"
-            placeholder="Search ..."
-            append-inner-icon="tabler-search"
-            single-line
-            hide-details
-            dense
-            outlined
-          />
-        </VCol>
-      </VRow>
-    </VCardText>
-
-    <!-- 👉 Data Table  -->
-    <VDataTable
-      :headers="headers"
-      :items="productList || []"
-      :search="search"
-      :items-per-page="5"
-      class="text-no-wrap"
-    >
-      <!-- product -->
-      <template #item.product.name="{ item }">
-        <div class="d-flex align-center">
-          <div>
-            <VImg
-              :src="item.product.image"
-              height="40"
-              width="40"
-            />
-          </div>
-          <div class="d-flex flex-column ms-3">
-            <span class="d-block font-weight-medium text-truncate text-high-emphasis">{{ item.product.name }}</span>
-            <span class="text-xs">{{ item.product.brand }}</span>
-          </div>
-        </div>
-      </template>
-
-      <!-- category -->
-      <template #item.product.category="{ item }">
-        <div class="d-flex align-center">
-          <VAvatar
-            v-for="(category, index) in categoryIconFilter(item.product.category)"
-            :key="index"
-            size="26"
-            :color="category.color"
-            variant="tonal"
-          >
-            <VIcon
-              size="20"
-              :color="category.color"
-              class="rounded-0"
-            >
-              {{ category.icon }}
-            </VIcon>
-          </VAvatar>
-          <span class="ms-1 text-no-wrap">{{ item.product.category }}</span>
-        </div>
-      </template>
-
-      <!-- buyer -->
-      <template #item.buyer.name="{ item }">
-        <div class="d-flex align-center">
-          <VAvatar
-            size="1.875rem"
-            :color="!item.buyer.avatar ? 'primary' : undefined"
-            :variant="!item.buyer.avatar ? 'tonal' : undefined"
-          >
-            <VImg
-              v-if="item.buyer.avatar"
-              :src="item.buyer.avatar"
-            />
-            <span v-else>{{ item.buyer.name.slice(0, 2).toUpperCase() }}</span>
-          </VAvatar>
-          <span class="text-no-wrap font-weight-medium text-high-emphasis ms-2">{{ item.buyer.name }}</span>
-        </div>
-      </template>
-
-      <!-- Payment -->
-      <template #item.payment="{ item }">
-        <div class="d-flex flex-column">
-          <div class="d-flex align-center">
-            <span class="text-high-emphasis font-weight-medium">\${{ item.payment.paidAmount }}</span>
-            <span v-if="item.payment.paidAmount !== item.payment.total">/{{ item.payment.total }}</span>
-          </div>
-          <span class="text-xs text-no-wrap">{{ item.payment.receivedPaymentStatus }}</span>
-        </div>
-      </template>
-
-      <!-- Status -->
-      <template #item.status="{ item }">
-        <VChip
-          :color="resolveStatusColor(item.payment.status)"
-          :class="\`text-\${resolveStatusColor(item.payment.status)}\`"
-          size="small"
-          class="font-weight-medium"
-        >
-          {{ item.payment.status }}
-        </VChip>
-      </template>
-
-      <!-- Delete -->
-      <template #item.delete="{ item }">
-        <IconBtn @click="deleteItem(item.product.id)">
-          <VIcon icon="tabler-trash" />
-        </IconBtn>
-      </template>
-    </VDataTable>
-  </div>
-</template>
-`,
-}
-
-export const rowEditingViaDialog = {
-  ts: `<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-import type { Data } from '@db/pages/datatable/types'
-
-const editDialog = ref(false)
-const deleteDialog = ref(false)
-
-const defaultItem = ref<Data>({
-  responsiveId: '',
-  id: -1,
-  avatar: '',
-  fullName: '',
-  post: '',
-  email: '',
-  city: '',
-  startDate: '',
-  salary: -1,
-  age: '',
-  experience: '',
-  status: -1,
-})
-
-const editedItem = ref<Data>(defaultItem.value)
-const editedIndex = ref(-1)
-const userList = ref<Data[]>([])
-
-// status options
-const selectedOptions = [
-  { text: 'Current', value: 1 },
-  { text: 'Professional', value: 2 },
-  { text: 'Rejected', value: 3 },
-  { text: 'Resigned', value: 4 },
-  { text: 'Applied', value: 5 },
-]
-
-// headers
-const headers = [
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-  { title: 'ACTIONS', key: 'actions' },
-]
-
-const resolveStatusVariant = (status: number) => {
-  if (status === 1)
-    return { color: 'primary', text: 'Current' }
-  else if (status === 2)
-    return { color: 'success', text: 'Professional' }
-  else if (status === 3)
-    return { color: 'error', text: 'Rejected' }
-  else if (status === 4)
-    return { color: 'warning', text: 'Resigned' }
-  else
-    return { color: 'info', text: 'Applied' }
-}
-
-// 👉 methods
-const editItem = (item: Data) => {
-  editedIndex.value = userList.value.indexOf(item)
-  editedItem.value = { ...item }
-  editDialog.value = true
-}
-
-const deleteItem = (item: Data) => {
-  editedIndex.value = userList.value.indexOf(item)
-  editedItem.value = { ...item }
-  deleteDialog.value = true
-}
-
-const close = () => {
-  editDialog.value = false
-  editedIndex.value = -1
-  editedItem.value = { ...defaultItem.value }
-}
-
-const closeDelete = () => {
-  deleteDialog.value = false
-  editedIndex.value = -1
-  editedItem.value = { ...defaultItem.value }
-}
-
-const save = () => {
-  if (editedIndex.value > -1)
-    Object.assign(userList.value[editedIndex.value], editedItem.value)
-
-  else
-    userList.value.push(editedItem.value)
-
-  close()
-}
-
-const deleteItemConfirm = () => {
-  userList.value.splice(editedIndex.value, 1)
-  closeDelete()
-}
-
-onMounted(() => {
-  userList.value = JSON.parse(JSON.stringify(data))
-})
-</script>
-
-<template>
-  <!-- 👉 Datatable  -->
-  <VDataTable
-    :headers="headers"
-    :items="userList"
-    :items-per-page="5"
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <!-- avatar -->
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <!-- status -->
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-
-    <!-- Actions -->
-    <template #item.actions="{ item }">
-      <div class="d-flex gap-1">
-        <IconBtn @click="editItem(item)">
-          <VIcon icon="tabler-edit" />
-        </IconBtn>
-        <IconBtn @click="deleteItem(item)">
-          <VIcon icon="tabler-trash" />
-        </IconBtn>
-      </div>
-    </template>
-  </VDataTable>
-
-  <!-- 👉 Edit Dialog  -->
-  <VDialog
-    v-model="editDialog"
-    max-width="600px"
-  >
-    <VCard title="Edit Item">
-      <VCardText>
-        <div class="text-body-1 mb-6">
-          Name: <span class="text-h6">{{ editedItem?.fullName }}</span>
-        </div>
-        <VRow>
-          <!-- fullName -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.fullName"
-              label="User name"
-            />
-          </VCol>
-
-          <!-- email -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.email"
-              label="Email"
-            />
-          </VCol>
-
-          <!-- salary -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.salary"
-              label="Salary"
-              prefix="$"
-              type="number"
-            />
-          </VCol>
-
-          <!-- age -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.age"
-              label="Age"
-              type="number"
-            />
-          </VCol>
-
-          <!-- start date -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.startDate"
-              label="Date"
-            />
-          </VCol>
-
-          <!-- status -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppSelect
-              v-model="editedItem.status"
-              :items="selectedOptions"
-              item-title="text"
-              item-value="value"
-              label="Standard"
-            />
-          </VCol>
-        </VRow>
-      </VCardText>
-
-      <VCardText>
-        <div class="self-align-end d-flex gap-4 justify-end">
-          <VBtn
-            color="error"
-            variant="outlined"
-            @click="close"
-          >
-            Cancel
-          </VBtn>
-          <VBtn
-            color="success"
-            variant="elevated"
-            @click="save"
-          >
-            Save
-          </VBtn>
-        </div>
-      </VCardText>
-    </VCard>
-  </VDialog>
-
-  <!-- 👉 Delete Dialog  -->
-  <VDialog
-    v-model="deleteDialog"
-    max-width="500px"
-  >
-    <VCard title="Are you sure you want to delete this item?">
-      <VCardText>
-        <div class="d-flex justify-center gap-4">
-          <VBtn
-            color="error"
-            variant="outlined"
-            @click="closeDelete"
-          >
-            Cancel
-          </VBtn>
-          <VBtn
-            color="success"
-            variant="elevated"
-            @click="deleteItemConfirm"
-          >
-            OK
-          </VBtn>
-        </div>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-  js: `<script setup>
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const editDialog = ref(false)
-const deleteDialog = ref(false)
-
-const defaultItem = ref({
-  responsiveId: '',
-  id: -1,
-  avatar: '',
-  fullName: '',
-  post: '',
-  email: '',
-  city: '',
-  startDate: '',
-  salary: -1,
-  age: '',
-  experience: '',
-  status: -1,
-})
-
-const editedItem = ref(defaultItem.value)
-const editedIndex = ref(-1)
-const userList = ref([])
-
-// status options
-const selectedOptions = [
-  {
-    text: 'Current',
-    value: 1,
-  },
-  {
-    text: 'Professional',
-    value: 2,
-  },
-  {
-    text: 'Rejected',
-    value: 3,
-  },
-  {
-    text: 'Resigned',
-    value: 4,
-  },
-  {
-    text: 'Applied',
-    value: 5,
-  },
-]
-
-// headers
-const headers = [
-  {
-    title: 'NAME',
-    key: 'fullName',
-  },
-  {
-    title: 'EMAIL',
-    key: 'email',
-  },
-  {
-    title: 'DATE',
-    key: 'startDate',
-  },
-  {
-    title: 'SALARY',
-    key: 'salary',
-  },
-  {
-    title: 'AGE',
-    key: 'age',
-  },
-  {
-    title: 'STATUS',
-    key: 'status',
-  },
-  {
-    title: 'ACTIONS',
-    key: 'actions',
-  },
-]
-
-const resolveStatusVariant = status => {
-  if (status === 1)
-    return {
-      color: 'primary',
-      text: 'Current',
-    }
-  else if (status === 2)
-    return {
-      color: 'success',
-      text: 'Professional',
-    }
-  else if (status === 3)
-    return {
-      color: 'error',
-      text: 'Rejected',
-    }
-  else if (status === 4)
-    return {
-      color: 'warning',
-      text: 'Resigned',
-    }
-  else
-    return {
-      color: 'info',
-      text: 'Applied',
-    }
-}
-
-const editItem = item => {
-  editedIndex.value = userList.value.indexOf(item)
-  editedItem.value = { ...item }
-  editDialog.value = true
-}
-
-const deleteItem = item => {
-  editedIndex.value = userList.value.indexOf(item)
-  editedItem.value = { ...item }
-  deleteDialog.value = true
-}
-
-const close = () => {
-  editDialog.value = false
-  editedIndex.value = -1
-  editedItem.value = { ...defaultItem.value }
-}
-
-const closeDelete = () => {
-  deleteDialog.value = false
-  editedIndex.value = -1
-  editedItem.value = { ...defaultItem.value }
-}
-
-const save = () => {
-  if (editedIndex.value > -1)
-    Object.assign(userList.value[editedIndex.value], editedItem.value)
-  else
-    userList.value.push(editedItem.value)
-  close()
-}
-
-const deleteItemConfirm = () => {
-  userList.value.splice(editedIndex.value, 1)
-  closeDelete()
-}
-
-onMounted(() => {
-  userList.value = JSON.parse(JSON.stringify(data))
-})
-</script>
-
-<template>
-  <!-- 👉 Datatable  -->
-  <VDataTable
-    :headers="headers"
-    :items="userList"
-    :items-per-page="5"
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <!-- avatar -->
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <!-- status -->
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-
-    <!-- Actions -->
-    <template #item.actions="{ item }">
-      <div class="d-flex gap-1">
-        <IconBtn @click="editItem(item)">
-          <VIcon icon="tabler-edit" />
-        </IconBtn>
-        <IconBtn @click="deleteItem(item)">
-          <VIcon icon="tabler-trash" />
-        </IconBtn>
-      </div>
-    </template>
-  </VDataTable>
-
-  <!-- 👉 Edit Dialog  -->
-  <VDialog
-    v-model="editDialog"
-    max-width="600px"
-  >
-    <VCard title="Edit Item">
-      <VCardText>
-        <div class="text-body-1 mb-6">
-          Name: <span class="text-h6">{{ editedItem?.fullName }}</span>
-        </div>
-        <VRow>
-          <!-- fullName -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.fullName"
-              label="User name"
-            />
-          </VCol>
-
-          <!-- email -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.email"
-              label="Email"
-            />
-          </VCol>
-
-          <!-- salary -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.salary"
-              label="Salary"
-              prefix="$"
-              type="number"
-            />
-          </VCol>
-
-          <!-- age -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.age"
-              label="Age"
-              type="number"
-            />
-          </VCol>
-
-          <!-- start date -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppTextField
-              v-model="editedItem.startDate"
-              label="Date"
-            />
-          </VCol>
-
-          <!-- status -->
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppSelect
-              v-model="editedItem.status"
-              :items="selectedOptions"
-              item-title="text"
-              item-value="value"
-              label="Standard"
-            />
-          </VCol>
-        </VRow>
-      </VCardText>
-
-      <VCardText>
-        <div class="self-align-end d-flex gap-4 justify-end">
-          <VBtn
-            color="error"
-            variant="outlined"
-            @click="close"
-          >
-            Cancel
-          </VBtn>
-          <VBtn
-            color="success"
-            variant="elevated"
-            @click="save"
-          >
-            Save
-          </VBtn>
-        </div>
-      </VCardText>
-    </VCard>
-  </VDialog>
-
-  <!-- 👉 Delete Dialog  -->
-  <VDialog
-    v-model="deleteDialog"
-    max-width="500px"
-  >
-    <VCard title="Are you sure you want to delete this item?">
-      <VCardText>
-        <div class="d-flex justify-center gap-4">
-          <VBtn
-            color="error"
-            variant="outlined"
-            @click="closeDelete"
-          >
-            Cancel
-          </VBtn>
-          <VBtn
-            color="success"
-            variant="elevated"
-            @click="deleteItemConfirm"
-          >
-            OK
-          </VBtn>
-        </div>
-      </VCardText>
-    </VCard>
-  </VDialog>
-</template>
-`,
-}
-
-export const rowSelection = {
-  ts: `<script setup lang="ts">
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  { title: 'NAME', key: 'fullName' },
-  { title: 'EMAIL', key: 'email' },
-  { title: 'DATE', key: 'startDate' },
-  { title: 'SALARY', key: 'salary' },
-  { title: 'AGE', key: 'age' },
-  { title: 'STATUS', key: 'status' },
-]
-
-const resolveStatusVariant = (status: number) => {
-  if (status === 1)
-    return { color: 'primary', text: 'Current' }
-  else if (status === 2)
-    return { color: 'success', text: 'Professional' }
-  else if (status === 3)
-    return { color: 'error', text: 'Rejected' }
-  else if (status === 4)
-    return { color: 'warning', text: 'Resigned' }
-  else
-    return { color: 'info', text: 'Applied' }
-}
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="5"
-    show-select
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <!-- status -->
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-  </VDataTable>
-</template>
-`,
-  js: `<script setup>
-import data from '@/views/demos/forms/tables/data-table/datatable'
-
-const headers = [
-  {
-    title: 'NAME',
-    key: 'fullName',
-  },
-  {
-    title: 'EMAIL',
-    key: 'email',
-  },
-  {
-    title: 'DATE',
-    key: 'startDate',
-  },
-  {
-    title: 'SALARY',
-    key: 'salary',
-  },
-  {
-    title: 'AGE',
-    key: 'age',
-  },
-  {
-    title: 'STATUS',
-    key: 'status',
-  },
-]
-
-const resolveStatusVariant = status => {
-  if (status === 1)
-    return {
-      color: 'primary',
-      text: 'Current',
-    }
-  else if (status === 2)
-    return {
-      color: 'success',
-      text: 'Professional',
-    }
-  else if (status === 3)
-    return {
-      color: 'error',
-      text: 'Rejected',
-    }
-  else if (status === 4)
-    return {
-      color: 'warning',
-      text: 'Resigned',
-    }
-  else
-    return {
-      color: 'info',
-      text: 'Applied',
-    }
-}
-</script>
-
-<template>
-  <VDataTable
-    :headers="headers"
-    :items="data"
-    :items-per-page="5"
-    show-select
-  >
-    <!-- full name -->
-    <template #item.fullName="{ item }">
-      <div class="d-flex align-center">
-        <VAvatar
-          size="32"
-          :color="item.avatar ? '' : 'primary'"
-          :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-          :variant="!item.avatar ? 'tonal' : undefined"
-        >
-          <VImg
-            v-if="item.avatar"
-            :src="item.avatar"
-          />
-          <span v-else>{{ avatarText(item.fullName) }}</span>
-        </VAvatar>
-        <div class="d-flex flex-column ms-3">
-          <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
-          <small>{{ item.post }}</small>
-        </div>
-      </div>
-    </template>
-
-    <!-- status -->
-    <template #item.status="{ item }">
-      <VChip
-        :color="resolveStatusVariant(item.status).color"
-        class="font-weight-medium"
-        size="small"
-      >
-        {{ resolveStatusVariant(item.status).text }}
-      </VChip>
-    </template>
-  </VDataTable>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableBasic.vue
deleted file mode 100644
index c670e46..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableBasic.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<script setup lang="ts">
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable class="text-no-wrap">
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableDensity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableDensity.vue
deleted file mode 100644
index d92147c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableDensity.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<script setup lang="ts">
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable
-    density="compact"
-    class="text-no-wrap"
-  >
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableFixedHeader.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableFixedHeader.vue
deleted file mode 100644
index e27911a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableFixedHeader.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<script setup lang="ts">
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable
-    height="250"
-    fixed-header
-    class="text-no-wrap"
-  >
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableHeight.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableHeight.vue
deleted file mode 100644
index b2b8315..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableHeight.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<script setup lang="ts">
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable
-    height="250"
-    class="text-no-wrap"
-  >
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableTheme.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableTheme.vue
deleted file mode 100644
index 5da3943..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/DemoSimpleTableTheme.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<script setup lang="ts">
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable
-
-    theme="dark"
-    class="text-no-wrap rounded-0"
-  >
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/demoCodeSimpleTable.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/demoCodeSimpleTable.ts
deleted file mode 100644
index a92d0b1..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/demos/forms/tables/simple-table/demoCodeSimpleTable.ts
+++ /dev/null
@@ -1,912 +0,0 @@
-export const basic = {
-  ts: `<script setup lang="ts">
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable class="text-no-wrap">
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
-`,
-  js: `<script setup>
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable class="text-no-wrap">
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
-`,
-}
-
-export const density = {
-  ts: `<script setup lang="ts">
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable
-    density="compact"
-    class="text-no-wrap"
-  >
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
-`,
-  js: `<script setup>
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable
-    density="compact"
-    class="text-no-wrap"
-  >
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
-`,
-}
-
-export const fixedHeader = {
-  ts: `<script setup lang="ts">
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable
-    height="250"
-    fixed-header
-    class="text-no-wrap"
-  >
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
-`,
-  js: `<script setup>
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable
-    height="250"
-    fixed-header
-    class="text-no-wrap"
-  >
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
-`,
-}
-
-export const height = {
-  ts: `<script setup lang="ts">
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable
-    height="250"
-    class="text-no-wrap"
-  >
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
-`,
-  js: `<script setup>
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable
-    height="250"
-    class="text-no-wrap"
-  >
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
-`,
-}
-
-export const theme = {
-  ts: `<script setup lang="ts">
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable
-
-    theme="dark"
-    class="text-no-wrap rounded-0"
-  >
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
-`,
-  js: `<script setup>
-const desserts = [
-  {
-    dessert: 'Frozen Yogurt',
-    calories: 159,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Ice cream sandwich',
-    calories: 237,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Eclair',
-    calories: 262,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Cupcake',
-    calories: 305,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-  {
-    dessert: 'Gingerbread',
-    calories: 356,
-    fat: 6,
-    carbs: 24,
-    protein: 4,
-  },
-]
-</script>
-
-<template>
-  <VTable
-
-    theme="dark"
-    class="text-no-wrap rounded-0"
-  >
-    <thead>
-      <tr>
-        <th>
-          Desserts(100g Servings)
-        </th>
-        <th>
-          calories
-        </th>
-        <th>
-          Fat(g)
-        </th>
-        <th>
-          Carbs(g)
-        </th>
-        <th>
-          protein(g)
-        </th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <tr
-        v-for="item in desserts"
-        :key="item.dessert"
-      >
-        <td>
-          {{ item.dessert }}
-        </td>
-        <td>
-          {{ item.calories }}
-        </td>
-        <td>
-          {{ item.fat }}
-        </td>
-        <td>
-          {{ item.carbs }}
-        </td>
-        <td>
-          {{ item.protein }}
-        </td>
-      </tr>
-    </tbody>
-  </VTable>
-</template>
-`,
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/front-page-footer.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/front-page-footer.vue
deleted file mode 100644
index 4b91e0f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/front-page-footer.vue
+++ /dev/null
@@ -1,301 +0,0 @@
-<script setup lang="ts">
-import appleImg from '@images/front-pages/landing-page/apple-icon.png'
-import googlePlayImg from '@images/front-pages/landing-page/google-play-icon.png'
-
-import footerDarkBg from '@images/front-pages/backgrounds/footer-bg-dark.png'
-import footerLightBg from '@images/front-pages/backgrounds/footer-bg-light.png'
-
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-interface Menu {
-  name: string
-  to: any
-  isNew?: boolean
-}
-
-const footerBg = useGenerateImageVariant(footerLightBg, footerDarkBg)
-
-const pagesList: Menu[] = [
-  { name: 'Pricing', to: { name: 'front-pages-pricing' } },
-  { name: 'Payment', to: { name: 'front-pages-payment' }, isNew: true },
-  { name: 'Checkout', to: { name: 'front-pages-checkout' } },
-  { name: 'Help Center', to: { name: 'front-pages-help-center' } },
-  { name: 'Login/Register', to: { name: 'pages-authentication-login-v2' } },
-]
-
-const demoList = [
-  { title: 'Vertical Layout', to: 'https://demos.pixinvent.com/vuexy-vuejs-laravel-admin-template/demo-1/dashboards/analytics' },
-  { title: 'Horizontal Layout', to: 'https://demos.pixinvent.com/vuexy-vuejs-admin-template/demo-5/dashboards/analytics' },
-  { title: 'Bordered Layout', to: 'https://demos.pixinvent.com/vuexy-vuejs-admin-template/demo-2/dashboards/analytics' },
-  { title: 'Semi Dark Layout', to: 'https://demos.pixinvent.com/vuexy-vuejs-admin-template/demo-3/dashboards/analytics' },
-  { title: 'Dark Layout', to: 'https://demos.pixinvent.com/vuexy-vuejs-admin-template/demo-4/dashboards/analytics' },
-]
-</script>
-
-<template>
-  <div class="footer">
-    <div
-      class="footer-top pt-11"
-      :style="{ 'background-image': `url(${footerBg})` }"
-    >
-      <VContainer>
-        <VRow>
-          <!-- 👉 Footer  -->
-          <VCol
-            cols="12"
-            md="5"
-          >
-            <div
-              class="mb-4"
-              :class="$vuetify.display.smAndDown ? 'w-100' : 'w-75'"
-            >
-              <div class="app-logo mb-6">
-                <VNodeRenderer :nodes="themeConfig.app.logo" />
-                <h1 class="app-logo-title text-white">
-                  {{ themeConfig.app.title }}
-                </h1>
-              </div>
-
-              <div
-                class="mb-6"
-                :class="$vuetify.theme.current.dark ? 'text-body-1' : 'text-white-variant'"
-              >
-                Most Powerful & Comprehensive 🤩 Vuejs Admin Template with Elegant Material Design & Unique Layouts.
-              </div>
-              <VForm class="subscribe-form d-flex align-center">
-                <AppTextField
-                  label="Subscribe to newsletter"
-                  placeholder="john@email.com"
-                />
-                <VBtn class="align-self-end rounded-s-0">
-                  Subscribe
-                </VBtn>
-              </VForm>
-            </div>
-          </VCol>
-
-          <!-- 👉 Demos -->
-          <VCol
-            md="2"
-            sm="4"
-            xs="6"
-          >
-            <div class="footer-links">
-              <h6 class="footer-title text-h6 mb-6">
-                Demos
-              </h6>
-              <ul style="list-style: none;">
-                <li
-                  v-for="(item, index) in demoList"
-                  :key="index"
-                  class="mb-4"
-                >
-                  <a
-                    :href="item.to"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    :class="$vuetify.theme.current.dark ? 'text-body-1' : 'text-white-variant'"
-                  >
-                    {{ item.title }}
-                  </a>
-                </li>
-              </ul>
-            </div>
-          </VCol>
-
-          <!-- 👉 Pages  -->
-          <VCol
-            md="2"
-            sm="4"
-            xs="6"
-          >
-            <div class="footer-links">
-              <h6 class="footer-title text-h6 mb-6">
-                Pages
-              </h6>
-              <ul style="list-style: none;">
-                <li
-                  v-for="(item, index) in pagesList"
-                  :key="index"
-                  class="mb-4"
-                >
-                  <RouterLink
-                    :class="$vuetify.theme.current.dark ? 'text-body-1' : 'text-white-variant'"
-                    class="me-2"
-                    :to="item.to"
-                  >
-                    {{ item.name }}
-                  </RouterLink>
-                  <template v-if="item.isNew">
-                    <VChip
-                      color="primary"
-                      variant="elevated"
-                      label
-                      size="small"
-                    >
-                      New
-                    </VChip>
-                  </template>
-                </li>
-              </ul>
-            </div>
-          </VCol>
-
-          <!-- 👉 Download App -->
-          <VCol
-            cols="12"
-            md="3"
-            sm="4"
-          >
-            <div>
-              <h6 class="footer-title text-h6 mb-6">
-                Download our app
-              </h6>
-
-              <div>
-                <VBtn
-                  v-for="(item, index) in [
-                    { image: appleImg, store: 'App Store' },
-                    { image: googlePlayImg, store: 'Google Play' },
-                  ]"
-                  :key="index"
-                  color="#282c3e"
-                  height="56"
-                  class="mb-4 d-block"
-                >
-                  <template #default>
-                    <div class="d-flex align-center gap-x-8 footer-logo-buttons">
-                      <VImg
-                        :src="item.image"
-                        height="34"
-                        width="34"
-                      />
-                      <div class="d-flex flex-column justify-content-start">
-                        <div :class="$vuetify.theme.current.dark ? 'text-body-2' : 'text-white-variant text-body-2'">
-                          Download on the
-                        </div>
-                        <h6
-                          class="text-h6 text-start"
-                          :class="$vuetify.theme.current.dark ? 'text-body-1' : 'footer-title'"
-                        >
-                          {{ item.store }}
-                        </h6>
-                      </div>
-                    </div>
-                  </template>
-                </VBtn>
-              </div>
-            </div>
-          </VCol>
-        </VRow>
-      </VContainer>
-    </div>
-
-    <!-- 👉 Footer Line -->
-    <div class="footer-line w-100">
-      <VContainer>
-        <div class="d-flex justify-space-between flex-wrap gap-y-5 align-center">
-          <div class="text-body-1 text-white-variant text-wrap me-4">
-            &copy;
-
-            {{ new Date().getFullYear() }}
-            <a
-              href="https://pixinvent.com/"
-              target="_blank"
-              rel="noopener noreferrer"
-              class="font-weight-bold ms-1 text-white"
-            >Pixinvent</a>,
-            Made With ❤️ for a better web.
-          </div>
-
-          <div class="d-flex gap-x-6">
-            <template
-              v-for="(item, index) in [
-                { title: 'github', icon: 'tabler-brand-github-filled', href: 'https://github.com/pixinvent' },
-                { title: 'facebook', icon: 'tabler-brand-facebook-filled', href: 'https://www.facebook.com/pixinvents/' },
-                { title: 'twitter', icon: 'tabler-brand-twitter-filled', href: 'https://twitter.com/pixinvents' },
-                { title: 'google', icon: 'tabler-brand-youtube-filled', href: 'https://www.youtube.com/channel/UClOcB3o1goJ293ri_Hxpklg' },
-              ]"
-              :key="index"
-            >
-              <a
-                :href="item.href"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                <VIcon
-                  :icon="item.icon"
-                  size="16"
-                  color="white"
-                />
-              </a>
-            </template>
-          </div>
-        </div>
-      </VContainer>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.footer-title {
-  color: rgba(255, 255, 255, 92%);
-}
-
-.footer-top {
-  border-radius: 60px 60px 0 0;
-  background-size: cover;
-  color: #fff;
-}
-
-.footer-links {
-  .text-white-variant,
-  .text-body-1 {
-    &:hover {
-      color: #fff;
-    }
-  }
-}
-
-.footer-line {
-  background: #282c3e;
-}
-</style>
-
-<style lang="scss">
-.subscribe-form {
-  .v-label {
-    color: rgba(225, 222, 245, 90%) !important;
-  }
-
-  .v-field {
-    border-end-end-radius: 0;
-    border-end-start-radius: 10px;
-    border-start-end-radius: 0;
-    border-start-start-radius: 10px;
-
-    input.v-field__input::placeholder {
-      color: rgba(225, 222, 245, 40%) !important;
-    }
-
-    input.v-field__input {
-      color: rgba(255, 255, 255, 78%);
-    }
-  }
-}
-
-.footer {
-  border-radius: 50%;
-
-  @media (min-width: 600px) and (max-width: 960px) {
-    .v-container {
-      padding-inline: 2rem !important;
-    }
-
-    .footer-logo-buttons {
-      gap: 0.75rem;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/front-page-navbar.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/front-page-navbar.vue
deleted file mode 100644
index 07047df..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/front-page-navbar.vue
+++ /dev/null
@@ -1,510 +0,0 @@
-<script setup lang="ts">
-import { useWindowScroll } from '@vueuse/core'
-import type { RouteLocationRaw } from 'vue-router/auto'
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
-import { useDisplay } from 'vuetify'
-import navImg from '@images/front-pages/misc/nav-item-col-img.png'
-
-import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue'
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
-import { themeConfig } from '@themeConfig'
-
-const props = defineProps({
-  activeId: String,
-})
-
-const display = useDisplay()
-
-interface navItem {
-  name: string
-  to: RouteLocationRaw
-}
-
-interface MenuItem {
-  listTitle: string
-  listIcon: string
-  navItems: navItem[]
-}
-const { y } = useWindowScroll()
-
-const route = useRoute()
-const router = useRouter()
-
-const sidebar = ref(false)
-
-watch(() => display, () => {
-  return display.mdAndUp ? sidebar.value = false : sidebar.value
-}, { deep: true })
-
-const isMenuOpen = ref(false)
-const isMegaMenuOpen = ref(false)
-
-const menuItems: MenuItem[] = [
-  {
-    listTitle: 'Page',
-    listIcon: 'tabler-layout-grid',
-    navItems: [
-      { name: 'Pricing', to: { name: 'front-pages-pricing' } },
-      { name: 'Payment', to: { name: 'front-pages-payment' } },
-      { name: 'Checkout', to: { name: 'front-pages-checkout' } },
-      { name: 'Help Center', to: { name: 'front-pages-help-center' } },
-    ],
-  },
-  {
-    listTitle: 'Auth Demo',
-    listIcon: 'tabler-lock-open',
-    navItems: [
-      { name: 'Login (Basic)', to: { name: 'pages-authentication-login-v1' } },
-      { name: 'Login (Cover)', to: { name: 'pages-authentication-login-v2' } },
-      { name: 'Register (Basic)', to: { name: 'pages-authentication-register-v1' } },
-      { name: 'Register (Cover)', to: { name: 'pages-authentication-register-v2' } },
-      { name: 'Register (Multi-steps)', to: { name: 'pages-authentication-register-multi-steps' } },
-      { name: 'Forgot Password (Basic)', to: { name: 'pages-authentication-forgot-password-v1' } },
-      { name: 'Forgot Password (Cover)', to: { name: 'pages-authentication-forgot-password-v2' } },
-      { name: 'Reset Password (Basic)', to: { name: 'pages-authentication-reset-password-v1' } },
-      { name: 'Reset Password (cover  )', to: { name: 'pages-authentication-reset-password-v2' } },
-    ],
-  },
-  {
-    listTitle: 'Other',
-    listIcon: 'tabler-photo',
-    navItems: [
-      { name: 'Under Maintenance', to: { name: 'pages-misc-under-maintenance' } },
-      { name: 'Coming Soon', to: { name: 'pages-misc-coming-soon' } },
-      { name: 'Not Authorized', to: { path: '/not-authorized' } },
-      { name: 'Verify Email (Basic)', to: { name: 'pages-authentication-verify-email-v1' } },
-      { name: 'Verify Email (Cover)', to: { name: 'pages-authentication-verify-email-v2' } },
-      { name: 'Two Steps (Basic)', to: { name: 'pages-authentication-two-steps-v1' } },
-      { name: 'Two Steps (Cover)', to: { name: 'pages-authentication-two-steps-v2' } },
-    ],
-  },
-]
-
-const isCurrentRoute = (to: RouteLocationRaw) => {
-  return route.matched.some(_route => _route.path.startsWith(router.resolve(to).path))
-
-  // ℹ️ Below is much accurate approach if you don't have any nested routes
-  // return route.matched.some(_route => _route.path === router.resolve(to).path)
-}
-
-const isPageActive = computed(() => menuItems.some(item => item.navItems.some(listItem => isCurrentRoute(listItem.to))))
-</script>
-
-<template>
-  <!-- 👉 Navigation drawer for mobile devices  -->
-  <VNavigationDrawer
-    v-model="sidebar"
-    width="275"
-    data-allow-mismatch
-    disable-resize-watcher
-  >
-    <PerfectScrollbar
-      :options="{ wheelPropagation: false }"
-      class="h-100"
-    >
-      <!-- Nav items -->
-      <div>
-        <div class="d-flex flex-column gap-y-4 pa-4">
-          <RouterLink
-            v-for="(item, index) in ['Home', 'Features', 'Team', 'FAQ', 'Contact us']"
-            :key="index"
-            :to="{ name: 'front-pages-landing-page', hash: `#${item.toLowerCase().replace(' ', '-')}` }"
-            class="nav-link font-weight-medium"
-            :class="[props.activeId?.toLocaleLowerCase().replace('-', ' ') === item.toLocaleLowerCase() ? 'active-link' : '']"
-          >
-            {{ item }}
-          </RouterLink>
-
-          <div class="font-weight-medium cursor-pointer">
-            <div
-              :class="[isMenuOpen ? 'mb-6 active-link' : '', isPageActive ? 'active-link' : '']"
-              style="color: rgba(var(--v-theme-on-surface));"
-              class="page-link"
-              @click="isMenuOpen = !isMenuOpen"
-            >
-              Pages <VIcon :icon="isMenuOpen ? 'tabler-chevron-up' : 'tabler-chevron-down'" />
-            </div>
-
-            <div
-              class="px-4"
-              :class="isMenuOpen ? 'd-block' : 'd-none'"
-            >
-              <div
-                v-for="(item, index) in menuItems"
-                :key="index"
-              >
-                <div class="d-flex align-center gap-x-3 mb-4">
-                  <VAvatar
-                    variant="tonal"
-                    color="primary"
-                    rounded
-                    :icon="item.listIcon"
-                  />
-                  <div class="text-body-1 text-high-emphasis font-weight-medium">
-                    {{ item.listTitle }}
-                  </div>
-                </div>
-                <ul class="mb-6">
-                  <li
-                    v-for="listItem in item.navItems"
-                    :key="listItem.name"
-                    style="list-style: none;"
-                    class="text-body-1 mb-4 text-no-wrap"
-                  >
-                    <RouterLink
-                      :to="listItem.to"
-                      :target="item.listTitle === 'Page' ? '_self' : '_blank'"
-                      class="mega-menu-item"
-                      :class="isCurrentRoute(listItem.to) ? 'active-link' : 'text-high-emphasis'"
-                    >
-                      <VIcon
-                        icon="tabler-circle"
-                        :size="10"
-                        class="me-2"
-                      />
-                      <span>  {{ listItem.name }}</span>
-                    </RouterLink>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-
-          <RouterLink
-            to="/"
-            target="_blank"
-            class="font-weight-medium nav-link"
-          >
-            Admin
-          </RouterLink>
-        </div>
-      </div>
-
-      <!-- Navigation drawer close icon -->
-      <VIcon
-        id="navigation-drawer-close-btn"
-        icon="tabler-x"
-        size="20"
-        @click="sidebar = !sidebar"
-      />
-    </PerfectScrollbar>
-  </VNavigationDrawer>
-
-  <!-- 👉 Navbar for desktop devices  -->
-  <div class="front-page-navbar">
-    <div class="front-page-navbar">
-      <VAppBar
-        :color="$vuetify.theme.current.dark ? 'rgba(var(--v-theme-surface),0.38)' : 'rgba(var(--v-theme-surface), 0.38)'"
-        :class="y > 10 ? 'app-bar-scrolled' : [$vuetify.theme.current.dark ? 'app-bar-dark' : 'app-bar-light', 'elevation-0']"
-        class="navbar-blur"
-      >
-        <!-- toggle icon for mobile device -->
-        <IconBtn
-          id="vertical-nav-toggle-btn"
-          class="ms-n3 me-2 d-inline-block d-md-none"
-          @click="sidebar = !sidebar"
-        >
-          <VIcon
-            size="26"
-            icon="tabler-menu-2"
-            color="rgba(var(--v-theme-on-surface))"
-          />
-        </IconBtn>
-        <!-- Title and Landing page sections -->
-        <div class="d-flex align-center">
-          <VAppBarTitle class="me-6">
-            <RouterLink
-              to="/"
-              class="d-flex gap-x-4"
-              :class="$vuetify.display.mdAndUp ? 'd-none' : 'd-block'"
-            >
-              <div class="app-logo">
-                <VNodeRenderer :nodes="themeConfig.app.logo" />
-                <h1 class="app-logo-title">
-                  {{ themeConfig.app.title }}
-                </h1>
-              </div>
-            </RouterLink>
-          </VAppBarTitle>
-
-          <!-- landing page sections -->
-          <div class="text-base align-center d-none d-md-flex">
-            <RouterLink
-              v-for="(item, index) in ['Home', 'Features', 'Team', 'FAQ', 'Contact us']"
-              :key="index"
-              :to="{ name: 'front-pages-landing-page', hash: `#${item.toLowerCase().replace(' ', '-')}` }"
-              class="nav-link font-weight-medium py-2 px-2 px-lg-4"
-              :class="[props.activeId?.toLocaleLowerCase().replace('-', ' ') === item.toLocaleLowerCase() ? 'active-link' : '']"
-            >
-              {{ item }}
-            </RouterLink>
-
-            <!-- Pages Menu -->
-            <span
-              class="font-weight-medium cursor-pointer px-2 px-lg-4 py-2"
-              :class="isPageActive || isMegaMenuOpen ? 'active-link' : ''"
-              style="color: rgba(var(--v-theme-on-surface));"
-            >
-              Pages
-              <VIcon
-                icon="tabler-chevron-down"
-                size="16"
-                class="ms-2"
-              />
-              <VMenu
-                v-model="isMegaMenuOpen"
-                open-on-hover
-                activator="parent"
-                transition="slide-y-transition"
-                location="bottom center"
-                offset="16"
-                content-class="mega-menu"
-                location-strategy="static"
-                close-on-content-click
-              >
-                <VCard max-width="1000">
-                  <VCardText class="pa-8">
-                    <div class="nav-menu">
-                      <div
-                        v-for="(item, index) in menuItems"
-                        :key="index"
-                      >
-                        <div class="d-flex align-center gap-x-3 mb-6">
-                          <VAvatar
-                            variant="tonal"
-                            color="primary"
-                            rounded
-                            :icon="item.listIcon"
-                          />
-                          <div class="text-body-1 text-high-emphasis font-weight-medium">
-                            {{ item.listTitle }}
-                          </div>
-                        </div>
-                        <ul>
-                          <li
-                            v-for="listItem in item.navItems"
-                            :key="listItem.name"
-                            style="list-style: none;"
-                            class="text-body-1 mb-4 text-no-wrap"
-                          >
-                            <RouterLink
-                              class="mega-menu-item"
-                              :to="listItem.to"
-                              :target="item.listTitle === 'Page' ? '_self' : '_blank'"
-                              :class="isCurrentRoute(listItem.to) ? 'active-link' : 'text-high-emphasis'"
-                            >
-                              <div class="d-flex align-center">
-                                <VIcon
-                                  icon="tabler-circle"
-                                  color="primary"
-                                  :size="10"
-                                  class="me-2"
-                                />
-                                <span>{{ listItem.name }}</span>
-                              </div>
-                            </RouterLink>
-                          </li>
-                        </ul>
-                      </div>
-                      <img
-                        :src="navImg"
-                        alt="Navigation Image"
-                        class="d-inline-block rounded-lg"
-                        style="border: 10px solid rgb(var(--v-theme-background));"
-                        :width="$vuetify.display.lgAndUp ? '330' : '250'"
-                        :height="$vuetify.display.lgAndUp ? '330' : '250'"
-                      >
-                    </div>
-                  </VCardText>
-                </VCard>
-              </VMenu>
-            </span>
-
-            <RouterLink
-              to="/"
-              target="_blank"
-              class="font-weight-medium nav-link"
-            >
-              Admin
-            </RouterLink>
-          </div>
-        </div>
-
-        <VSpacer />
-
-        <div class="d-flex gap-x-4">
-          <NavbarThemeSwitcher />
-
-          <VBtn
-            v-if="$vuetify.display.lgAndUp"
-            prepend-icon="tabler-shopping-cart"
-            variant="elevated"
-            color="primary"
-            href="https://1.envato.market/vuexy_admin"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Purchase Now
-          </VBtn>
-
-          <VBtn
-            v-else
-            rounded
-            icon
-            variant="elevated"
-            color="primary"
-            href="https://1.envato.market/vuexy_admin"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <VIcon icon="tabler-shopping-cart" />
-          </VBtn>
-        </div>
-      </VAppBar>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.nav-menu {
-  display: flex;
-  gap: 2rem;
-}
-
-.nav-link {
-  &:not(:hover) {
-    color: rgb(var(--v-theme-on-surface));
-  }
-}
-
-.page-link {
-  &:hover {
-    color: rgb(var(--v-theme-primary)) !important;
-  }
-}
-
-@media (max-width: 1280px) {
-  .nav-menu {
-    gap: 2.25rem;
-  }
-}
-
-@media (min-width: 1920px) {
-  .front-page-navbar {
-    .v-toolbar {
-      max-inline-size: calc(1440px - 32px);
-    }
-  }
-}
-
-@media (min-width: 1280px) and (max-width: 1919px) {
-  .front-page-navbar {
-    .v-toolbar {
-      max-inline-size: calc(1200px - 32px);
-    }
-  }
-}
-
-@media (min-width: 960px) and (max-width: 1279px) {
-  .front-page-navbar {
-    .v-toolbar {
-      max-inline-size: calc(900px - 32px);
-    }
-  }
-}
-
-@media (min-width: 600px) and (max-width: 959px) {
-  .front-page-navbar {
-    .v-toolbar {
-      max-inline-size: calc(100% - 64px);
-    }
-  }
-}
-
-@media (max-width: 600px) {
-  .front-page-navbar {
-    .v-toolbar {
-      max-inline-size: calc(100% - 32px);
-    }
-  }
-}
-
-.nav-item-img {
-  border: 10px solid rgb(var(--v-theme-background));
-  border-radius: 10px;
-}
-
-.active-link {
-  color: rgb(var(--v-theme-primary)) !important;
-}
-
-.app-bar-light {
-  border: 2px solid rgba(var(--v-theme-surface), 68%);
-  border-radius: 0.5rem;
-  background-color: rgba(var(--v-theme-surface), 38%);
-  transition: all 0.1s ease-in-out;
-}
-
-.app-bar-dark {
-  border: 2px solid rgba(var(--v-theme-surface), 68%);
-  border-radius: 0.5rem;
-  background-color: rgba(255, 255, 255, 4%);
-  transition: all 0.1s ease-in-out;
-}
-
-.app-bar-scrolled {
-  border: 2px solid rgb(var(--v-theme-surface));
-  border-radius: 0.5rem;
-  background-color: rgb(var(--v-theme-surface)) !important;
-  transition: all 0.1s ease-in-out;
-}
-
-.front-page-navbar::after {
-  position: fixed;
-  z-index: 2;
-  backdrop-filter: saturate(100%) blur(6px);
-  block-size: 5rem;
-  content: "";
-  inline-size: 100%;
-}
-</style>
-
-<style lang="scss">
-@use "@layouts/styles/mixins" as layoutMixins;
-
-.mega-menu {
-  position: fixed !important;
-  inset-block-start: 5.4rem;
-  inset-inline-start: 50%;
-  transform: translateX(-50%);
-
-  @include layoutMixins.rtl {
-    transform: translateX(50%);
-  }
-}
-
-.front-page-navbar {
-  .v-toolbar__content {
-    padding-inline: 30px !important;
-  }
-
-  .v-toolbar {
-    inset-inline: 0 !important;
-    margin-block-start: 1rem !important;
-    margin-inline: auto !important;
-  }
-}
-
-.mega-menu-item {
-  &:hover {
-    color: rgb(var(--v-theme-primary)) !important;
-  }
-}
-
-#navigation-drawer-close-btn {
-  position: absolute;
-  cursor: pointer;
-  inset-block-start: 0.5rem;
-  inset-inline-end: 1rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/banner.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/banner.vue
deleted file mode 100644
index e62c9c6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/banner.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<script setup lang="ts">
-import ctaDashborad from '@images/front-pages/landing-page/cta-dashboard.png'
-</script>
-
-<template>
-  <div
-    class="landing-cta bg-surface"
-    :class="$vuetify.theme.current.dark ? 'banner-bg-dark' : 'banner-bg-light'"
-  >
-    <VContainer>
-      <div class="d-flex justify-center justify-md-space-between flex-wrap gap-6 gap-x-10 position-relative pt-12">
-        <div class="align-self-center">
-          <div class="banner-title text-primary mb-1">
-            Ready to Get Started?
-          </div>
-          <h5 class="text-h5 text-medium-emphasis mb-8">
-            Start your project with a 14-day free trial
-          </h5>
-          <VBtn
-            color="primary"
-            :to="{ name: 'front-pages-payment' }"
-            :size="$vuetify.display.smAndUp ? 'large' : 'default' "
-          >
-            Get Started
-          </VBtn>
-        </div>
-
-        <div class="banner-img">
-          <img
-            :src="ctaDashborad"
-            class="w-100"
-          >
-        </div>
-      </div>
-    </VContainer>
-  </div>
-</template>
-
-<style lang="scss">
-.landing-cta {
-  background-size: cover;
-  margin-block: auto;
-}
-
-.banner-img {
-  margin-block-end: -22px;
-}
-
-.banner-title {
-  font-size: 34px;
-  font-weight: 700;
-  line-height: 44px;
-}
-
-.banner-bg-light {
-  background-image: url("@images/front-pages/backgrounds/cta-bg.png");
-}
-
-.banner-bg-dark {
-  background-image: url("@images/front-pages/backgrounds/cta-bg-dark.png");
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/contact-us.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/contact-us.vue
deleted file mode 100644
index a0c154c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/contact-us.vue
+++ /dev/null
@@ -1,194 +0,0 @@
-<script setup lang="ts">
-import ConnectImg from '@images/front-pages/landing-page/contact-customer-service.png'
-
-const name = ref('')
-const email = ref('')
-const message = ref('')
-</script>
-
-<template>
-  <VContainer id="contact-us">
-    <!-- 👉 Headers  -->
-    <div class="contact-us-section">
-      <div class="headers d-flex justify-center flex-column align-center pb-16">
-        <VChip
-          label
-          color="primary"
-          class="mb-4"
-          size="small"
-        >
-          Contact Us
-        </VChip>
-        <h4 class="d-flex align-center text-h4 mb-1 flex-wrap justify-center">
-          <div class="position-relative me-2">
-            <div class="section-title">
-              let's work
-            </div>
-          </div>
-          together
-        </h4>
-        <p class="text-body-1 mb-0">
-          Any question or remark? just write us a message
-        </p>
-      </div>
-
-      <div class="mb-15">
-        <VRow class="match-height">
-          <VCol
-            cols="12"
-            md="5"
-          >
-            <div class="contact-card h-100">
-              <VCard
-                variant="outlined"
-                border
-                class="pa-2"
-                :style="{ borderRadius: '3.75rem 0.375rem 0.375rem 0.375rem' }"
-              >
-                <VImg
-                  :src="ConnectImg"
-                  :style="{ borderRadius: '3.75rem 0.375rem 0.375rem 0.375rem' }"
-                />
-                <VCardText class="pa-4 pb-1">
-                  <div class="d-flex justify-space-between flex-wrap gap-y-4">
-                    <div
-                      v-for="(item, index) in [
-                        { title: 'Email', icon: 'tabler-mail', color: 'primary', value: 'example@gmail.com' },
-                        { title: 'Phone', icon: 'tabler-phone-call', color: 'success', value: '+1234 568 963' },
-                      ]"
-                      :key="index"
-                      class="d-flex gap-x-3 align-center"
-                    >
-                      <div>
-                        <VAvatar
-                          size="36"
-                          :color="item.color"
-                          variant="tonal"
-                          class="rounded-sm"
-                        >
-                          <VIcon
-                            :icon="item.icon"
-                            size="24"
-                          />
-                        </VAvatar>
-                      </div>
-
-                      <div>
-                        <div class="text-body-1">
-                          {{ item .title }}
-                        </div>
-                        <h6 class="text-h6">
-                          {{ item.value }}
-                        </h6>
-                      </div>
-                    </div>
-                  </div>
-                </VCardText>
-              </VCard>
-            </div>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="7"
-          >
-            <VCard>
-              <VCardItem class="pb-0">
-                <h4 class="text-h4 mb-1">
-                  Send a message
-                </h4>
-              </VCardItem>
-
-              <VCardText>
-                <p class="mb-6">
-                  If you would like to discuss anything related to payment, account, licensing, partnerships, or have pre-sales questions, you’re at the right place.
-                </p>
-                <VForm @submit.prevent="() => {}">
-                  <VRow>
-                    <VCol
-                      cols="12"
-                      md="6"
-                    >
-                      <AppTextField
-                        v-model="name"
-                        placeholder="John Doe"
-                        label="Full Name"
-                      />
-                    </VCol>
-
-                    <VCol
-                      cols="12"
-                      md="6"
-                    >
-                      <AppTextField
-                        v-model="email"
-                        placeholder="johndoe@gmail.com"
-                        label="Email address"
-                      />
-                    </VCol>
-
-                    <VCol cols="12">
-                      <AppTextarea
-                        v-model="message"
-                        placeholder="Write a message"
-                        rows="3"
-                        label="Message"
-                      />
-                    </VCol>
-
-                    <VCol>
-                      <VBtn type="submit">
-                        Send Inquiry
-                      </VBtn>
-                    </VCol>
-                  </VRow>
-                </VForm>
-              </VCardText>
-            </VCard>
-          </VCol>
-        </VRow>
-      </div>
-    </div>
-  </VContainer>
-</template>
-
-<style lang="scss" scoped>
-.contact-us-section {
-  margin-block: 5.25rem;
-}
-
-.section-title {
-  font-size: 24px;
-  font-weight: 800;
-  line-height: 36px;
-}
-
-.section-title::after {
-  position: absolute;
-  background: url("../../../assets/images/front-pages/icons/section-title-icon.png") no-repeat left bottom;
-  background-size: contain;
-  block-size: 100%;
-  content: "";
-  font-weight: 800;
-  inline-size: 120%;
-  inset-block-end: 12%;
-  inset-inline-start: -12%;
-}
-
-.contact-card {
-  position: relative;
-}
-
-.contact-card::before {
-  position: absolute;
-  content: url("@images/front-pages/icons/contact-border.png");
-  inset-block-start: -2.5rem;
-  inset-inline-start: -2.5rem;
-}
-
-@media screen and (max-width: 999px) {
-  .contact-card::before {
-    display: none;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/customers-review.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/customers-review.vue
deleted file mode 100644
index b3a4405..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/customers-review.vue
+++ /dev/null
@@ -1,388 +0,0 @@
-<script setup lang="ts">
-import { register } from 'swiper/element/bundle'
-import { useGenerateImageVariant } from '@/@core/composable/useGenerateImageVariant'
-import logo1dark from '@images/front-pages/branding/logo-1-dark.png'
-import logo1light from '@images/front-pages/branding/logo-1-light.png'
-import logo1 from '@images/front-pages/branding/logo-1.png'
-import logo2dark from '@images/front-pages/branding/logo-2-dark.png'
-import logo2light from '@images/front-pages/branding/logo-2-light.png'
-import logo2 from '@images/front-pages/branding/logo-2.png'
-import logo3dark from '@images/front-pages/branding/logo-3-dark.png'
-import logo3light from '@images/front-pages/branding/logo-3-light.png'
-import logo3 from '@images/front-pages/branding/logo-3.png'
-import logo4dark from '@images/front-pages/branding/logo-4-dark.png'
-import logo4light from '@images/front-pages/branding/logo-4-light.png'
-import logo4 from '@images/front-pages/branding/logo-4.png'
-import logo5dark from '@images/front-pages/branding/logo-5-dark.png'
-import logo5light from '@images/front-pages/branding/logo-5-light.png'
-
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-
-register()
-
-const brandLogo1 = useGenerateImageVariant(logo1light, logo1dark)
-const brandLogo2 = useGenerateImageVariant(logo2light, logo2dark)
-const brandLogo3 = useGenerateImageVariant(logo3light, logo3dark)
-const brandLogo4 = useGenerateImageVariant(logo4light, logo4dark)
-const brandLogo5 = useGenerateImageVariant(logo5light, logo5dark)
-
-// Customer Review Data
-const reviewData = [
-  {
-    desc: 'I\'ve never used a theme as versatile and flexible as Vuexy. It\'s my go to for building dashboard sites on almost any project.',
-    img: logo1,
-    rating: 5,
-    name: 'Eugenia Moore',
-    position: 'Founder of Hubspot',
-    avatar: avatar1,
-  },
-  {
-    desc: 'This template is really clean & well documented. The docs are really easy to understand and it\'s always easy to find a screenshot from their website.',
-    img: logo2,
-    rating: 5,
-    name: 'Curtis Fletcher',
-    position: 'Design Lead at Dribbble',
-    avatar: avatar2,
-  },
-  {
-    desc: 'This template is superior in so many ways. The code, the design, the regular updates, the support.. It\'s the whole package. Excellent Work.',
-    img: logo3,
-    rating: 4,
-    name: 'Eugenia Moore',
-    position: 'CTO of Airbnb',
-    avatar: avatar3,
-  },
-  {
-    desc: 'All the requirements for developers have been taken into consideration, so I\'m able to build any beautiful interface I want.',
-    img: logo4,
-    rating: 5,
-    name: 'Sara Smith',
-    position: 'Founder of Continental',
-    avatar: avatar4,
-  },
-  {
-    desc: 'Vuexy is awesome, and I particularly enjoy knowing that if I get stuck on something, there is always a helpful community to assist me.',
-    img: logo3,
-    rating: 5,
-    name: 'Tommy haffman',
-    position: 'Founder of Levis',
-    avatar: avatar5,
-  },
-  {
-    desc: 'I\'ve never used a theme as versatile and flexible as Vuexy. It\'s my go to for building dashboard sites on almost any project.',
-    img: logo1,
-    rating: 5,
-    name: 'Eugenia Moore',
-    position: 'Founder of Hubspot',
-    avatar: avatar1,
-  },
-  {
-    desc: 'Vuexy is awesome, and I particularly enjoy knowing that if I get stuck on something, there is always a helpful community to assist me.',
-    img: logo2,
-    rating: 5,
-    name: 'Tommy haffman',
-    position: 'Founder of Levis',
-    avatar: avatar2,
-  },
-  {
-    desc: 'This template is superior in so many ways. The code, the design, the regular updates, the support.. It\'s the whole package. Excellent Work.',
-    img: logo3,
-    rating: 4,
-    name: 'Eugenia Moore',
-    position: 'CTO of Airbnb',
-    avatar: avatar3,
-  },
-  {
-    desc: 'All the requirements for developers have been taken into consideration, so I\'m able to build any beautiful interface I want.',
-    img: logo4,
-    rating: 4,
-    name: 'Sara Smith',
-    position: 'Founder of Continental',
-    avatar: avatar4,
-  },
-  {
-    desc: 'This template is really clean & well documented. The docs are really easy to understand and it\'s always easy to find a screenshot from their website.',
-    img: logo2,
-    rating: 5,
-    name: 'Curtis Fletcher',
-    position: 'Design Lead at Dribbble',
-    avatar: avatar5,
-  },
-]
-
-const customerReviewSwiper = ref<any>(null)
-
-const slide = (dir: string) => {
-  const swiper = customerReviewSwiper.value?.swiper
-
-  if (dir === 'prev')
-    swiper.slidePrev()
-
-  swiper.slideNext()
-}
-</script>
-
-<template>
-  <div
-    id="customer-review"
-    class="position-relative"
-  >
-    <div class="customer-reviews">
-      <VContainer>
-        <!-- 👉 Headers  -->
-        <VRow>
-          <VCol
-            cols="12"
-            md="3"
-          >
-            <div
-              class="headers d-flex justify-center flex-column align-start h-100"
-              style="max-inline-size: 275px;"
-            >
-              <VChip
-                label
-                color="primary"
-                class="mb-4"
-                size="small"
-              >
-                Real Customers Reviews
-              </VChip>
-              <div class="position-relative mb-1 me-2">
-                <div class="section-title">
-                  What people say
-                </div>
-              </div>
-              <p class="text-body-1 mb-12">
-                See what our customers have to say about their experience.
-              </p>
-              <div class="position-relative">
-                <IconBtn
-                  class="reviews-button-prev rounded me-4"
-                  variant="tonal"
-                  color="primary"
-                  @click="slide('prev')"
-                >
-                  <VIcon
-                    icon="tabler-chevron-left"
-                    class="flip-in-rtl"
-                  />
-                </IconBtn>
-
-                <IconBtn
-                  class="reviews-button-next rounded"
-                  variant="tonal"
-                  color="primary"
-                  @click="slide('next')"
-                >
-                  <VIcon
-                    icon="tabler-chevron-right"
-                    class="flip-in-rtl"
-                  />
-                </IconBtn>
-              </div>
-            </div>
-          </VCol>
-
-          <VCol
-            cols="12"
-            md="9"
-          >
-            <!-- 👉 Customer Review Swiper -->
-            <div class="swiper-reviews-carousel">
-              <!-- eslint-disable vue/attribute-hyphenation -->
-              <swiper-container
-                ref="customerReviewSwiper"
-                slides-per-view="1"
-                space-between="20"
-                loop="true"
-                autoplay-delay="3000"
-                autoplay-disable-on-interaction="false"
-                events-prefix="swiper-"
-                :injectStyles="[
-                  `
-                    .swiper{
-                      padding-block: 12px;
-                      padding-inline: 12px;
-                      margin-inline: -12px;
-                    }
-                    .swiper-button-next, .swiper-button-prev{
-                      visibility: hidden;
-                    }
-                  `,
-                ]"
-                navigation="{
-                  nextEl: '.swiper-button-next',
-                  prevEl: '.swiper-button-prev',
-                }"
-                :breakpoints="{
-                  1280: {
-                    slidesPerView: 3,
-                    spaceBetween: 20,
-                  },
-                  960: {
-                    slidesPerView: 2,
-                    spaceBetween: 20,
-                  },
-                  600: {
-                    slidesPerView: 2,
-                    spaceBetween: 20,
-                  },
-                }"
-              >
-                <swiper-slide
-                  v-for="(data, index) in reviewData"
-                  :key="index"
-                >
-                  <VCard class="d-flex h-100 align-stretch">
-                    <VCardText class="pa-6 d-flex flex-column justify-space-between align-start">
-                      <img
-                        :src="data.img"
-                        style="block-size: 1.375rem;"
-                        class="mb-3"
-                      >
-                      <p class="text-body-1">
-                        {{ data.desc }}
-                      </p>
-
-                      <VRating
-                        :model-value="data.rating"
-                        color="warning"
-                        density="compact"
-                        class="mb-4"
-                        readonly
-                      />
-                      <div class="d-flex align-center gap-x-3">
-                        <VAvatar
-                          :image="data.avatar"
-                          size="32"
-                        />
-                        <div>
-                          <h6 class="text-h6">
-                            {{ data.name }}
-                          </h6>
-
-                          <div class="text-body-2 text-disabled">
-                            {{ data.position }}
-                          </div>
-                        </div>
-                      </div>
-                    </VCardText>
-                  </VCard>
-                </swiper-slide>
-              </swiper-container>
-            </div>
-          </VCol>
-        </VRow>
-      </VContainer>
-
-      <VDivider class="w-100 swiper-divider" />
-
-      <VContainer>
-        <!-- 👉 Brand-logo Swiper  -->
-        <div class="swiper-brands-carousel">
-          <swiper-container
-            slides-per-view="2"
-            :space-between="10"
-            events-prefix="swiper-"
-            :autoplay="{
-              delay: 3000,
-              disableOnInteraction: true,
-            }"
-            :breakpoints="{
-              992: {
-                slidesPerView: 5,
-              },
-              768: {
-                slidesPerView: 3,
-              },
-            }"
-          >
-            <swiper-slide
-              v-for="(img, index) in [brandLogo1, brandLogo2, brandLogo3, brandLogo4, brandLogo5]"
-              :key="index"
-            >
-              <VImg
-                :src="img"
-                height="38"
-              />
-            </swiper-slide>
-          </swiper-container>
-        </div>
-      </VContainer>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-@use "swiper/css/bundle";
-
-swiper-container::part(bullet-active) {
-  border-radius: 6px;
-  background-color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity));
-  inline-size: 38px;
-}
-
-swiper-container::part(bullet) {
-  background-color: rgba(var(--v-theme-on-background));
-}
-
-.swiper-divider {
-  margin-block: 72px 1rem;
-}
-
-.swiper-reviews-carousel {
-  swiper-container {
-    .swiper {
-      padding-block-end: 3rem;
-    }
-
-    .swiper-button-next {
-      display: none;
-    }
-  }
-
-  swiper-slide {
-    block-size: auto;
-    opacity: 1;
-  }
-}
-</style>
-
-<style lang="scss" scoped>
-.customer-reviews {
-  padding-block: 72px 84px;
-}
-
-@media (max-width: 600px) {
-  .customer-reviews {
-    padding-block: 4rem;
-  }
-}
-
-#customer-review {
-  border-radius: 3.75rem 3.75rem 0 0;
-  background-color: rgb(var(--v-theme-background));
-}
-
-.section-title {
-  font-size: 24px;
-  font-weight: 800;
-  line-height: 36px;
-}
-
-.section-title::after {
-  position: absolute;
-  background: url("../../../assets/images/front-pages/icons/section-title-icon.png") no-repeat left bottom/contain;
-  background-size: contain;
-  block-size: 100%;
-  content: "";
-  font-weight: 800;
-  inline-size: 120%;
-  inset-block-end: 0;
-  inset-inline-start: -12%;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/faq-section.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/faq-section.vue
deleted file mode 100644
index cb74905..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/faq-section.vue
+++ /dev/null
@@ -1,124 +0,0 @@
-<script setup lang="ts">
-import boyWithLogo from '@images/front-pages/landing-page/faq-boy-with-logos.png'
-
-const faqData = [
-  {
-    question: 'Do you charge for each upgrade?',
-    answer: 'Lemon drops chocolate cake gummies carrot cake chupa chups muffin topping. Sesame snaps icing marzipan gummi bears macaroon dragée danish caramels powder. Bear claw dragée pastry topping soufflé. Wafer gummi bears marshmallow pastry pie.',
-  },
-  {
-    question: 'Do I need to purchase a license for each website?',
-    answer: 'Dessert ice cream donut oat cake jelly-o pie sugar plum cheesecake. Bear claw dragée oat cake dragée ice cream halvah tootsie roll. Danish cake oat cake pie macaroon tart donut gummies. Jelly beans candy canes carrot cake. Fruitcake chocolate chupa chups.',
-  },
-  {
-    question: 'What is regular license?',
-    answer: 'Regular license can be used for end products that do not charge users for access or service(access is free and there will be no monthly subscription fee). Single regular license can be used for single end product and end product can be used by you or your client. If you want to sell end product to multiple clients then you will need to purchase separate license for each client. The same rule applies if you want to use the same end product on multiple domains(unique setup). For more info on regular license you can check official description.',
-  },
-  {
-    question: 'What is extended license?',
-    answer: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis et aliquid quaerat possimus maxime! Mollitia reprehenderit neque repellat deleniti delectus architecto dolorum maxime, blanditiis earum ea, incidunt quam possimus cumque.',
-  },
-  {
-    question: 'Which license is applicable for SASS application?',
-    answer: 'Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sequi molestias exercitationem ab cum nemo facere voluptates veritatis quia, eveniet veniam at et repudiandae mollitia ipsam quasi labore enim architecto non!',
-  },
-]
-</script>
-
-<template>
-  <div id="faq">
-    <VContainer>
-      <!-- 👉 Header  -->
-      <div class="faq-section">
-        <div class="headers d-flex justify-center flex-column align-center">
-          <VChip
-            label
-            color="primary"
-            size="small"
-            class="mb-4"
-          >
-            FAQ
-          </VChip>
-          <h4 class="d-flex align-center text-h4 mb-1 flex-wrap justify-center">
-            Frequently Asked
-            <div class="position-relative ms-2">
-              <div class="section-title">
-                questions
-              </div>
-            </div>
-          </h4>
-          <p class="text-body-1 mb-0">
-            Browse through these FAQs to find answers to commonly asked questions.
-          </p>
-        </div>
-        <VRow>
-          <VCol
-            cols="12"
-            md="5"
-          >
-            <div class="pt-10 d-flex align-center justify-center h-100">
-              <VImg
-                :src="boyWithLogo"
-                height="330"
-                width="330"
-              />
-            </div>
-          </VCol>
-          <VCol
-            cols="12"
-            md="7"
-          >
-            <VExpansionPanels class="pt-16">
-              <VExpansionPanel
-                v-for="faq in faqData"
-                :key="faq.question"
-              >
-                <VExpansionPanelTitle>
-                  {{ faq.question }}
-                </VExpansionPanelTitle>
-                <VExpansionPanelText>
-                  {{ faq.answer }}
-                </VExpansionPanelText>
-              </VExpansionPanel>
-            </VExpansionPanels>
-          </VCol>
-        </VRow>
-      </div>
-    </VContainer>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.faq-section {
-  margin-block: 5.25rem;
-}
-
-@media (max-width: 600px) {
-  .faq-section {
-    margin-block: 4rem;
-  }
-}
-
-#faq {
-  border-radius: 3.75rem 3.75rem 0 0;
-  background-color: rgba(var(--v-theme-background));
-}
-
-.section-title {
-  font-size: 24px;
-  font-weight: 800;
-  line-height: 36px;
-}
-
-.section-title::after {
-  position: absolute;
-  background: url("../../../assets/images/front-pages/icons/section-title-icon.png") no-repeat left bottom;
-  background-size: contain;
-  block-size: 100%;
-  content: "";
-  font-weight: 800;
-  inline-size: 130%;
-  inset-block-end: 12%;
-  inset-inline-start: -12%;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/features.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/features.vue
deleted file mode 100644
index b9334db..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/features.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<script setup lang="ts">
-import check from '@images/svg/Check.svg'
-import keyboard from '@images/svg/keyboard.svg'
-import laptop from '@images/svg/laptop.svg'
-import paper from '@images/svg/paper-send.svg'
-import rocket from '@images/svg/rocket.svg'
-import user from '@images/svg/user.svg'
-
-const featuresData = [
-  { title: 'Quality Code', desc: 'Code structure that all developers will easily understand and fall in love with.', icon: laptop },
-  { title: 'Continuous Updates', desc: 'Free updates for the next 12 months, including new demos and features.', icon: rocket },
-  { title: 'Starter Kit', desc: 'Start your project quickly without having to remove unnecessary features.', icon: paper },
-  { title: 'API Ready', desc: 'Just change the endpoint and see your own data loaded within seconds.', icon: check },
-  { title: 'Excellent Support', desc: 'An easy-to-follow doc with lots of references and code examples.', icon: user },
-  { title: 'Well Documented', desc: 'An easy-to-follow doc with lots of references and code examples.', icon: keyboard },
-]
-</script>
-
-<template>
-  <VContainer id="features">
-    <div class="feature-cards">
-      <div class="headers d-flex justify-center flex-column align-center mb-12">
-        <VChip
-          label
-          color="primary"
-          class="mb-4"
-          size="small"
-        >
-          Useful Features
-        </VChip>
-        <div class="d-flex text-h4 mb-1 align-center flex-wrap justify-center">
-          <div class="position-relative me-2">
-            <div class="section-title">
-              Everything you need
-            </div>
-          </div>
-          to start your next project
-        </div>
-        <p class="text-body-1 mb-0">
-          Not just a set of tools, the package includes ready-to-deploy conceptual application.
-        </p>
-      </div>
-      <VRow>
-        <VCol
-          v-for="(data, index) in featuresData"
-          :key="index"
-          cols="12"
-          md="4"
-          sm="6"
-        >
-          <div class="d-flex flex-column align-center justify-center gap-4 mx-auto">
-            <VIcon
-              :icon="data.icon"
-              size="64"
-              color="primary"
-            />
-            <div class="text-center">
-              <h5 class="text-h5 mb-2">
-                {{ data.title }}
-              </h5>
-              <p
-                class="text-body-1 mb-6"
-                style="max-inline-size: 310px;"
-              >
-                {{ data.desc }}
-              </p>
-            </div>
-          </div>
-        </VCol>
-      </VRow>
-    </div>
-  </VContainer>
-</template>
-
-<style lang="scss" scoped>
-.feature-cards {
-  margin-block: 3.75rem;
-}
-
-.section-title::after {
-  position: absolute;
-  background: url("../../../assets/images/front-pages/icons/section-title-icon.png") no-repeat left bottom;
-  background-size: contain;
-  block-size: 100%;
-  content: "";
-  inline-size: 120%;
-  inset-block-end: 0;
-  inset-inline-start: -12%;
-}
-
-.section-title {
-  font-size: 24px;
-  font-weight: 800;
-  line-height: 36px;
-}
-
-.feature {
-  .v-avatar {
-    &.v-avatar--variant-outlined {
-      border: 2px solid rgba(var(--v-theme-primary), 0.32);
-
-      &:hover {
-        background: rgba(var(--v-theme-primary), 0.16);
-        cursor: pointer;
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/hero-section.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/hero-section.vue
deleted file mode 100644
index 4e986f4..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/hero-section.vue
+++ /dev/null
@@ -1,304 +0,0 @@
-<script setup lang="ts">
-import { useMouse } from '@vueuse/core'
-import { useTheme } from 'vuetify'
-import { useGenerateImageVariant } from '@/@core/composable/useGenerateImageVariant'
-import joinArrow from '@images/front-pages/icons/Join-community-arrow.png'
-import heroDashboardImgDark from '@images/front-pages/landing-page/hero-dashboard-dark.png'
-import heroDashboardImgLight from '@images/front-pages/landing-page/hero-dashboard-light.png'
-
-import heroElementsImgDark from '@images/front-pages/landing-page/hero-elements-dark.png'
-import heroElementsImgLight from '@images/front-pages/landing-page/hero-elements-light.png'
-
-const theme = useTheme()
-
-const heroElementsImg = useGenerateImageVariant(heroElementsImgLight, heroElementsImgDark)
-const heroDashboardImg = useGenerateImageVariant(heroDashboardImgLight, heroDashboardImgDark)
-
-const { x, y } = useMouse({ touch: false })
-
-const translateMouse = computed(() => {
-  if (typeof window !== 'undefined') {
-    const rotateX = ref((window.innerHeight - (1 * y.value)) / 100)
-
-    return { transform: `perspective(1200px) rotateX(${rotateX.value < -40 ? -20 : rotateX.value}deg) rotateY(${(window.innerWidth - (2 * x.value)) / 100}deg) scale3d(1,1,1)` }
-  }
-
-  // Provide a default return value when `window` is undefined
-  return { transform: 'perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1,1,1)' }
-})
-</script>
-
-<template>
-  <div
-    id="home"
-    :style="{ background: 'rgb(var(--v-theme-surface))' }"
-  >
-    <div id="landingHero">
-      <div
-        class="landing-hero"
-        :class="theme.current.value.dark ? 'landing-hero-dark-bg' : 'landing-hero-light-bg'"
-      >
-        <VContainer>
-          <div class="hero-text-box text-center px-6">
-            <h1 class="hero-title mb-4">
-              One dashboard to manage all your business
-            </h1>
-            <h6 class="mb-6 text-h6">
-              Production-ready & easy to use Admin Template
-              for Reliability and Customizability.
-            </h6>
-            <div class="position-relative">
-              <h6 class="position-absolute hero-btn-item d-md-flex d-none text-h6 text-medium-emphasis">
-                Join Community
-                <VImg
-                  :src="joinArrow"
-                  class="flip-in-rtl"
-                  width="54"
-                  height="31"
-                />
-              </h6>
-
-              <VBtn
-                :size="$vuetify.display.smAndUp ? 'large' : 'default' "
-                :to="{ name: 'front-pages-landing-page', hash: `#pricing-plan` }"
-                :active="false"
-              >
-                Get early Access
-              </VBtn>
-            </div>
-          </div>
-        </VContainer>
-      </div>
-    </div>
-
-    <VContainer>
-      <div class="position-relative">
-        <div class="blank-section" />
-        <div class="hero-animation-img position-absolute">
-          <RouterLink
-            :to="{ name: 'dashboards-ecommerce' }"
-            target="_blank"
-          >
-            <div
-              class="hero-dashboard-img position-relative"
-              :style="translateMouse"
-              data-allow-mismatch
-            >
-              <img
-                :src="heroDashboardImg"
-                alt="Hero Dashboard"
-                class="animation-img"
-              >
-              <img
-                :src="heroElementsImg"
-                alt="hero elements"
-                class="hero-elements-img animation-img position-absolute"
-                style="transform: translateZ(1rem);"
-              >
-            </div>
-          </RouterLink>
-        </div>
-      </div>
-    </VContainer>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.landing-hero {
-  border-radius: 0 0 50px 50px;
-  padding-block: 9.75rem 22rem;
-}
-
-.hero-animation-img {
-  inline-size: 90%;
-  inset-block-start: -25rem;
-  inset-inline-start: 4.425rem;
-  margin-inline: auto;
-}
-
-section {
-  display: block;
-}
-
-.blank-section {
-  background-color: rgba(var(--v-theme-surface));
-  min-block-size: 25rem;
-}
-
-@media (min-width: 1280px) and (max-width: 1440px) {
-  .blank-section {
-    min-block-size: 18rem;
-  }
-
-  .landing-hero {
-    padding-block-end: 22rem;
-  }
-
-  .hero-animation-img {
-    inset-block-start: -25rem;
-  }
-}
-
-@media (min-width: 900px) and (max-width: 1279px) {
-  .blank-section {
-    min-block-size: 13rem;
-  }
-
-  .landing-hero {
-    padding-block-end: 14rem;
-  }
-
-  .hero-animation-img {
-    inset-block-start: -17rem;
-    inset-inline-start: 2.75rem;
-  }
-}
-
-@media (min-width: 768px) and (max-width: 899px) {
-  .blank-section {
-    min-block-size: 12rem;
-  }
-
-  .landing-hero {
-    padding-block-end: 12rem;
-  }
-
-  .hero-animation-img {
-    inset-block-start: -15rem;
-    inset-inline-start: 2.5rem;
-  }
-}
-
-@media (min-width: 600px) and (max-width: 767px) {
-  .blank-section {
-    min-block-size: 12rem;
-  }
-
-  .landing-hero {
-    padding-block-end: 8rem;
-  }
-
-  .hero-animation-img {
-    inset-block-start: -11rem;
-    inset-inline-start: 2rem;
-  }
-}
-
-@media (min-width: 425px) and (max-width: 600px) {
-  .blank-section {
-    min-block-size: 8rem;
-  }
-
-  .landing-hero {
-    padding-block-end: 8rem;
-  }
-
-  .hero-animation-img {
-    inset-block-start: -9rem;
-    inset-inline-start: 1.7rem;
-  }
-}
-
-@media (min-width: 300px) and (max-width: 424px) {
-  .blank-section {
-    min-block-size: 4rem;
-  }
-
-  .landing-hero {
-    padding-block-end: 6rem;
-  }
-
-  .hero-animation-img {
-    inset-block-start: -7rem;
-    inset-inline-start: 1.25rem;
-  }
-}
-
-.landing-hero::before {
-  position: absolute;
-  background-repeat: no-repeat;
-  inset-block: 0;
-  opacity: 0.5;
-}
-
-.landing-hero-dark-bg {
-  background-color: #25293c;
-  background-image: url("@images/front-pages/backgrounds/hero-bg.png");
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-}
-
-.landing-hero-light-bg {
-  background: url("@images/front-pages/backgrounds/hero-bg.png") center no-repeat, linear-gradient(138.18deg, #eae8fd 0%, #fce5e6 94.44%);
-  background-size: cover;
-}
-
-@media (min-width: 650px) {
-  .hero-text-box {
-    inline-size: 38rem;
-    margin-block-end: 1rem;
-    margin-inline: auto;
-  }
-}
-
-@media (max-width: 599px) {
-  .hero-title {
-    font-size: 1.5rem !important;
-    line-height: 2.375rem !important;
-  }
-}
-
-.hero-title {
-  animation: shine 2s ease-in-out infinite alternate;
-  background: linear-gradient(135deg, #28c76f 0%, #5a4aff 47.92%, #ff3739 100%);
-  //  stylelint-disable-next-line property-no-vendor-prefix
-  -webkit-background-clip: text;
-  background-clip: text;
-  background-size: 200% auto;
-  font-size: 42px;
-  font-weight: 800;
-  line-height: 48px;
-  -webkit-text-fill-color: rgba(0, 0, 0, 0%);
-}
-
-@keyframes shine {
-  0% {
-    background-position: 0% 50%;
-  }
-
-  80% {
-    background-position: 50% 90%;
-  }
-
-  100% {
-    background-position: 91% 100%;
-  }
-}
-
-.hero-dashboard-img {
-  margin-block: 0;
-  margin-inline: auto;
-  transform-style: preserve-3d;
-  transition: all 0.35s;
-
-  img {
-    inline-size: 100%;
-  }
-}
-
-.hero-elements-img {
-  position: absolute;
-  inset-block: 0;
-  inset-inline-start: 0;
-}
-
-.feature-cards {
-  margin-block-start: 6.25rem;
-}
-
-.hero-btn-item {
-  inset-block-start: 80%;
-  inset-inline-start: 5%;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/our-team.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/our-team.vue
deleted file mode 100644
index bfca09b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/our-team.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-<script setup lang="ts">
-import teamPerson1 from '@images/front-pages/landing-page/team-member-1.png'
-import teamPerson2 from '@images/front-pages/landing-page/team-member-2.png'
-import teamPerson3 from '@images/front-pages/landing-page/team-member-3.png'
-import teamPerson4 from '@images/front-pages/landing-page/team-member-4.png'
-
-const teamData = ref([
-  { name: 'Sophie Gilbert', position: 'Project Manager', image: teamPerson1, backgroundColor: 'rgba(144, 85, 253, 0.16)', borderColor: 'rgba(144, 85, 253,0.16)', isHover: false },
-  { name: 'Paul Miles', position: 'UI Designer', image: teamPerson2, backgroundColor: 'rgba(22, 177, 255, 0.16)', borderColor: 'rgba(22, 177, 255,0.16)', isHover: false },
-  { name: 'Nannie Ford', position: 'Development Lead', image: teamPerson3, backgroundColor: 'rgba(255, 76, 81, 0.16)', borderColor: 'rgba(255, 76, 81,0.16)', isHover: false },
-  { name: 'Chris Watkins', position: 'Marketing Manager', image: teamPerson4, backgroundColor: 'rgba(86, 202, 0, 0.16)', borderColor: 'rgba(86, 202, 0,0.16)', isHover: false },
-])
-</script>
-
-<template>
-  <VContainer id="team">
-    <div class="our-team pa-">
-      <div class="headers d-flex justify-center flex-column align-center">
-        <VChip
-          label
-          color="primary"
-          class="mb-4"
-          size="small"
-        >
-          Our Great Team
-        </VChip>
-
-        <h4 class="d-flex align-center text-h4 mb-1 flex-wrap justify-center">
-          <div class="position-relative me-2">
-            <div class="section-title">
-              Supported
-            </div>
-          </div>
-          by Real People
-        </h4>
-
-        <p class="text-center text-body-1 mb-0">
-          Who is behind these great-looking interfaces?
-        </p>
-      </div>
-
-      <VRow>
-        <VCol
-          v-for="(data, index) in teamData"
-          :key="index"
-          cols="12"
-          lg="3"
-          sm="6"
-        >
-          <VCard
-            flat
-            min-width="267"
-            class="position-relative overflow-visible team-card mb-lg-0 mb-12"
-          >
-            <div :style="{ maxHeight: '185px', minHeight: '185px', borderRadius: '90px 20px 0 0', backgroundColor: `${data.backgroundColor}`, border: `1px solid ${data.borderColor}`, borderBottom: 'none' }">
-              <VImg
-                :src="data.image"
-                height="240"
-                class="team-image"
-              />
-            </div>
-            <VCardText
-              class="text-center pa-4"
-              :style="{ border: `1px solid ${data.borderColor}`, borderBlockStart: 'none', borderRadius: '0 0 6px 6px', boxSizing: 'border-box' }"
-            >
-              <h5 class="text-h5">
-                {{ data.name }}
-              </h5>
-              <p class="text-body-1 text-disabled mb-0">
-                {{ data.position }}
-              </p>
-            </VCardText>
-          </VCard>
-        </VCol>
-      </VRow>
-    </div>
-  </VContainer>
-</template>
-
-<style lang="scss" scoped>
-.team-image {
-  position: absolute;
-  inset-block-start: -3.4rem;
-  inset-inline: 0;
-}
-
-.headers {
-  margin-block-end: 7.4375rem;
-}
-
-.our-team {
-  margin-block: 5.25rem;
-}
-
-@media (max-width: 1264px) {
-  .our-team {
-    margin-block-end: 1rem;
-  }
-}
-
-.team-card {
-  border-radius: 90px 20px 6px 6px;
-}
-
-.section-title {
-  font-size: 24px;
-  font-weight: 800;
-  line-height: 36px;
-}
-
-.section-title::after {
-  position: absolute;
-  background: url("../../../assets/images/front-pages/icons/section-title-icon.png") no-repeat left bottom;
-  background-size: contain;
-  block-size: 100%;
-  content: "";
-  font-weight: 800;
-  inline-size: 120%;
-  inset-block-end: 12%;
-  inset-inline-start: -12%;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/pricing-plans.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/pricing-plans.vue
deleted file mode 100644
index 18bf011..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/pricing-plans.vue
+++ /dev/null
@@ -1,263 +0,0 @@
-<script setup lang="ts">
-import paperPlane from '@images/front-pages/icons/paper-airplane.png'
-import plane from '@images/front-pages/icons/plane.png'
-import pricingPlanArrow from '@images/front-pages/icons/pricing-plans-arrow.png'
-import shuttleRocket from '@images/front-pages/icons/shuttle-rocket.png'
-
-const annualMonthlyPlanPriceToggler = ref(true)
-
-const pricingPlans = [
-  {
-    title: 'Basic',
-    image: paperPlane,
-    monthlyPrice: 19,
-    yearlyPrice: 168,
-    features: [
-      'Timeline',
-      'Basic search',
-      'Live chat widget',
-      'Email marketing',
-      'Custom Forms',
-      'Traffic analytics',
-      'Basic Support',
-    ],
-    supportType: 'Basic',
-    supportMedium: 'Only Email',
-    respondTime: 'AVG. Time: 24h',
-    current: false,
-  },
-  {
-    title: 'Favourite',
-    image: plane,
-    monthlyPrice: 29,
-    yearlyPrice: 264,
-    features: [
-      'Everything in basic',
-      'Timeline with database',
-      'Advanced search',
-      'Marketing automation',
-      'Advanced chatbot',
-      'Campaign management',
-      'Collaboration tools',
-    ],
-    supportType: 'Standard',
-    supportMedium: 'Email & Chat',
-    respondTime: 'AVG. Time: 6h',
-    current: true,
-  },
-  {
-    title: 'Standard',
-    image: shuttleRocket,
-    monthlyPrice: 49,
-    yearlyPrice: 444,
-    features: [
-      'Campaign management',
-      'Timeline with database',
-      'Fuzzy search',
-      'A/B testing sanbox',
-      'Custom permissions',
-      'Social media automation',
-      'Sales automation tools',
-    ],
-    supportType: 'Exclusive',
-    supportMedium: 'Email, Chat & Google Meet',
-    respondTime: 'Live Support',
-    current: false,
-  },
-]
-</script>
-
-<template>
-  <div id="pricing-plan">
-    <VContainer>
-      <div class="pricing-plans">
-        <!-- 👉 Headers  -->
-        <div class="headers d-flex justify-center flex-column align-center flex-wrap">
-          <VChip
-            label
-            color="primary"
-            class="mb-4"
-            size="small"
-          >
-            Pricing Plans
-          </VChip>
-          <h4 class="d-flex align-center text-h4 mb-1 flex-wrap justify-center">
-            <div class="position-relative me-2">
-              <div class="section-title">
-                Tailored design plans
-              </div>
-            </div>
-            designed for you
-          </h4>
-          <div class="text-center text-body-1">
-            <p class="mb-0">
-              All plans include 40+ advanced tools and features to boost your product.
-            </p>
-            <p class="mb-0">
-              Choose the best plan to fit your needs.
-            </p>
-          </div>
-        </div>
-        <!-- 👉 Annual and monthly price toggler -->
-        <div class="d-flex align-center justify-center mx-auto mt-6 mb-16">
-          <VLabel
-            for="pricing-plan-toggle"
-            class="me-3"
-          >
-            Pay Monthly
-          </VLabel>
-          <div class="position-relative">
-            <VSwitch
-              id="pricing-plan-toggle"
-              v-model="annualMonthlyPlanPriceToggler"
-            >
-              <template #label>
-                <div class="text-body-1">
-                  Pay Annually
-                </div>
-              </template>
-            </VSwitch>
-            <div class="position-absolute pricing-plan-arrow d-md-flex d-none">
-              <VImg
-                :src="pricingPlanArrow"
-                class="flip-in-rtl"
-                width="60"
-                height="42"
-              />
-              <div class="text-no-wrap text-body-1 font-weight-medium">
-                Save 25%
-              </div>
-            </div>
-          </div>
-        </div>
-        <VRow>
-          <VCol
-            v-for="(plan, index) in pricingPlans"
-            :key="index"
-          >
-            <VCard :style="plan.current ? 'border:2px solid rgb(var(--v-theme-primary))' : ''">
-              <VCardText class="pa-8 pt-12">
-                <VImg
-                  :src="plan.image"
-                  width="88"
-                  height="88"
-                  class="mx-auto mb-8"
-                />
-                <h4 class="text-h4 text-center">
-                  {{ plan.title }}
-                </h4>
-                <div class="d-flex justify-center mb-8 position-relative">
-                  <div class="d-flex align-end">
-                    <div class="pricing-title text-primary me-1">
-                      ${{ annualMonthlyPlanPriceToggler ? Math.floor(plan.yearlyPrice) / 12 : plan.monthlyPrice }}
-                    </div>
-                    <span class="text-disabled mb-2">/mo</span>
-                  </div>
-
-                  <!-- 👉 Annual Price -->
-                  <span
-                    v-show="annualMonthlyPlanPriceToggler"
-                    class="annual-price-text position-absolute text-sm text-disabled"
-                  >
-                    {{ plan.yearlyPrice === 0 ? 'free' : `USD ${plan.yearlyPrice}/Year` }}
-                  </span>
-                </div>
-                <VList class="card-list">
-                  <VListItem
-                    v-for="(item, i) in plan.features"
-                    :key="i"
-                  >
-                    <template #prepend>
-                      <VAvatar
-                        size="16"
-                        :variant="!plan.current ? 'tonal' : 'elevated'"
-                        color="primary"
-                        class="me-3"
-                      >
-                        <VIcon
-                          icon="tabler-check"
-                          size="12"
-                          :color="!plan.current ? 'primary' : 'white'"
-                        />
-                      </VAvatar>
-                      <h6 class="text-h6">
-                        {{ item }}
-                      </h6>
-                    </template>
-                  </VListItem>
-                </VList>
-                <VBtn
-                  block
-                  :variant="plan.current ? 'elevated' : 'tonal'"
-                  class="mt-8"
-                  :to="{ name: 'front-pages-payment' }"
-                >
-                  Get Started
-                </VBtn>
-              </VCardText>
-            </VCard>
-          </VCol>
-        </VRow>
-      </div>
-    </VContainer>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 12px;
-}
-
-#pricing-plan {
-  border-radius: 3.75rem;
-  background-color: rgb(var(--v-theme-background));
-}
-
-.pricing-title {
-  font-size: 38px;
-  font-weight: 800;
-  line-height: 52px;
-}
-
-.pricing-plans {
-  margin-block: 5.25rem;
-}
-
-@media (max-width: 600px) {
-  .pricing-plans {
-    margin-block: 4rem;
-  }
-}
-
-.save-upto-chip {
-  inset-block-start: -1.5rem;
-  inset-inline-end: -7rem;
-}
-
-.pricing-plan-arrow {
-  inset-block-start: -0.5rem;
-  inset-inline-end: -8rem;
-}
-
-.section-title {
-  font-size: 24px;
-  font-weight: 800;
-  line-height: 36px;
-}
-
-.section-title::after {
-  position: absolute;
-  background: url("../../../assets/images/front-pages/icons/section-title-icon.png") no-repeat left bottom;
-  background-size: contain;
-  block-size: 100%;
-  content: "";
-  font-weight: 700;
-  inline-size: 120%;
-  inset-block-end: 0;
-  inset-inline-start: -12%;
-}
-
-.annual-price-text {
-  inset-block-end: -40%;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/product-stats.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/product-stats.vue
deleted file mode 100644
index 0a0a1b2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/front-pages/landing-page/product-stats.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<script setup lang="ts">
-import check from '@images/svg/Check.svg'
-import diamond from '@images/svg/Diamond.svg'
-import laptop from '@images/svg/laptop.svg'
-import user from '@images/svg/user.svg'
-
-const statData = [
-  { title: 'Support Tickets Resolved', value: '7.1k+', icon: laptop, color: 'primary' },
-  { title: 'Join creatives community', value: '50k+', icon: user, color: 'success' },
-  { title: 'Highly Rated Products', value: '4.8/5', icon: diamond, color: 'info' },
-  { title: 'Money Back Guarantee', value: '100%', icon: check, color: 'warning' },
-]
-</script>
-
-<template>
-  <div :style="{ 'background-color': 'rgb(var(--v-theme-surface))' }">
-    <VContainer>
-      <div class="py-12">
-        <VRow>
-          <VCol
-            v-for="(product, index) in statData"
-            :key="index"
-            cols="12"
-            sm="6"
-            lg="3"
-          >
-            <VCard
-              flat
-              :style="{ border: `1px solid rgba(var(--v-theme-${product.color}))` }"
-            >
-              <VCardText class="text-center">
-                <VIcon
-                  :color="product.color"
-                  :icon="product.icon"
-                  size="64"
-                  class="mb-4"
-                />
-                <h3 class="text-h3">
-                  {{ product.value }}
-                </h3>
-                <p class="text-body-1 font-weight-medium mb-0 text-wrap">
-                  {{ product.title }}
-                </p>
-              </VCardText>
-            </VCard>
-          </VCol>
-        </VRow>
-      </div>
-    </VContainer>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsAccount.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsAccount.vue
deleted file mode 100644
index c23428b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsAccount.vue
+++ /dev/null
@@ -1,379 +0,0 @@
-<script lang="ts" setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-
-const accountData = {
-  avatarImg: avatar1,
-  firstName: 'john',
-  lastName: 'Doe',
-  email: 'johnDoe@example.com',
-  org: 'Pixinvent',
-  phone: '+1 (917) 543-9876',
-  address: '123 Main St, New York, NY 10001',
-  state: 'New York',
-  zip: '10001',
-  country: 'USA',
-  language: 'English',
-  timezone: '(GMT-11:00) International Date Line West',
-  currency: 'USD',
-}
-
-const refInputEl = ref<HTMLElement>()
-
-const isConfirmDialogOpen = ref(false)
-const accountDataLocal = ref(structuredClone(accountData))
-const isAccountDeactivated = ref(false)
-
-const validateAccountDeactivation = [(v: string) => !!v || 'Please confirm account deactivation']
-
-const resetForm = () => {
-  accountDataLocal.value = structuredClone(accountData)
-}
-
-// changeAvatar function
-const changeAvatar = (file: Event) => {
-  const fileReader = new FileReader()
-  const { files } = file.target as HTMLInputElement
-
-  if (files && files.length) {
-    fileReader.readAsDataURL(files[0])
-    fileReader.onload = () => {
-      if (typeof fileReader.result === 'string')
-        accountDataLocal.value.avatarImg = fileReader.result
-    }
-  }
-}
-
-// reset avatar image
-const resetAvatar = () => {
-  accountDataLocal.value.avatarImg = accountData.avatarImg
-}
-
-const timezones = [
-  '(GMT-11:00) International Date Line West',
-  '(GMT-11:00) Midway Island',
-  '(GMT-10:00) Hawaii',
-  '(GMT-09:00) Alaska',
-  '(GMT-08:00) Pacific Time (US & Canada)',
-  '(GMT-08:00) Tijuana',
-  '(GMT-07:00) Arizona',
-  '(GMT-07:00) Chihuahua',
-  '(GMT-07:00) La Paz',
-  '(GMT-07:00) Mazatlan',
-  '(GMT-07:00) Mountain Time (US & Canada)',
-  '(GMT-06:00) Central America',
-  '(GMT-06:00) Central Time (US & Canada)',
-  '(GMT-06:00) Guadalajara',
-  '(GMT-06:00) Mexico City',
-  '(GMT-06:00) Monterrey',
-  '(GMT-06:00) Saskatchewan',
-  '(GMT-05:00) Bogota',
-  '(GMT-05:00) Eastern Time (US & Canada)',
-  '(GMT-05:00) Indiana (East)',
-  '(GMT-05:00) Lima',
-  '(GMT-05:00) Quito',
-  '(GMT-04:00) Atlantic Time (Canada)',
-  '(GMT-04:00) Caracas',
-  '(GMT-04:00) La Paz',
-  '(GMT-04:00) Santiago',
-  '(GMT-03:30) Newfoundland',
-  '(GMT-03:00) Brasilia',
-  '(GMT-03:00) Buenos Aires',
-  '(GMT-03:00) Georgetown',
-  '(GMT-03:00) Greenland',
-  '(GMT-02:00) Mid-Atlantic',
-  '(GMT-01:00) Azores',
-  '(GMT-01:00) Cape Verde Is.',
-  '(GMT+00:00) Casablanca',
-  '(GMT+00:00) Dublin',
-  '(GMT+00:00) Edinburgh',
-  '(GMT+00:00) Lisbon',
-  '(GMT+00:00) London',
-]
-
-const currencies = [
-  'USD',
-  'EUR',
-  'GBP',
-  'AUD',
-  'BRL',
-  'CAD',
-  'CNY',
-  'CZK',
-  'DKK',
-  'HKD',
-  'HUF',
-  'INR',
-]
-</script>
-
-<template>
-  <VRow>
-    <VCol cols="12">
-      <VCard>
-        <VCardText class="d-flex">
-          <!-- 👉 Avatar -->
-          <VAvatar
-            rounded
-            size="100"
-            class="me-6"
-            :image="accountDataLocal.avatarImg"
-          />
-
-          <!-- 👉 Upload Photo -->
-          <form class="d-flex flex-column justify-center gap-4">
-            <div class="d-flex flex-wrap gap-4">
-              <VBtn
-                color="primary"
-                size="small"
-                @click="refInputEl?.click()"
-              >
-                <VIcon
-                  icon="tabler-cloud-upload"
-                  class="d-sm-none"
-                />
-                <span class="d-none d-sm-block">Upload new photo</span>
-              </VBtn>
-
-              <input
-                ref="refInputEl"
-                type="file"
-                name="file"
-                accept=".jpeg,.png,.jpg,GIF"
-                hidden
-                @input="changeAvatar"
-              >
-
-              <VBtn
-                type="reset"
-                size="small"
-                color="secondary"
-                variant="tonal"
-                @click="resetAvatar"
-              >
-                <span class="d-none d-sm-block">Reset</span>
-                <VIcon
-                  icon="tabler-refresh"
-                  class="d-sm-none"
-                />
-              </VBtn>
-            </div>
-
-            <p class="text-body-1 mb-0">
-              Allowed JPG, GIF or PNG. Max size of 800K
-            </p>
-          </form>
-        </VCardText>
-
-        <VCardText class="pt-2">
-          <!-- 👉 Form -->
-          <VForm class="mt-3">
-            <VRow>
-              <!-- 👉 First Name -->
-              <VCol
-                md="6"
-                cols="12"
-              >
-                <AppTextField
-                  v-model="accountDataLocal.firstName"
-                  placeholder="John"
-                  label="First Name"
-                />
-              </VCol>
-
-              <!-- 👉 Last Name -->
-              <VCol
-                md="6"
-                cols="12"
-              >
-                <AppTextField
-                  v-model="accountDataLocal.lastName"
-                  placeholder="Doe"
-                  label="Last Name"
-                />
-              </VCol>
-
-              <!-- 👉 Email -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountDataLocal.email"
-                  label="E-mail"
-                  placeholder="johndoe@gmail.com"
-                  type="email"
-                />
-              </VCol>
-
-              <!-- 👉 Organization -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountDataLocal.org"
-                  label="Organization"
-                  placeholder="Pixinvent"
-                />
-              </VCol>
-
-              <!-- 👉 Phone -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountDataLocal.phone"
-                  label="Phone Number"
-                  placeholder="+1 (917) 543-9876"
-                />
-              </VCol>
-
-              <!-- 👉 Address -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountDataLocal.address"
-                  label="Address"
-                  placeholder="123 Main St, New York, NY 10001"
-                />
-              </VCol>
-
-              <!-- 👉 State -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountDataLocal.state"
-                  label="State"
-                  placeholder="New York"
-                />
-              </VCol>
-
-              <!-- 👉 Zip Code -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  v-model="accountDataLocal.zip"
-                  label="Zip Code"
-                  placeholder="10001"
-                />
-              </VCol>
-
-              <!-- 👉 Country -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="accountDataLocal.country"
-                  label="Country"
-                  :items="['USA', 'Canada', 'UK', 'India', 'Australia']"
-                  placeholder="Select Country"
-                />
-              </VCol>
-
-              <!-- 👉 Language -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="accountDataLocal.language"
-                  label="Language"
-                  placeholder="Select Language"
-                  :items="['English', 'Spanish', 'Arabic', 'Hindi', 'Urdu']"
-                />
-              </VCol>
-
-              <!-- 👉 Timezone -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="accountDataLocal.timezone"
-                  label="Timezone"
-                  placeholder="Select Timezone"
-                  :items="timezones"
-                  :menu-props="{ maxHeight: 200 }"
-                />
-              </VCol>
-
-              <!-- 👉 Currency -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  v-model="accountDataLocal.currency"
-                  label="Currency"
-                  placeholder="Select Currency"
-                  :items="currencies"
-                  :menu-props="{ maxHeight: 200 }"
-                />
-              </VCol>
-
-              <!-- 👉 Form Actions -->
-              <VCol
-                cols="12"
-                class="d-flex flex-wrap gap-4"
-              >
-                <VBtn>Save changes</VBtn>
-
-                <VBtn
-                  color="secondary"
-                  variant="tonal"
-                  type="reset"
-                  @click.prevent="resetForm"
-                >
-                  Cancel
-                </VBtn>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <VCol cols="12">
-      <!-- 👉 Delete Account -->
-      <VCard title="Delete Account">
-        <VCardText>
-          <!-- 👉 Checkbox and Button  -->
-          <div>
-            <VCheckbox
-              v-model="isAccountDeactivated"
-              :rules="validateAccountDeactivation"
-              label="I confirm my account deactivation"
-            />
-          </div>
-
-          <VBtn
-            :disabled="!isAccountDeactivated"
-            color="error"
-            class="mt-6"
-            @click="isConfirmDialogOpen = true"
-          >
-            Deactivate Account
-          </VBtn>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-
-  <!-- Confirm Dialog -->
-  <ConfirmDialog
-    v-model:is-dialog-visible="isConfirmDialogOpen"
-    confirmation-question="Are you sure you want to deactivate your account?"
-    confirm-title="Deactivated!"
-    confirm-msg="Your account has been deactivated successfully."
-    cancel-title="Cancelled"
-    cancel-msg="Account Deactivation Cancelled!"
-  />
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsBillingAndPlans.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsBillingAndPlans.vue
deleted file mode 100644
index 8830df0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsBillingAndPlans.vue
+++ /dev/null
@@ -1,516 +0,0 @@
-<script lang="ts" setup>
-import BillingHistoryTable from './BillingHistoryTable.vue'
-
-import mastercard from '@images/icons/payments/mastercard.png'
-import visa from '@images/icons/payments/visa.png'
-
-interface CardDetails {
-  name: string
-  number: string
-  expiry: string
-  isPrimary: boolean
-  type: string
-  cvv: string
-  image: string
-}
-const selectedPaymentMethod = ref('credit-debit-atm-card')
-
-const isPricingPlanDialogVisible = ref(false)
-const isConfirmDialogVisible = ref(false)
-const isCardEditDialogVisible = ref(false)
-const isCardDetailSaveBilling = ref(false)
-
-const creditCards: CardDetails[] = [
-  {
-    name: 'Tom McBride',
-    number: '5531234567899856',
-    expiry: '12/24',
-    isPrimary: true,
-    type: 'visa',
-    cvv: '456',
-    image: mastercard,
-  },
-  {
-    name: 'Mildred Wagner',
-    number: '4851234567895896',
-    expiry: '10/27',
-    isPrimary: false,
-    type: 'mastercard',
-    cvv: '123',
-    image: visa,
-  },
-]
-
-const countryList = ['United States', 'Canada', 'United Kingdom', 'Australia', 'New Zealand', 'India', 'Russia', 'China', 'Japan']
-
-const currentCardDetails = ref()
-
-const openEditCardDialog = (cardDetails: CardDetails) => {
-  currentCardDetails.value = cardDetails
-
-  isCardEditDialogVisible.value = true
-}
-
-const cardNumber = ref(135632156548789)
-const cardName = ref('john Doe')
-const cardExpiryDate = ref('05/24')
-const cardCvv = ref(420)
-
-const resetPaymentForm = () => {
-  cardNumber.value = 135632156548789
-  cardName.value = 'john Doe'
-  cardExpiryDate.value = '05/24'
-  cardCvv.value = 420
-
-  selectedPaymentMethod.value = 'credit-debit-atm-card'
-}
-</script>
-
-<template>
-  <VRow>
-    <!-- 👉 Current Plan -->
-    <VCol cols="12">
-      <VCard title="Current Plan">
-        <VCardText>
-          <VRow>
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <div>
-                <div class="mb-6">
-                  <h3 class="text-body-1 text-high-emphasis font-weight-medium mb-1">
-                    Your Current Plan is Basic
-                  </h3>
-                  <p class="text-body-1">
-                    A simple start for everyone
-                  </p>
-                </div>
-
-                <div class="mb-6">
-                  <h3 class="text-body-1 text-high-emphasis font-weight-medium mb-1">
-                    Active until Dec 09, 2021
-                  </h3>
-                  <p class="text-body-1">
-                    We will send you a notification upon Subscription expiration
-                  </p>
-                </div>
-
-                <div>
-                  <h3 class="text-body-1 text-high-emphasis font-weight-medium mb-1">
-                    <span class="me-2">$199 Per Month</span>
-                    <VChip
-                      color="primary"
-                      size="small"
-                      label
-                    >
-                      Popular
-                    </VChip>
-                  </h3>
-                  <p class="text-base mb-0">
-                    Standard plan for small to medium businesses
-                  </p>
-                </div>
-              </div>
-            </VCol>
-
-            <VCol
-              cols="12"
-              md="6"
-            >
-              <VAlert
-                icon="tabler-alert-triangle"
-                type="warning"
-                variant="tonal"
-              >
-                <VAlertTitle class="mb-1">
-                  We need your attention!
-                </VAlertTitle>
-
-                <span>Your plan requires update</span>
-              </VAlert>
-
-              <!-- progress -->
-              <h6 class="d-flex font-weight-medium text-body-1 text-high-emphasis mt-6 mb-1">
-                <span>Days</span>
-                <VSpacer />
-                <span>12 of 30 Days</span>
-              </h6>
-
-              <VProgressLinear
-                color="primary"
-                rounded
-                model-value="15"
-              />
-
-              <p class="text-body-2 mt-1 mb-0">
-                18 days remaining until your plan requires update
-              </p>
-            </VCol>
-
-            <VCol cols="12">
-              <div class="d-flex flex-wrap gap-4">
-                <VBtn @click="isPricingPlanDialogVisible = true">
-                  upgrade plan
-                </VBtn>
-
-                <VBtn
-                  color="error"
-                  variant="tonal"
-                  @click="isConfirmDialogVisible = true"
-                >
-                  Cancel Subscription
-                </VBtn>
-              </div>
-            </VCol>
-          </VRow>
-
-          <!-- 👉 Confirm Dialog -->
-          <ConfirmDialog
-            v-model:is-dialog-visible="isConfirmDialogVisible"
-            confirmation-question="Are you sure to cancel your subscription?"
-            cancel-msg="Unsubscription Cancelled!!"
-            cancel-title="Cancelled"
-            confirm-msg="Your subscription cancelled successfully."
-            confirm-title="Unsubscribed!"
-          />
-
-          <!-- 👉 plan and pricing dialog -->
-          <PricingPlanDialog v-model:is-dialog-visible="isPricingPlanDialogVisible" />
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Payment Methods -->
-    <VCol cols="12">
-      <VCard title="Payment Methods">
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <VRow>
-                  <!-- 👉 card type switch -->
-                  <VCol cols="12">
-                    <VRadioGroup
-                      v-model="selectedPaymentMethod"
-                      inline
-                    >
-                      <VRadio
-                        value="credit-debit-atm-card"
-                        label="Credit/Debit/ATM Card"
-                        color="primary"
-                        class="me-6"
-                      />
-                      <VRadio
-                        value="paypal-account"
-                        label="Paypal account"
-                        color="primary"
-                      />
-                    </VRadioGroup>
-                  </VCol>
-
-                  <VCol cols="12">
-                    <VRow>
-                      <!-- 👉 Card Number -->
-                      <VCol cols="12">
-                        <AppTextField
-                          v-model="cardNumber"
-                          label="Card Number"
-                          placeholder="1234 1234 1234 1234"
-                          type="number"
-                        />
-                      </VCol>
-
-                      <!-- 👉 Name -->
-                      <VCol
-                        cols="12"
-                        md="6"
-                      >
-                        <AppTextField
-                          v-model="cardName"
-                          label="Name"
-                          placeholder="John Doe"
-                        />
-                      </VCol>
-
-                      <!-- 👉 Expiry date -->
-                      <VCol
-                        cols="6"
-                        md="3"
-                      >
-                        <AppTextField
-                          v-model="cardExpiryDate"
-                          label="Expiry Date"
-                          placeholder="MM/YY"
-                        />
-                      </VCol>
-
-                      <!-- 👉 Cvv code -->
-                      <VCol
-                        cols="6"
-                        md="3"
-                      >
-                        <AppTextField
-                          v-model="cardCvv"
-                          type="number"
-                          label="CVV Code"
-                          placeholder="123"
-                        />
-                      </VCol>
-
-                      <!-- 👉 Future Billing switch -->
-                      <VCol cols="12">
-                        <VSwitch
-                          v-model="isCardDetailSaveBilling"
-                          density="compact"
-                          label="Save card for future billing?"
-                        />
-                      </VCol>
-                    </VRow>
-                  </VCol>
-                  <VCol
-                    cols="12"
-                    class="d-flex flex-wrap gap-4"
-                  >
-                    <VBtn type="submit">
-                      Save changes
-                    </VBtn>
-                    <VBtn
-                      color="secondary"
-                      variant="tonal"
-                      @click="resetPaymentForm"
-                    >
-                      Cancel
-                    </VBtn>
-                  </VCol>
-                </VRow>
-              </VCol>
-
-              <!-- 👉 Saved Cards -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <h6 class="text-body-1 text-high-emphasis font-weight-medium mb-6">
-                  My Cards
-                </h6>
-
-                <div class="d-flex flex-column gap-y-6">
-                  <VCard
-                    v-for="card in creditCards"
-                    :key="card.name"
-                    flat
-                    color="rgba(var(--v-theme-on-surface),var(--v-hover-opacity))"
-                  >
-                    <VCardText class="d-flex flex-sm-row flex-column">
-                      <div class="text-no-wrap">
-                        <img
-                          :src="card.image"
-                          height="25"
-                        >
-                        <h4 class="my-2 text-body-1 text-high-emphasis d-flex align-center">
-                          <div class="me-4 font-weight-medium">
-                            {{ card.name }}
-                          </div>
-                          <VChip
-                            v-if="card.isPrimary"
-                            label
-                            color="primary"
-                            size="small"
-                          >
-                            Primary
-                          </VChip>
-                        </h4>
-                        <div class="text-body-1">
-                          **** **** **** {{ card.number.substring(card.number.length - 4) }}
-                        </div>
-                      </div>
-
-                      <VSpacer />
-
-                      <div class="d-flex flex-column text-sm-end">
-                        <div class="d-flex flex-wrap gap-4 order-sm-0 order-1">
-                          <VBtn
-                            variant="tonal"
-                            size="small"
-                            @click="openEditCardDialog(card)"
-                          >
-                            Edit
-                          </VBtn>
-                          <VBtn
-                            color="error"
-                            size="small"
-                            variant="tonal"
-                          >
-                            Delete
-                          </VBtn>
-                        </div>
-                        <span class="text-body-2 my-4 order-sm-1 order-0">Card expires at {{ card.expiry }}</span>
-                      </div>
-                    </VCardText>
-                  </VCard>
-                </div>
-
-                <!-- 👉 Add Edit Card Dialog -->
-                <CardAddEditDialog
-                  v-model:is-dialog-visible="isCardEditDialogVisible"
-                  :card-details="currentCardDetails"
-                />
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Billing Address -->
-    <VCol cols="12">
-      <VCard title="Billing Address">
-        <VCardText>
-          <VForm @submit.prevent="() => {}">
-            <VRow>
-              <!-- 👉 Company name -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="Company Name"
-                  placeholder="Pixinvent"
-                />
-              </VCol>
-
-              <!-- 👉 Billing Email -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="Billing Email"
-                  placeholder="pixinvent@email.com"
-                />
-              </VCol>
-
-              <!-- 👉 Tax ID -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="Tax ID"
-                  placeholder="123 123 1233"
-                />
-              </VCol>
-
-              <!-- 👉 Vat Number -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="VAT Number"
-                  placeholder="121212"
-                />
-              </VCol>
-
-              <!-- 👉 Mobile -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  dirty
-                  label="Phone Number"
-                  type="number"
-                  prefix="US (+1)"
-                  placeholder="+1 123 456 7890"
-                />
-              </VCol>
-
-              <!-- 👉 Country -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppSelect
-                  label="Country"
-                  :items="countryList"
-                  placeholder="Select Country"
-                />
-              </VCol>
-
-              <!-- 👉 Billing Address -->
-              <VCol cols="12">
-                <AppTextField
-                  label="Billing Address"
-                  placeholder="1234 Main St"
-                />
-              </VCol>
-
-              <!-- 👉 State -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="State"
-                  placeholder="New York"
-                />
-              </VCol>
-
-              <!-- 👉 Zip Code -->
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <AppTextField
-                  label="Zip Code"
-                  type="number"
-                  placeholder="100006"
-                />
-              </VCol>
-
-              <!-- 👉 Actions Button -->
-              <VCol
-                cols="12"
-                class="d-flex flex-wrap gap-4"
-              >
-                <VBtn type="submit">
-                  Save changes
-                </VBtn>
-                <VBtn
-                  type="reset"
-                  color="secondary"
-                  variant="tonal"
-                >
-                  Discard
-                </VBtn>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Billing History -->
-    <VCol cols="12">
-      <BillingHistoryTable />
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-.pricing-dialog {
-  .pricing-title {
-    font-size: 1.5rem !important;
-  }
-
-  .v-card {
-    border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-    box-shadow: none;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsConnections.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsConnections.vue
deleted file mode 100644
index 4f454c9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsConnections.vue
+++ /dev/null
@@ -1,200 +0,0 @@
-<script setup lang="ts">
-import asana from '@images/icons/brands/asana.png'
-import behance from '@images/icons/brands/behance.png'
-import dribbble from '@images/icons/brands/dribbble.png'
-import facebook from '@images/icons/brands/facebook.png'
-import github from '@images/icons/brands/github.png'
-import google from '@images/icons/brands/google.png'
-import linkedin from '@images/icons/brands/linkedin.png'
-import mailchimp from '@images/icons/brands/mailchimp.png'
-import slack from '@images/icons/brands/slack.png'
-import twitter from '@images/icons/brands/twitter.png'
-
-const connectedAccounts = ref([
-  {
-    logo: google,
-    name: 'Google',
-    subtitle: 'Calendar and contacts',
-    connected: true,
-  },
-  {
-    logo: slack,
-    name: 'Slack',
-    subtitle: 'Communication',
-    connected: false,
-  },
-  {
-    logo: github,
-    name: 'GitHub',
-    subtitle: 'Manage your Git repositories',
-    connected: true,
-  },
-  {
-    logo: mailchimp,
-    name: 'MailChimp',
-    color: 'yellow',
-    subtitle: 'Email marketing service',
-    connected: true,
-  },
-  {
-    logo: asana,
-    name: 'Asana',
-    subtitle: 'Task management',
-    connected: false,
-  },
-
-])
-
-const socialAccounts = ref([
-  {
-    logo: facebook,
-    name: 'Facebook',
-    connected: false,
-  },
-  {
-    logo: twitter,
-    name: 'Twitter',
-    links: { username: '@Pixinvent', link: 'https://twitter.com/Pixinvents' },
-    connected: true,
-  },
-  {
-    logo: linkedin,
-    name: 'LinkedIn',
-    links: { username: '@Pixinvent', link: 'https://in.linkedin.com/in/pixinvent-creative-studio-561a4713b' },
-    connected: true,
-  },
-  {
-    logo: dribbble,
-    name: 'Dribbble',
-    connected: false,
-
-  },
-  {
-    logo: behance,
-    name: 'Behance',
-    connected: false,
-  },
-])
-</script>
-
-<template>
-  <VCard>
-    <VRow>
-      <VCol
-        cols="12"
-        md="6"
-        class="pe-md-0 pb-0 pb-md-3"
-      >
-        <!-- 👉 Connected Accounts -->
-        <VCard
-          title="Connected Accounts"
-          subtitle="Display content from your connected accounts on your site"
-          flat
-        >
-          <VCardText>
-            <VList class="card-list">
-              <VListItem
-                v-for="item in connectedAccounts"
-                :key="item.logo"
-              >
-                <template #prepend>
-                  <VAvatar>
-                    <img
-                      :src="item.logo"
-                      height="32"
-                    >
-                  </VAvatar>
-                </template>
-                <VListItemTitle>
-                  <h6 class="text-h6">
-                    {{ item.name }}
-                  </h6>
-                </VListItemTitle>
-                <VListItemSubtitle class="text-xs">
-                  {{ item.subtitle }}
-                </VListItemSubtitle>
-                <template #append>
-                  <VListItemAction>
-                    <VSwitch
-                      v-model="item.connected"
-                      density="compact"
-                      class="me-1"
-                    />
-                  </VListItemAction>
-                </template>
-              </VListItem>
-            </VList>
-          </VCardText>
-        </VCard>
-      </VCol>
-      <VCol
-        cols="12"
-        md="6"
-        class="ps-md-0 pt-0 pt-md-3"
-      >
-        <!-- 👉 Social Accounts -->
-        <VCard
-          title="Social Accounts"
-          subtitle="Display content from social accounts on your site"
-          flat
-        >
-          <VCardText>
-            <VList class="card-list">
-              <VListItem
-                v-for="item in socialAccounts"
-                :key="item.logo"
-              >
-                <template #prepend>
-                  <VAvatar rounded>
-                    <img
-                      :src="item.logo"
-                      height="32"
-                    >
-                  </VAvatar>
-                </template>
-                <VListItemTitle>
-                  <h6 class="text-h6">
-                    {{ item.name }}
-                  </h6>
-                </VListItemTitle>
-                <VListItemSubtitle v-if="item.links?.link">
-                  <a
-                    :href="item.links.link"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >{{ item.links?.username }}</a>
-                </VListItemSubtitle>
-                <VListItemSubtitle
-                  v-else
-                  class="text-xs"
-                >
-                  Not Connected
-                </VListItemSubtitle>
-                <template #append>
-                  <VListItemAction>
-                    <IconBtn
-                      variant="tonal"
-                      :color="item.connected ? 'error' : 'secondary'"
-                      class="rounded"
-                    >
-                      <VIcon
-                        size="22"
-                        :icon="item.connected ? 'tabler-trash' : 'tabler-link' "
-                      />
-                    </IconBtn>
-                  </VListItemAction>
-                </template>
-              </VListItem>
-            </VList>
-          </VCardText>
-        </VCard>
-      </VCol>
-    </VRow>
-  </VCard>
-</template>
-
-<style lang="scss">
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsNotification.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsNotification.vue
deleted file mode 100644
index fcc8a27..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsNotification.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<script lang="ts" setup>
-const recentDevices = ref(
-  [
-    {
-      type: 'New for you',
-      email: true,
-      browser: true,
-      app: true,
-    },
-    {
-      type: 'Account activity',
-      email: true,
-      browser: true,
-      app: true,
-    },
-    {
-      type: 'A new browser used to sign in',
-      email: true,
-      browser: true,
-      app: false,
-    },
-    {
-      type: 'A new device is linked',
-      email: true,
-      browser: false,
-      app: false,
-    },
-  ],
-)
-
-const selectedNotification = ref('Only when I\'m online')
-</script>
-
-<template>
-  <VCard>
-    <VCardItem>
-      <VCardTitle>Recent Devices</VCardTitle>
-      <p class="text-body-1 mb-0">
-        We need permission from your browser to show notifications. <span class="text-primary cursor-pointer">Request Permission</span>
-      </p>
-    </VCardItem>
-
-    <VCardText class="px-0">
-      <VDivider />
-      <VTable class="text-no-wrap rounded">
-        <thead>
-          <tr>
-            <th scope="col">
-              Type
-            </th>
-            <th scope="col">
-              EMAIL
-            </th>
-            <th scope="col">
-              BROWSER
-            </th>
-            <th scope="col">
-              App
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr
-            v-for="device in recentDevices"
-            :key="device.type"
-          >
-            <td class="text-body-1 text-high-emphasis">
-              {{ device.type }}
-            </td>
-            <td>
-              <VCheckbox v-model="device.email" />
-            </td>
-            <td>
-              <VCheckbox v-model="device.browser" />
-            </td>
-            <td>
-              <VCheckbox v-model="device.app" />
-            </td>
-          </tr>
-        </tbody>
-      </VTable>
-      <VDivider />
-    </VCardText>
-
-    <VCardText>
-      <VForm @submit.prevent="() => {}">
-        <h6 class="text-body-1 font-weight-medium mb-6">
-          When should we send you notifications?
-        </h6>
-
-        <VRow>
-          <VCol
-            cols="12"
-            sm="6"
-          >
-            <AppSelect
-              v-model="selectedNotification"
-              mandatory
-              placeholder="Select an option"
-              :items="['Only when I\'m online', 'Anytime']"
-            />
-          </VCol>
-        </VRow>
-
-        <div class="d-flex flex-wrap gap-4 mt-6">
-          <VBtn type="submit">
-            Save Changes
-          </VBtn>
-          <VBtn
-            color="secondary"
-            variant="tonal"
-            type="reset"
-          >
-            Discard
-          </VBtn>
-        </div>
-      </VForm>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsSecurity.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsSecurity.vue
deleted file mode 100644
index 1dce431..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/AccountSettingsSecurity.vue
+++ /dev/null
@@ -1,384 +0,0 @@
-<script lang="ts" setup>
-import laptopGirl from '@images/illustrations/laptop-girl.png'
-
-const isCurrentPasswordVisible = ref(false)
-const isNewPasswordVisible = ref(false)
-const isConfirmPasswordVisible = ref(false)
-const currentPassword = ref('')
-const newPassword = ref('')
-const confirmPassword = ref('')
-
-const passwordRequirements = [
-  'Minimum 8 characters long - the more, the better',
-  'At least one lowercase character',
-  'At least one number, symbol, or whitespace character',
-]
-
-const serverKeys = [
-  {
-    name: 'Server Key 1',
-    key: '23eaf7f0-f4f7-495e-8b86-fad3261282ac',
-    createdOn: '28 Apr 2021, 18:20 GTM+4:10',
-    permission: 'Full Access',
-  },
-  {
-    name: 'Server Key 2',
-    key: 'bb98e571-a2e2-4de8-90a9-2e231b5e99',
-    createdOn: '12 Feb 2021, 10:30 GTM+2:30',
-    permission: 'Read Only',
-  },
-  {
-    name: 'Server Key 3',
-    key: '2e915e59-3105-47f2-8838-6e46bf83b711',
-    createdOn: '28 Dec 2020, 12:21 GTM+4:10',
-    permission: 'Full Access',
-  },
-]
-
-const recentDevicesHeaders = [
-  { title: 'BROWSER', key: 'browser' },
-  { title: 'DEVICE', key: 'device' },
-  { title: 'LOCATION', key: 'location' },
-  { title: 'RECENT ACTIVITY', key: 'recentActivity' },
-]
-
-const recentDevices = [
-  {
-    browser: 'Chrome on Windows',
-    device: 'HP Spectre 360',
-    location: 'New York, NY',
-    recentActivity: '28 Apr 2022, 18:20',
-    deviceIcon: { icon: 'tabler-brand-windows', color: 'primary' },
-  },
-  {
-    browser: 'Chrome on iPhone',
-    device: 'iPhone 12x',
-    location: 'Los Angeles, CA',
-    recentActivity: '20 Apr 2022, 10:20',
-    deviceIcon: { icon: 'tabler-device-mobile', color: 'error' },
-  },
-  {
-    browser: 'Chrome on Android',
-    device: 'Oneplus 9 Pro',
-    location: 'San Francisco, CA',
-    recentActivity: '16 Apr 2022, 04:20',
-    deviceIcon: { icon: 'tabler-brand-android', color: 'success' },
-  },
-  {
-    browser: 'Chrome on macOS',
-    device: 'Apple iMac',
-    location: 'New York, NY',
-    recentActivity: '28 Apr 2022, 18:20',
-    deviceIcon: { icon: 'tabler-brand-apple', color: 'secondary' },
-  },
-  {
-    browser: 'Chrome on Windows',
-    device: 'HP Spectre 360',
-    location: 'Los Angeles, CA',
-    recentActivity: '20 Apr 2022, 10:20',
-    deviceIcon: { icon: 'tabler-brand-windows', color: 'primary' },
-  },
-  {
-    browser: 'Chrome on Android',
-    device: 'Oneplus 9 Pro',
-    location: 'San Francisco, CA',
-    recentActivity: '16 Apr 2022, 04:20',
-    deviceIcon: { icon: 'tabler-brand-android', color: 'success' },
-  },
-]
-
-const isOneTimePasswordDialogVisible = ref(false)
-</script>
-
-<template>
-  <VRow>
-    <!-- SECTION: Change Password -->
-    <VCol cols="12">
-      <VCard title="Change Password">
-        <VForm>
-          <VCardText class="pt-0">
-            <!-- 👉 Current Password -->
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <!-- 👉 current password -->
-                <AppTextField
-                  v-model="currentPassword"
-                  :type="isCurrentPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isCurrentPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  label="Current Password"
-                  autocomplete="on"
-                  placeholder="············"
-                  @click:append-inner="isCurrentPasswordVisible = !isCurrentPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-
-            <!-- 👉 New Password -->
-            <VRow>
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <!-- 👉 new password -->
-                <AppTextField
-                  v-model="newPassword"
-                  :type="isNewPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isNewPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  label="New Password"
-                  autocomplete="on"
-                  placeholder="············"
-                  @click:append-inner="isNewPasswordVisible = !isNewPasswordVisible"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="6"
-              >
-                <!-- 👉 confirm password -->
-                <AppTextField
-                  v-model="confirmPassword"
-                  :type="isConfirmPasswordVisible ? 'text' : 'password'"
-                  :append-inner-icon="isConfirmPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'"
-                  label="Confirm New Password"
-                  autocomplete="on"
-                  placeholder="············"
-                  @click:append-inner="isConfirmPasswordVisible = !isConfirmPasswordVisible"
-                />
-              </VCol>
-            </VRow>
-          </VCardText>
-
-          <!-- 👉 Password Requirements -->
-          <VCardText>
-            <h6 class="text-h6 text-medium-emphasis mb-4">
-              Password Requirements:
-            </h6>
-
-            <VList class="card-list">
-              <VListItem
-                v-for="item in passwordRequirements"
-                :key="item"
-                :title="item"
-                class="text-medium-emphasis"
-              >
-                <template #prepend>
-                  <VIcon
-                    size="10"
-                    icon="tabler-circle-filled"
-                  />
-                </template>
-              </VListItem>
-            </VList>
-          </VCardText>
-
-          <!-- 👉 Action Buttons -->
-          <VCardText class="d-flex flex-wrap gap-4">
-            <VBtn>Save changes</VBtn>
-
-            <VBtn
-              type="reset"
-              color="secondary"
-              variant="tonal"
-            >
-              Reset
-            </VBtn>
-          </VCardText>
-        </VForm>
-      </VCard>
-    </VCol>
-    <!-- !SECTION -->
-
-    <!-- SECTION Two-steps verification -->
-    <VCol cols="12">
-      <VCard title="Two-steps verification">
-        <VCardText>
-          <h5 class="text-h5 text-medium-emphasis mb-4">
-            Two factor authentication is not enabled yet.
-          </h5>
-          <p class="mb-6">
-            Two-factor authentication adds an additional layer of security to your account by
-            requiring more than just a password to log in.
-            <a
-              href="javascript:void(0)"
-              class="text-decoration-none"
-            >Learn more.</a>
-          </p>
-
-          <VBtn @click="isOneTimePasswordDialogVisible = true">
-            Enable two-factor authentication
-          </VBtn>
-        </VCardText>
-      </VCard>
-    </VCol>
-    <!-- !SECTION -->
-
-    <VCol cols="12">
-      <!-- SECTION: Create an API key -->
-      <VCard title="Create an API key">
-        <VRow no-gutters>
-          <!-- 👉 Choose API Key -->
-          <VCol
-            cols="12"
-            md="5"
-            order-md="0"
-            order="1"
-          >
-            <VCardText class="pt-1">
-              <VForm @submit.prevent="() => { }">
-                <VRow>
-                  <!-- 👉 Choose API Key -->
-                  <VCol cols="12">
-                    <AppSelect
-                      label="Choose the API key type you want to create"
-                      placeholder="Select API key type"
-                      :items="['Full Control', 'Modify', 'Read & Execute', 'List Folder Contents', 'Read Only', 'Read & Write']"
-                    />
-                  </VCol>
-
-                  <!-- 👉 Name the API Key -->
-                  <VCol cols="12">
-                    <AppTextField
-                      label="Name the API key"
-                      placeholder="Name the API key"
-                    />
-                  </VCol>
-
-                  <!-- 👉 Create Key Button -->
-                  <VCol cols="12">
-                    <VBtn
-                      type="submit"
-                      block
-                    >
-                      Create Key
-                    </VBtn>
-                  </VCol>
-                </VRow>
-              </VForm>
-            </VCardText>
-          </VCol>
-
-          <!-- 👉 Lady image -->
-          <VCol
-            cols="12"
-            md="7"
-            order="0"
-            order-md="1"
-            class="d-flex flex-column justify-center align-center"
-          >
-            <VImg
-              :src="laptopGirl"
-              :width="$vuetify.display.smAndDown ? '150' : '200'"
-              :style="$vuetify.display.smAndDown ? 'margin-block-end: 24px' : 'position: absolute; bottom: 0;'"
-            />
-          </VCol>
-        </VRow>
-      </VCard>
-      <!-- !SECTION -->
-    </VCol>
-
-    <VCol cols="12">
-      <!-- SECTION: API Keys List -->
-      <VCard>
-        <VCardItem class="pb-4">
-          <VCardTitle>API Key List & Access</VCardTitle>
-        </VCardItem>
-        <VCardText>
-          An API key is a simple encrypted string that identifies an application without any principal. They are useful
-          for accessing public data anonymously, and are used to associate API requests with your project for quota and
-          billing.
-        </VCardText>
-
-        <!-- 👉 Server Status -->
-        <VCardText class="d-flex flex-column gap-y-6">
-          <VCard
-            v-for="serverKey in serverKeys"
-            :key="serverKey.key"
-            flat
-            class="pa-4"
-            color="rgba(var(--v-theme-on-surface),var(--v-hover-opacity))"
-          >
-            <div class="d-flex flex-column gap-y-2">
-              <div class="d-flex align-center flex-wrap">
-                <h5 class="text-h5 me-3">
-                  {{ serverKey.name }}
-                </h5>
-                <VChip
-                  label
-                  color="primary"
-                  size="small"
-                >
-                  {{ serverKey.permission }}
-                </VChip>
-              </div>
-              <div class="d-flex align-center text-base font-weight-medium">
-                <h6 class="text-h6 text-medium-emphasis me-3">
-                  {{ serverKey.key }}
-                </h6>
-                <div class="cursor-pointer">
-                  <VIcon
-                    icon="tabler-copy"
-                    size="20"
-                  />
-                </div>
-              </div>
-              <div class="text-disabled">
-                Created on {{ serverKey.createdOn }}
-              </div>
-            </div>
-          </VCard>
-        </VCardText>
-      </VCard>
-      <!-- !SECTION -->
-    </VCol>
-
-    <!-- SECTION Recent Devices -->
-    <VCol cols="12">
-      <!-- 👉 Table -->
-      <VCard title="Recent Devices">
-        <VDivider />
-
-        <VDataTable
-          :headers="recentDevicesHeaders"
-          :items="recentDevices"
-          hide-default-footer
-          class="text-no-wrap"
-        >
-          <template #item.browser="{ item }">
-            <div class="d-flex">
-              <VIcon
-                start
-                size="22"
-                :icon="item.deviceIcon.icon"
-                :color="item.deviceIcon.color"
-              />
-              <div class="text-high-emphasis text-body-1 font-weight-medium">
-                {{ item.browser }}
-              </div>
-            </div>
-          </template>
-          <!-- TODO Refactor this after vuetify provides proper solution for removing default footer -->
-          <template #bottom />
-        </VDataTable>
-      </VCard>
-    </VCol>
-    <!-- !SECTION -->
-  </VRow>
-
-  <!-- SECTION Enable One time password -->
-  <TwoFactorAuthDialog v-model:is-dialog-visible="isOneTimePasswordDialogVisible" />
-  <!-- !SECTION -->
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-
-.server-close-btn {
-  inset-inline-end: 0.5rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/BillingHistoryTable.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/BillingHistoryTable.vue
deleted file mode 100644
index b54f46c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/account-settings/BillingHistoryTable.vue
+++ /dev/null
@@ -1,280 +0,0 @@
-<script setup lang="ts">
-import type { Invoice } from '@db/apps/invoice/types'
-
-const searchQuery = ref('')
-const selectedStatus = ref()
-const selectedRows = ref<string[]>([])
-
-// Data table options
-const itemsPerPage = ref(10)
-const page = ref(1)
-const sortBy = ref()
-const orderBy = ref()
-
-// Update data table options
-const updateOptions = (options: any) => {
-  sortBy.value = options.sortBy[0]?.key
-  orderBy.value = options.sortBy[0]?.order
-}
-
-// 👉 headers
-const headers = [
-  { title: '#', key: 'id' },
-  { title: 'Status', key: 'status', sortable: false },
-  { title: 'Client', key: 'client' },
-  { title: 'Total', key: 'total' },
-  { title: 'Issued Date', key: 'date' },
-  { title: 'Balance', key: 'balance' },
-  { title: 'Actions', key: 'actions', sortable: false },
-]
-
-// 👉 Fetch Invoices
-const { data: invoiceData, execute: fetchInvoices } = await useApi<any>(createUrl('/apps/invoice', {
-  query: {
-    q: searchQuery,
-    status: selectedStatus,
-    itemsPerPage,
-    page,
-    sortBy,
-    orderBy,
-  },
-}))
-
-const invoices = computed((): Invoice[] => invoiceData.value?.invoices)
-const totalInvoices = computed(() => invoiceData.value?.totalInvoices)
-
-// 👉 Invoice balance variant resolver
-const resolveInvoiceBalanceVariant = (balance: string | number, total: number) => {
-  if (balance === total)
-    return { status: 'Unpaid', chip: { color: 'error' } }
-
-  if (balance === 0)
-    return { status: 'Paid', chip: { color: 'success' } }
-
-  return { status: balance, chip: { variant: 'text' } }
-}
-
-// 👉 Invoice status variant resolver
-const resolveInvoiceStatusVariantAndIcon = (status: string) => {
-  if (status === 'Partial Payment')
-    return { variant: 'warning', icon: 'tabler-chart-pie' }
-  if (status === 'Paid')
-    return { variant: 'success', icon: 'tabler-check' }
-  if (status === 'Downloaded')
-    return { variant: 'info', icon: 'tabler-arrow-down' }
-  if (status === 'Draft')
-    return { variant: 'primary', icon: 'tabler-folder' }
-  if (status === 'Sent')
-    return { variant: 'secondary', icon: 'tabler-mail' }
-  if (status === 'Past Due')
-    return { variant: 'error', icon: 'tabler-alert-circle' }
-
-  return { variant: 'secondary', icon: 'tabler-x' }
-}
-
-// 👉 Delete Invoice
-const deleteInvoice = async (id: number) => {
-  await $api(`/apps/invoice/${id}`, { method: 'DELETE' })
-  fetchInvoices()
-}
-</script>
-
-<template>
-  <VCard
-    v-if="invoices"
-    id="invoice-list"
-    title="Billing History"
-  >
-    <VCardText class="d-flex align-center flex-wrap gap-4">
-      <!-- 👉 Create invoice -->
-
-      <div class="d-flex gap-2">
-        <VLabel>Show</VLabel>
-        <AppSelect
-          v-model="itemsPerPage"
-          :items="[5, 10, 20, 25, 50]"
-        />
-      </div>
-
-      <VBtn
-        prepend-icon="tabler-plus"
-        :to="{ name: 'apps-invoice-add' }"
-      >
-        Create invoice
-      </VBtn>
-
-      <VSpacer />
-
-      <div class="d-flex align-end flex-wrap gap-4">
-        <!-- 👉 Search  -->
-        <div class="invoice-list-search">
-          <AppTextField
-            v-model="searchQuery"
-            placeholder="Search Invoice"
-          />
-        </div>
-        <div class="invoice-list-status">
-          <AppSelect
-            v-model="selectedStatus"
-            placeholder="Invoice Status"
-            clearable
-            clear-icon="tabler-x"
-            :items="['Downloaded', 'Draft', 'Sent', 'Paid', 'Partial Payment', 'Past Due']"
-            style="inline-size: 12rem;"
-          />
-        </div>
-      </div>
-    </VCardText>
-
-    <VDivider />
-
-    <!-- SECTION DataTable -->
-    <VDataTableServer
-      v-model="selectedRows"
-      v-model:items-per-page="itemsPerPage"
-      v-model:page="page"
-      show-select
-      :items-length="totalInvoices"
-      :headers="headers"
-      :items="invoices"
-      class="text-no-wrap"
-      @update:options="updateOptions"
-    >
-      <!-- id -->
-      <template #item.id="{ item }">
-        <div class="text-body-1">
-          <RouterLink :to="{ name: 'apps-invoice-preview-id', params: { id: item.id } }">
-            #{{ item.id }}
-          </RouterLink>
-        </div>
-      </template>
-
-      <!-- status -->
-      <template #item.status="{ item }">
-        <VTooltip>
-          <template #activator="{ props }">
-            <VAvatar
-              :size="28"
-              v-bind="props"
-              :color="resolveInvoiceStatusVariantAndIcon(item.invoiceStatus).variant"
-              variant="tonal"
-            >
-              <VIcon
-                size="16"
-                :icon="resolveInvoiceStatusVariantAndIcon(item.invoiceStatus).icon"
-              />
-            </VAvatar>
-          </template>
-          <p class="mb-0">
-            {{ item.invoiceStatus }}
-          </p>
-          <p class="mb-0">
-            Balance: {{ item.balance }}
-          </p>
-          <p class="mb-0">
-            Due date: {{ item.dueDate }}
-          </p>
-        </VTooltip>
-      </template>
-
-      <!-- client -->
-      <template #item.client="{ item }">
-        <div class="d-flex align-center">
-          <VAvatar
-            size="34"
-            :color="!item.avatar.length ? resolveInvoiceStatusVariantAndIcon(item.invoiceStatus).variant : undefined"
-            :variant="!item.avatar.length ? 'tonal' : undefined"
-            class="me-3"
-          >
-            <VImg
-              v-if="item.avatar.length"
-              :src="item.avatar"
-            />
-            <span v-else>{{ avatarText(item.client.name) }}</span>
-          </VAvatar>
-          <div class="d-flex flex-column">
-            <RouterLink
-              class="font-weight-medium text-body-1 text-high-emphasis mb-0 text-link"
-              :to="{ name: 'pages-user-profile-tab', params: { tab: 'profile' } }"
-            >
-              {{ item.client.name }}
-            </RouterLink>
-            <span class="text-body-2">{{ item.client.companyEmail }}</span>
-          </div>
-        </div>
-      </template>
-
-      <!-- Total -->
-      <template #item.total="{ item }">
-        ${{ item.total }}
-      </template>
-
-      <!-- Issued Date -->
-      <template #item.date="{ item }">
-        {{ item.issuedDate }}
-      </template>
-
-      <!-- Balance -->
-      <template #item.balance="{ item }">
-        <VChip
-          v-if="typeof ((resolveInvoiceBalanceVariant(item.balance, item.total)).status) === 'string'"
-          :color="resolveInvoiceBalanceVariant(item.balance, item.total).chip.color"
-          size="small"
-          label
-        >
-          {{ (resolveInvoiceBalanceVariant(item.balance, item.total)).status }}
-        </VChip>
-        <div
-          v-else
-          class="text-body-1 text-high-emphasis"
-        >
-          {{ Number((resolveInvoiceBalanceVariant(item.balance, item.total)).status) > 0 ? `$${(resolveInvoiceBalanceVariant(item.balance, item.total)).status}` : `-$${Math.abs(Number((resolveInvoiceBalanceVariant(item.balance, item.total)).status))}` }}
-        </div>
-      </template>
-
-      <!-- Actions -->
-      <template #item.actions="{ item }">
-        <IconBtn @click="deleteInvoice(item.id)">
-          <VIcon
-            icon="tabler-trash"
-            size="20"
-          />
-        </IconBtn>
-
-        <IconBtn :to="{ name: 'apps-invoice-preview-id', params: { id: item.id } }">
-          <VIcon
-            icon="tabler-eye"
-            size="20"
-          />
-        </IconBtn>
-        <IconBtn>
-          <VIcon
-            icon="tabler-dots-vertical"
-            size="20"
-          />
-        </IconBtn>
-      </template>
-
-      <template #bottom>
-        <TablePagination
-          v-model:page="page"
-          :items-per-page="itemsPerPage"
-          :total-items="totalInvoices"
-        />
-      </template>
-    </VDataTableServer>
-    <!-- !SECTION -->
-  </VCard>
-</template>
-
-<style lang="scss">
-#invoice-list {
-  .invoice-list-actions {
-    inline-size: 8rem;
-  }
-
-  .invoice-list-search {
-    inline-size: 12rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/authentication/AuthProvider.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/authentication/AuthProvider.vue
deleted file mode 100644
index fe6111b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/authentication/AuthProvider.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-
-const { global } = useTheme()
-
-const authProviders = [
-  {
-    icon: 'tabler-brand-facebook-filled',
-    color: '#4267b2',
-    colorInDark: '#497CE2',
-  },
-  {
-    icon: 'tabler-brand-twitter-filled',
-    color: '#1da1f2',
-    colorInDark: '#1da1f2',
-  },
-  {
-    icon: 'tabler-brand-github-filled',
-    color: '#272727',
-    colorInDark: '#fff',
-  },
-  {
-    icon: 'tabler-brand-google-filled',
-    color: '#dd4b39',
-    colorInDark: '#db4437',
-  },
-]
-</script>
-
-<template>
-  <div class="d-flex justify-center flex-wrap gap-1">
-    <VBtn
-      v-for="link in authProviders"
-      :key="link.icon"
-      icon
-      variant="text"
-      size="small"
-      :color="global.name.value === 'dark' ? link.colorInDark : link.color"
-    >
-      <VIcon
-        size="20"
-        :icon="link.icon"
-      />
-    </VBtn>
-  </div>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceActiveProject.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceActiveProject.vue
deleted file mode 100644
index 528c552..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceActiveProject.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-<script setup lang="ts">
-import bootstrapLogo from '@images/icons/brands/bootstrap-logo.png'
-import figmaLogo from '@images/icons/brands/figma-logo.png'
-import laravelLogo from '@images/icons/brands/laravel-logo.png'
-import reactLogo from '@images/icons/brands/react-logo.png'
-import sketchLogo from '@images/icons/brands/sketch-logo.png'
-import vuejsLogo from '@images/icons/brands/vuejs-logo.png'
-
-const activeProjects = [
-  {
-    avatarImg: laravelLogo,
-    title: 'Laravel',
-    subtitle: 'Ecommerce',
-    stats: '65',
-    progressColor: 'error',
-  },
-  {
-    avatarImg: figmaLogo,
-    title: 'Figma',
-    subtitle: 'App UI Kit',
-    stats: '86',
-    progressColor: 'primary',
-  },
-  {
-    avatarImg: vuejsLogo,
-    title: 'VueJs',
-    subtitle: 'Calendar App',
-    stats: '90',
-    progressColor: 'success',
-  },
-  {
-    avatarImg: reactLogo,
-    title: 'React',
-    subtitle: 'Dashboard',
-    stats: '37',
-    progressColor: 'info',
-  },
-  {
-    avatarImg: bootstrapLogo,
-    title: 'Bootstrap',
-    subtitle: 'Website',
-    stats: '22',
-    progressColor: 'primary',
-  },
-  {
-    avatarImg: sketchLogo,
-    title: 'Sketch',
-    subtitle: 'Website Design',
-    stats: '29',
-    progressColor: 'warning',
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem>
-      <VCardTitle>Active Projects</VCardTitle>
-      <VCardSubtitle>
-        Average 72% completed
-      </VCardSubtitle>
-      <template #append>
-        <div class="mt-n4 me-n2">
-          <MoreBtn :menu-list="moreList" />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="project in activeProjects"
-          :key="project.title"
-        >
-          <template #prepend>
-            <VAvatar
-              size="34"
-              rounded
-              class="me-1"
-            >
-              <img :src="project.avatarImg">
-            </VAvatar>
-          </template>
-
-          <VListItemTitle class="font-weight-medium">
-            {{ project.title }}
-          </VListItemTitle>
-          <VListItemSubtitle class="me-4">
-            {{ project.subtitle }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <div class="d-flex align-center gap-x-4">
-              <div style="inline-size: 4.875rem;">
-                <VProgressLinear
-                  :model-value="project.stats"
-                  :color="project.progressColor"
-                  height="8"
-                  rounded-bar
-                  rounded
-                />
-              </div>
-              <span class="text-disabled">{{ project.stats }}%</span>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceActivityTimeline.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceActivityTimeline.vue
deleted file mode 100644
index 8e43d41..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceActivityTimeline.vue
+++ /dev/null
@@ -1,173 +0,0 @@
-<script lang="ts" setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import pdf from '@images/icons/project-icons/pdf.png'
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem>
-      <template #prepend>
-        <VIcon
-          icon="tabler-list-details"
-          size="24"
-          color="high-emphasis"
-          class="me-1"
-        />
-      </template>
-
-      <VCardTitle>Activity Timeline</VCardTitle>
-
-      <template #append>
-        <div class="me-n2">
-          <MoreBtn :menu-list="moreList" />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VTimeline
-        side="end"
-        align="start"
-        line-inset="8"
-        truncate-line="start"
-        density="compact"
-      >
-        <!-- SECTION Timeline Item: Flight -->
-        <VTimelineItem
-          dot-color="primary"
-          size="x-small"
-        >
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center gap-2 flex-wrap mb-2">
-            <span class="app-timeline-title">
-              12 Invoices have been paid
-            </span>
-            <span class="app-timeline-meta">12 min ago</span>
-          </div>
-
-          <!-- 👉 Content -->
-          <div class="app-timeline-text mt-1">
-            Invoices have been paid to the company
-          </div>
-
-          <div class="d-inline-flex align-center timeline-chip mt-2">
-            <img
-              :src="pdf"
-              height="20"
-              class="me-2"
-              alt="img"
-            >
-            <span class="app-timeline-text font-weight-medium">
-              invoice.pdf
-            </span>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-
-        <!-- SECTION Timeline Item: Interview Schedule -->
-        <VTimelineItem
-          size="x-small"
-          dot-color="success"
-        >
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center flex-wrap mb-2">
-            <div class="app-timeline-title">
-              Client Meeting
-            </div>
-            <span class="app-timeline-meta">45 min ago</span>
-          </div>
-
-          <div class="app-timeline-text mt-1">
-            Project meeting with john @10:15am
-          </div>
-
-          <!-- 👉 Person -->
-          <div class="d-flex justify-space-between align-center flex-wrap">
-            <!-- 👉 Avatar & Personal Info -->
-            <div class="d-flex align-center mt-2">
-              <VAvatar
-                size="32"
-                class="me-2"
-                :image="avatar1"
-              />
-              <div class="d-flex flex-column">
-                <p class="text-sm font-weight-medium text-medium-emphasis mb-0">
-                  Lester McCarthy (Client)
-                </p>
-                <span class="text-sm">CEO of Pixinvent</span>
-              </div>
-            </div>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-
-        <!-- SECTION Design Review -->
-        <VTimelineItem
-          size="x-small"
-          dot-color="info"
-        >
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center flex-wrap mb-2">
-            <span class="app-timeline-title">
-              Create a new project for client
-            </span>
-            <span class="app-timeline-meta">2 Day Ago</span>
-          </div>
-
-          <!-- 👉 Content -->
-          <p class="app-timeline-text mt-1 mb-2">
-            6 team members in a project
-          </p>
-
-          <div class="v-avatar-group demo-avatar-group">
-            <VAvatar :size="40">
-              <VImg :src="avatar1" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                John Doe
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar :size="40">
-              <VImg :src="avatar2" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                Jennie Obrien
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar :size="40">
-              <VImg :src="avatar3" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                Peter Harper
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar
-              :size="40"
-              :color="$vuetify.theme.current.dark ? '#373b50' : '#eeedf0'"
-            >
-              +3
-            </VAvatar>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-      </VTimeline>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceAssignmentProgress.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceAssignmentProgress.vue
deleted file mode 100644
index 1b40a67..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceAssignmentProgress.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<script setup lang="ts">
-const assignmentData = [
-  { title: 'User Experience Design', tasks: 120, progress: 72, color: 'primary' },
-  { title: 'Basic fundamentals', tasks: 32, progress: 48, color: 'success' },
-  { title: 'React Native components', tasks: 182, progress: 15, color: 'error' },
-  { title: 'Basic of music theory', tasks: 56, progress: 24, color: 'info' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Assignment progress">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="assignment in assignmentData"
-          :key="assignment.title"
-        >
-          <template #prepend>
-            <VProgressCircular
-              v-model="assignment.progress"
-              :size="54"
-              class="me-4"
-              :color="assignment.color"
-            >
-              <span class="text-body-1 text-high-emphasis font-weight-medium">
-                {{ assignment.progress }}%
-              </span>
-            </VProgressCircular>
-          </template>
-          <VListItemTitle class="font-weight-medium mb-2 me-2">
-            {{ assignment.title }}
-          </VListItemTitle>
-
-          <VListItemSubtitle class="me-2">
-            {{ assignment.tasks }} Tasks
-          </VListItemSubtitle>
-          <template #append>
-            <VBtn
-              icon
-              variant="tonal"
-              color="secondary"
-              rounded
-              size="30"
-            >
-              <VIcon
-                icon="tabler-chevron-right"
-                class="flip-in-rtl"
-                size="20"
-              />
-            </VBtn>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 2rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceBrowserStates.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceBrowserStates.vue
deleted file mode 100644
index bfd753d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceBrowserStates.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<script setup lang="ts">
-import brave from '@images/logos/brave.png'
-import chrome from '@images/logos/chrome.png'
-import firefox from '@images/logos/firefox.png'
-import internetExplorer from '@images/logos/internet-explorer.png'
-import operaMini from '@images/logos/opera-mini.png'
-import safari from '@images/logos/safari.png'
-
-const browserStates = [
-  {
-    avatarImg: chrome,
-    title: 'Google Chrome',
-    stats: '90.4',
-    progress: 'secondary',
-  },
-  {
-    avatarImg: safari,
-    title: 'Apple Safari',
-    stats: '70.6',
-    progress: 'success',
-  },
-  {
-    avatarImg: firefox,
-    title: 'Mozilla Firefox',
-    stats: '35.5',
-    progress: 'primary',
-  },
-  {
-    avatarImg: operaMini,
-    title: 'Opera Mini',
-    stats: '80.0',
-    progress: 'error',
-  },
-  {
-    avatarImg: internetExplorer,
-    title: 'Internet Explorer',
-    stats: '62.2',
-    progress: 'info',
-  },
-  {
-    avatarImg: brave,
-    title: 'Brave',
-    stats: '46.3',
-    progress: 'warning',
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard
-    title="Browser States"
-    subtitle="Counter April 2022"
-  >
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn :menu-list="moreList" />
-      </div>
-    </template>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="state in browserStates"
-          :key="state.title"
-        >
-          <template #prepend>
-            <img
-              :src="state.avatarImg"
-              height="28"
-              width="28"
-              class="me-4"
-            >
-          </template>
-
-          <VListItemTitle class="font-weight-medium me-4">
-            {{ state.title }}
-          </VListItemTitle>
-
-          <template #append>
-            <div class="text-body-1 me-4">
-              {{ state.stats }}%
-            </div>
-            <VProgressCircular
-              :model-value="state.stats"
-              :color="state.progress"
-              width="3"
-              size="28"
-            />
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 2rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceCongratulationsJohn.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceCongratulationsJohn.vue
deleted file mode 100644
index 9a5767b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceCongratulationsJohn.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<script setup lang="ts">
-import congoImg from '@images/illustrations/congo-illustration.png'
-</script>
-
-<template>
-  <VCard>
-    <VRow no-gutters>
-      <VCol cols="8">
-        <VCardText>
-          <h5 class="text-h5 text-no-wrap">
-            Congratulations John! 🎉
-          </h5>
-          <p class="mb-3">
-            Best seller of the month
-          </p>
-          <h4 class="text-h4 text-primary mb-1">
-            $48.9k
-          </h4>
-          <VBtn>View Sales</VBtn>
-        </VCardText>
-      </VCol>
-
-      <VCol cols="4">
-        <VCardText class="pb-0 px-0 position-relative h-100">
-          <VImg
-            :src="congoImg"
-            height="147"
-            class="congo-john-img w-100"
-          />
-        </VCardText>
-      </VCol>
-    </VRow>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.congo-john-img {
-  position: absolute;
-  inset-block-end: 0;
-  inset-inline-end: 1.25rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceDeliveryPerformance.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceDeliveryPerformance.vue
deleted file mode 100644
index 3518566..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceDeliveryPerformance.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<script setup lang="ts">
-const deliveryData = [
-  { title: 'Packages in transit', value: '10k', change: 25.8, icon: 'tabler-box', color: 'primary' },
-  { title: 'Packages out for delivery', value: '5k', change: 4.3, icon: 'tabler-truck', color: 'info' },
-  { title: 'Packages delivered', value: '15k', change: -12.5, icon: 'tabler-circle-check', color: 'success' },
-  { title: 'Delivery success rate', value: '95%', change: 35.6, icon: 'tabler-percentage', color: 'warning' },
-  { title: 'Average delivery time', value: '2.5 Days', change: -2.15, icon: 'tabler-clock', color: 'secondary' },
-  { title: 'Customer satisfaction', value: '4.5/5', change: 5.7, icon: 'tabler-users', color: 'error' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Delivery performance">
-      <VCardSubtitle>
-        12% increase in this month
-      </VCardSubtitle>
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="(data, index) in deliveryData"
-          :key="index"
-        >
-          <div class="d-flex gap-x-4 align-center">
-            <VAvatar
-              :color="data.color"
-              variant="tonal"
-              rounded
-              size="38"
-              class="me-1"
-            >
-              <VIcon
-                :icon="data.icon"
-                size="26"
-              />
-            </VAvatar>
-
-            <div>
-              <VListItemTitle class="text-body-1 text-high-emphasis">
-                {{ data.title }}
-              </VListItemTitle>
-              <VListItemSubtitle>
-                <div
-                  :class="data.change > 0 ? 'text-success' : 'text-error'"
-                  class="d-flex align-center"
-                >
-                  <VIcon
-                    :icon="data.change > 0 ? 'tabler-chevron-up' : 'tabler-chevron-down'"
-                    class="me-1"
-                    size="20"
-                  />
-                  <span>{{ data.change }}%</span>
-                </div>
-              </VListItemSubtitle>
-            </div>
-          </div>
-          <template #append>
-            <span class="text-body-1 font-weight-medium">
-              {{ data.value }}
-            </span>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1.5rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceEarningReports.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceEarningReports.vue
deleted file mode 100644
index 7021133..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceEarningReports.vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    data: [40, 95, 60, 45, 90, 50, 75],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  const labelColor = `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['disabled-opacity']})`
-  const labelPrimaryColor = `rgba(${hexToRgb(currentTheme.primary)},0.1)`
-
-  return {
-    chart: {
-      type: 'bar',
-      toolbar: {
-        show: false,
-      },
-    },
-    tooltip: {
-      enabled: false,
-    },
-    plotOptions: {
-      bar: {
-        barHeight: '60%',
-        columnWidth: '60%',
-        startingShape: 'rounded',
-        endingShape: 'rounded',
-        borderRadius: 4,
-        distributed: true,
-      },
-    },
-    grid: {
-      show: false,
-      padding: {
-        top: -20,
-        bottom: 0,
-        left: -10,
-        right: -10,
-      },
-    },
-    colors: [
-      labelPrimaryColor,
-      labelPrimaryColor,
-      labelPrimaryColor,
-      labelPrimaryColor,
-      `rgba(${hexToRgb(currentTheme.primary)}, 1)`,
-      labelPrimaryColor,
-      labelPrimaryColor,
-    ],
-    dataLabels: {
-      enabled: false,
-    },
-    legend: {
-      show: false,
-    },
-    xaxis: {
-      categories: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      labels: {
-        style: {
-          colors: labelColor,
-          fontSize: '13px',
-        },
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-  }
-})
-
-const earningReports = [
-  {
-    avatarIcon: 'tabler-chart-pie-2',
-    avatarColor: 'primary',
-    title: 'Net Profit',
-    subtitle: '12.4k Sales',
-    earnings: '$1,619',
-    percentage: '18.6%',
-  },
-  {
-    avatarIcon: 'tabler-currency-dollar',
-    avatarColor: 'success',
-    title: 'Total Income',
-    subtitle: 'Sales, Affiliation',
-    earnings: '$3,571',
-    percentage: '39.6%',
-  },
-  {
-    avatarIcon: 'tabler-credit-card',
-    avatarColor: 'secondary',
-    title: 'Total Expenses',
-    subtitle: 'ADVT, Marketing',
-    earnings: '$430',
-    percentage: '52.8%',
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard
-    title="Earning Reports"
-    subtitle="Weekly Earnings Overview"
-  >
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn :menu-list="moreList" />
-      </div>
-    </template>
-
-    <VCardText class="pb-0">
-      <VList class="card-list mb-3">
-        <VListItem
-          v-for="report in earningReports"
-          :key="report.title"
-        >
-          <template #prepend>
-            <VAvatar
-              rounded
-              size="34"
-              variant="tonal"
-              :color="report.avatarColor"
-              class="me-1"
-            >
-              <VIcon
-                :icon="report.avatarIcon"
-                size="22"
-              />
-            </VAvatar>
-          </template>
-
-          <VListItemTitle class="font-weight-medium me-4">
-            {{ report.title }}
-          </VListItemTitle>
-          <VListItemSubtitle class="me-4">
-            {{ report.subtitle }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <div class="d-flex align-center text-body-2">
-              <span class="me-4">{{ report.earnings }}</span>
-              <VIcon
-                color="success"
-                icon="tabler-chevron-up"
-                size="20"
-                class="me-1"
-              />
-              <span class="text-disabled">{{ report.percentage }}</span>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        :height="180"
-      />
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceLastTransaction.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceLastTransaction.vue
deleted file mode 100644
index c9cf1f2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceLastTransaction.vue
+++ /dev/null
@@ -1,154 +0,0 @@
-<script setup lang="ts">
-import aeIcon from '@images/icons/payments/ae-icon.png'
-import mastercardIcon from '@images/icons/payments/mastercard-icon.png'
-import visaIcon from '@images/icons/payments/visa-icon.png'
-
-interface Status {
-  Verified: string
-  Rejected: string
-  Pending: string
-}
-
-interface Transition {
-  cardImg: string
-  lastDigit: string
-  cardType: string
-  sentDate: string
-  status: keyof Status
-  trend: string
-}
-
-const lastTransitions: Transition[] = [
-  {
-    cardImg: visaIcon,
-    lastDigit: '*4230',
-    cardType: 'Credit',
-    sentDate: '17 Mar 2022',
-    status: 'Verified',
-    trend: '+$1,678',
-  },
-  {
-    cardImg: mastercardIcon,
-    lastDigit: '*5578',
-    cardType: 'Credit',
-    sentDate: '12 Feb 2022',
-    status: 'Rejected',
-    trend: '-$839',
-  },
-  {
-    cardImg: aeIcon,
-    lastDigit: '*4567',
-    cardType: 'Credit',
-    sentDate: '28 Feb 2022',
-    status: 'Verified',
-    trend: '+$435',
-  },
-  {
-    cardImg: visaIcon,
-    lastDigit: '*5699',
-    cardType: 'Credit',
-    sentDate: '8 Jan 2022',
-    status: 'Pending',
-    trend: '+$2,345',
-  },
-  {
-    cardImg: visaIcon,
-    lastDigit: '*5699',
-    cardType: 'Credit',
-    sentDate: '8 Jan 2022',
-    status: 'Rejected',
-    trend: '-$234',
-  },
-]
-
-const resolveStatus: Status = {
-  Verified: 'success',
-  Rejected: 'error',
-  Pending: 'secondary',
-}
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-
-const getPaddingStyle = (index: number) => index ? 'padding-block-end: 1.5rem;' : 'padding-block: 1.5rem;'
-</script>
-
-<template>
-  <VCard title="Last Transaction">
-    <template #append>
-      <div class="me-n2">
-        <MoreBtn :menu-list="moreList" />
-      </div>
-    </template>
-
-    <VDivider />
-    <VTable class="text-no-wrap transaction-table">
-      <thead>
-        <tr>
-          <th>CARD</th>
-          <th>DATE</th>
-          <th>STATUS</th>
-          <th>TREND</th>
-        </tr>
-      </thead>
-
-      <tbody>
-        <tr
-          v-for="(transition, index) in lastTransitions"
-          :key="index"
-        >
-          <td :style="getPaddingStyle(index)">
-            <div class="d-flex align-center">
-              <div class="me-4">
-                <VImg
-                  :src="transition.cardImg"
-                  width="50"
-                />
-              </div>
-              <div>
-                <p class="font-weight-medium text-base mb-0 text-high-emphasis">
-                  {{ transition.lastDigit }}
-                </p>
-                <p class="text-sm mb-0">
-                  {{ transition.cardType }}
-                </p>
-              </div>
-            </div>
-          </td>
-          <td :style="getPaddingStyle(index)">
-            <p class="text-high-emphasis text-base mb-0">
-              Sent
-            </p>
-            <span class="text-sm">{{ transition.sentDate }}</span>
-          </td>
-          <td :style="getPaddingStyle(index)">
-            <VChip
-              label
-              :color="resolveStatus[transition.status]"
-              size="small"
-            >
-              {{ transition.status }}
-            </VChip>
-          </td>
-          <td :style="getPaddingStyle(index)">
-            <div class="text-high-emphasis text-base">
-              {{ transition.trend }}
-            </div>
-          </td>
-        </tr>
-      </tbody>
-    </VTable>
-  </VCard>
-</template>
-
-<style lang="scss">
-.transaction-table {
-  &.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
-  &.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
-    border-block-end: none !important;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceMonthlyCampaignState.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceMonthlyCampaignState.vue
deleted file mode 100644
index a6052d5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceMonthlyCampaignState.vue
+++ /dev/null
@@ -1,119 +0,0 @@
-<script setup lang="ts">
-const monthlyCampaignState = [
-  {
-    avatarColor: 'success',
-    avatarIcon: 'tabler-mail',
-    title: 'Emails',
-    count: '12,346',
-    stats: '0.3%',
-    statsColor: 'success',
-  },
-  {
-    avatarColor: 'info',
-    avatarIcon: 'tabler-link',
-    title: 'Opened',
-    count: '8,734',
-    stats: '2.1%',
-    statsColor: 'success',
-  },
-  {
-    avatarColor: 'warning',
-    avatarIcon: 'tabler-mouse',
-    title: 'Clicked',
-    count: '967',
-    stats: '1.4%',
-    statsColor: 'error',
-  },
-  {
-    avatarColor: 'primary',
-    avatarIcon: 'tabler-users',
-    title: 'Subscribe',
-    count: '345',
-    stats: '8.5%',
-    statsColor: 'success',
-  },
-  {
-    avatarColor: 'secondary',
-    avatarIcon: 'tabler-alert-triangle',
-    title: 'Complaints',
-    count: '10',
-    stats: '1.5%',
-    statsColor: 'error',
-  },
-  {
-    avatarColor: 'error',
-    avatarIcon: 'tabler-ban',
-    title: 'Unsubscribe',
-    count: '86',
-    stats: '0.8%',
-    statsColor: 'success',
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem>
-      <VCardTitle>Monthly Campaign State</VCardTitle>
-      <VCardSubtitle>
-        8.52k Social Visitors
-      </VCardSubtitle>
-      <template #append>
-        <div class="mt-n4 me-n2">
-          <MoreBtn :menu-list="moreList" />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="state in monthlyCampaignState"
-          :key="state.title"
-        >
-          <template #prepend>
-            <VAvatar
-              :color="state.avatarColor"
-              variant="tonal"
-              size="34"
-              rounded
-              class="me-1"
-            >
-              <VIcon
-                :icon="state.avatarIcon"
-                size="22"
-              />
-            </VAvatar>
-          </template>
-
-          <VListItemTitle class="font-weight-medium me-4">
-            {{ state.title }}
-          </VListItemTitle>
-
-          <template #append>
-            <div class="d-flex gap-x-4">
-              <div class="text-body-1">
-                {{ state.count }}
-              </div>
-              <div :class="`text-${state.statsColor}`">
-                {{ state.stats }}
-              </div>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1.5rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceOrder.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceOrder.vue
deleted file mode 100644
index e7429fc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceOrder.vue
+++ /dev/null
@@ -1,351 +0,0 @@
-<script setup lang="ts">
-const currentTab = ref('New')
-const tabsData = ['New', 'Preparing', 'Shipping']
-</script>
-
-<template>
-  <VCard class="country-order-card">
-    <VCardItem
-      title="Orders by countries"
-      subtitle="62 deliveries in progress"
-      class="pb-4"
-    >
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-
-    <VTabs
-      v-model="currentTab"
-      grow
-      class="disable-tab-transition"
-    >
-      <VTab
-        v-for="(tab, index) in tabsData"
-        :key="index"
-      >
-        {{ tab }}
-      </VTab>
-    </VTabs>
-
-    <VCardText>
-      <VWindow v-model="currentTab">
-        <VWindowItem>
-          <div>
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Myrtle Ullrich
-                </div>
-                <div class="app-timeline-text">
-                  101 Boulder, California(CA), 95959
-                </div>
-              </VTimelineItem>
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Barry Schowalter
-                </div>
-                <div class="app-timeline-text">
-                  939 Orange, California(CA), 92118
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-            <VDivider
-              class="my-4"
-              style="border-style: dashed;"
-            />
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Veronica Herman
-                </div>
-                <div class="app-timeline-text">
-                  162  Windsor, California(CA), 95492
-                </div>
-              </VTimelineItem>
-
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Helen Jacobs
-                </div>
-                <div class="app-timeline-text">
-                  487 Sunset, California(CA), 94043
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-          </div>
-        </VWindowItem>
-
-        <VWindowItem>
-          <div>
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Myrtle Ullrich
-                </div>
-                <div class="app-timeline-text">
-                  101 Boulder, California(CA), 95959
-                </div>
-              </VTimelineItem>
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Barry Schowalter
-                </div>
-                <div class="app-timeline-text">
-                  939 Orange, California(CA), 92118
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-            <VDivider
-              class="my-4"
-              style="border-style: dashed;"
-            />
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Veronica Herman
-                </div>
-                <div class="app-timeline-text">
-                  162  Windsor, California(CA), 95492
-                </div>
-              </VTimelineItem>
-
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Helen Jacobs
-                </div>
-                <div class="app-timeline-text">
-                  487 Sunset, California(CA), 94043
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-          </div>
-        </VWindowItem>
-
-        <VWindowItem>
-          <div>
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Myrtle Ullrich
-                </div>
-                <div class="app-timeline-text">
-                  101 Boulder, California(CA), 95959
-                </div>
-              </VTimelineItem>
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Barry Schowalter
-                </div>
-                <div class="app-timeline-text">
-                  939 Orange, California(CA), 92118
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-            <VDivider
-              class="my-4"
-              style="border-style: dashed;"
-            />
-            <VTimeline
-              align="start"
-              truncate-line="both"
-              side="end"
-              density="compact"
-              line-thickness="1"
-              class="v-timeline--variant-outlined"
-            >
-              <VTimelineItem
-                icon="tabler-circle-check"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="success"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-uppercase text-success">
-                  Sender
-                </div>
-                <div class="app-timeline-title">
-                  Veronica Herman
-                </div>
-                <div class="app-timeline-text">
-                  162  Windsor, California(CA), 95492
-                </div>
-              </VTimelineItem>
-
-              <VTimelineItem
-                icon="tabler-map-pin"
-                dot-color="rgba(var(--v-theme-surface))"
-                icon-color="primary"
-                fill-dot
-                size="20"
-                :elevation="0"
-              >
-                <div class="text-body-2 text-primary text-uppercase">
-                  Receiver
-                </div>
-                <div class="app-timeline-title">
-                  Helen Jacobs
-                </div>
-                <div class="app-timeline-text">
-                  487 Sunset, California(CA), 94043
-                </div>
-              </VTimelineItem>
-            </VTimeline>
-          </div>
-        </VWindowItem>
-      </VWindow>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss">
-.country-order-card {
-  .v-timeline .v-timeline-divider__dot .v-timeline-divider__inner-dot {
-    box-shadow: none !important;
-  }
-
-  .v-timeline-item {
-    .v-timeline-divider {
-      .v-timeline-divider__dot {
-        background: none !important;
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvancePopularInstructor.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvancePopularInstructor.vue
deleted file mode 100644
index 0eca9fc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvancePopularInstructor.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Popular Instructors">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-    <VDivider />
-    <div class="d-flex justify-space-between py-4 px-6">
-      <div class="text-body-1 text-uppercase">
-        instructors
-      </div>
-      <div class="text-body-1 text-uppercase">
-        Courses
-      </div>
-    </div>
-    <VDivider />
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="instructor in [
-            { name: 'Jordan Stevenson', profession: 'Business Intelligence', totalCourses: 33, avatar: avatar1 },
-            { name: 'Bentlee Emblin', profession: 'Digital Marketing', totalCourses: 52, avatar: avatar2 },
-            { name: 'Benedetto Rossiter', profession: 'UI/UX Design', totalCourses: 12, avatar: avatar3 },
-            { name: 'Beverlie Krabbe', profession: 'Vue', totalCourses: 8, avatar: avatar4 },
-          ]"
-          :key="instructor.name"
-        >
-          <template #prepend>
-            <VAvatar
-              size="34"
-              class="me-1"
-              :image="instructor.avatar"
-            />
-          </template>
-          <VListItemTitle class="font-weight-medium me-4">
-            {{ instructor.name }}
-          </VListItemTitle>
-          <VListItemSubtitle class="me-4">
-            {{ instructor.profession }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <h6 class="text-h6">
-              {{ instructor.totalCourses }}
-            </h6>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss">
-.card-list {
-  --v-card-list-gap: 1rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvancePopularProducts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvancePopularProducts.vue
deleted file mode 100644
index e13330d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvancePopularProducts.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-<script setup lang="ts">
-import amazonEchoDot from '@images/eCommerce/amazon-echo-dot.png'
-import appleWatch from '@images/eCommerce/apple-watch.png'
-import headphone from '@images/eCommerce/headphone.png'
-import iphone from '@images/eCommerce/iphone.png'
-import nike from '@images/eCommerce/nike.png'
-import sonyDualsense from '@images/eCommerce/sony-dualsense.png'
-
-const popularProducts = [
-  {
-    avatarImg: iphone,
-    title: 'Apple iPhone 13',
-    subtitle: 'Item: #FXZ-4567',
-    stats: '$999.29',
-  },
-  {
-    avatarImg: nike,
-    title: 'Nike Air Jordan',
-    subtitle: 'Item: #FXZ-3456',
-    stats: '$72.40',
-  },
-  {
-    avatarImg: headphone,
-    title: 'Beats Studio 2',
-    subtitle: 'Item: #FXZ-9485',
-    stats: '$99',
-  },
-  {
-    avatarImg: appleWatch,
-    title: 'Apple Watch Series 7',
-    subtitle: 'Item: #FXZ-2345',
-    stats: '$249.99',
-  },
-  {
-    avatarImg: amazonEchoDot,
-    title: 'Amazon Echo Dot',
-    subtitle: 'Item: #FXZ-8959',
-    stats: '$79.40',
-  },
-  {
-    avatarImg: sonyDualsense,
-    title: 'Play Station Console',
-    subtitle: 'Item: #FXZ-7892',
-    stats: '$129.48',
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard
-    title="Popular Products"
-    subtitle="Total 10.4k Visitors"
-  >
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn :menu-list="moreList" />
-      </div>
-    </template>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="product in popularProducts"
-          :key="product.title"
-        >
-          <template #prepend>
-            <VAvatar
-              size="46"
-              rounded
-              class="me-1"
-              :image="product.avatarImg"
-            />
-          </template>
-
-          <VListItemTitle class="font-weight-medium me-4">
-            {{ product.title }}
-          </VListItemTitle>
-          <VListItemSubtitle class="me-4">
-            {{ product.subtitle }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <div class="d-flex align-center">
-              <span class="text-body-1">{{ product.stats }}</span>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 24px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceSalesByCountries.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceSalesByCountries.vue
deleted file mode 100644
index 1f33ac6..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceSalesByCountries.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<script setup lang="ts">
-import auFlag from '@images/icons/countries/au.png'
-import brFlag from '@images/icons/countries/br.png'
-import cnFlag from '@images/icons/countries/cn.png'
-import frFlag from '@images/icons/countries/fr.png'
-import inFlag from '@images/icons/countries/in.png'
-import usFlag from '@images/icons/countries/us.png'
-
-const salesByCountries = [
-  {
-    avatarImg: usFlag,
-    stats: '$8,567k',
-    subtitle: 'United states',
-    profitLoss: 25.8,
-  },
-  {
-    avatarImg: brFlag,
-    stats: '$2,415k',
-    subtitle: 'Brazil',
-    profitLoss: -6.2,
-  },
-  {
-    avatarImg: inFlag,
-    stats: '$865k',
-    subtitle: 'India',
-    profitLoss: 12.4,
-  },
-  {
-    avatarImg: auFlag,
-    stats: '$745k',
-    subtitle: 'Australia',
-    profitLoss: -11.9,
-  },
-  {
-    avatarImg: frFlag,
-    stats: '$45',
-    subtitle: 'France',
-    profitLoss: 16.2,
-  },
-  {
-    avatarImg: cnFlag,
-    stats: '$12k',
-    subtitle: 'China',
-    profitLoss: 14.8,
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard
-    title="Sales by Countries"
-    subtitle="Monthly Sales Overview"
-  >
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn :menu-list="moreList" />
-      </div>
-    </template>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="country in salesByCountries"
-          :key="country.stats"
-        >
-          <template #prepend>
-            <VAvatar
-              size="34"
-              color="secondary"
-              variant="tonal"
-              class="me-1"
-              :image="country.avatarImg"
-            />
-          </template>
-
-          <VListItemTitle class="font-weight-medium">
-            {{ country.stats }}
-          </VListItemTitle>
-          <VListItemSubtitle>
-            {{ country.subtitle }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <div :class="`d-flex align-center ${country.profitLoss > 0 ? 'text-success' : 'text-error'}`">
-              <VIcon
-                :icon="country.profitLoss > 0 ? 'tabler-chevron-up' : 'tabler-chevron-down'"
-                size="20"
-                class="me-1"
-              />
-              <div class="font-weight-medium">
-                {{ Math.abs(country.profitLoss) }}%
-              </div>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceSourceVisits.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceSourceVisits.vue
deleted file mode 100644
index 9a7210e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceSourceVisits.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<script setup lang="ts">
-const sourceVisits = [
-  {
-    avatarIcon: 'tabler-shadow',
-    title: 'Direct Source',
-    subtitle: 'Direct link click',
-    stats: '1.2k',
-    profitLoss: 4.2,
-  },
-  {
-    avatarIcon: 'tabler-globe',
-    title: 'Social Network',
-    subtitle: 'Social Channels',
-    stats: '31.5k',
-    profitLoss: 8.2,
-  },
-  {
-    avatarIcon: 'tabler-mail',
-    title: 'Email Newsletter',
-    subtitle: 'Mail Campaigns',
-    stats: '893',
-    profitLoss: 2.4,
-  },
-  {
-    avatarIcon: 'tabler-external-link',
-    title: 'Referrals',
-    subtitle: 'Impact Radius Visits',
-    stats: '342',
-    profitLoss: -0.4,
-  },
-  {
-    avatarIcon: 'tabler-discount',
-    title: 'ADVT',
-    subtitle: 'Google ADVT',
-    stats: '2.15k',
-    profitLoss: 9.1,
-  },
-  {
-    avatarIcon: 'tabler-star',
-    title: 'Other',
-    subtitle: 'Many Sources',
-    stats: '12.5k',
-    profitLoss: 6.2,
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem>
-      <VCardTitle>Source Visits</VCardTitle>
-      <VCardSubtitle>
-        38.4k Visitors
-      </VCardSubtitle>
-      <template #append>
-        <div class="mt-n4 me-n2">
-          <MoreBtn :menu-list="moreList" />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="visit in sourceVisits"
-          :key="visit.title"
-        >
-          <template #prepend>
-            <VAvatar
-              size="38"
-              color="secondary"
-              variant="tonal"
-              class="me-1"
-              rounded
-            >
-              <VIcon
-                :icon="visit.avatarIcon"
-                size="22"
-              />
-            </VAvatar>
-          </template>
-
-          <VListItemTitle class="font-weight-medium me-4">
-            {{ visit.title }}
-          </VListItemTitle>
-          <VListItemSubtitle class="me-4">
-            {{ visit.subtitle }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <div class="d-flex align-center gap-x-4">
-              <div class="text-body-1">
-                {{ visit.stats }}
-              </div>
-              <VChip
-                label
-                size="small"
-                :color="visit.profitLoss > 0 ? 'success' : 'error'"
-              >
-                {{ visit.profitLoss > 0 ? '+' : '' }}
-                {{ visit.profitLoss }}%
-              </VChip>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceTopCourses.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceTopCourses.vue
deleted file mode 100644
index a61a58e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceTopCourses.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<script setup lang="ts">
-const coursesData = [
-  { title: 'Videography Basic Design Course', views: '1.2k', icon: 'tabler-brand-zoom', color: 'primary' },
-  { title: 'Basic Front-end Development Course', views: '834', icon: 'tabler-code', color: 'info' },
-  { title: 'Basic Fundamentals of Photography', views: '3.7k', icon: 'tabler-camera', color: 'success' },
-  { title: 'Advance Dribble Base Visual Design', views: '2.5k', icon: 'tabler-brand-dribbble', color: 'warning' },
-  { title: 'Your First Singing Lesson', views: '948', icon: 'tabler-microphone-2', color: 'error' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Top Courses">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="(course, index) in coursesData"
-          :key="index"
-        >
-          <template #prepend>
-            <VAvatar
-              rounded
-              variant="tonal"
-              :color="course.color"
-              class="me-1"
-            >
-              <VIcon
-                :icon="course.icon"
-                size="24"
-              />
-            </VAvatar>
-          </template>
-
-          <VListItemTitle class="me-4">
-            <div class="d-flex flex-column">
-              <h6 class="text-h6 text-truncate">
-                {{ course.title }}
-              </h6>
-              <div>
-                <VChip
-                  variant="tonal"
-                  color="secondary"
-                  label
-                  size="small"
-                >
-                  {{ course.views }} Views
-                </VChip>
-              </div>
-            </div>
-          </VListItemTitle>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 24px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceTransactions.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceTransactions.vue
deleted file mode 100644
index 89bc5b8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceTransactions.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-<script setup lang="ts">
-const transitions = [
-  {
-    avatarIcon: 'tabler-wallet',
-    avatarColor: 'primary',
-    title: 'Wallet',
-    subtitle: 'Starbucks',
-    stats: '-$75',
-    profit: false,
-  },
-  {
-    avatarIcon: 'tabler-building-bank',
-    avatarColor: 'success',
-    title: 'Bank Transfer',
-    subtitle: 'Add Money',
-    stats: '+$480',
-    profit: true,
-  },
-  {
-    avatarIcon: 'tabler-brand-paypal',
-    avatarColor: 'error',
-    title: 'PayPal',
-    subtitle: 'Client Payment',
-    stats: '+$268',
-    profit: true,
-  },
-  {
-    avatarIcon: 'tabler-credit-card',
-    avatarColor: 'secondary',
-    title: 'Master Card',
-    subtitle: 'Ordered iPhone 13',
-    stats: '-$699',
-    profit: false,
-  },
-  {
-    avatarIcon: 'tabler-currency-dollar',
-    avatarColor: 'info',
-    title: 'Bank Transactions',
-    subtitle: 'Refund',
-    stats: '+$98',
-    profit: true,
-  },
-  {
-    avatarIcon: 'tabler-brand-paypal',
-    avatarColor: 'error',
-    title: 'PayPal',
-    subtitle: 'Client Payment',
-    stats: '+$126',
-    profit: true,
-  },
-  {
-    avatarIcon: 'tabler-building-bank',
-    avatarColor: 'success',
-    title: 'Bank Transfer',
-    subtitle: 'Pay Office Rent',
-    stats: '-$1290',
-    profit: false,
-  },
-]
-
-const moreList = [
-  { title: 'Refresh', value: 'refresh' },
-  { title: 'Download', value: 'Download' },
-  { title: 'View All', value: 'View All' },
-]
-</script>
-
-<template>
-  <VCard
-    title="Transactions"
-    subtitle="Total 58 Transactions done in this Month"
-  >
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn :menu-list="moreList" />
-      </div>
-    </template>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="transition in transitions"
-          :key="transition.title"
-        >
-          <template #prepend>
-            <VAvatar
-              size="34"
-              :color="transition.avatarColor"
-              variant="tonal"
-              class="me-1"
-              rounded
-            >
-              <VIcon
-                :icon="transition.avatarIcon"
-                size="22"
-              />
-            </VAvatar>
-          </template>
-
-          <VListItemTitle class="font-weight-medium">
-            {{ transition.title }}
-          </VListItemTitle>
-          <VListItemSubtitle>
-            {{ transition.subtitle }}
-          </VListItemSubtitle>
-
-          <template #append>
-            <div class="d-flex align-center">
-              <span :class="`${transition.profit ? 'text-success' : 'text-error'} font-weight-medium me-2`">{{ transition.stats }}</span>
-            </div>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceUpcomingWebinar.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceUpcomingWebinar.vue
deleted file mode 100644
index 7463d76..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceUpcomingWebinar.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script setup lang="ts">
-import girlWithLaptop from '@images/illustrations/laptop-girl.png'
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <div class="d-flex justify-center  align-start pb-0 px-3 pt-3 mb-4 bg-light-primary rounded">
-        <VImg
-          :src="girlWithLaptop"
-          width="145"
-          height="152"
-        />
-      </div>
-      <div>
-        <h5 class="text-h5 mb-2">
-          Upcoming Webinar
-        </h5>
-        <div class="text-body-2">
-          Next Generation Frontend Architecture Using Layout Engine And Vue.
-        </div>
-        <div class="d-flex justify-space-between gap-4 flex-wrap my-4">
-          <div
-            v-for="{ icon, title, value } in [{ icon: 'tabler-calendar', title: '17 Nov 23', value: 'Date' }, { icon: 'tabler-clock', title: '32 Minutes', value: 'Duration' }]"
-            :key="title"
-            class="d-flex gap-x-3 align-center"
-          >
-            <VAvatar
-              color="primary"
-              variant="tonal"
-              rounded
-            >
-              <VIcon
-                :icon="icon"
-                size="28"
-              />
-            </VAvatar>
-            <div>
-              <h6 class="text-h6">
-                {{ title }}
-              </h6>
-              <div class="text-sm">
-                {{ value }}
-              </div>
-            </div>
-          </div>
-        </div>
-        <VBtn block>
-          Join the event
-        </VBtn>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceVehicleCondition.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceVehicleCondition.vue
deleted file mode 100644
index ffd3c94..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceVehicleCondition.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<script setup lang="ts">
-const assignmentData = [
-  { title: 'Incorrect Address', subtitle: 'all exceptions', color: 'success', progress: 83, badgeValue: '+10%' },
-  { title: 'Good', subtitle: '24 vehicles', color: 'info', progress: 17, badgeValue: '8.1' },
-  { title: 'Average', subtitle: '14 vehicles', color: 'primary', progress: 8, badgeValue: '-2.5%' },
-  { title: 'Bad', subtitle: '8 vehicles', color: 'warning', progress: 6, badgeValue: '-3.4%' },
-  { title: 'Not Working', subtitle: '4 vehicles', color: 'error', progress: 2, badgeValue: '+12.6%' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Vehicle Condition">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="assignment in assignmentData"
-          :key="assignment.title"
-        >
-          <template #prepend>
-            <VProgressCircular
-              v-model="assignment.progress"
-              :size="52"
-              class="me-4"
-              :color="assignment.color"
-            >
-              <span class="text-body-1 text-high-emphasis font-weight-medium">
-                {{ assignment.progress }}%
-              </span>
-            </VProgressCircular>
-          </template>
-          <VListItemTitle
-            class="font-weight-medium mb-2 me-2"
-            :class="`text-${assignment.color}`"
-          >
-            {{ assignment.title }}
-          </VListItemTitle>
-
-          <VListItemSubtitle class="me-2">
-            {{ assignment.subtitle }}
-          </VListItemSubtitle>
-          <template #append>
-            <VChip
-              label
-              color="secondary"
-              size="small"
-            >
-              {{ assignment.badgeValue }}
-            </VChip>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1.75rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceWebsiteAnalytics.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceWebsiteAnalytics.vue
deleted file mode 100644
index d72be40..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-advance/CardAdvanceWebsiteAnalytics.vue
+++ /dev/null
@@ -1,185 +0,0 @@
-<script setup lang="ts">
-import { VIcon } from 'vuetify/components/VIcon'
-import sliderBar1 from '@images/illustrations/sidebar-pic-1.png'
-import sliderBar2 from '@images/illustrations/sidebar-pic-2.png'
-import sliderBar3 from '@images/illustrations/sidebar-pic-3.png'
-
-const websiteAnalytics = [
-  {
-    name: 'Traffic',
-    slideImg: sliderBar1,
-    data: [
-      {
-        number: '1.5k',
-        text: 'Sessions',
-      },
-      {
-        number: '3.1k',
-        text: 'Page Views',
-      },
-      {
-        number: '1.2k',
-        text: 'Leads',
-      },
-      {
-        number: '12%',
-        text: 'Conversions',
-      },
-    ],
-  },
-  {
-    name: 'Spending',
-    slideImg: sliderBar2,
-    data: [
-      {
-        number: '12h',
-        text: 'Spend',
-      },
-      {
-        number: '182',
-        text: 'Order Size',
-      },
-      {
-        number: '127',
-        text: 'Order',
-      },
-      {
-        number: '23k',
-        text: 'Items',
-      },
-    ],
-  },
-  {
-    name: 'Revenue Sources',
-    slideImg: sliderBar3,
-    data: [
-      {
-        number: '268',
-        text: 'Direct',
-      },
-      {
-        number: '890',
-        text: 'Organic',
-      },
-      {
-        number: '622',
-        text: 'Referral',
-      },
-      {
-        number: '1.2k',
-        text: 'Campaign',
-      },
-    ],
-  },
-]
-</script>
-
-<template>
-  <VCard color="primary">
-    <VCarousel
-      cycle
-      :continuous="false"
-      :show-arrows="false"
-      hide-delimiter-background
-      :delimiter-icon="() => h(VIcon, { icon: 'fa-circle', size: '8' })"
-      height="auto"
-      class="carousel-delimiter-top-end web-analytics-carousel"
-    >
-      <VCarouselItem
-        v-for="item in websiteAnalytics"
-        :key="item.name"
-      >
-        <VCardText class="position-relative">
-          <VRow>
-            <VCol cols="12">
-              <h5 class="text-h5 text-white">
-                Website Analytics
-              </h5>
-              <p class="text-sm mb-0">
-                Total 28.5% Conversion Rate
-              </p>
-            </VCol>
-
-            <VCol
-              cols="12"
-              sm="6"
-              order="2"
-              order-sm="1"
-            >
-              <VRow>
-                <VCol
-                  cols="12"
-                  class="pb-0 pt-1"
-                >
-                  <h6 class="text-h6 text-white mb-1 mt-5">
-                    {{ item.name }}
-                  </h6>
-                </VCol>
-
-                <VCol
-                  v-for="d in item.data"
-                  :key="d.number"
-                  cols="6"
-                  class="text-no-wrap pb-2"
-                >
-                  <VChip
-                    label
-                    variant="flat"
-                    size="default"
-                    color="rgb(var(--v-theme-primary-darken-1))"
-                    class="font-weight-medium text-white rounded me-2 px-2"
-                    style="block-size: 30px;"
-                  >
-                    <span class="text-base">{{ d.number }}</span>
-                  </VChip>
-                  <span class="d-inline-block">{{ d.text }}</span>
-                </VCol>
-              </VRow>
-            </VCol>
-
-            <VCol
-              cols="12"
-              sm="6"
-              order="1"
-              order-sm="2"
-              class="text-center"
-            >
-              <img
-                :src="item.slideImg"
-                class="card-website-analytics-img"
-                style="filter: drop-shadow(0 4px 60px rgba(0, 0, 0, 50%));"
-              >
-            </VCol>
-          </VRow>
-        </VCardText>
-      </VCarouselItem>
-    </VCarousel>
-  </VCard>
-</template>
-
-<style lang="scss">
-.card-website-analytics-img {
-  block-size: 150px;
-}
-
-@media screen and (min-width: 600px) {
-  .card-website-analytics-img {
-    position: absolute;
-    margin: auto;
-    inset-block-end: 2rem;
-    inset-inline-end: 2rem;
-  }
-}
-
-.web-analytics-carousel {
-  .v-carousel__controls {
-    .v-carousel__controls__item {
-      &.v-btn--active {
-        .v-icon {
-          opacity: 1 !important;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-basic/CardBasic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-basic/CardBasic.vue
deleted file mode 100644
index b06ad03..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-basic/CardBasic.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import eCommerce2 from '@images/eCommerce/2.png'
-import pages1 from '@images/pages/1.png'
-import pages2 from '@images/pages/2.png'
-import pages3 from '@images/pages/3.png'
-import pages5 from '@images/pages/5.jpg'
-import pages6 from '@images/pages/6.jpg'
-
-const avatars = [
-  avatar1,
-  avatar2,
-  avatar3,
-  avatar4,
-]
-
-const isCardDetailsVisible = ref(false)
-</script>
-
-<template>
-  <VRow>
-    <!-- 👉 Influencing The Influencer -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-    >
-      <VCard>
-        <VImg
-          :src="pages1"
-          cover
-        />
-
-        <VCardItem>
-          <VCardTitle>Influencing The Influencer</VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          Cancun is back, better than ever! Over a hundred Mexico resorts have reopened and the state tourism minister predicts Cancun will draw as many visitors in 2006 as it did two years ago.
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Robert Meyer -->
-    <VCol
-      cols="12"
-      sm="6"
-      md="4"
-    >
-      <VCard>
-        <VImg :src="pages2" />
-
-        <VCardText class="position-relative">
-          <!-- User Avatar -->
-          <VAvatar
-            size="75"
-            class="avatar-center"
-            :image="avatar1"
-          />
-
-          <!-- Title, Subtitle & Action Button -->
-          <div class="d-flex justify-space-between flex-wrap pt-8">
-            <div class="me-2 mb-2">
-              <VCardTitle class="pa-0">
-                Robert Meyer
-              </VCardTitle>
-              <VCardSubtitle class="text-caption pa-0">
-                London, UK
-              </VCardSubtitle>
-            </div>
-            <VBtn>send request</VBtn>
-          </div>
-
-          <!--  Mutual Friends -->
-          <div class="d-flex justify-space-between align-center mt-8">
-            <span class="font-weight-medium">18 mutual friends</span>
-
-            <div class="v-avatar-group">
-              <VAvatar
-                v-for="avatar in avatars"
-                :key="avatar"
-                :image="avatar"
-                size="38"
-              />
-            </div>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Popular Uses Of The Internet -->
-    <VCol
-      cols="12"
-      md="4"
-      sm="6"
-    >
-      <VCard>
-        <VImg :src="pages3" />
-
-        <VCardItem>
-          <VCardTitle>Popular Uses Of The Internet</VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          Although cards can support multiple actions, UI controls, and an overflow menu.
-        </VCardText>
-
-        <VCardActions>
-          <VBtn @click="isCardDetailsVisible = !isCardDetailsVisible">
-            Details
-          </VBtn>
-
-          <VSpacer />
-
-          <VBtn
-            icon
-            size="small"
-            @click="isCardDetailsVisible = !isCardDetailsVisible"
-          >
-            <VIcon :icon="isCardDetailsVisible ? 'tabler-chevron-up' : 'tabler-chevron-down'" />
-          </VBtn>
-        </VCardActions>
-
-        <VExpandTransition>
-          <div v-show="isCardDetailsVisible">
-            <VDivider />
-            <VCardText>
-              I'm a thing. But, like most politicians, he promised more than he could deliver. You won't have time for sleeping, soldier, not with all the bed making you'll be doing. Then we'll go with that data file! Hey, you add a one and two zeros to that or we walk! You're going to do his laundry? I've got to find a way to escape.
-            </VCardText>
-          </div>
-        </VExpandTransition>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Apple iPhone 11 Pro -->
-    <VCol
-      sm="6"
-      cols="12"
-    >
-      <VCard>
-        <div class="d-flex justify-space-between flex-wrap flex-md-nowrap flex-column flex-md-row">
-          <div class="ma-auto pa-5">
-            <VImg
-              width="137"
-              height="176"
-              :src="eCommerce2"
-            />
-          </div>
-
-          <VDivider :vertical="$vuetify.display.mdAndUp" />
-
-          <div>
-            <VCardItem>
-              <VCardTitle>Apple iPhone 11 Pro</VCardTitle>
-            </VCardItem>
-
-            <VCardText>
-              Apple iPhone 11 Pro smartphone. Announced Sep 2019. Features 5.8″ display Apple A13 Bionic
-            </VCardText>
-
-            <VCardText class="text-subtitle-1">
-              <span>Price :</span> <span class="font-weight-medium">$899</span>
-            </VCardText>
-
-            <VCardActions class="justify-space-between">
-              <VBtn>
-                <VIcon icon="tabler-shopping-cart-plus" />
-                <span class="ms-2">Add to cart</span>
-              </VBtn>
-
-              <IconBtn
-                color="secondary"
-                icon="tabler-share"
-              />
-            </VCardActions>
-          </div>
-        </div>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Stump town Roasters. -->
-    <VCol
-      sm="6"
-      cols="12"
-    >
-      <VCard>
-        <div class="d-flex flex-column-reverse flex-md-row">
-          <div>
-            <VCardItem>
-              <VCardTitle>Stumptown Roasters</VCardTitle>
-            </VCardItem>
-
-            <VCardText class="d-flex align-center flex-wrap text-body-1">
-              <VRating
-                :model-value="5"
-                readonly
-                class="me-3"
-                density="compact"
-              />
-              <span>5 Star | 98 reviews</span>
-            </VCardText>
-
-            <VCardText>
-              Before there was a United States of America, there were coffee houses, because how are you supposed to build.
-            </VCardText>
-
-            <VCardActions>
-              <VBtn>Location</VBtn>
-              <VBtn>Reviews</VBtn>
-            </VCardActions>
-          </div>
-
-          <div class="ma-auto pa-5">
-            <VImg
-              :width="176"
-              :src="pages5"
-              class="rounded"
-            />
-          </div>
-        </div>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Apple Watch card -->
-    <VCol
-      lg="4"
-      sm="6"
-      cols="12"
-    >
-      <VCard>
-        <VImg :src="pages6" />
-
-        <VCardItem>
-          <VCardTitle>Apple Watch</VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <p class="font-weight-medium text-base">
-            $249.40
-          </p>
-
-          <p class="mb-0">
-            3.1GHz 6-core 10th-generation Intel Core i5 processor, Turbo Boost up to 4.5GHz
-          </p>
-        </VCardText>
-
-        <VBtn
-          block
-          class="rounded-t-0"
-        >
-          Add to cart
-        </VBtn>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Lifetime Membership -->
-    <VCol
-      md="6"
-      lg="8"
-      cols="12"
-    >
-      <VCard>
-        <VRow no-gutters>
-          <VCol
-            cols="12"
-            sm="8"
-            md="12"
-            lg="7"
-            order="2"
-            order-lg="1"
-          >
-            <VCardItem>
-              <VCardTitle>Lifetime Membership</VCardTitle>
-            </VCardItem>
-
-            <VCardText>
-              Here, I focus on a range of items and features that we use in life without giving them a second thought such as Coca Cola, body muscles and holding ones own breath. Though, most of these notes are not fundamentally necessary, they are such that you can use them for a good laugh, at a drinks party or for picking up women or men.
-            </VCardText>
-
-            <VCardText>
-              <VDivider />
-            </VCardText>
-
-            <VCardText class="d-flex justify-center">
-              <div class="me-auto pe-4">
-                <p class="d-flex align-center mb-6">
-                  <VIcon
-                    color="primary"
-                    icon="tabler-lock-open"
-                    size="22"
-                  />
-                  <span class="ms-3">Full Access</span>
-                </p>
-
-                <p class="d-flex align-center mb-0">
-                  <VIcon
-                    color="primary"
-                    icon="tabler-user"
-                    size="22"
-                  />
-                  <span class="ms-3">15 Members</span>
-                </p>
-              </div>
-
-              <VDivider
-                v-if="$vuetify.display.smAndUp"
-                vertical
-                inset
-              />
-
-              <div class="ms-auto ps-4">
-                <p class="d-flex align-center mb-6">
-                  <VIcon
-                    color="primary"
-                    icon="tabler-star"
-                    size="22"
-                  />
-                  <span class="ms-3">Access all Features</span>
-                </p>
-
-                <p class="d-flex align-center mb-0">
-                  <VIcon
-                    color="primary"
-                    icon="tabler-trending-up"
-                    size="22"
-                  />
-                  <span class="ms-3">Lifetime Free Update</span>
-                </p>
-              </div>
-            </VCardText>
-          </VCol>
-
-          <VCol
-            cols="12"
-            sm="4"
-            md="12"
-            lg="5"
-            order="1"
-            order-lg="2"
-            class="member-pricing-bg text-center"
-          >
-            <div class="membership-pricing d-flex flex-column align-center py-14 h-100 justify-center">
-              <p class="mb-5">
-                <sub class="text-h5">$</sub>
-                <sup class="text-h2 font-weight-medium">899</sup>
-                <sub class="text-h5">USD</sub>
-              </p>
-
-              <p class="text-sm">
-                5 Tips For Offshore <br> Software Development
-              </p>
-
-              <VBtn class="mt-8">
-                Contact Now
-              </VBtn>
-            </div>
-          </VCol>
-        </VRow>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Influencing The Influencer -->
-    <VCol
-      cols="12"
-      lg="4"
-      md="6"
-    >
-      <VCard title="Influencing The Influencer">
-        <VCardText>
-          Computers have become ubiquitous in almost every facet of our lives. At work, desk jockeys spend hours in front of their desktops, while delivery people scan bar codes with handhelds and workers in the field stay in touch.
-        </VCardText>
-
-        <VCardText>
-          If you're in the market for new desktops, notebooks, or PDAs, there are a myriad of choices.
-        </VCardText>
-
-        <VCardActions>
-          <VBtn>Read More</VBtn>
-        </VCardActions>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 The Best Answers -->
-    <VCol
-      cols="12"
-      lg="4"
-      md="6"
-    >
-      <VCard title="The Best Answers">
-        <VCardText class="d-flex align-center flex-wrap">
-          <VRating
-            :model-value="5"
-            readonly
-            density="compact"
-            class="me-3"
-          />
-          <span class="text-subtitle-2">5 Star | 98 reviews</span>
-        </VCardText>
-
-        <VCardText>
-          If you are looking for a new way to promote your business that won't cost you more money, maybe printing is one of the options you won't resist.
-        </VCardText>
-
-        <VCardText>
-          become fast, easy and simple. If you want your promotional material to be an eye-catching
-        </VCardText>
-
-        <VCardActions>
-          <VBtn>Location</VBtn>
-          <VBtn>Reviews</VBtn>
-        </VCardActions>
-      </VCard>
-    </VCol>
-
-    <!-- 👉 Support -->
-    <VCol
-      cols="12"
-      md="6"
-      lg="4"
-    >
-      <VCard class="text-center">
-        <VCardText class="d-flex flex-column justify-center align-center">
-          <VAvatar
-            color="primary"
-            variant="tonal"
-            size="50"
-            class="mb-4"
-          >
-            <VIcon
-              size="2rem"
-              icon="tabler-help"
-            />
-          </VAvatar>
-
-          <h6 class="text-h6">
-            Support
-          </h6>
-        </VCardText>
-
-        <VCardText>
-          <p>
-            According to us blisters are a very common thing and we come across them very often in our daily lives. It is a very common occurrence like cold or fever depending upon your lifestyle.
-          </p>
-        </VCardText>
-
-        <VCardText class="justify-center">
-          <VBtn variant="elevated">
-            Contact Now
-          </VBtn>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss" scoped>
-.avatar-center {
-  position: absolute;
-  border: 3px solid rgb(var(--v-theme-surface));
-  inset-block-start: -2rem;
-  inset-inline-start: 1rem;
-}
-
-// membership pricing
-.member-pricing-bg {
-  position: relative;
-  background-color: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
-}
-
-.membership-pricing {
-  sup {
-    inset-block-start: 9px;
-  }
-}
-
-.v-btn {
-  transform: none;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-basic/CardNavigation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-basic/CardNavigation.vue
deleted file mode 100644
index f3553b2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-basic/CardNavigation.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<script lang="ts" setup>
-const navigationTab = ref('Item One')
-const navigationTab2 = ref('Item One')
-const tabItems = ['Item One', 'Item Two', 'Item Three']
-const tabContent = 'Although cards can support multiple actions, UI controls, and an overflow menu, use restraint and remember that cards...'
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      md="6"
-      cols="12"
-    >
-      <VCard>
-        <VTabs v-model="navigationTab">
-          <VTab
-            v-for="item in tabItems"
-            :key="item"
-            :value="item"
-          >
-            {{ item }}
-          </VTab>
-        </VTabs>
-
-        <!-- tabs content -->
-        <VWindow v-model="navigationTab">
-          <VWindowItem
-            v-for="item in tabItems"
-            :key="item"
-            :value="item"
-          >
-            <VCardItem>
-              <VCardTitle>Navigation Card</VCardTitle>
-            </VCardItem>
-
-            <VCardText>
-              {{ tabContent }}
-            </VCardText>
-
-            <VCardText>
-              <VBtn>Learn More</VBtn>
-            </VCardText>
-          </VWindowItem>
-        </VWindow>
-      </VCard>
-    </VCol>
-
-    <VCol
-      md="6"
-      cols="12"
-    >
-      <VCard>
-        <VTabs
-          v-model="navigationTab2"
-          align-tabs="center"
-        >
-          <VTab
-            v-for="item in tabItems"
-            :key="item"
-            :value="item"
-          >
-            {{ item }}
-          </VTab>
-        </VTabs>
-
-        <!-- tabs content -->
-        <VWindow v-model="navigationTab2">
-          <VWindowItem
-            v-for="item in tabItems"
-            :key="item"
-            :value="item"
-            class="text-center"
-          >
-            <VCardItem>
-              <VCardTitle>Navigation Card</VCardTitle>
-            </VCardItem>
-
-            <VCardText>{{ tabContent }}</VCardText>
-
-            <VCardText>
-              <VBtn>Learn More</VBtn>
-            </VCardText>
-          </VWindowItem>
-        </VWindow>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-basic/CardSolid.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-basic/CardSolid.vue
deleted file mode 100644
index 1ad4204..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-basic/CardSolid.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<script lang="ts" setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-
-const solidCardData = [
-  {
-    cardBg: '#16B1FF',
-    title: 'Twitter Card',
-    icon: 'tabler-brand-twitter',
-    text: '"Turns out semicolon-less style is easier and safer in TS because most gotcha edge cases are type invalid as well."',
-    avatarImg: avatar4,
-    avatarName: 'Mary Vaughn',
-    likes: '1.2k',
-    share: '80',
-  },
-  {
-    cardBg: '#3B5998',
-    title: 'Facebook Card',
-    icon: 'tabler-brand-facebook',
-    text: 'You\'ve read about the importance of being courageous, rebellious and imaginative. These are all vital ingredients in an.',
-    avatarImg: avatar1,
-    avatarName: 'Eugene Clarke',
-    likes: '3.2k',
-    share: '49',
-  },
-  {
-    cardBg: '#007BB6',
-    title: 'LinkedIn Card',
-    icon: 'tabler-brand-linkedin',
-    text: 'With the Internet spreading like wildfire and reaching every part of our daily life, more and more traffic is directed.',
-    avatarImg: avatar8,
-    avatarName: 'Anne Burke1',
-    likes: '1.2k',
-    share: '80',
-  },
-]
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      v-for="data in solidCardData"
-      :key="data.icon"
-      cols="12"
-      md="6"
-      lg="4"
-    >
-      <VCard :color="data.cardBg">
-        <VCardItem>
-          <template #prepend>
-            <VIcon
-              size="1.9rem"
-              color="white"
-              :icon="data.icon"
-            />
-          </template>
-          <VCardTitle class="text-white">
-            {{ data.title }}
-          </VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <p class="clamp-text text-white mb-0">
-            {{ data.text }}
-          </p>
-        </VCardText>
-
-        <VCardText class="d-flex justify-space-between align-center flex-wrap">
-          <div class="text-no-wrap">
-            <VAvatar
-              size="34"
-              :image="data.avatarImg"
-            />
-            <span class="text-white ms-2">{{ data.avatarName }}</span>
-          </div>
-
-          <div class="d-flex align-center">
-            <IconBtn
-              icon="tabler-heart"
-              color="white"
-              class="me-1"
-            />
-            <span class="text-subtitle-2 text-white me-4">{{ data.likes }}</span>
-
-            <IconBtn
-              icon="tabler-share"
-              color="white"
-              class="me-1"
-            />
-            <span class="text-subtitle-2 text-white mt-1">{{ data.share }}</span>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatistics.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatistics.vue
deleted file mode 100644
index a2d4eca..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatistics.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<template>
-  <VCard>
-    <VCardItem class="pb-2">
-      <VCardTitle>Statistics</VCardTitle>
-
-      <template #append>
-        <div class="me-n3">
-          <IconBtn>
-            <VIcon icon="tabler-dots-vertical" />
-          </IconBtn>
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <div class="d-flex justify-space-between align-center mb-2">
-        <h6 class="text-h6">
-          Subscribers Gained
-        </h6>
-        <VChip
-          label
-          color="success"
-          size="small"
-        >
-          +92k
-        </VChip>
-      </div>
-
-      <div class="d-flex justify-space-between align-center mb-1">
-        <div class="text-base">
-          1.2k new subscriber
-        </div>
-
-        <div class="text-disabled text-sm">
-          85%
-        </div>
-      </div>
-
-      <VProgressLinear
-        model-value="85"
-        color="primary"
-        height="8"
-        rounded
-      />
-
-      <div class="d-flex justify-space-between align-center mb-2 mt-6">
-        <h6 class="text-h6">
-          Orders Received
-        </h6>
-        <VChip
-          label
-          size="small"
-          color="success"
-        >
-          +38k
-        </VChip>
-      </div>
-
-      <div class="d-flex justify-space-between mb-1">
-        <div class="text-base">
-          2.4k new orders
-        </div>
-
-        <div class="text-disabled text-sm">
-          65%
-        </div>
-      </div>
-
-      <VProgressLinear
-        model-value="65"
-        color="info"
-        height="8"
-        rounded
-      />
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsAverageDailySales.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsAverageDailySales.vue
deleted file mode 100644
index b17f069..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsAverageDailySales.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-
-const vuetifyTheme = useTheme()
-
-const currentTheme = vuetifyTheme.current.value.colors
-
-const series = [
-  {
-    data: [400, 200, 650, 500],
-  },
-]
-
-const chartOptions = {
-  chart: {
-    type: 'area',
-    toolbar: {
-      show: false,
-    },
-    sparkline: {
-      enabled: true,
-    },
-  },
-  markers: {
-    colors: 'transparent',
-    strokeColors: 'transparent',
-  },
-  grid: {
-    show: false,
-  },
-  colors: [currentTheme.success],
-  fill: {
-    type: 'gradient',
-    gradient: {
-      shadeIntensity: 0.8,
-      opacityFrom: 0.6,
-      opacityTo: 0.1,
-    },
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    width: 2,
-    curve: 'smooth',
-  },
-  xaxis: {
-    show: true,
-    lines: {
-      show: false,
-    },
-    labels: {
-      show: false,
-    },
-    stroke: {
-      width: 0,
-    },
-    axisBorder: {
-      show: false,
-    },
-  },
-  yaxis: {
-    stroke: {
-      width: 0,
-    },
-    show: false,
-  },
-  responsive: [
-    {
-      breakpoint: 1387,
-      options: {
-        chart: {
-          height: 80,
-        },
-      },
-    },
-    {
-      breakpoint: 1200,
-      options: {
-        chart: {
-          height: 120,
-        },
-      },
-    },
-  ],
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <h5 class="text-h5 mb-3">
-        Average Daily Sales
-      </h5>
-      <p class="mb-0">
-        Total Sales This Month
-      </p>
-      <h4 class="text-h4">
-        $28,450
-      </h4>
-    </VCardText>
-
-    <VueApexCharts
-      :options="chartOptions"
-      :series="series"
-      :height="122"
-    />
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsDailyTraffic.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsDailyTraffic.vue
deleted file mode 100644
index 9797d52..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsDailyTraffic.vue
+++ /dev/null
@@ -1,195 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    data: [30, 40, 50, 60, 70, 80, 90],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      type: 'bar',
-      toolbar: {
-        show: false,
-      },
-    },
-    plotOptions: {
-      bar: {
-        barHeight: '100%',
-        columnWidth: '25%',
-        startingShape: 'rounded',
-        endingShape: 'rounded',
-        borderRadius: 4,
-      },
-    },
-    colors: [`rgba(${hexToRgb(currentTheme.warning)}, 1)`],
-    grid: {
-      show: false,
-      padding: {
-        top: -30,
-        left: -18,
-        bottom: -13,
-        right: -10,
-      },
-    },
-    dataLabels: {
-      enabled: false,
-    },
-    tooltip: {
-      enabled: false,
-    },
-    legend: {
-      show: false,
-    },
-    xaxis: {
-      categories: ['01', '02', '03', '04', '05', '06', '07'],
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      labels: {
-        style: {
-          colors: `rgba(${hexToRgb(currentTheme['on-surface'])},${variableTheme['disabled-opacity']})`,
-          fontSize: '13px',
-          fontFamily: 'Public sans',
-        },
-        show: true,
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 1441,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1200,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '25%',
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 992,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-              columnWidth: '25%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 836,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '30%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 738,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '35%',
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 576,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '25%',
-              borderRadius: 8,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 500,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '24%',
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 450,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-    ],
-  }
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardText>
-      <div class="d-flex justify-space-between">
-        <div>
-          <h4 class="text-h4">
-            2.84k
-          </h4>
-          <div class="text-subtitle-2">
-            Avg Daily Traffic
-          </div>
-        </div>
-
-        <VChip
-          label
-          color="success"
-          size="small"
-        >
-          <span class="font-weight-medium">+15%</span>
-        </VChip>
-      </div>
-
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        :height="145"
-      />
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsExpensesRadialBarCharts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsExpensesRadialBarCharts.vue
deleted file mode 100644
index cee6f34..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsExpensesRadialBarCharts.vue
+++ /dev/null
@@ -1,154 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [78]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  return {
-    chart: {
-      sparkline: {
-        enabled: true,
-      },
-      parentHeightOffset: 0,
-      type: 'radialBar',
-    },
-    colors: ['rgba(var(--v-theme-warning),1)'],
-    plotOptions: {
-      radialBar: {
-        offsetY: 0,
-        startAngle: -90,
-        endAngle: 90,
-        hollow: {
-          size: '65%',
-        },
-        track: {
-          strokeWidth: '45%',
-          background: `rgba(${hexToRgb(String(variableTheme['border-color']))},${variableTheme['border-opacity']})`,
-        },
-        dataLabels: {
-          name: {
-            show: false,
-          },
-          value: {
-            fontSize: '24px',
-            color: `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['high-emphasis-opacity']})`,
-            fontWeight: 600,
-            offsetY: -5,
-          },
-        },
-      },
-    },
-    grid: {
-      show: false,
-      padding: {
-        bottom: 5,
-      },
-    },
-    stroke: {
-      lineCap: 'round',
-    },
-    labels: ['Progress'],
-    responsive: [
-      {
-        breakpoint: 1442,
-        options: {
-          chart: {
-            height: 140,
-          },
-          plotOptions: {
-            radialBar: {
-              dataLabels: {
-                value: {
-                  fontSize: '24px',
-                },
-              },
-              hollow: {
-                size: '60%',
-              },
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1370,
-        options: {
-          chart: {
-            height: 120,
-          },
-        },
-      },
-      {
-        breakpoint: 1280,
-        options: {
-          chart: {
-            height: 200,
-          },
-          plotOptions: {
-            radialBar: {
-              dataLabels: {
-                value: {
-                  fontSize: '18px',
-                },
-              },
-              hollow: {
-                size: '70%',
-              },
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 960,
-        options: {
-          chart: {
-            height: 250,
-          },
-          plotOptions: {
-            radialBar: {
-              hollow: {
-                size: '70%',
-              },
-              dataLabels: {
-                value: {
-                  fontSize: '24px',
-                },
-              },
-            },
-          },
-        },
-      },
-    ],
-  }
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-3">
-      <VCardTitle>
-        82.5K
-      </VCardTitle>
-      <VCardSubtitle>
-        Expenses
-      </VCardSubtitle>
-    </VCardItem>
-    <VCardText>
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        type="radialBar"
-        :height="135"
-      />
-
-      <div class="text-sm text-center clamp-text text-disabled mt-3">
-        $21k Expenses more than last month
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsGeneratedLeads.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsGeneratedLeads.vue
deleted file mode 100644
index 34e64c8..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsGeneratedLeads.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [45, 58, 30, 50]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  const labelSuccessColor = `rgba(${hexToRgb(currentTheme.success)},0.2)`
-  const headingColor = `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['high-emphasis-opacity']})`
-
-  const chartColors = {
-    donut: {
-      series1: currentTheme.success,
-      series2: '#28c76fb3',
-      series3: '#28c76f80',
-      series4: labelSuccessColor,
-    },
-  }
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      type: 'donut',
-    },
-    labels: ['Electronic', 'Sports', 'Decor', 'Fashion'],
-    colors: [
-      chartColors.donut.series1,
-      chartColors.donut.series2,
-      chartColors.donut.series3,
-      chartColors.donut.series4,
-    ],
-    stroke: {
-      width: 0,
-    },
-    dataLabels: {
-      enabled: false,
-      formatter(val: string) {
-        return `${Number.parseInt(val)}%`
-      },
-    },
-    legend: {
-      show: false,
-    },
-    tooltip: {
-      theme: false,
-    },
-    grid: {
-      padding: {
-        top: 15,
-        right: -20,
-        left: -20,
-      },
-    },
-    states: {
-      hover: {
-        filter: {
-          type: 'none',
-        },
-      },
-    },
-    plotOptions: {
-      pie: {
-        donut: {
-          size: '70%',
-          labels: {
-            show: true,
-            value: {
-              fontSize: '1.375rem',
-              fontFamily: 'Public Sans',
-              color: headingColor,
-              fontWeight: 600,
-              offsetY: -15,
-              formatter(val: string) {
-                return `${Number.parseInt(val)}%`
-              },
-            },
-            name: {
-              offsetY: 20,
-              fontFamily: 'Public Sans',
-            },
-            total: {
-              show: true,
-              showAlways: true,
-              color: currentTheme.success,
-              fontSize: '.8125rem',
-              label: 'Total',
-              fontFamily: 'Public Sans',
-              formatter() {
-                return '184'
-              },
-            },
-          },
-        },
-      },
-    },
-  }
-})
-</script>
-
-<template>
-  <VCard class="overflow-visible">
-    <VCardText class="d-flex justify-space-between">
-      <div class="d-flex flex-column">
-        <div class="mb-auto">
-          <h5 class="text-h5 text-no-wrap">
-            Generated Leads
-          </h5>
-          <div class="text-body-1">
-            Monthly Report
-          </div>
-        </div>
-
-        <div>
-          <h3 class="text-h3">
-            4,350
-          </h3>
-          <div class="d-flex gap-x-1 align-center">
-            <VIcon
-              icon="tabler-chevron-up"
-              size="20"
-              color="success"
-            />
-            <div class="text-base text-success">
-              15.8%
-            </div>
-          </div>
-        </div>
-      </div>
-      <div>
-        <VueApexCharts
-          :options="chartOptions"
-          :series="series"
-          :height="147"
-          :width="130"
-        />
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsImpressionLineCharts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsImpressionLineCharts.vue
deleted file mode 100644
index 66e0b5e..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsImpressionLineCharts.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    data: [200, 200, 500, 500, 300, 300, 100, 100, 450, 450, 650, 650],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-
-  return {
-    chart: {
-      height: 90,
-      parentHeightOffset: 0,
-      toolbar: {
-        show: false,
-      },
-      sparkline: {
-        enabled: true,
-      },
-    },
-    tooltip: {
-      enabled: false,
-    },
-    markers: {
-      strokeColor: 'transparent',
-    },
-    colors: [currentTheme.error],
-    stroke: {
-      width: 3,
-    },
-    grid: {
-      padding: {
-        bottom: -10,
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 1200,
-        options: {
-          chart: {
-            height: 110,
-          },
-        },
-      },
-      {
-        breakpoint: 768,
-        options: {
-          chart: {
-            height: 90,
-          },
-        },
-      },
-    ],
-  }
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-3">
-      <VCardTitle>
-        Impression
-      </VCardTitle>
-      <VCardSubtitle>
-        Expenses
-      </VCardSubtitle>
-    </VCardItem>
-    <VCardText>
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        :height="68"
-      />
-
-      <div class="d-flex align-center justify-space-between gap-x-2 mt-3">
-        <h4 class="text-h4 text-center">
-          26.1k
-        </h4>
-        <span class="text-sm text-error">
-          -24.5%
-        </span>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsOrderBarCharts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsOrderBarCharts.vue
deleted file mode 100644
index 10117fb..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsOrderBarCharts.vue
+++ /dev/null
@@ -1,223 +0,0 @@
-<script setup lang="ts">
-const series = [
-  {
-    name: '2020',
-    data: [60, 50, 20, 45, 50, 30, 70],
-  },
-]
-
-const chartOptions = computed(() => {
-  return {
-    chart: {
-      height: 90,
-      parentHeightOffset: 0,
-      type: 'bar',
-      toolbar: {
-        show: false,
-      },
-    },
-    tooltip: {
-      enabled: false,
-    },
-    plotOptions: {
-      bar: {
-        barHeight: '100%',
-        columnWidth: '30%',
-        startingShape: 'rounded',
-        endingShape: 'rounded',
-        borderRadius: 4,
-        colors: {
-          backgroundBarColors: [
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-            'rgba(var(--v-track-bg))',
-          ],
-          backgroundBarRadius: 4,
-        },
-      },
-    },
-    colors: ['rgba(var(--v-theme-primary),1)'],
-    grid: {
-      show: false,
-      padding: {
-        top: -30,
-        left: -16,
-        bottom: 0,
-        right: -6,
-      },
-    },
-    dataLabels: {
-      enabled: false,
-    },
-    legend: {
-      show: false,
-    },
-    xaxis: {
-      categories: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      labels: {
-        show: false,
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 1441,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '30%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1368,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '48%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1264,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-              columnWidth: '30%',
-              colors: {
-                backgroundBarRadius: 6,
-              },
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 960,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '15%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 883,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '20%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 768,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '25%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 600,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '15%',
-              borderRadius: 4,
-            },
-            colors: {
-              backgroundBarRadius: 9,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 479,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 4,
-            },
-            colors: {
-              backgroundBarRadius: 9,
-            },
-          },
-          grid: {
-            padding: {
-              right: -15,
-              left: -15,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 400,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 3,
-            },
-          },
-        },
-      },
-    ],
-
-  }
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-3">
-      <VCardTitle>Orders</VCardTitle>
-      <VCardSubtitle>Last Week</VCardSubtitle>
-    </VCardItem>
-
-    <VCardText>
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        :height="70"
-      />
-
-      <div class="d-flex align-center justify-space-between gap-x-2 mt-3">
-        <h4 class="text-h4 text-center">
-          124k
-        </h4>
-        <div class="text-sm text-success">
-          +12.6%
-        </div>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsRevenueGrowth.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsRevenueGrowth.vue
deleted file mode 100644
index 6b5a761..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsRevenueGrowth.vue
+++ /dev/null
@@ -1,221 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    data: [25, 40, 55, 70, 85, 70, 55],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  const labelSuccessColor = `rgba(${hexToRgb(currentTheme.success)},0.2)`
-  const labelColor = `rgba(${hexToRgb(currentTheme['on-surface'])},${variableTheme['disabled-opacity']})`
-
-  return {
-    chart: {
-      height: 162,
-      type: 'bar',
-      parentHeightOffset: 0,
-      toolbar: {
-        show: false,
-      },
-    },
-    plotOptions: {
-      bar: {
-        barHeight: '80%',
-        columnWidth: '30%',
-        startingShape: 'rounded',
-        endingShape: 'rounded',
-        borderRadius: 6,
-        distributed: true,
-      },
-    },
-    tooltip: {
-      enabled: false,
-    },
-    grid: {
-      show: false,
-      padding: {
-        top: -20,
-        bottom: -12,
-        left: -10,
-        right: 0,
-      },
-    },
-    colors: [
-      labelSuccessColor,
-      labelSuccessColor,
-      labelSuccessColor,
-      labelSuccessColor,
-      currentTheme.success,
-      labelSuccessColor,
-      labelSuccessColor,
-    ],
-    dataLabels: {
-      enabled: false,
-    },
-    legend: {
-      show: false,
-    },
-    xaxis: {
-      categories: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      labels: {
-        style: {
-          colors: labelColor,
-          fontSize: '13px',
-          fontFamily: 'Public sans',
-        },
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-    states: {
-      hover: {
-        filter: {
-          type: 'none',
-        },
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 1640,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '40%',
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1471,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '50%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1350,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '57%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1032,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '50%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 992,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '40%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 855,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '50%',
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 440,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '30%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 381,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '45%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-    ],
-  }
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardText class="d-flex justify-space-between">
-      <div class="d-flex flex-column">
-        <div class="mb-auto">
-          <h5 class="text-h5 text-no-wrap mb-2">
-            Revenue Growth
-          </h5>
-          <div class="text-body-1">
-            Weekly Report
-          </div>
-        </div>
-
-        <div>
-          <h5 class="text-h3 mb-2">
-            $4,673
-          </h5>
-          <VChip
-            label
-            color="success"
-            size="small"
-          >
-            +15.2%
-          </VChip>
-        </div>
-      </div>
-      <div>
-        <VueApexCharts
-          :options="chartOptions"
-          :series="series"
-          :height="162"
-        />
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsSalesAreaCharts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsSalesAreaCharts.vue
deleted file mode 100644
index ffd5f7b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsSalesAreaCharts.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-
-const vuetifyTheme = useTheme()
-
-const currentTheme = vuetifyTheme.current.value.colors
-
-const series = [
-  {
-    name: 'Subscribers',
-    data: [200, 55, 400, 250],
-  },
-]
-
-const chartOptions = {
-  chart: {
-    type: 'area',
-    parentHeightOffset: 0,
-    toolbar: {
-      show: false,
-    },
-    sparkline: {
-      enabled: true,
-    },
-  },
-  markers: {
-    colors: 'transparent',
-    strokeColors: 'transparent',
-  },
-  grid: {
-    show: false,
-  },
-  colors: [currentTheme.success],
-  fill: {
-    type: 'gradient',
-    gradient: {
-      shadeIntensity: 0.9,
-      opacityFrom: 0.5,
-      opacityTo: 0.07,
-      stops: [0, 80, 100],
-    },
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    width: 2,
-    curve: 'smooth',
-  },
-  xaxis: {
-    show: true,
-    lines: {
-      show: false,
-    },
-    labels: {
-      show: false,
-    },
-    stroke: {
-      width: 0,
-    },
-    axisBorder: {
-      show: false,
-    },
-  },
-  yaxis: {
-    stroke: {
-      width: 0,
-    },
-    show: false,
-  },
-  tooltip: {
-    enabled: false,
-  },
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-3">
-      <VCardTitle>
-        Sales
-      </VCardTitle>
-      <VCardSubtitle>
-        Last Year
-      </VCardSubtitle>
-    </VCardItem>
-
-    <VueApexCharts
-      :options="chartOptions"
-      :series="series"
-      :height="76"
-    />
-
-    <VCardText class="pt-1">
-      <div class="d-flex align-center justify-space-between gap-x-2">
-        <h4 class="text-h4 text-center">
-          175k
-        </h4>
-        <span class="text-sm text-error">
-          -16.2%
-        </span>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsSalesOverview.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsSalesOverview.vue
deleted file mode 100644
index 9912af3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsSalesOverview.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-  <VCard>
-    <VCardText>
-      <div class="d-flex align-center justify-space-between">
-        <div class="text-body-1">
-          Sales Overview
-        </div>
-        <div class="text-success font-weight-medium">
-          +18.2%
-        </div>
-      </div>
-      <h4 class="text-h4">
-        $42.5k
-      </h4>
-    </VCardText>
-
-    <VCardText>
-      <VRow no-gutters>
-        <VCol cols="5">
-          <div class="d-flex align-center mb-3">
-            <VAvatar
-              color="info"
-              variant="tonal"
-              :size="24"
-              rounded
-              class="me-2"
-            >
-              <VIcon
-                size="18"
-                icon="tabler-shopping-cart"
-              />
-            </VAvatar>
-
-            <span>Order</span>
-          </div>
-          <h5 class="text-h5">
-            62.2%
-          </h5>
-          <div class="text-body-2 text-disabled">
-            6,440
-          </div>
-        </VCol>
-
-        <VCol cols="2">
-          <div class="d-flex flex-column align-center justify-center h-100">
-            <VDivider
-              vertical
-              class="mx-auto"
-            />
-
-            <VAvatar
-              size="24"
-              color="rgba(var(--v-theme-on-surface), var(--v-hover-opacity))"
-              class="my-2"
-            >
-              <div class="text-overline text-disabled">
-                VS
-              </div>
-            </VAvatar>
-
-            <VDivider
-              vertical
-              class="mx-auto"
-            />
-          </div>
-        </VCol>
-
-        <VCol
-          cols="5"
-          class="text-end"
-        >
-          <div class="d-flex align-center justify-end mb-3">
-            <span class="me-2">Visits</span>
-
-            <VAvatar
-              color="primary"
-              variant="tonal"
-              :size="24"
-              rounded
-            >
-              <VIcon
-                size="18"
-                icon="tabler-link"
-              />
-            </VAvatar>
-          </div>
-          <h5 class="text-h5">
-            25.5%
-          </h5>
-          <div class="text-body-2 text-disabled">
-            12,749
-          </div>
-        </VCol>
-      </VRow>
-
-      <div class="mt-6">
-        <VProgressLinear
-          model-value="72"
-          color="#00CFE8"
-          height="10"
-          bg-color="primary"
-          :rounded-bar="false"
-          rounded
-        />
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsSessionsBarWithGapCharts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsSessionsBarWithGapCharts.vue
deleted file mode 100644
index 19be56d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsSessionsBarWithGapCharts.vue
+++ /dev/null
@@ -1,239 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    name: 'PRODUCT A',
-    data: [4, 3, 6, 4, 3],
-  },
-  {
-    name: 'PRODUCT B',
-    data: [-3, -4, -3, -2, -3],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-
-  return {
-    chart: {
-      type: 'bar',
-      height: 90,
-      parentHeightOffset: 0,
-      stacked: true,
-      toolbar: {
-        show: false,
-      },
-    },
-    series: [
-      {
-        name: 'PRODUCT A',
-        data: [4, 3, 6, 4, 3],
-      },
-      {
-        name: 'PRODUCT B',
-        data: [-3, -4, -3, -2, -3],
-      },
-    ],
-    plotOptions: {
-      bar: {
-        horizontal: false,
-        columnWidth: '40%',
-        borderRadius: 5,
-        borderRadiusApplication: 'around',
-        borderRadiusWhenStacked: 'all',
-      },
-    },
-    dataLabels: {
-      enabled: false,
-    },
-    tooltip: {
-      enabled: false,
-    },
-    stroke: {
-      curve: 'smooth',
-      width: 4,
-      lineCap: 'round',
-      colors: [currentTheme.surface],
-    },
-    legend: {
-      show: false,
-    },
-    colors: ['rgba(var(--v-theme-primary),1)', 'rgba(var(--v-theme-success),1)'],
-    grid: {
-      show: false,
-      padding: {
-        top: -50,
-        right: -10,
-        left: -8,
-        bottom: -30,
-      },
-    },
-    xaxis: {
-      categories: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
-      labels: {
-        show: false,
-      },
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-    },
-    yaxis: {
-      show: false,
-    },
-    responsive: [
-      {
-        breakpoint: 1441,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '50%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1300,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '60%',
-              borderRadius: 4,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1280,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-              columnWidth: '30%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1025,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-              columnWidth: '30%',
-            },
-          },
-          chart: {
-            height: 110,
-          },
-        },
-      },
-      {
-        breakpoint: 960,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-              columnWidth: '25%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 782,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '30%',
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 600,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-              columnWidth: '20%',
-            },
-          },
-          chart: {
-            height: 160,
-          },
-        },
-      },
-      {
-        breakpoint: 426,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-              columnWidth: '30%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 385,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-    ],
-    states: {
-      hover: {
-        filter: {
-          type: 'none',
-        },
-      },
-      active: {
-        filter: {
-          type: 'none',
-        },
-      },
-    },
-  }
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-3">
-      <VCardTitle>
-        Sessions
-      </VCardTitle>
-      <VCardSubtitle>
-        This Month
-      </VCardSubtitle>
-    </VCardItem>
-
-    <VCardText>
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        :height="68"
-      />
-
-      <div class="d-flex align-center justify-space-between gap-x-2 mt-3">
-        <h4 class="text-h4">
-          45.1k
-        </h4>
-        <div class="text-sm text-success">
-          +12.6%
-        </div>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsTotalGrowthAreaCharts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsTotalGrowthAreaCharts.vue
deleted file mode 100644
index 1ba9a15..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsTotalGrowthAreaCharts.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-
-const vuetifyTheme = useTheme()
-
-const currentTheme = vuetifyTheme.current.value.colors
-
-const series = [
-  {
-    name: 'Subscribers',
-    data: [200, 55, 400, 250],
-  },
-]
-
-const chartOptions = {
-  chart: {
-    type: 'area',
-    parentHeightOffset: 0,
-    toolbar: {
-      show: false,
-    },
-    sparkline: {
-      enabled: true,
-    },
-  },
-  markers: {
-    colors: 'transparent',
-    strokeColors: 'transparent',
-  },
-  grid: {
-    show: false,
-  },
-  colors: [currentTheme.success],
-  fill: {
-    type: 'gradient',
-    gradient: {
-      shadeIntensity: 0.9,
-      opacityFrom: 0.5,
-      opacityTo: 0.07,
-      stops: [0, 80, 100],
-    },
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    width: 2,
-    curve: 'smooth',
-  },
-  xaxis: {
-    show: true,
-    lines: {
-      show: false,
-    },
-    labels: {
-      show: false,
-    },
-    stroke: {
-      width: 0,
-    },
-    axisBorder: {
-      show: false,
-    },
-  },
-  yaxis: {
-    stroke: {
-      width: 0,
-    },
-    show: false,
-  },
-  tooltip: {
-    enabled: false,
-  },
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardText class="pb-2">
-      <h6 class="text-h6">
-        Sales
-      </h6>
-      <span class="text-body-2">Last Year</span>
-    </VCardText>
-
-    <VueApexCharts
-      :options="chartOptions"
-      :series="series"
-      :height="90"
-    />
-
-    <VCardText class="pt-0">
-      <div class="d-flex align-center justify-space-between mt-3">
-        <h6 class="text-h6 text-center font-weight-medium">
-          175k
-        </h6>
-        <span class="text-sm text-error">
-          -16.2%
-        </span>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsTotalProfitLineCharts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsTotalProfitLineCharts.vue
deleted file mode 100644
index 965e4ce..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsTotalProfitLineCharts.vue
+++ /dev/null
@@ -1,135 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@core/utils/colorConverter'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    data: [0, 25, 10, 40, 25, 55],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  return {
-    chart: {
-      height: 90,
-      type: 'line',
-      parentHeightOffset: 0,
-      toolbar: {
-        show: false,
-      },
-    },
-    grid: {
-      borderColor: `rgba(${hexToRgb(String(variableTheme['border-color']))},${variableTheme['border-opacity']})`,
-      strokeDashArray: 6,
-      xaxis: {
-        lines: {
-          show: true,
-        },
-      },
-      yaxis: {
-        lines: {
-          show: false,
-        },
-      },
-      padding: {
-        top: -18,
-        left: -4,
-        right: 7,
-        bottom: -10,
-      },
-    },
-    colors: [currentTheme.info],
-    stroke: {
-      width: 2,
-    },
-    tooltip: {
-      enabled: false,
-      shared: false,
-      intersect: true,
-      x: {
-        show: false,
-      },
-    },
-    xaxis: {
-      labels: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      axisBorder: {
-        show: false,
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-    markers: {
-      size: 3.5,
-      fillColor: currentTheme.info,
-      strokeColors: 'transparent',
-      strokeWidth: 3.2,
-      discrete: [
-        {
-          seriesIndex: 0,
-          dataPointIndex: 5,
-          fillColor: currentTheme.surface,
-          strokeColor: currentTheme.info,
-          size: 5,
-          shape: 'circle',
-        },
-      ],
-      hover: {
-        size: 5.5,
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 960,
-        options: {
-          chart: {
-            height: 110,
-          },
-        },
-      },
-    ],
-  }
-})
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-3">
-      <VCardTitle>
-        Profit
-      </VCardTitle>
-      <VCardSubtitle>
-        Last Month
-      </VCardSubtitle>
-    </VCardItem>
-    <VCardText>
-      <VueApexCharts
-        type="line"
-        :options="chartOptions"
-        :series="series"
-        :height="68"
-      />
-
-      <div class="d-flex align-center justify-space-between gap-x-2 mt-3">
-        <h4 class="text-h4 text-center font-weight-medium">
-          624k
-        </h4>
-        <span class="text-sm text-success">
-          +8.24%
-        </span>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsTransactions.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsTransactions.vue
deleted file mode 100644
index 8ea395c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsTransactions.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<script setup lang="ts">
-const statistics = [
-  {
-    title: 'Sales',
-    stats: '230k',
-    icon: 'tabler-chart-pie-2',
-    color: 'primary',
-  },
-  {
-    title: 'Customers',
-    stats: '8.549k',
-    icon: 'tabler-users',
-    color: 'info',
-  },
-  {
-    title: 'Products',
-    stats: '1.423k',
-    icon: 'tabler-shopping-cart',
-    color: 'error',
-  },
-  {
-    title: 'Revenue',
-    stats: '$9745',
-    icon: 'tabler-currency-dollar',
-    color: 'success',
-  },
-]
-</script>
-
-<template>
-  <VCard title="Statistics">
-    <template #append>
-      <span class="text-disabled text-subtitle-2">Updated 1 month ago</span>
-    </template>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          v-for="item in statistics"
-          :key="item.title"
-          cols="6"
-          md="3"
-        >
-          <div class="d-flex gap-x-4 align-center">
-            <VAvatar
-              :color="item.color"
-              variant="tonal"
-              size="40"
-              rounded
-            >
-              <VIcon :icon="item.icon" />
-            </VAvatar>
-
-            <div class="d-flex flex-column">
-              <h5 class="text-h5">
-                {{ item.stats }}
-              </h5>
-              <div class="text-body-2">
-                {{ item.title }}
-              </div>
-            </div>
-          </div>
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsVehicleCharts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsVehicleCharts.vue
deleted file mode 100644
index 04f8718..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-statistics/CardStatisticsVehicleCharts.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<script setup lang="ts">
-const logisticData = ref([
-  { icon: 'tabler-truck', color: 'primary', title: 'On route vehicles', value: 42, change: 18.2, isHover: false },
-  { icon: 'tabler-alert-triangle', color: 'warning', title: 'Vehicles with errors', value: 8, change: -8.7, isHover: false },
-  { icon: 'tabler-git-fork', color: 'error', title: 'Deviated from route', value: 27, change: 4.3, isHover: false },
-  { icon: 'tabler-clock', color: 'info', title: 'Late vehicles', value: 13, change: -2.5, isHover: false },
-])
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      v-for="(data, index) in logisticData"
-      :key="index"
-      cols="12"
-      md="3"
-      sm="6"
-    >
-      <div>
-        <VCard
-          class="logistics-card-statistics cursor-pointer"
-          :style="data.isHover ? `border-block-end-color: rgb(var(--v-theme-${data.color}))` : `border-block-end-color: rgba(var(--v-theme-${data.color}),0.38)`"
-          @mouseenter="data.isHover = true"
-          @mouseleave="data.isHover = false"
-        >
-          <VCardText>
-            <div class="d-flex align-center gap-x-4 mb-1">
-              <VAvatar
-                variant="tonal"
-                :color="data.color"
-                rounded
-              >
-                <VIcon
-                  :icon="data.icon"
-                  size="28"
-                />
-              </VAvatar>
-              <h4 class="text-h4">
-                {{ data.value }}
-              </h4>
-            </div>
-            <div class="text-body-1 mb-1">
-              {{ data.title }}
-            </div>
-            <div class="d-flex gap-x-2 align-center">
-              <h6 class="text-h6">
-                {{ (data.change > 0) ? '+' : '' }} {{ data.change }}%
-              </h6>
-              <div class="text-disabled">
-                than last week
-              </div>
-            </div>
-          </VCardText>
-        </VCard>
-      </div>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss" scoped>
-@use "@core-scss/base/mixins" as mixins;
-
-.logistics-card-statistics {
-  border-block-end-style: solid;
-  border-block-end-width: 2px;
-
-  &:hover {
-    border-block-end-width: 3px;
-    margin-block-end: -1px;
-
-    @include mixins.elevation(8);
-
-    transition: all 0.1s ease-out;
-  }
-}
-
-.skin--bordered {
-  .logistics-card-statistics {
-    border-block-end-width: 2px;
-
-    &:hover {
-      border-block-end-width: 3px;
-      margin-block-end: -2px;
-      transition: all 0.1s ease-out;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetVehicleOverview.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetVehicleOverview.vue
deleted file mode 100644
index 7e6cb7b..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetVehicleOverview.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup lang="ts">
-const vehicleData = [
-  { icon: 'tabler-car', title: 'On the way', time: '2hr 10min', percentage: 39.7 },
-  { icon: 'tabler-circle-arrow-down', title: 'Unloading', time: '3hr 15min', percentage: 28.3 },
-  { icon: 'tabler-circle-arrow-up', title: 'Loading', time: '1hr 24min', percentage: 17.4 },
-  { icon: 'tabler-clock', title: 'Waiting', time: '5hr 19min', percentage: 14.6 },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Vehicles Overview">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-    <VCardText>
-      <div class="d-flex mb-6">
-        <div style="inline-size: 39.7%;">
-          <div class="vehicle-progress-label position-relative mb-6 text-body-1 d-none d-sm-block">
-            On the way
-          </div>
-          <VProgressLinear
-            color="rgba(var(--v-theme-on-surface), var(--v-hover-opacity))"
-            model-value="100"
-            height="46"
-            class="rounded-e-0 rounded-lg"
-          >
-            <div class="text-start text-sm font-weight-medium">
-              39.7%
-            </div>
-          </VProgressLinear>
-        </div>
-        <div style="inline-size: 28.3%;">
-          <div class="vehicle-progress-label position-relative mb-6 text-body-1 d-none d-sm-block">
-            Unloading
-          </div>
-          <VProgressLinear
-            color="rgb(var(--v-theme-primary))"
-            model-value="100"
-            class="rounded-0"
-            height="46"
-          >
-            <div class="text-white text-sm font-weight-medium text-start">
-              28.3%
-            </div>
-          </VProgressLinear>
-        </div>
-        <div style="inline-size: 17.4%;">
-          <div class="vehicle-progress-label position-relative mb-6 text-body-1 d-none d-sm-block">
-            Loading
-          </div>
-          <VProgressLinear
-            color="rgb(var(--v-theme-info))"
-            model-value="100"
-            height="46"
-            class="rounded-0"
-          >
-            <div class="text-white text-sm font-weight-medium text-start">
-              17.4%
-            </div>
-          </VProgressLinear>
-        </div>
-        <div style="inline-size: 14.6%;">
-          <div class="vehicle-progress-label position-relative mb-6 text-body-1 d-none d-sm-block">
-            Waiting
-          </div>
-          <VProgressLinear
-            color="rgb(var(--v-tooltip-background))"
-            model-value="100"
-            height="46"
-            class="rounded-s-0 rounded-lg"
-          >
-            <div class="text-sm text-surface font-weight-medium text-start">
-              14.6%
-            </div>
-          </VProgressLinear>
-        </div>
-      </div>
-      <VTable class="text-no-wrap">
-        <tbody>
-          <tr
-            v-for="(vehicle, index) in vehicleData"
-            :key="index"
-          >
-            <td
-              width="70%"
-              style="padding-inline-start: 0 !important;"
-            >
-              <div class="d-flex align-center gap-x-2">
-                <VIcon
-                  :icon="vehicle.icon"
-                  size="24"
-                  class="text-high-emphasis"
-                />
-                <div class="text-body-1 text-high-emphasis">
-                  {{ vehicle.title }}
-                </div>
-              </div>
-            </td>
-            <td>
-              <h6 class="text-h6">
-                {{ vehicle.time }}
-              </h6>
-            </td>
-            <td>
-              <div class="text-body-1">
-                {{ vehicle.percentage }}%
-              </div>
-            </td>
-          </tr>
-        </tbody>
-      </VTable>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.vehicle-progress-label {
-  padding-block-end: 1rem;
-
-  &::after {
-    position: absolute;
-    display: inline-block;
-    background-color: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
-    block-size: 10px;
-    content: "";
-    inline-size: 2px;
-    inset-block-end: 0;
-    inset-inline-start: 0;
-
-    [dir="rtl"] & {
-      inset-inline: unset 0;
-    }
-  }
-}
-</style>
-
-<style lang="scss">
-.v-progress-linear__content {
-  justify-content: start;
-  padding-inline-start: 1rem;
-}
-
-#shipment-statistics .apexcharts-legend-series {
-  padding-inline: 16px;
-}
-
-@media (max-width: 1080px) {
-  #shipment-statistics .apexcharts-legend-series {
-    padding-inline: 12px;
-  }
-
-  .v-progress-linear__content {
-    padding-inline-start: 0.75rem !important;
-  }
-}
-
-@media (max-width: 576px) {
-  #shipment-statistics .apexcharts-legend-series {
-    padding-inline: 8px;
-  }
-
-  .v-progress-linear__content {
-    padding-inline-start: 0.125rem !important;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsCarrierPerformance.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsCarrierPerformance.vue
deleted file mode 100644
index aab2110..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsCarrierPerformance.vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<script setup lang="ts">
-const colors = {
-  series1: '#7367F0',
-  series2: '#8F85F3',
-  series3: '#ABA4F6',
-}
-
-const bodyColor = 'rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity))'
-const labelColor = 'rgba(var(--v-theme-on-background), var(--v-disabled-opacity))'
-const borderColor = 'rgba(var(--v-border-color), var(--v-border-opacity))'
-
-const series = [
-  {
-    name: 'Delivery rate',
-    type: 'column',
-    data: [5, 4.5, 4, 3],
-  }, {
-    name: 'Delivery time',
-    type: 'column',
-    data: [4, 3.5, 3, 2.5],
-  }, {
-    name: 'Delivery exceptions',
-    type: 'column',
-    data: [3.5, 3, 2.5, 2],
-  },
-]
-
-const chartOptions = {
-
-  chart: {
-    type: 'bar',
-    parentHeightOffset: 0,
-    stacked: false,
-    toolbar: {
-      show: false,
-    },
-    zoom: {
-      enabled: false,
-    },
-  },
-  plotOptions: {
-    bar: {
-      horizontal: false,
-      columnWidth: '50%',
-      borderRadiusApplication: 'end',
-      borderRadius: 4,
-    },
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  xaxis: {
-    tickAmount: 10,
-    categories: ['Carrier A', 'Carrier B', 'Carrier C', 'Carrier D'],
-    labels: {
-      style: {
-        colors: labelColor,
-        fontSize: '13px',
-        fontFamily: 'Public Sans',
-        fontWeight: 400,
-      },
-    },
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-  },
-  yaxis: {
-    tickAmount: 4,
-    max: 5,
-    labels: {
-      style: {
-        colors: labelColor,
-        fontSize: '13px',
-        fontFamily: 'Public Sans',
-        fontWeight: 400,
-      },
-      formatter(o: any) {
-        return o
-      },
-    },
-  },
-  legend: {
-    position: 'bottom',
-    markers: {
-      width: 8,
-      height: 8,
-      offsetX: -3,
-      radius: 12,
-    },
-    height: 33,
-    offsetY: 10,
-    itemMargin: {
-      horizontal: 10,
-      vertical: 0,
-    },
-    fontSize: '13px',
-    fontFamily: 'Public Sans',
-    fontWeight: 400,
-    labels: {
-      colors: bodyColor,
-      useSeriesColors: false,
-    },
-  },
-  grid: {
-    borderColor,
-    strokeDashArray: 6,
-  },
-  colors: [colors.series1, colors.series2, colors.series3],
-  fill: {
-    opacity: 1,
-  },
-  responsive: [{
-    breakpoint: 1400,
-    options: {
-      chart: {
-        height: 275,
-      },
-      legend: {
-        fontSize: '13px',
-        offsetY: 10,
-      },
-    },
-  }, {
-    breakpoint: 576,
-    options: {
-      chart: {
-        height: 300,
-      },
-      legend: {
-        itemMargin: {
-          vertical: 5,
-          horizontal: 10,
-        },
-        offsetY: 7,
-      },
-    },
-  }],
-}
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-0">
-      <VCardTitle>Carrier Performance</VCardTitle>
-
-      <template #append>
-        <MoreBtn :menu-list="moreList" />
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        height="300"
-        class="carrier-chart my-2"
-      />
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/libs/apex-chart.scss";
-
-.carrier-chart {
-  .apexcharts-legend {
-    .apexcharts-legend-series {
-      border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-      border-radius: 6px;
-      margin-block-end: 0.3125rem !important;
-      margin-inline: 0 1rem !important;
-      padding-inline: 0.75rem;
-
-      &:last-child {
-        margin-inline: 0 !important;
-      }
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsDeliveryExpectations.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsDeliveryExpectations.vue
deleted file mode 100644
index 1031028..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsDeliveryExpectations.vue
+++ /dev/null
@@ -1,148 +0,0 @@
-<script setup lang="ts">
-const chartColors = {
-  donut: {
-    series1: '#28C76F',
-    series2: '#53D28C',
-    series3: '#7EDDA9',
-    series4: '#A9E9C5',
-  },
-}
-
-const headingColor = 'rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity))'
-const labelColor = 'rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity))'
-
-const deliveryExceptionsChartSeries = [13, 25, 22, 40]
-
-const deliveryExceptionsChartConfig = {
-  labels: ['Incorrect address', 'Weather conditions', 'Federal Holidays', 'Damage during transit'],
-  colors: [
-    chartColors.donut.series1,
-    chartColors.donut.series2,
-    chartColors.donut.series3,
-    chartColors.donut.series4,
-  ],
-  stroke: {
-    width: 0,
-  },
-  dataLabels: {
-    enabled: false,
-    formatter(val: string) {
-      return `${Number.parseInt(val)}%`
-    },
-  },
-  legend: {
-    show: true,
-    position: 'bottom',
-    offsetY: 10,
-    markers: {
-      width: 8,
-      height: 8,
-      offsetX: -3,
-    },
-    itemMargin: {
-      horizontal: 15,
-      vertical: 5,
-    },
-    fontSize: '13px',
-    fontWeight: 400,
-    labels: {
-      colors: labelColor,
-      useSeriesColors: false,
-    },
-  },
-  tooltip: {
-    theme: false,
-  },
-  grid: {
-    padding: {
-      top: 15,
-    },
-  },
-  plotOptions: {
-    pie: {
-      donut: {
-        size: '75%',
-        labels: {
-          show: true,
-          value: {
-            fontSize: '38px',
-            color: headingColor,
-            fontWeight: 500,
-            offsetY: -15,
-            formatter(val: string) {
-              return `${Number.parseInt(val)}%`
-            },
-          },
-          name: { offsetY: 30 },
-          total: {
-            show: true,
-            fontSize: '0.9375rem',
-            label: 'AVG. Exceptions',
-            color: labelColor,
-            formatter() {
-              return '30%'
-            },
-          },
-        },
-      },
-    },
-  },
-  responsive: [
-    {
-      breakpoint: 420,
-      options: {
-        chart: {
-          height: 400,
-        },
-        plotOptions: {
-          pie: {
-            donut: {
-              size: '75%',
-              labels: {
-                show: true,
-                value: {
-                  fontSize: '24px',
-                  color: headingColor,
-                  fontWeight: 500,
-                  offsetY: -15,
-                  formatter(val: string) {
-                    return `${Number.parseInt(val)}%`
-                  },
-                },
-                name: { offsetY: 30 },
-                total: {
-                  show: true,
-                  fontSize: '0.9375rem',
-                  label: 'AVG. Exceptions',
-                  color: labelColor,
-                  formatter() {
-                    return '30%'
-                  },
-                },
-              },
-            },
-          },
-        },
-      },
-    },
-  ],
-}
-</script>
-
-<template>
-  <VCard>
-    <VCardItem title="Delivery exceptions">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-    <VCardText>
-      <VueApexCharts
-        type="donut"
-        height="400"
-        :options="deliveryExceptionsChartConfig"
-        :series="deliveryExceptionsChartSeries"
-      />
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsEarningReportsWeeklyOverview.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsEarningReportsWeeklyOverview.vue
deleted file mode 100644
index 54cfa81..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsEarningReportsWeeklyOverview.vue
+++ /dev/null
@@ -1,219 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    data: [40, 65, 50, 45, 90, 55, 70],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      type: 'bar',
-      toolbar: {
-        show: false,
-      },
-    },
-    plotOptions: {
-      bar: {
-        barHeight: '60%',
-        columnWidth: '38%',
-        startingShape: 'rounded',
-        endingShape: 'rounded',
-        borderRadius: 4,
-        distributed: true,
-      },
-    },
-    grid: {
-      show: false,
-      padding: {
-        top: -30,
-        bottom: 0,
-        left: -10,
-        right: -10,
-      },
-    },
-    colors: [
-      `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`,
-      `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`,
-      `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`,
-      `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`,
-      `rgba(${hexToRgb(currentTheme.primary)}, 1)`,
-      `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`,
-      `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`,
-    ],
-    dataLabels: {
-      enabled: false,
-    },
-    legend: {
-      show: false,
-    },
-    xaxis: {
-      categories: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      labels: {
-        style: {
-          colors: `rgba(${hexToRgb(currentTheme['on-surface'])},${variableTheme['disabled-opacity']})`,
-          fontSize: '13px',
-          fontFamily: 'Public Sans',
-        },
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-    tooltip: {
-      enabled: false,
-    },
-    responsive: [
-      {
-        breakpoint: 1025,
-        options: {
-          chart: {
-            height: 199,
-          },
-        },
-      },
-    ],
-  }
-})
-
-const earningsReports = [
-  {
-    color: 'primary',
-    icon: 'tabler-currency-dollar',
-    title: 'Earnings',
-    amount: '$545.69',
-    progress: '55',
-  },
-  {
-    color: 'info',
-    icon: 'tabler-chart-pie-2',
-    title: 'Profit',
-    amount: '$256.34',
-    progress: '25',
-  },
-  {
-    color: 'error',
-    icon: 'tabler-brand-paypal',
-    title: 'Expense',
-    amount: '$74.19',
-    progress: '65',
-  },
-]
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-sm-0">
-      <VCardTitle>Earning Reports</VCardTitle>
-      <VCardSubtitle>Weekly Earnings Overview</VCardSubtitle>
-
-      <template #append>
-        <div class="mt-n4 me-n2">
-          <MoreBtn :menu-list="moreList" />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          cols="12"
-          sm="5"
-          lg="6"
-          class="d-flex flex-column align-self-center"
-        >
-          <div class="d-flex align-center gap-2 mb-3 flex-wrap">
-            <h4 class="text-h2">
-              $468
-            </h4>
-            <VChip
-              label
-              size="small"
-              color="success"
-            >
-              +4.2%
-            </VChip>
-          </div>
-
-          <span class="text-sm text-medium-emphasis">
-            You informed of this week compared to last week
-          </span>
-        </VCol>
-
-        <VCol
-          cols="12"
-          sm="7"
-          lg="6"
-        >
-          <VueApexCharts
-            :options="chartOptions"
-            :series="series"
-            height="161"
-          />
-        </VCol>
-      </VRow>
-
-      <div class="border rounded mt-5 pa-5">
-        <VRow>
-          <VCol
-            v-for="report in earningsReports"
-            :key="report.title"
-            cols="12"
-            sm="4"
-          >
-            <div class="d-flex align-center">
-              <VAvatar
-                rounded
-                size="26"
-                :color="report.color"
-                variant="tonal"
-                class="me-2"
-              >
-                <VIcon
-                  size="18"
-                  :icon="report.icon"
-                />
-              </VAvatar>
-
-              <h6 class="text-base font-weight-regular">
-                {{ report.title }}
-              </h6>
-            </div>
-            <h6 class="text-h4 my-2">
-              {{ report.amount }}
-            </h6>
-            <VProgressLinear
-              :model-value="report.progress"
-              :color="report.color"
-              height="4"
-              rounded
-              rounded-bar
-            />
-          </VCol>
-        </VRow>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsEarningReportsYearlyOverview.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsEarningReportsYearlyOverview.vue
deleted file mode 100644
index 0563d73..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsEarningReportsYearlyOverview.vue
+++ /dev/null
@@ -1,659 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const currentTab = ref<number>(0)
-const refVueApexChart = ref()
-
-const chartConfigs = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  const labelPrimaryColor = `rgba(${hexToRgb(currentTheme.primary)},${variableTheme['dragged-opacity']})`
-  const legendColor = `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['high-emphasis-opacity']})`
-  const borderColor = `rgba(${hexToRgb(String(variableTheme['border-color']))},${variableTheme['border-opacity']})`
-  const labelColor = `rgba(${hexToRgb(currentTheme['on-surface'])},${variableTheme['disabled-opacity']})`
-
-  return [
-    {
-      title: 'Orders',
-      icon: 'tabler-shopping-cart',
-      chartOptions: {
-        chart: {
-          parentHeightOffset: 0,
-          type: 'bar',
-          toolbar: {
-            show: false,
-          },
-        },
-        plotOptions: {
-          bar: {
-            columnWidth: '32%',
-            borderRadiusApplication: 'end',
-            borderRadius: 4,
-            distributed: true,
-            dataLabels: {
-              position: 'top',
-            },
-          },
-        },
-        grid: {
-          show: false,
-          padding: {
-            top: 0,
-            bottom: 0,
-            left: -10,
-            right: -10,
-          },
-        },
-        colors: [
-          labelPrimaryColor,
-          labelPrimaryColor,
-          `rgba(${hexToRgb(currentTheme.primary)}, 1)`,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-        ],
-        dataLabels: {
-          enabled: true,
-          formatter(val: unknown) {
-            return `${val}k`
-          },
-          offsetY: -25,
-          style: {
-            fontSize: '15px',
-            colors: [legendColor],
-            fontWeight: '600',
-            fontFamily: 'Public Sans',
-          },
-        },
-        legend: {
-          show: false,
-        },
-        tooltip: {
-          enabled: false,
-        },
-        xaxis: {
-          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
-          axisBorder: {
-            show: true,
-            color: borderColor,
-          },
-          axisTicks: {
-            show: false,
-          },
-          labels: {
-            style: {
-              colors: labelColor,
-              fontSize: '13px',
-              fontFamily: 'Public Sans',
-            },
-          },
-        },
-        yaxis: {
-          labels: {
-            offsetX: -15,
-            formatter(val: number) {
-              return `${(val / 1)}k`
-            },
-            style: {
-              fontSize: '13px',
-              colors: labelColor,
-              fontFamily: 'Public Sans',
-            },
-            min: 0,
-            max: 60000,
-            tickAmount: 6,
-          },
-        },
-        responsive: [
-          {
-            breakpoint: 1441,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '41%',
-                },
-              },
-            },
-          },
-          {
-            breakpoint: 590,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '40%',
-                },
-              },
-              yaxis: {
-                labels: {
-                  show: false,
-                },
-              },
-              dataLabels: {
-                style: {
-                  fontSize: '12px',
-                  fontWeight: '400',
-                },
-              },
-            },
-          },
-        ],
-      },
-      series: [
-        {
-          data: [28, 10, 45, 38, 15, 30, 35, 30, 8],
-        },
-      ],
-    },
-    {
-      title: 'Sales',
-      icon: 'tabler-chart-bar',
-      chartOptions: {
-        chart: {
-          parentHeightOffset: 0,
-          type: 'bar',
-          toolbar: {
-            show: false,
-          },
-        },
-        plotOptions: {
-          bar: {
-            columnWidth: '32%',
-            borderRadiusApplication: 'end',
-            borderRadius: 4,
-            distributed: true,
-            dataLabels: {
-              position: 'top',
-            },
-          },
-        },
-        grid: {
-          show: false,
-          padding: {
-            top: 0,
-            bottom: 0,
-            left: -10,
-            right: -10,
-          },
-        },
-        colors: [
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          `rgba(${hexToRgb(currentTheme.primary)}, 1)`,
-          labelPrimaryColor,
-          labelPrimaryColor,
-        ],
-        dataLabels: {
-          enabled: true,
-          formatter(val: number) {
-            return `${val}k`
-          },
-          offsetY: -25,
-          style: {
-            fontSize: '15px',
-            colors: [legendColor],
-            fontWeight: '600',
-            fontFamily: 'Public Sans',
-          },
-        },
-        legend: {
-          show: false,
-        },
-        tooltip: {
-          enabled: false,
-        },
-        xaxis: {
-          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
-          axisBorder: {
-            show: true,
-            color: borderColor,
-          },
-          axisTicks: {
-            show: false,
-          },
-          labels: {
-            style: {
-              colors: labelColor,
-              fontSize: '13px',
-              fontFamily: 'Public Sans',
-            },
-          },
-        },
-        yaxis: {
-          labels: {
-            offsetX: -15,
-            formatter(val: number) {
-              return `${(val / 1)}k`
-            },
-            style: {
-              fontSize: '13px',
-              colors: labelColor,
-              fontFamily: 'Public Sans',
-            },
-            min: 0,
-            max: 60000,
-            tickAmount: 6,
-          },
-        },
-        responsive: [
-          {
-            breakpoint: 1441,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '41%',
-                },
-              },
-            },
-          },
-          {
-            breakpoint: 590,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '61%',
-                },
-              },
-              grid: {
-                padding: {
-                  right: 0,
-                },
-              },
-              dataLabels: {
-                style: {
-                  fontSize: '12px',
-                  fontWeight: '400',
-                },
-              },
-              yaxis: {
-                labels: {
-                  show: false,
-                },
-              },
-            },
-          },
-        ],
-      },
-      series: [
-        {
-          data: [35, 25, 15, 40, 42, 25, 48, 8, 30],
-        },
-      ],
-    },
-    {
-      title: 'Profit',
-      icon: 'tabler-currency-dollar',
-      chartOptions: {
-        chart: {
-          parentHeightOffset: 0,
-          type: 'bar',
-          toolbar: {
-            show: false,
-          },
-        },
-        plotOptions: {
-          bar: {
-            columnWidth: '32%',
-            borderRadiusApplication: 'end',
-            borderRadius: 4,
-            distributed: true,
-            dataLabels: {
-              position: 'top',
-            },
-          },
-        },
-        grid: {
-          show: false,
-          padding: {
-            top: 0,
-            bottom: 0,
-            left: -10,
-            right: -10,
-          },
-        },
-        colors: [
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          `rgba(${hexToRgb(currentTheme.primary)}, 1)`,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-        ],
-        dataLabels: {
-          enabled: true,
-          formatter(val: number) {
-            return `${val}k`
-          },
-          offsetY: -25,
-          style: {
-            fontSize: '15px',
-            colors: [legendColor],
-            fontWeight: '600',
-            fontFamily: 'Public Sans',
-          },
-        },
-        legend: {
-          show: false,
-        },
-        tooltip: {
-          enabled: false,
-        },
-        xaxis: {
-          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
-          axisBorder: {
-            show: true,
-            color: borderColor,
-          },
-          axisTicks: {
-            show: false,
-          },
-          labels: {
-            style: {
-              colors: labelColor,
-              fontSize: '13px',
-              fontFamily: 'Public Sans',
-            },
-          },
-        },
-        yaxis: {
-          labels: {
-            offsetX: -15,
-            formatter(val: number) {
-              return `${(val / 1)}k`
-            },
-            style: {
-              fontSize: '13px',
-              colors: labelColor,
-              fontFamily: 'Public Sans',
-            },
-            min: 0,
-            max: 60000,
-            tickAmount: 6,
-          },
-        },
-        responsive: [
-          {
-            breakpoint: 1441,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '41%',
-                },
-              },
-            },
-          },
-          {
-            breakpoint: 590,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '61%',
-                },
-              },
-              grid: {
-                padding: {
-                  right: 0,
-                },
-              },
-              dataLabels: {
-                style: {
-                  fontSize: '12px',
-                  fontWeight: '400',
-                },
-              },
-              yaxis: {
-                labels: {
-                  show: false,
-                },
-              },
-            },
-          },
-        ],
-      },
-      series: [
-        {
-          data: [10, 22, 27, 33, 42, 32, 27, 22, 8],
-        },
-      ],
-    },
-    {
-      title: 'Income',
-      icon: 'tabler-chart-pie-2',
-      chartOptions: {
-        chart: {
-          parentHeightOffset: 0,
-          type: 'bar',
-          toolbar: {
-            show: false,
-          },
-        },
-        plotOptions: {
-          bar: {
-            columnWidth: '32%',
-            borderRadius: 6,
-            distributed: true,
-            borderRadiusApplication: 'end',
-            dataLabels: {
-              position: 'top',
-            },
-          },
-        },
-        grid: {
-          show: false,
-          padding: {
-            top: 0,
-            bottom: 0,
-            left: -10,
-            right: -10,
-          },
-        },
-        colors: [
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          labelPrimaryColor,
-          `rgba(${hexToRgb(currentTheme.primary)}, 1)`,
-        ],
-        dataLabels: {
-          enabled: true,
-          formatter(val: number) {
-            return `${val}k`
-          },
-          offsetY: -25,
-          style: {
-            fontSize: '15px',
-            colors: [legendColor],
-            fontWeight: '600',
-            fontFamily: 'Public Sans',
-          },
-        },
-        legend: {
-          show: false,
-        },
-        tooltip: {
-          enabled: false,
-        },
-        xaxis: {
-          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
-          axisBorder: {
-            show: true,
-            color: borderColor,
-          },
-          axisTicks: {
-            show: false,
-          },
-          labels: {
-            style: {
-              colors: labelColor,
-              fontSize: '13px',
-              fontFamily: 'Public Sans',
-            },
-          },
-        },
-        yaxis: {
-          labels: {
-            offsetX: -15,
-            formatter(val: number) {
-              return `${(val / 1)}k`
-            },
-            style: {
-              fontSize: '13px',
-              colors: labelColor,
-              fontFamily: 'Public Sans',
-            },
-            min: 0,
-            max: 60000,
-            tickAmount: 6,
-          },
-        },
-        responsive: [
-          {
-            breakpoint: 1441,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '41%',
-                },
-              },
-            },
-          },
-          {
-            breakpoint: 590,
-            options: {
-              plotOptions: {
-                bar: {
-                  columnWidth: '50%',
-                },
-              },
-              dataLabels: {
-                style: {
-                  fontSize: '12px',
-                  fontWeight: '400',
-                },
-              },
-              grid: {
-                padding: {
-                  right: 0,
-                },
-              },
-              yaxis: {
-                labels: {
-                  show: false,
-                },
-              },
-            },
-          },
-        ],
-      },
-      series: [
-        {
-          data: [5, 9, 12, 18, 20, 25, 30, 36, 48],
-        },
-      ],
-    },
-  ]
-})
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard
-    title="Earning Reports"
-    subtitle="Yearly Earnings Overview"
-  >
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn :menu-list="moreList" />
-      </div>
-    </template>
-
-    <VCardText>
-      <VSlideGroup
-        v-model="currentTab"
-        show-arrows
-        mandatory
-        class="mb-10"
-      >
-        <VSlideGroupItem
-          v-for="(report, index) in chartConfigs"
-          :key="report.title"
-          v-slot="{ isSelected, toggle }"
-          :value="index"
-        >
-          <div
-            style="block-size: 100px; inline-size: 110px;"
-            :style="isSelected ? 'border-color:rgb(var(--v-theme-primary)) !important' : ''"
-            :class="isSelected ? 'border' : 'border border-dashed'"
-            class="d-flex flex-column justify-center align-center cursor-pointer rounded py-4 px-5 me-4"
-            @click="toggle"
-          >
-            <VAvatar
-              rounded
-              size="38"
-              :color="isSelected ? 'primary' : ''"
-              variant="tonal"
-              class="mb-2"
-            >
-              <VIcon
-                size="22"
-                :icon="report.icon"
-              />
-            </VAvatar>
-            <h6 class="text-base font-weight-medium mb-0">
-              {{ report.title }}
-            </h6>
-          </div>
-        </VSlideGroupItem>
-
-        <!-- 👉 slider more -->
-        <VSlideGroupItem>
-          <div
-            style="block-size: 100px; inline-size: 110px;"
-            class="d-flex flex-column justify-center align-center rounded border border-dashed py-4 px-5"
-          >
-            <VAvatar
-              rounded
-              size="38"
-              variant="tonal"
-            >
-              <VIcon
-                size="22"
-                icon="tabler-plus"
-              />
-            </VAvatar>
-          </div>
-        </VSlideGroupItem>
-      </VSlideGroup>
-
-      <VueApexCharts
-        ref="refVueApexChart"
-        :key="currentTab"
-        :options="chartConfigs[Number(currentTab)].chartOptions"
-        :series="chartConfigs[Number(currentTab)].series"
-        height="230"
-        class="mt-3"
-      />
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsProjectStatus.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsProjectStatus.vue
deleted file mode 100644
index 90b8c19..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsProjectStatus.vue
+++ /dev/null
@@ -1,155 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { prefixWithPlus } from '@core/utils/formatters'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    data: [2000, 2000, 4000, 4000, 3050, 3050, 2000, 2000, 3050, 3050, 4700, 4700, 2750, 2750, 5700, 5700],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-
-  return {
-    chart: {
-      type: 'area',
-      toolbar: false,
-    },
-    markers: {
-      strokeColor: 'transparent',
-    },
-    dataLabels: {
-      enabled: false,
-    },
-    grid: {
-      show: false,
-      padding: {
-        left: -10,
-        right: -5,
-        top: -40,
-      },
-    },
-    stroke: {
-      width: 3,
-      curve: 'straight',
-    },
-    colors: [currentTheme.primary],
-    fill: {
-      type: 'gradient',
-      gradient: {
-        opacityFrom: 0.6,
-        opacityTo: 0.15,
-        stops: [0, 95, 100],
-      },
-    },
-    xaxis: {
-      labels: {
-        show: false,
-      },
-      axisBorder: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      lines: {
-        show: false,
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-      min: 1000,
-      max: 6000,
-      tickAmount: 5,
-    },
-    tooltip: {
-      enabled: false,
-    },
-  }
-})
-
-const projectStatus = [
-  {
-    title: 'Donates',
-    amount: '$756.26',
-    lossProfit: -139.34,
-  },
-  {
-    title: 'Podcasts',
-    amount: '$2,207.03',
-    lossProfit: +576.24,
-  },
-]
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard title="Project Status">
-    <template #append>
-      <div class="mt-n4 me-n2">
-        <MoreBtn :menu-list="moreList" />
-      </div>
-    </template>
-
-    <VCardText>
-      <VList class="card-list mb-6">
-        <VListItem>
-          <VListItemTitle class="font-weight-medium">
-            $4,3742
-          </VListItemTitle>
-          <template #prepend>
-            <VAvatar
-              color="primary"
-              variant="tonal"
-              rounded
-              icon="tabler-currency-dollar"
-            />
-          </template>
-          <VListItemSubtitle>
-            Your Earnings
-          </VListItemSubtitle>
-
-          <template #append>
-            <span class="text-success font-weight-medium">+10.2%</span>
-          </template>
-        </VListItem>
-      </VList>
-
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        height="208"
-      />
-
-      <VList class="card-list">
-        <VListItem
-          v-for="status in projectStatus"
-          :key="status.title"
-        >
-          <VListItemTitle class="font-weight-medium">
-            {{ status.title }}
-          </VListItemTitle>
-          <template #append>
-            <span class="me-3 text-medium-emphasis">{{ status.amount }}</span>
-            <span :class="status.lossProfit > 0 ? 'text-success' : 'text-error'">{{ prefixWithPlus(status.lossProfit) }}</span>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsRevenueReport.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsRevenueReport.vue
deleted file mode 100644
index 9e7db30..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsRevenueReport.vue
+++ /dev/null
@@ -1,384 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = {
-  bar: [
-    {
-      name: 'Earning',
-      data: [270, 210, 180, 200, 250, 280, 250, 270, 150],
-    },
-    {
-      name: 'Expense',
-      data: [-140, -160, -180, -150, -100, -60, -80, -100, -180],
-    },
-  ],
-  line: [
-    {
-      name: 'Last Month',
-      data: [20, 10, 30, 16, 24, 5, 40, 23, 28, 5, 30],
-    },
-    {
-      name: 'This Month',
-      data: [50, 40, 60, 46, 54, 35, 70, 53, 58, 35, 60],
-    },
-  ],
-}
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  const labelColor = `rgba(${hexToRgb(currentTheme['on-surface'])},${variableTheme['disabled-opacity']})`
-  const legendColor = `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['high-emphasis-opacity']})`
-  const borderColor = `rgba(${hexToRgb(String(variableTheme['border-color']))},${variableTheme['border-opacity']})`
-
-  return {
-    bar: {
-      chart: {
-        parentHeightOffset: 0,
-        stacked: true,
-        type: 'bar',
-        toolbar: { show: false },
-      },
-      tooltip: {
-        enabled: false,
-      },
-      plotOptions: {
-        bar: {
-          horizontal: false,
-          columnWidth: '40%',
-          borderRadius: 8,
-          borderRadiusApplication: 'around',
-          borderRadiusWhenStacked: 'all',
-        },
-      },
-      colors: ['rgba(var(--v-theme-primary),1)', 'rgba(var(--v-theme-warning),1)'],
-      dataLabels: {
-        enabled: false,
-      },
-      stroke: {
-        curve: 'smooth',
-        width: 6,
-        lineCap: 'round',
-        colors: [currentTheme.surface],
-      },
-      legend: {
-        show: true,
-        horizontalAlign: 'right',
-        position: 'top',
-        fontFamily: 'Public Sans',
-        fontSize: '13px',
-        markers: {
-          height: 12,
-          width: 12,
-          radius: 12,
-          offsetX: -3,
-          offsetY: 2,
-        },
-        labels: {
-          colors: legendColor,
-        },
-        itemMargin: {
-          horizontal: 5,
-        },
-      },
-      grid: {
-        show: false,
-        padding: {
-          bottom: -8,
-          top: 20,
-        },
-      },
-      xaxis: {
-        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
-        labels: {
-          style: {
-            fontSize: '13px',
-            colors: labelColor,
-            fontFamily: 'Public Sans',
-          },
-        },
-        axisTicks: {
-          show: false,
-        },
-        axisBorder: {
-          show: false,
-        },
-      },
-      yaxis: {
-        labels: {
-          offsetX: -16,
-          style: {
-            fontSize: '13px',
-            colors: labelColor,
-            fontFamily: 'Public Sans',
-          },
-        },
-        min: -200,
-        max: 300,
-        tickAmount: 5,
-      },
-      responsive: [
-        {
-          breakpoint: 1700,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '43%',
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 1526,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '52%',
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 1359,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '60%',
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 1025,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '70%',
-              },
-            },
-            chart: {
-              height: 390,
-            },
-          },
-        },
-        {
-          breakpoint: 991,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '60%',
-                borderRadius: 6,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 850,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '48%',
-                borderRadius: 6,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 776,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '68%',
-                borderRadius: 6,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 449,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '70%',
-                borderRadius: 6,
-              },
-            },
-            chart: {
-              height: 360,
-            },
-            xaxis: {
-              labels: {
-                offsetY: -5,
-              },
-            },
-          },
-        },
-        {
-          breakpoint: 394,
-          options: {
-            plotOptions: {
-              bar: {
-                columnWidth: '88%',
-                borderRadius: 6,
-              },
-            },
-          },
-        },
-      ],
-      states: {
-        hover: {
-          filter: {
-            type: 'none',
-          },
-        },
-        active: {
-          filter: {
-            type: 'none',
-          },
-        },
-      },
-    },
-    line: {
-      chart: {
-        toolbar: { show: false },
-        zoom: { enabled: false },
-        type: 'line',
-      },
-      stroke: {
-        curve: 'smooth',
-        dashArray: [5, 0],
-        width: [1, 2],
-      },
-      legend: {
-        show: false,
-      },
-      colors: [borderColor, currentTheme.primary],
-      grid: {
-        show: false,
-        borderColor,
-        padding: {
-          top: -30,
-          bottom: -15,
-          left: 25,
-        },
-      },
-      markers: {
-        size: 0,
-      },
-      xaxis: {
-        labels: {
-          show: false,
-        },
-        axisTicks: {
-          show: false,
-        },
-        axisBorder: {
-          show: false,
-        },
-      },
-      yaxis: {
-        show: false,
-      },
-      tooltip: {
-        enabled: false,
-      },
-    },
-  }
-})
-</script>
-
-<template>
-  <VCard class="revenue-report">
-    <VRow no-gutters>
-      <VCol
-        cols="12"
-        sm="8"
-        lg="8"
-        :class="$vuetify.display.smAndUp ? 'border-e' : 'border-b'"
-      >
-        <VCardText>
-          <h6 class="text-h5 mb-sm-n8">
-            Revenue Report
-          </h6>
-
-          <VueApexCharts
-            :options="chartOptions.bar"
-            :series="series.bar"
-            height="365"
-          />
-        </VCardText>
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="4"
-      >
-        <VCardText class="d-flex flex-column justify-center align-center text-center h-100">
-          <VBtn
-            variant="tonal"
-            size="small"
-            class="d-flex mx-auto"
-          >
-            <span>2022</span>
-            <template #append>
-              <VIcon
-                size="16"
-                icon="tabler-chevron-down"
-              />
-            </template>
-            <VMenu activator="parent">
-              <VList>
-                <VListItem
-                  v-for="(item, index) in ['2021', '2020', '2019']"
-                  :key="index"
-                  :value="index"
-                >
-                  <VListItemTitle>{{ item }}</VListItemTitle>
-                </VListItem>
-              </VList>
-            </VMenu>
-          </VBtn>
-
-          <div class="d-flex flex-column my-8">
-            <h5 class="font-weight-medium text-h3">
-              $25,825
-            </h5>
-            <p class="mb-0">
-              <span class="text-high-emphasis font-weight-medium me-1">Budget:</span>
-              <span>56,800</span>
-            </p>
-          </div>
-
-          <VueApexCharts
-            :options="chartOptions.line"
-            :series="series.line"
-            height="100"
-          />
-
-          <VBtn class="mt-8">
-            Increase Budget
-          </VBtn>
-        </VCardText>
-      </VCol>
-    </VRow>
-  </VCard>
-</template>
-
-<style lang="scss">
-.revenue-report {
-  .apexcharts-legend {
-    gap: 1rem;
-  }
-
-  @media (max-width: 599px) {
-    .apexcharts-legend.apx-legend-position-top.apexcharts-align-right {
-      justify-content: flex-start;
-      padding: 0;
-    }
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsSales.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsSales.vue
deleted file mode 100644
index 8f03998..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsSales.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    name: 'Sales',
-    data: [32, 27, 27, 30, 25, 25],
-  },
-  {
-    name: 'Visits',
-    data: [25, 35, 20, 20, 20, 20],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  const borderColor = `rgba(${hexToRgb(String(variableTheme['border-color']))},${variableTheme['border-opacity']})`
-  const labelColor = `rgba(${hexToRgb(currentTheme['on-surface'])},${variableTheme['disabled-opacity']})`
-  const legendColor = `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['medium-emphasis-opacity']})`
-
-  return {
-    chart: {
-      type: 'radar',
-      toolbar: {
-        show: false,
-      },
-    },
-    plotOptions: {
-      radar: {
-        polygons: {
-          strokeColors: borderColor,
-          connectorColors: borderColor,
-        },
-      },
-    },
-    stroke: {
-      show: false,
-      width: 0,
-    },
-    legend: {
-      show: true,
-      fontSize: '13px',
-      position: 'bottom',
-      labels: {
-        colors: legendColor,
-        useSeriesColors: false,
-      },
-      markers: {
-        height: 12,
-        width: 12,
-        offsetX: -8,
-      },
-      itemMargin: {
-        horizontal: 10,
-      },
-      onItemHover: {
-        highlightDataSeries: false,
-      },
-    },
-    colors: [currentTheme.primary, currentTheme.info],
-    fill: {
-      opacity: [1, 0.85],
-    },
-    markers: {
-      size: 0,
-    },
-    grid: {
-      show: false,
-      padding: {
-        top: 0,
-        bottom: -5,
-      },
-    },
-    xaxis: {
-      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
-      labels: {
-        show: true,
-        style: {
-          colors: [labelColor, labelColor, labelColor, labelColor, labelColor, labelColor],
-          fontSize: '13px',
-          fontFamily: 'Public Sans',
-        },
-      },
-    },
-    yaxis: {
-      show: false,
-      min: 0,
-      max: 40,
-      tickAmount: 4,
-    },
-    responsive: [
-      {
-        breakpoint: 769,
-        options: {
-          chart: {
-            height: 372,
-          },
-        },
-      },
-    ],
-  }
-})
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-4">
-      <VCardTitle>Sales</VCardTitle>
-      <VCardSubtitle>Last 6 Months</VCardSubtitle>
-
-      <template #append>
-        <div class="mt-n4 me-n2">
-          <MoreBtn :menu-list="moreList" />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        height="290"
-      />
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsSupportTracker.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsSupportTracker.vue
deleted file mode 100644
index 3e9cb27..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsSupportTracker.vue
+++ /dev/null
@@ -1,200 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-import { hexToRgb } from '@layouts/utils'
-
-const vuetifyTheme = useTheme()
-
-const series = [85]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-  const variableTheme = vuetifyTheme.current.value.variables
-
-  return {
-    labels: ['Completed Task'],
-    chart: {
-      type: 'radialBar',
-    },
-    plotOptions: {
-      radialBar: {
-        offsetY: 10,
-        startAngle: -140,
-        endAngle: 130,
-        hollow: {
-          size: '65%',
-        },
-        track: {
-          background: currentTheme.surface,
-          strokeWidth: '100%',
-        },
-        dataLabels: {
-          name: {
-            offsetY: -20,
-            color: `rgba(${hexToRgb(currentTheme['on-surface'])},${variableTheme['disabled-opacity']})`,
-            fontSize: '13px',
-            fontWeight: '400',
-            fontFamily: 'Public Sans',
-          },
-          value: {
-            offsetY: 10,
-            color: `rgba(${hexToRgb(currentTheme['on-background'])},${variableTheme['high-emphasis-opacity']})`,
-            fontSize: '38px',
-            fontWeight: '500',
-            fontFamily: 'Public Sans',
-          },
-        },
-      },
-    },
-    colors: [currentTheme.primary],
-    fill: {
-      type: 'gradient',
-      gradient: {
-        shade: 'dark',
-        shadeIntensity: 0.5,
-        gradientToColors: [currentTheme.primary],
-        inverseColors: true,
-        opacityFrom: 1,
-        opacityTo: 0.6,
-        stops: [30, 70, 100],
-      },
-    },
-    stroke: {
-      dashArray: 10,
-    },
-    grid: {
-      padding: {
-        top: -20,
-        bottom: 5,
-      },
-    },
-    states: {
-      hover: {
-        filter: {
-          type: 'none',
-        },
-      },
-      active: {
-        filter: {
-          type: 'none',
-        },
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 960,
-        options: {
-          chart: {
-            height: 280,
-          },
-        },
-      },
-    ],
-  }
-})
-
-const supportTicket = [
-  {
-    avatarColor: 'primary',
-    avatarIcon: 'tabler-ticket',
-    title: 'New Tickets',
-    subtitle: '142',
-  },
-  {
-    avatarColor: 'info',
-    avatarIcon: 'tabler-check',
-    title: 'Open Tickets',
-    subtitle: '28',
-  },
-
-  {
-    avatarColor: 'warning',
-    avatarIcon: 'tabler-clock',
-    title: 'Response Time',
-    subtitle: '1 Day',
-  },
-]
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem>
-      <VCardTitle>Support Tracker</VCardTitle>
-      <VCardSubtitle>Last 7 Days</VCardSubtitle>
-
-      <template #append>
-        <div class="mt-n4 me-n2">
-          <MoreBtn :menu-list="moreList" />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          cols="12"
-          lg="4"
-          md="4"
-        >
-          <div class="mb-lg-6 mb-4 mt-2">
-            <h2 class="text-h2">
-              164
-            </h2>
-            <p class="text-base mb-0">
-              Total Tickets
-            </p>
-          </div>
-
-          <VList class="card-list">
-            <VListItem
-              v-for="ticket in supportTicket"
-              :key="ticket.title"
-            >
-              <VListItemTitle class="font-weight-medium">
-                {{ ticket.title }}
-              </VListItemTitle>
-              <VListItemSubtitle>
-                {{ ticket.subtitle }}
-              </VListItemSubtitle>
-              <template #prepend>
-                <VAvatar
-                  rounded
-                  size="34"
-                  :color="ticket.avatarColor"
-                  variant="tonal"
-                  class="me-1"
-                >
-                  <VIcon
-                    size="22"
-                    :icon="ticket.avatarIcon"
-                  />
-                </VAvatar>
-              </template>
-            </VListItem>
-          </VList>
-        </VCol>
-        <VCol
-          cols="12"
-          lg="8"
-          md="8"
-        >
-          <VueApexCharts
-            :options="chartOptions"
-            :series="series"
-            height="360"
-          />
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsTopicsInterested.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsTopicsInterested.vue
deleted file mode 100644
index 622b8fc..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsTopicsInterested.vue
+++ /dev/null
@@ -1,196 +0,0 @@
-<script setup lang="ts">
-const borderColor = 'rgba(var(--v-border-color), var(--v-border-opacity))'
-
-const topicsChartConfig = {
-  chart: {
-    height: 270,
-    type: 'bar',
-    toolbar: {
-      show: false,
-    },
-  },
-
-  plotOptions: {
-    bar: {
-      horizontal: true,
-      barHeight: '70%',
-      distributed: true,
-      borderRadius: 7,
-      borderRadiusApplication: 'end',
-    },
-  },
-
-  colors: [
-    'rgba(var(--v-theme-primary),1)', 'rgba(var(--v-theme-info),1)', 'rgba(var(--v-theme-success),1)', 'rgba(var(--v-theme-secondary),1)', 'rgba(var(--v-theme-error),1)', 'rgba(var(--v-theme-warning),1)',
-  ],
-
-  grid: {
-    borderColor,
-    strokeDashArray: 10,
-    xaxis: {
-      lines: {
-        show: true,
-      },
-    },
-    yaxis: {
-      lines: {
-        show: false,
-      },
-    },
-    padding: {
-      top: -35,
-      bottom: -12,
-    },
-  },
-
-  dataLabels: {
-    enabled: true,
-    style: {
-      colors: ['#fff'],
-      fontWeight: 200,
-      fontSize: '13px',
-
-    },
-    offsetX: 0,
-    dropShadow: {
-      enabled: false,
-    },
-    formatter(val: string, opt: any) {
-      return topicsChartConfig.labels[opt.dataPointIndex]
-    },
-  },
-  labels: ['UI Design', 'UX Design', 'Music', 'Animation', 'Vue', 'SEO'],
-
-  xaxis: {
-    categories: ['6', '5', '4', '3', '2', '1'],
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-    labels: {
-      style: {
-        colors: 'rgba(var(--v-theme-on-background), var(--v-disabled-opacity))',
-        fontSize: '13px',
-      },
-      formatter(val: string) {
-        return `${val}%`
-      },
-    },
-  },
-
-  yaxis: {
-    max: 35,
-    labels: {
-      style: {
-        colors: 'rgba(var(--v-theme-on-background), var(--v-disabled-opacity))',
-        fontSize: '13px',
-      },
-    },
-  },
-
-  tooltip: {
-    enabled: true,
-    style: {
-      fontSize: '12px',
-    },
-    onDatasetHover: {
-      highlightDataSeries: false,
-    },
-  },
-  legend: {
-    show: false,
-  },
-
-}
-
-const topicsChartSeries = [
-  {
-    data: [35, 20, 14, 12, 10, 9],
-  },
-]
-
-const topicsData = [
-  { title: 'UI Design', value: 35, color: 'primary' },
-  { title: 'UX Design', value: 20, color: 'info' },
-  { title: 'Music', value: 14, color: 'success' },
-  { title: 'Animation', value: 12, color: 'secondary' },
-  { title: 'Vue', value: 10, color: 'error' },
-  { title: 'SEO', value: 9, color: 'warning' },
-]
-</script>
-
-<template>
-  <!-- 👉 Topic You are Interested in -->
-  <VCard>
-    <VCardItem title="Topic you are interested in">
-      <template #append>
-        <MoreBtn />
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VRow>
-        <VCol
-          cols="12"
-          md="6"
-          xl="8"
-          lg="7"
-        >
-          <div>
-            <VueApexCharts
-              type="bar"
-              height="260"
-              :options="topicsChartConfig"
-              :series="topicsChartSeries"
-            />
-          </div>
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="6"
-          lg="5"
-          xl="4"
-        >
-          <div class="topic-progress d-flex flex-wrap gap-x-6 gap-y-10 ms-auto">
-            <div
-              v-for="topic in topicsData"
-              :key="topic.title"
-              class="d-flex gap-x-2"
-            >
-              <VBadge
-                dot
-                inline
-                class="mt-1 custom-badge"
-                :color="topic.color"
-              />
-              <div>
-                <div
-                  class="text-body-1"
-                  style="min-inline-size: 90px;"
-                >
-                  {{ topic.title }}
-                </div>
-                <h5 class="text-h5">
-                  {{ topic.value }}%
-                </h5>
-              </div>
-            </div>
-          </div>
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss">
-@use "@core-scss/template/libs/apex-chart.scss";
-
-@media screen and (min-width: 960px) {
-  .topic-progress {
-    inline-size: 17rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsTotalEarning.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsTotalEarning.vue
deleted file mode 100644
index b659fa0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/cards/card-widgets/CardWidgetsTotalEarning.vue
+++ /dev/null
@@ -1,281 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify'
-
-const vuetifyTheme = useTheme()
-
-const series = [
-  {
-    name: 'Earning',
-    data: [15, 10, 20, 8, 12, 18, 12, 5],
-  },
-  {
-    name: 'Expense',
-    data: [-7, -10, -7, -12, -6, -9, -5, -8],
-  },
-]
-
-const chartOptions = computed(() => {
-  const currentTheme = vuetifyTheme.current.value.colors
-
-  return {
-    chart: {
-      parentHeightOffset: 0,
-      stacked: true,
-      type: 'bar',
-      toolbar: { show: false },
-    },
-    tooltip: {
-      enabled: false,
-    },
-    legend: {
-      show: false,
-    },
-    stroke: {
-      curve: 'smooth',
-      width: 6,
-      lineCap: 'round',
-      colors: [currentTheme.surface],
-    },
-    plotOptions: {
-      bar: {
-        horizontal: false,
-        columnWidth: '45%',
-        borderRadius: 8,
-        borderRadiusApplication: 'around',
-        borderRadiusWhenStacked: 'all',
-      },
-    },
-    colors: ['rgba(var(--v-theme-primary),1)', 'rgba(var(--v-theme-secondary),1)'],
-    dataLabels: {
-      enabled: false,
-    },
-    grid: {
-      show: false,
-      padding: {
-        top: -40,
-        bottom: -20,
-        left: -10,
-        right: -2,
-      },
-    },
-    xaxis: {
-      labels: {
-        show: false,
-      },
-      axisTicks: {
-        show: false,
-      },
-      axisBorder: {
-        show: false,
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-    responsive: [
-      {
-        breakpoint: 1468,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '70%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1279,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '40%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 1197,
-        options: {
-          chart: {
-            height: 228,
-          },
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-              columnWidth: '40%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 912,
-        options: {
-          chart: {
-            height: 232,
-          },
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-              columnWidth: '60%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 670,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '70%',
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 600,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 8,
-              columnWidth: '40%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 475,
-        options: {
-          plotOptions: {
-            bar: {
-              borderRadius: 6,
-              columnWidth: '50%',
-            },
-          },
-        },
-      },
-      {
-        breakpoint: 381,
-        options: {
-          plotOptions: {
-            bar: {
-              columnWidth: '60%',
-              borderRadius: 6,
-            },
-          },
-        },
-      },
-    ],
-    states: {
-      hover: {
-        filter: {
-          type: 'none',
-        },
-      },
-      active: {
-        filter: {
-          type: 'none',
-        },
-      },
-    },
-  }
-})
-
-const totalEarnings = [
-  {
-    avatar: 'tabler-brand-paypal',
-    avatarColor: 'primary',
-    title: 'Total Revenue',
-    subtitle: 'Client Payment',
-    earning: '+$126',
-  },
-  {
-    avatar: 'tabler-currency-dollar',
-    avatarColor: 'secondary',
-    title: 'Total Sales',
-    subtitle: 'Total Sales',
-    earning: '+$98',
-  },
-]
-
-const moreList = [
-  { title: 'View More', value: 'View More' },
-  { title: 'Delete', value: 'Delete' },
-]
-</script>
-
-<template>
-  <VCard>
-    <VCardItem class="pb-0">
-      <VCardTitle>Total Earning</VCardTitle>
-
-      <div class="d-flex align-center mt-2">
-        <h2 class="text-h2 me-2">
-          87%
-        </h2>
-        <div class="text-success">
-          <VIcon
-            size="20"
-            icon="tabler-chevron-up"
-          />
-          <span class="text-base">25.8%</span>
-        </div>
-      </div>
-
-      <template #append>
-        <div class="mt-n10 me-n2">
-          <MoreBtn :menu-list="moreList" />
-        </div>
-      </template>
-    </VCardItem>
-
-    <VCardText>
-      <VueApexCharts
-        :options="chartOptions"
-        :series="series"
-        height="191"
-        class="my-2"
-      />
-
-      <VList class="card-list">
-        <VListItem
-          v-for="earning in totalEarnings"
-          :key="earning.title"
-        >
-          <VListItemTitle class="font-weight-medium">
-            {{ earning.title }}
-          </VListItemTitle>
-          <VListItemSubtitle>
-            {{ earning.subtitle }}
-          </VListItemSubtitle>
-          <template #prepend>
-            <VAvatar
-              size="38"
-              :color="earning.avatarColor"
-              variant="tonal"
-              rounded
-              class="me-1"
-            >
-              <VIcon
-                :icon="earning.avatar"
-                size="22"
-              />
-            </VAvatar>
-          </template>
-
-          <template #append>
-            <span class="text-success font-weight-medium">{{ earning.earning }}</span>
-          </template>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/help-center/HelpCenterLandingArticlesOverview.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/help-center/HelpCenterLandingArticlesOverview.vue
deleted file mode 100644
index cc2de53..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/help-center/HelpCenterLandingArticlesOverview.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script setup lang="ts">
-import type { HelpCenterArticlesOverview } from '@db/pages/help-center/types'
-
-interface Props {
-  articles: HelpCenterArticlesOverview[]
-}
-
-const props = defineProps<Props>()
-</script>
-
-<template>
-  <VRow v-if="props.articles.length">
-    <VCol
-      v-for="article in props.articles"
-      :key="article.title"
-      cols="12"
-      md="4"
-    >
-      <VCard
-        flat
-        border
-      >
-        <VCardText class="align-center text-center d-flex flex-column gap-3">
-          <img
-            :src="article.img"
-            alt="svg"
-            height="58"
-            width="58"
-          >
-
-          <h5 class="text-h5">
-            {{ article.title }}
-          </h5>
-          <p class="text-body-1 mb-0">
-            {{ article.subtitle }}
-          </p>
-
-          <VBtn
-            size="small"
-            variant="tonal"
-            :to="{
-              name: 'front-pages-help-center-article-title',
-              params: {
-                title: 'how-to-add-product-in-cart',
-              },
-            }"
-          >
-            Read More
-          </VBtn>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/help-center/HelpCenterLandingFooter.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/help-center/HelpCenterLandingFooter.vue
deleted file mode 100644
index 54dae55..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/help-center/HelpCenterLandingFooter.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-  <VCardText class="text-center py-4">
-    <h4 class="text-h4 text-center">
-      Still need help?
-    </h4>
-    <p class="my-4 text-body-1">
-      Our specialists are always happy to help.
-      <br>
-      Contact us during standard business hours or email us 24/7, and we'll get back to you.
-    </p>
-    <div class="d-flex justify-center gap-4 flex-wrap">
-      <VBtn>Visit our community</VBtn>
-      <VBtn>Contact us</VBtn>
-    </div>
-  </VCardText>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/help-center/HelpCenterLandingKnowledgeBase.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/help-center/HelpCenterLandingKnowledgeBase.vue
deleted file mode 100644
index efbde63..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/help-center/HelpCenterLandingKnowledgeBase.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<script setup lang="ts">
-import type { HelpCenterAllCategoryArticles } from '@db/pages/help-center/types'
-
-interface Props {
-  categories: HelpCenterAllCategoryArticles[]
-}
-
-const props = defineProps<Props>()
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      v-for="article in props.categories"
-      :key="article.title"
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <VCard :title="article.title">
-        <template #prepend>
-          <VAvatar
-            rounded
-            color="primary"
-            variant="tonal"
-            size="32"
-            class="me-1"
-          >
-            <VIcon
-              :icon="article.icon"
-              size="20"
-            />
-          </VAvatar>
-        </template>
-
-        <VCardText>
-          <VList class="card-list">
-            <VListItem
-              v-for="(item, index) in article.articles"
-              :key="index"
-              class="text-disabled"
-            >
-              <RouterLink
-                :to="{
-                  name: 'front-pages-help-center-article-title',
-                  params: {
-                    title: 'how-to-add-product-in-cart',
-                  },
-                }"
-                class="text-high-emphasis"
-              >
-                <div>{{ item.title }}</div>
-              </RouterLink>
-              <template #append>
-                <VIcon
-                  icon="tabler-chevron-right"
-                  class="flip-in-rtl"
-                  size="20"
-                />
-              </template>
-            </VListItem>
-          </VList>
-
-          <div class="mt-6">
-            <RouterLink
-              :to="{
-                name: 'front-pages-help-center-article-title',
-                params: {
-                  title: 'how-to-add-product-in-cart',
-                },
-              }"
-              class="text-base d-flex align-center font-weight-medium d-inline-block"
-            >
-              <span class="d-inline-block">
-                See All Articles
-              </span>
-
-              <VIcon
-                icon="tabler-arrow-right"
-                size="18"
-                class="ms-3 flip-in-rtl"
-              />
-            </RouterLink>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-.card-list {
-  --v-card-list-gap: 0.5rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/typography/TypographyHeadlines.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/typography/TypographyHeadlines.vue
deleted file mode 100644
index 51df0a3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/typography/TypographyHeadlines.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <VCard title="Headlines">
-    <VCardText>
-      <VRow>
-        <VCol cols="12">
-          <h1 class="text-h1">
-            Heading 1
-          </h1>
-          <span>font-size: 2.875rem / line-height: 4.25rem / font-weight: 500</span>
-        </VCol>
-
-        <VCol cols="12">
-          <h2 class="text-h2">
-            Heading 2
-          </h2>
-          <span>font-size: 2.375rem / line-height: 3.5rem / font-weight: 500</span>
-        </VCol>
-
-        <VCol cols="12">
-          <h3 class="text-h3">
-            Heading 3
-          </h3>
-          <span>font-size: 1.75rem / line-height: 2.625rem / font-weight: 500</span>
-        </VCol>
-
-        <VCol cols="12">
-          <h4 class="text-h4">
-            Heading 4
-          </h4>
-          <span>font-size: 1.5rem / line-height: 2.375rem / font-weight: 500</span>
-        </VCol>
-
-        <VCol cols="12">
-          <h5 class="text-h5">
-            Heading 5
-          </h5>
-          <span>font-size: 1.125rem  / line-height: 1.75rem / font-weight: 500</span>
-        </VCol>
-
-        <VCol cols="12">
-          <h6 class="text-h6">
-            Heading 6
-          </h6>
-          <span>font-size: 0.9375rem / line-height: 1.375rem / font-weight: 500</span>
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/typography/TypographyTexts.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/typography/TypographyTexts.vue
deleted file mode 100644
index 4abed5c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/typography/TypographyTexts.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-<template>
-  <VCard title="Texts">
-    <VCardText>
-      <VRow no-gutters>
-        <VCol
-          cols="12"
-          md="2"
-        >
-          <p class="text-subtitle-1">
-            text-subtitle-1
-          </p>
-        </VCol>
-        <VCol
-          cols="12"
-          md="10"
-          class="mb-6"
-        >
-          <p class="text-subtitle-1 mb-1">
-            Cupcake ipsum dolor sit amet fruitcake donut chocolate.
-          </p>
-          <span>font-size: 0.9375rem / line-height: 1.375rem / font-weight: 400</span>
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="2"
-        >
-          <p class="text-subtitle-2">
-            text-subtitle-2
-          </p>
-        </VCol>
-        <VCol
-          cols="12"
-          md="10"
-          class="mb-6"
-        >
-          <p class="text-subtitle-2 mb-1">
-            Cupcake ipsum dolor sit amet fruitcake donut chocolate.
-          </p>
-          <span>font-size: 0.8125rem / line-height: 1.25rem / font-weight: 400</span>
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="2"
-        >
-          <p class="text-body-1">
-            text-body-1
-          </p>
-        </VCol>
-        <VCol
-          cols="12"
-          md="10"
-          class="mb-6"
-        >
-          <p class="text-body-1 mb-1">
-            Cupcake ipsum dolor sit amet fruitcake donut chocolate.
-          </p>
-          <span>font-size: 0.9375rem / line-height: 1.375rem / font-weight: 400</span>
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="2"
-        >
-          <p class="text-body-2">
-            text-body-2
-          </p>
-        </VCol>
-        <VCol
-          cols="12"
-          md="10"
-          class="mb-6"
-        >
-          <p class="text-body-2 mb-1">
-            Cupcake ipsum dolor sit amet fruitcake donut chocolate.
-          </p>
-          <span>font-size: 0.8125rem / line-height: 1.25rem / font-weight: 400</span>
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="2"
-        >
-          <p class="text-caption">
-            text-caption
-          </p>
-        </VCol>
-        <VCol
-          cols="12"
-          md="10"
-          class="mb-6"
-        >
-          <p class="text-caption mb-1">
-            Cupcake ipsum dolor sit amet fruitcake donut chocolate.
-          </p>
-          <span>font-size: 0.8125rem / line-height: 1.125rem / font-weight: 400</span>
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="2"
-        >
-          <p class="text-overline">
-            text-overline
-          </p>
-        </VCol>
-        <VCol
-          cols="12"
-          md="10"
-          class="mb-6"
-        >
-          <p class="text-overline mb-1">
-            Cupcake ipsum dolor sit amet fruitcake donut chocolate.
-          </p>
-          <span>font-size: 0.75rem / line-height: 0.875rem / font-weight: 400</span>
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="2"
-        >
-          <p class="text-button">
-            text-button
-          </p>
-        </VCol>
-        <VCol
-          cols="12"
-          md="10"
-        >
-          <p class="text-button mb-1">
-            Cupcake ipsum dolor sit amet fruitcake donut chocolate.
-          </p>
-          <span>font-size: 0.9375rem / line-height: 1.125rem / font-weight: 500</span>
-        </VCol>
-      </VRow>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/UserProfileHeader.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/UserProfileHeader.vue
deleted file mode 100644
index 60bc6b3..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/UserProfileHeader.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<script lang="ts" setup>
-import type { ProfileHeader } from '@db/pages/profile/types'
-
-const profileHeaderData = ref<ProfileHeader>()
-
-const { data, error } = await useApi<ProfileHeader>('/pages/profile/header')
-
-if (error.value) {
-  console.log(error.value)
-}
-else {
-  if (data.value)
-    profileHeaderData.value = data.value
-}
-</script>
-
-<template>
-  <VCard v-if="profileHeaderData">
-    <VImg
-      :src="profileHeaderData.coverImg"
-      min-height="125"
-      max-height="250"
-      cover
-    />
-
-    <VCardText class="d-flex align-bottom flex-sm-row flex-column justify-center gap-x-6">
-      <div class="d-flex h-0">
-        <VAvatar
-          rounded
-          size="130"
-          :image="profileHeaderData.profileImg"
-          class="user-profile-avatar mx-auto"
-        />
-      </div>
-
-      <div class="user-profile-info w-100 mt-16 pt-6 pt-sm-0 mt-sm-0">
-        <h4 class="text-h4 text-center text-sm-start font-weight-medium mb-2">
-          {{ profileHeaderData?.fullName }}
-        </h4>
-
-        <div class="d-flex align-center justify-center justify-sm-space-between flex-wrap gap-5">
-          <div class="d-flex flex-wrap justify-center justify-sm-start flex-grow-1 gap-6">
-            <span class="d-flex gap-x-2 align-center">
-              <VIcon
-                size="24"
-                icon="tabler-palette"
-              />
-              <div class="text-body-1 font-weight-medium">
-                {{ profileHeaderData?.designation }}
-              </div>
-            </span>
-
-            <span class="d-flex gap-x-2 align-center">
-              <VIcon
-                size="24"
-                icon="tabler-map-pin"
-              />
-              <div class="text-body-1 font-weight-medium">
-                {{ profileHeaderData?.location }}
-              </div>
-            </span>
-
-            <span class="d-flex gap-x-2 align-center">
-              <VIcon
-                size="24"
-                icon="tabler-calendar"
-              />
-              <div class="text-body-1 font-weight-medium">
-                {{ profileHeaderData?.joiningDate }}
-              </div>
-            </span>
-          </div>
-
-          <VBtn prepend-icon="tabler-user-check">
-            Connected
-          </VBtn>
-        </div>
-      </div>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss">
-.user-profile-avatar {
-  border: 5px solid rgb(var(--v-theme-surface));
-  background-color: rgb(var(--v-theme-surface)) !important;
-  inset-block-start: -3rem;
-
-  .v-img__img {
-    border-radius: 0.125rem;
-  }
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/connections/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/connections/index.vue
deleted file mode 100644
index f7c5b1f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/connections/index.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<script setup lang="ts">
-import type { ConnectionsTab } from '@db/pages/profile/types'
-
-const router = useRoute('pages-user-profile-tab')
-const connectionData = ref<ConnectionsTab[]>([])
-
-const fetchProjectData = async () => {
-  if (router.params.tab === 'connections') {
-    const data = await $api('/pages/profile', {
-      query: {
-        tab: router.params.tab,
-      },
-    }).catch(err => console.log(err))
-
-    connectionData.value = data
-  }
-}
-
-watch(router, fetchProjectData, { immediate: true })
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      v-for="data in connectionData"
-      :key="data.name"
-      sm="6"
-      lg="4"
-      cols="12"
-    >
-      <VCard>
-        <div class="vertical-more">
-          <MoreBtn
-            :menu-list="[
-              { title: 'Share connection', value: 'Share connection' },
-              { title: 'Block connection', value: 'Block connection' },
-              { type: 'divider', class: 'my-2' },
-              { title: 'Delete', value: 'Delete', class: 'text-error' },
-            ]"
-            item-props
-          />
-        </div>
-
-        <VCardItem>
-          <VCardTitle class="d-flex flex-column align-center justify-center gap-y-6">
-            <VAvatar
-              size="100"
-              :image="data.avatar"
-              class="mt-5"
-            />
-
-            <div class="text-center">
-              <h5 class="text-h5">
-                {{ data.name }}
-              </h5>
-              <h6 class="text-body-1">
-                {{ data.designation }}
-              </h6>
-            </div>
-
-            <div class="d-flex align-center flex-wrap gap-4">
-              <VChip
-                v-for="chip in data.chips"
-                :key="chip.title"
-                label
-                :color="chip.color"
-                size="small"
-              >
-                {{ chip.title }}
-              </VChip>
-            </div>
-          </VCardTitle>
-        </VCardItem>
-
-        <VCardText>
-          <div class="d-flex justify-space-around mb-2">
-            <div class="text-center">
-              <h5 class="text-h5">
-                {{ data.projects }}
-              </h5>
-              <div class="text-body-1">
-                Projects
-              </div>
-            </div>
-            <div class="text-center">
-              <h5 class="text-h5">
-                {{ data.tasks }}
-              </h5>
-              <div class="text-body-1">
-                Tasks
-              </div>
-            </div>
-            <div class="text-center">
-              <h5 class="text-h5">
-                {{ data.connections }}
-              </h5>
-              <div class="text-body-1">
-                Connections
-              </div>
-            </div>
-          </div>
-
-          <div class="d-flex justify-center gap-4 mt-6">
-            <VBtn
-              :prepend-icon="data.isConnected ? 'tabler-user-check' : 'tabler-user-plus'"
-              :variant="data.isConnected ? 'elevated' : 'tonal'"
-            >
-              {{ data.isConnected ? 'connected' : 'connect' }}
-            </VBtn>
-
-            <IconBtn
-              variant="tonal"
-              class="rounded"
-            >
-              <VIcon
-                icon="tabler-mail"
-                color="secondary"
-              />
-            </IconBtn>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss">
-.vertical-more {
-  position: absolute;
-  inset-block-start: 1rem;
-  inset-inline-end: 0.5rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/About.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/About.vue
deleted file mode 100644
index 648179c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/About.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<script lang="ts" setup>
-import type { ProfileTab } from '@db/pages/profile/types'
-
-interface Props {
-  data: ProfileTab
-}
-const props = defineProps<Props>()
-</script>
-
-<template>
-  <VCard class="mb-6">
-    <VCardText>
-      <p class="text-sm text-disabled">
-        ABOUT
-      </p>
-
-      <VList class="card-list text-medium-emphasis">
-        <VListItem
-          v-for="item in props.data.about"
-          :key="item.property"
-        >
-          <VListItemTitle>
-            <span class="d-flex align-center">
-              <VIcon
-                :icon="item.icon"
-                size="24"
-                class="me-2"
-              />
-              <div class="text-body-1 font-weight-medium me-2">{{ item.property }}:</div>
-              <div>{{ item.value }}</div>
-            </span>
-          </VListItemTitle>
-        </VListItem>
-      </VList>
-
-      <p class="text-sm text-disabled mt-6">
-        CONTACTS
-      </p>
-
-      <VList class="card-list text-medium-emphasis">
-        <VListItem
-          v-for="item in props.data.contacts"
-          :key="item.property"
-        >
-          <VListItemTitle>
-            <span class="d-flex align-center">
-              <VIcon
-                :icon="item.icon"
-                size="24"
-                class="me-2"
-              />
-              <div class="text-body-1 font-weight-medium me-2">{{ item.property }}:</div>
-              <div>{{ item.value }}</div>
-            </span>
-          </VListItemTitle>
-        </VListItem>
-      </VList>
-
-      <p class="text-sm text-disabled mt-6">
-        TEAMS
-      </p>
-
-      <VList class="card-list text-medium-emphasis">
-        <VListItem
-          v-for="item in props.data.teams"
-          :key="item.property"
-        >
-          <VListItemTitle>
-            <span class="d-flex align-center">
-              <div class="text-body-1 font-weight-medium me-2">{{ item.property }}</div>
-              <div>{{ item.value }}</div>
-            </span>
-          </VListItemTitle>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-
-  <VCard>
-    <VCardText>
-      <p class="text-sm text-disabled">
-        OVERVIEW
-      </p>
-
-      <VList class="card-list text-medium-emphasis">
-        <VListItem
-          v-for="item in props.data.overview"
-          :key="item.property"
-        >
-          <VListItemTitle>
-            <span class="d-flex align-center">
-              <VIcon
-                :icon="item.icon"
-                size="24"
-                class="me-2"
-              />
-              <div class="text-body-1 font-weight-medium me-2">{{ item.property }}:</div>
-              <div>{{ item.value }}</div>
-            </span>
-          </VListItemTitle>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/ActivityTimeline.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/ActivityTimeline.vue
deleted file mode 100644
index d32c75d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/ActivityTimeline.vue
+++ /dev/null
@@ -1,160 +0,0 @@
-<script lang="ts" setup>
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import pdf from '@images/icons/project-icons/pdf.png'
-</script>
-
-<template>
-  <VCard>
-    <VCardItem>
-      <template #prepend>
-        <VIcon
-          icon="tabler-chart-bar"
-          size="24"
-          class="me-2"
-        />
-      </template>
-
-      <VCardTitle>Activity Timeline</VCardTitle>
-    </VCardItem>
-
-    <VCardText>
-      <VTimeline
-        side="end"
-        align="start"
-        line-inset="8"
-        truncate-line="start"
-        density="compact"
-      >
-        <!-- SECTION Timeline Item: Flight -->
-        <VTimelineItem
-          dot-color="primary"
-          size="x-small"
-        >
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center gap-2 flex-wrap mb-2">
-            <span class="app-timeline-title">
-              12 Invoices have been paid
-            </span>
-            <span class="app-timeline-meta">12 min ago</span>
-          </div>
-
-          <!-- 👉 Content -->
-          <div class="app-timeline-text mt-1">
-            Invoices have been paid to the company
-          </div>
-
-          <div class="d-inline-flex align-center timeline-chip mt-2">
-            <img
-              :src="pdf"
-              height="20"
-              class="me-2"
-              alt="img"
-            >
-            <span class="app-timeline-text font-weight-medium">
-              invoice.pdf
-            </span>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-
-        <!-- SECTION Timeline Item: Interview Schedule -->
-        <VTimelineItem
-          size="x-small"
-          dot-color="success"
-        >
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center flex-wrap mb-2">
-            <div class="app-timeline-title">
-              Client Meeting
-            </div>
-            <span class="app-timeline-meta">45 min ago</span>
-          </div>
-
-          <div class="app-timeline-text mt-1">
-            Project meeting with john @10:15am
-          </div>
-
-          <!-- 👉 Person -->
-          <div class="d-flex justify-space-between align-center flex-wrap">
-            <!-- 👉 Avatar & Personal Info -->
-            <div class="d-flex align-center mt-2">
-              <VAvatar
-                size="32"
-                class="me-2"
-                :image="avatar1"
-              />
-              <div class="d-flex flex-column">
-                <p class="text-sm font-weight-medium text-medium-emphasis mb-0">
-                  Lester McCarthy (Client)
-                </p>
-                <span class="text-sm">CEO of Pixinvent</span>
-              </div>
-            </div>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-
-        <!-- SECTION Design Review -->
-        <VTimelineItem
-          size="x-small"
-          dot-color="info"
-        >
-          <!-- 👉 Header -->
-          <div class="d-flex justify-space-between align-center flex-wrap mb-2">
-            <span class="app-timeline-title">
-              Create a new project for client
-            </span>
-            <span class="app-timeline-meta">2 Day Ago</span>
-          </div>
-
-          <!-- 👉 Content -->
-          <p class="app-timeline-text mt-1 mb-2">
-            6 team members in a project
-          </p>
-
-          <div class="v-avatar-group demo-avatar-group">
-            <VAvatar :size="40">
-              <VImg :src="avatar1" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                John Doe
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar :size="40">
-              <VImg :src="avatar2" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                Jennie Obrien
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar :size="40">
-              <VImg :src="avatar3" />
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                Peter Harper
-              </VTooltip>
-            </VAvatar>
-
-            <VAvatar
-              :size="40"
-              :color="$vuetify.theme.current.dark ? '#373b50' : '#eeedf0'"
-            >
-              +3
-            </VAvatar>
-          </div>
-        </VTimelineItem>
-        <!-- !SECTION -->
-      </VTimeline>
-    </VCardText>
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/Connection.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/Connection.vue
deleted file mode 100644
index 43eb5c2..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/Connection.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<script lang="ts" setup>
-import type { ProfileConnections } from '@db/pages/profile/types'
-
-interface Props {
-  connectionsData: ProfileConnections[]
-}
-
-const props = defineProps<Props>()
-
-const moreList = [
-  { title: 'Share connections', value: 'Share connections' },
-  { title: 'Suggest edits', value: 'Suggest edits' },
-  { title: 'Report Bug', value: 'Report Bug' },
-]
-</script>
-
-<template>
-  <VCard title="Connection">
-    <template #append>
-      <div>
-        <MoreBtn :menu-list="moreList" />
-      </div>
-    </template>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="data in props.connectionsData"
-          :key="data.name"
-        >
-          <template #prepend>
-            <VAvatar
-              size="38"
-              :image="data.avatar"
-            />
-          </template>
-
-          <VListItemTitle class="font-weight-medium">
-            {{ data.name }}
-          </VListItemTitle>
-          <VListItemSubtitle>{{ data.connections }} Connections</VListItemSubtitle>
-
-          <template #append>
-            <VBtn
-              icon
-              size="38"
-              class="rounded"
-              :variant="data.isFriend ? 'elevated' : 'tonal' "
-            >
-              <VIcon
-                size="22"
-                :icon="data.isFriend ? 'tabler-user-x' : 'tabler-user-check'"
-              />
-            </VBtn>
-          </template>
-        </VListItem>
-
-        <VListItem>
-          <VListItemTitle class="pt-2 text-center">
-            <RouterLink :to="{ name: 'pages-user-profile-tab', params: { tab: 'connections' } }">
-              <p class="mb-0">
-                View all connections
-              </p>
-            </RouterLink>
-          </VListItemTitle>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/ProjectList.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/ProjectList.vue
deleted file mode 100644
index cf68b4d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/ProjectList.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<script setup lang="ts">
-import avatar1 from '@images/avatars/avatar-1.png'
-import avatar2 from '@images/avatars/avatar-2.png'
-import avatar3 from '@images/avatars/avatar-3.png'
-import avatar4 from '@images/avatars/avatar-4.png'
-import avatar5 from '@images/avatars/avatar-5.png'
-import avatar6 from '@images/avatars/avatar-6.png'
-import avatar7 from '@images/avatars/avatar-7.png'
-import avatar8 from '@images/avatars/avatar-8.png'
-import figma from '@images/icons/project-icons/figma.png'
-import html5 from '@images/icons/project-icons/html5.png'
-import python from '@images/icons/project-icons/python.png'
-import react from '@images/icons/project-icons/react.png'
-import sketch from '@images/icons/project-icons/sketch.png'
-import vue from '@images/icons/project-icons/vue.png'
-import xamarin from '@images/icons/project-icons/xamarin.png'
-
-// Project Table Header
-const projectTableHeaders = [
-  { title: 'PROJECT', key: 'project' },
-  { title: 'LEADER', key: 'leader' },
-  { title: 'Team', key: 'team' },
-  { title: 'PROGRESS', key: 'progress' },
-  { title: 'Action', key: 'Action', sortable: false },
-]
-
-const projects = [
-  {
-    logo: react,
-    name: 'BGC eCommerce App',
-    project: 'React Project',
-    leader: 'Eileen',
-    progress: 78,
-    hours: '18:42',
-    team: [avatar1, avatar8, avatar6],
-    extraMembers: 3,
-  },
-  {
-    logo: figma,
-    name: 'Falcon Logo Design',
-    project: 'Figma Project',
-    leader: 'Owen',
-    progress: 25,
-    hours: '20:42',
-    team: [avatar5, avatar2],
-  },
-  {
-    logo: vue,
-    name: 'Dashboard Design',
-    project: 'Vuejs Project',
-    leader: 'Keith',
-    progress: 62,
-    hours: '120:87',
-    team: [avatar8, avatar2, avatar1],
-  },
-  {
-    logo: xamarin,
-    name: 'Foodista mobile app',
-    project: 'Xamarin Project',
-    leader: 'Merline',
-    progress: 8,
-    hours: '120:87',
-    team: [avatar3, avatar4, avatar7],
-    extraMembers: 8,
-  },
-  {
-    logo: python,
-    name: 'Dojo Email App',
-    project: 'Python Project',
-    leader: 'Harmonia',
-    progress: 51,
-    hours: '230:10',
-    team: [avatar4, avatar3, avatar1],
-    extraMembers: 5,
-  },
-  {
-    logo: sketch,
-    name: 'Blockchain Website',
-    project: 'Sketch Project',
-    leader: 'Allyson',
-    progress: 92,
-    hours: '342:41',
-    team: [avatar1, avatar8],
-  },
-  {
-    logo: html5,
-    name: 'Hoffman Website',
-    project: 'HTML Project',
-    leader: 'Georgie',
-    progress: 80,
-    hours: '12:45',
-    team: [avatar1, avatar8, avatar6],
-  },
-]
-
-const search = ref('')
-const options = ref({ page: 1, itemsPerPage: 5 })
-</script>
-
-<template>
-  <VCard>
-    <VCardText class="d-flex justify-space-between align-center flex-wrap gap-4">
-      <h5 class="text-h5">
-        Project List
-      </h5>
-      <div style="inline-size: 272px;">
-        <AppTextField
-          v-model="search"
-          placeholder="Search Project"
-        />
-      </div>
-    </VCardText>
-
-    <VDivider />
-    <!-- 👉 User Project List Table -->
-
-    <!-- SECTION Datatable -->
-    <VDataTable
-      v-model:page="options.page"
-      :headers="projectTableHeaders"
-      :items-per-page="options.itemsPerPage"
-      :items="projects"
-      item-value="name"
-      hide-default-footer
-      :search="search"
-      show-select
-      class="text-no-wrap"
-    >
-      <!-- projects -->
-      <template #item.project="{ item }">
-        <div class="d-flex align-center gap-x-3">
-          <VAvatar
-            :size="34"
-            :image="item.logo"
-          />
-          <div>
-            <h6 class="text-h6 text-no-wrap">
-              {{ item.name }}
-            </h6>
-            <div class="text-body-2">
-              {{ item.project }}
-            </div>
-          </div>
-        </div>
-      </template>
-
-      <template #item.leader="{ item }">
-        <div class="text-base text-high-emphasis">
-          {{ item.leader }}
-        </div>
-      </template>
-
-      <!-- Team -->
-      <template #item.team="{ item }">
-        <div class="d-flex">
-          <div class="v-avatar-group">
-            <VAvatar
-              v-for="(data, index) in item.team"
-              :key="index"
-              size="26"
-            >
-              <VImg :src="data" />
-            </VAvatar>
-            <VAvatar
-              v-if="item.extraMembers"
-              :color="$vuetify.theme.current.dark ? '#373b50' : '#eeedf0'"
-              :size="26"
-            >
-              <div class="text-caption text-high-emphasis">
-                +{{ item.extraMembers }}
-              </div>
-            </VAvatar>
-          </div>
-        </div>
-      </template>
-
-      <!-- Progress -->
-      <template #item.progress="{ item }">
-        <div class="d-flex align-center gap-3">
-          <div class="flex-grow-1">
-            <VProgressLinear
-              :height="6"
-              :model-value="item.progress"
-              color="primary"
-              rounded
-            />
-          </div>
-          <div class="text-body-1 text-high-emphasis">
-            {{ item.progress }}%
-          </div>
-        </div>
-      </template>
-
-      <!-- Action -->
-      <template #item.Action>
-        <IconBtn>
-          <VIcon icon="tabler-dots-vertical" />
-        </IconBtn>
-      </template>
-
-      <!-- TODO Refactor this after vuetify provides proper solution for removing default footer -->
-      <template #bottom>
-        <TablePagination
-          v-model:page="options.page"
-          :items-per-page="options.itemsPerPage"
-          :total-items="projects.length"
-        />
-      </template>
-    </VDataTable>
-    <!-- !SECTION -->
-  </VCard>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/Teams.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/Teams.vue
deleted file mode 100644
index 95712b9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/Teams.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<script lang="ts" setup>
-import type { ProfileTeamsTech } from '@db/pages/profile/types'
-
-interface Props {
-  teamsData: ProfileTeamsTech[]
-}
-
-const props = defineProps<Props>()
-
-const moreList = [
-  { title: 'Share connections', value: 'Share connections' },
-  { title: 'Suggest edits', value: 'Suggest edits' },
-  { title: 'Report Bug', value: 'Report Bug' },
-]
-</script>
-
-<template>
-  <VCard title="Teams">
-    <template #append>
-      <div>
-        <MoreBtn :menu-list="moreList" />
-      </div>
-    </template>
-
-    <VCardText>
-      <VList class="card-list">
-        <VListItem
-          v-for="data in props.teamsData"
-          :key="data.title"
-        >
-          <template #prepend>
-            <VAvatar
-              size="38"
-              :image="data.avatar"
-            />
-          </template>
-
-          <VListItemTitle class="font-weight-medium">
-            {{ data.title }}
-          </VListItemTitle>
-          <VListItemSubtitle>{{ data.members }} Members</VListItemSubtitle>
-
-          <template #append>
-            <VChip
-              label
-              :color="data.ChipColor"
-              size="small"
-              class="font-weight-medium"
-            >
-              {{ data.chipText }}
-            </VChip>
-          </template>
-        </VListItem>
-
-        <VListItem>
-          <VListItemTitle class="pt-2 text-center">
-            <RouterLink :to="{ name: 'pages-user-profile-tab', params: { tab: 'teams' } }">
-              <p class="mb-0">
-                View all Teams
-              </p>
-            </RouterLink>
-          </VListItemTitle>
-        </VListItem>
-      </VList>
-    </VCardText>
-  </VCard>
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 16px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/index.vue
deleted file mode 100644
index 1faf588..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/profile/index.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<script setup lang="ts">
-import About from './About.vue'
-import ActivityTimeline from './ActivityTimeline.vue'
-import Connection from './Connection.vue'
-import ProjectList from './ProjectList.vue'
-import Teams from './Teams.vue'
-import type { ProfileTab } from '@db/pages/profile/types'
-
-const router = useRoute('pages-user-profile-tab')
-const profileTabData = ref<ProfileTab>()
-
-const fetchAboutData = async () => {
-  if (router.params.tab === 'profile') {
-    const data = await $api('/pages/profile', {
-      query: {
-        tab: router.params.tab,
-      },
-    }).catch(err => console.log(err))
-
-    profileTabData.value = data
-  }
-}
-
-watch(router, fetchAboutData, { immediate: true })
-</script>
-
-<template>
-  <VRow v-if="profileTabData">
-    <VCol
-      md="4"
-      cols="12"
-    >
-      <About :data="profileTabData" />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="8"
-    >
-      <VRow>
-        <VCol cols="12">
-          <ActivityTimeline />
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <Connection :connections-data="profileTabData.connections" />
-        </VCol>
-
-        <VCol
-          cols="12"
-          md="6"
-        >
-          <Teams :teams-data="profileTabData.teamsTech" />
-        </VCol>
-
-        <VCol cols="12">
-          <ProjectList />
-        </VCol>
-      </VRow>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/projects/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/projects/index.vue
deleted file mode 100644
index bb5357c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/projects/index.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<script setup lang="ts">
-import type { ProjectsTab } from '@db/pages/profile/types'
-
-const router = useRoute('pages-user-profile-tab')
-const projectData = ref<ProjectsTab[]>([])
-
-const fetchProjectData = async () => {
-  if (router.params.tab === 'projects') {
-    const data = await $api('/pages/profile', {
-      query: {
-        tab: router.params.tab,
-      },
-    }).catch(err => console.log(err))
-
-    projectData.value = data
-  }
-}
-
-watch(router, fetchProjectData, { immediate: true })
-
-const moreList = [
-  { title: 'Rename Project', value: 'Rename Project' },
-  { title: 'View Details', value: 'View Details' },
-  { title: 'Add to favorites', value: 'Add to favorites' },
-  { type: 'divider', class: 'my-2' },
-  { title: 'Leave Project', value: 'Leave Project', class: 'text-error' },
-]
-</script>
-
-<template>
-  <VRow v-if="projectData">
-    <VCol
-      v-for="data in projectData"
-      :key="data.title"
-      cols="12"
-      sm="6"
-      lg="4"
-    >
-      <VCard>
-        <VCardItem class="pb-4">
-          <template #prepend>
-            <VAvatar
-              :image="data.avatar"
-              size="38"
-              class="me-2"
-            />
-          </template>
-
-          <VCardTitle>{{ data.title }}</VCardTitle>
-          <span class="mb-0 text-body-1 d-flex align-center">
-            <div class="font-weight-medium me-1">
-              Client:
-            </div>
-            <div>{{ data.client }}</div>
-          </span>
-
-          <template #append>
-            <div class="mt-n2">
-              <MoreBtn
-                item-props
-                :menu-list="moreList"
-              />
-            </div>
-          </template>
-        </VCardItem>
-
-        <VCardText>
-          <div class="d-flex align-center justify-space-between flex-wrap gap-x-2 gap-y-4">
-            <div class="px-3 py-2 bg-var-theme-background rounded">
-              <h6 class="text-base font-weight-medium">
-                {{ data.budgetSpent }} <span class="text-body-1">/ {{ data.budget }}</span>
-              </h6>
-              <div>Total Budget</div>
-            </div>
-
-            <div>
-              <h6 class="text-base font-weight-medium">
-                Start Date: <span class="text-body-1">{{ data.startDate }}</span>
-              </h6>
-              <h6 class="text-base font-weight-medium">
-                Deadline: <span class="text-body-1">{{ data.deadline }}</span>
-              </h6>
-            </div>
-          </div>
-
-          <p class="mt-4 mb-0 clamp-text">
-            {{ data.description }}
-          </p>
-        </VCardText>
-
-        <VDivider />
-
-        <VCardText>
-          <div class="d-flex align-center justify-space-between flex-wrap gap-2">
-            <h6 class="text-base font-weight-medium">
-              All Hours: <span class="text-body-1">
-                {{ data.hours }}
-              </span>
-            </h6>
-
-            <VChip
-              label
-              :color="data.chipColor"
-              size="small"
-            >
-              {{ data.daysLeft }} Days left
-            </VChip>
-          </div>
-
-          <div class="d-flex align-center justify-space-between flex-wrap text-caption text-medium-emphasis mt-4 mb-2">
-            <span>Task: {{ data.tasks }}</span>
-            <span>{{ Math.round((data.completedTask / data.totalTask) * 100) }}% Completed</span>
-          </div>
-          <VProgressLinear
-            rounded
-            rounded-bar
-            height="8"
-            :model-value="data.completedTask"
-            :max="data.totalTask"
-            color="primary"
-          />
-
-          <div class="d-flex align-center justify-space-between flex-wrap gap-2 mt-4">
-            <div class="d-flex align-center">
-              <div class="v-avatar-group me-3">
-                <VAvatar
-                  v-for="avatar in data.avatarGroup"
-                  :key="avatar.name"
-                  :image="avatar.avatar"
-                  :size="32"
-                />
-              </div>
-              <span class="text-body-2 text-disabled">
-                {{ data.members }}
-              </span>
-            </div>
-
-            <span class="d-flex align-center">
-              <VIcon
-                icon="tabler-message-dots"
-                class="me-1 text-disabled"
-                size="24"
-              />
-              <div class="text-disabled text-body-1">{{ data.comments }}</div>
-            </span>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/team/index.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/team/index.vue
deleted file mode 100644
index 8cd8b65..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/pages/user-profile/team/index.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<script setup lang="ts">
-import type { TeamsTab } from '@db/pages/profile/types'
-
-const router = useRoute('pages-user-profile-tab')
-const teamData = ref<TeamsTab[]>([])
-
-const fetchTeamData = async () => {
-  if (router.params.tab === 'teams') {
-    const data = await $api('/pages/profile', {
-      query: {
-        tab: router.params.tab,
-      },
-    }).catch(err => console.log(err))
-
-    teamData.value = data
-  }
-}
-
-watch(router, fetchTeamData, { immediate: true })
-
-const moreList = [
-  { title: 'Rename Project', value: 'Rename Project' },
-  { title: 'View Details', value: 'View Details' },
-  { title: 'Add to favorites', value: 'Add to favorites' },
-  { type: 'divider', class: 'my-2' },
-  { title: 'Leave Project', value: 'Leave Project', class: 'text-error' },
-]
-</script>
-
-<template>
-  <VRow v-if="teamData">
-    <VCol
-      v-for="team in teamData"
-      :key="team.title"
-      cols="12"
-      md="6"
-      lg="4"
-    >
-      <VCard>
-        <VCardItem
-          class="pb-4"
-          :title="team.title"
-        >
-          <template #prepend>
-            <VAvatar
-              size="38"
-              :image="team?.avatar"
-            />
-          </template>
-          <template #append>
-            <div>
-              <IconBtn>
-                <VIcon
-                  size="24"
-                  icon="tabler-star"
-                  class="text-disabled"
-                />
-              </IconBtn>
-              <MoreBtn
-                :menu-list="moreList"
-                item-props
-                density="comfortable"
-              />
-            </div>
-          </template>
-        </VCardItem>
-
-        <VCardText class="pb-4">
-          <span class="text-base">{{ team.description }}</span>
-        </VCardText>
-
-        <VCardText class="d-flex align-center">
-          <div class="v-avatar-group">
-            <VAvatar
-              v-for="data in team.avatarGroup"
-              :key="data.name"
-              size="32"
-            >
-              <VImg :src="data.avatar" />
-
-              <VTooltip
-                activator="parent"
-                location="top"
-              >
-                {{ data.name }}
-              </VTooltip>
-            </VAvatar>
-          </div>
-
-          <VSpacer />
-
-          <div class="d-flex align-center gap-2">
-            <VChip
-              v-for="data in team.chips"
-              :key="data.title"
-              label
-              :color="data.color"
-              size="small"
-              class="font-weight-medium"
-            >
-              {{ data.title }}
-            </VChip>
-          </div>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/Address.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/Address.vue
deleted file mode 100644
index 7cf0450..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/Address.vue
+++ /dev/null
@@ -1,276 +0,0 @@
-<script setup lang="ts">
-import type { CheckoutData } from './types'
-
-interface Props {
-  currentStep?: number
-  checkoutData: CheckoutData
-}
-interface Emit {
-  (e: 'update:currentStep', value: number): void
-  (e: 'update:checkout-data', value: CheckoutData): void
-}
-const props = defineProps<Props>()
-
-const emit = defineEmits<Emit>()
-
-const checkoutAddressDataLocal = ref<CheckoutData>(JSON.parse(JSON.stringify(props.checkoutData)))
-const isEditAddressDialogVisible = ref(false)
-
-watch(() => props.checkoutData, value => {
-  checkoutAddressDataLocal.value = JSON.parse(JSON.stringify(value))
-})
-
-const deliveryOptions = [
-  {
-    icon: { icon: 'tabler-user' },
-    title: 'Standard',
-    desc: 'Get your product in 1 Week.',
-    value: 'free',
-  },
-  {
-    icon: { icon: 'tabler-star' },
-    title: 'Express',
-    desc: 'Get your product in 4 days.',
-    value: 'express',
-  },
-  {
-    icon: { icon: 'tabler-crown' },
-    title: 'Overnight',
-    desc: 'Get your product in 1 day.',
-    value: 'overnight',
-  },
-]
-
-const resolveAddressBadgeColor: any = {
-  home: 'primary',
-  office: 'success',
-}
-
-const resolveDeliveryBadgeData: any = {
-  free: { color: 'success', price: 0, text: 'Free' },
-  express: { color: 'secondary', price: 10, text: '$10' },
-  overnight: { color: 'secondary', price: 15, text: '$15' },
-}
-
-const totalPriceWithDeliveryCharges = computed(() => {
-  let deliveryCharges = 0
-  if (checkoutAddressDataLocal.value.deliverySpeed !== 'free')
-    deliveryCharges = resolveDeliveryBadgeData[checkoutAddressDataLocal.value.deliverySpeed].price
-
-  return checkoutAddressDataLocal.value.orderAmount + deliveryCharges
-})
-
-const updateAddressData = () => {
-  checkoutAddressDataLocal.value.deliveryCharges = resolveDeliveryBadgeData[checkoutAddressDataLocal.value.deliverySpeed].price
-  emit('update:checkout-data', checkoutAddressDataLocal.value)
-}
-
-const nextStep = () => {
-  updateAddressData()
-  emit('update:currentStep', props.currentStep ? props.currentStep + 1 : 1)
-}
-
-watch(() => props.currentStep, updateAddressData)
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="8"
-    >
-      <!-- 👉 Address options -->
-      <h6 class="text-h6 mb-4">
-        Select your preferable address
-      </h6>
-
-      <!-- 👉 Address custom input -->
-      <CustomRadios
-        v-model:selected-radio="checkoutAddressDataLocal.deliveryAddress"
-        :radio-content="checkoutAddressDataLocal.addresses"
-        :grid-column="{ cols: '12', sm: '6' }"
-      >
-        <template #default="{ item }">
-          <div class="w-100">
-            <div class="d-flex justify-space-between mb-3">
-              <h6 class="text-base font-weight-medium">
-                {{ item.title }}
-              </h6>
-
-              <VChip
-                :color="resolveAddressBadgeColor[item.value]"
-                label
-                size="small"
-                class="text-capitalize"
-              >
-                {{ item.value }}
-              </VChip>
-            </div>
-
-            <p class="mb-0 text-sm">
-              {{ item.desc }}
-            </p>
-            <p class="text-sm mb-3">
-              Mobile: {{ item.subtitle }}
-            </p>
-            <VDivider />
-            <div class="pt-2">
-              <a
-                href="#"
-                class="me-4"
-              >Edit</a>
-              <a href="#">Remove</a>
-            </div>
-          </div>
-        </template>
-      </CustomRadios>
-
-      <!-- 👉 Add New Address -->
-      <VBtn
-        variant="tonal"
-        class="mt-4 mb-6"
-        @click="isEditAddressDialogVisible = !isEditAddressDialogVisible"
-      >
-        Add New Address
-      </VBtn>
-
-      <!-- 👉 Delivery options -->
-      <h6 class="text-h6 mb-4">
-        Choose Delivery Speed
-      </h6>
-
-      <!-- 👉 Delivery options custom input -->
-      <CustomRadiosWithIcon
-        v-model:selected-radio="checkoutAddressDataLocal.deliverySpeed"
-        :radio-content="deliveryOptions"
-        :grid-column="{ cols: '12', sm: '4' }"
-      >
-        <template #default="{ item }">
-          <div class="d-flex flex-column align-center gap-2 w-100">
-            <div class="d-flex justify-end w-100 mb-n3">
-              <VChip
-                :color="resolveDeliveryBadgeData[item.value].color"
-                size="small"
-                label
-              >
-                {{ resolveDeliveryBadgeData[item.value].text }}
-              </VChip>
-            </div>
-
-            <VIcon
-              v-bind="item.icon"
-              size="28"
-            />
-
-            <h6 class="text-h6">
-              {{ item.title }}
-            </h6>
-            <p class="text-sm text-center mb-0">
-              {{ item.desc }}
-            </p>
-          </div>
-        </template>
-      </CustomRadiosWithIcon>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <VCard
-        flat
-        variant="outlined"
-      >
-        <!-- 👉 Delivery estimate date -->
-        <VCardText>
-          <h6 class="text-h6 mb-4">
-            Estimated Delivery Date
-          </h6>
-
-          <VList class="card-list">
-            <VListItem
-              v-for="product in checkoutAddressDataLocal.cartItems"
-              :key="product.name"
-            >
-              <template #prepend>
-                <img
-                  height="70"
-                  width="60"
-                  :src="product.image"
-                  class="me-4"
-                >
-              </template>
-
-              <div class="text-body-1">
-                {{ product.name }}
-              </div>
-              <h6 class="text-h6 text-medium-emphasis">
-                {{ product.estimatedDelivery }}
-              </h6>
-            </VListItem>
-          </VList>
-        </VCardText>
-
-        <VDivider />
-
-        <!-- 👉 Price details -->
-        <VCardText>
-          <h6 class="text-h6 mb-4">
-            Price Details
-          </h6>
-
-          <div class="d-flex align-center justify-space-between mb-2">
-            <span class="text-high-emphasis">Order Total</span>
-            <span>${{ checkoutAddressDataLocal.orderAmount }}</span>
-          </div>
-
-          <div class="d-flex align-center justify-space-between">
-            <span class="text-high-emphasis">Delivery Charges</span>
-            <div class="text-end">
-              <div
-                v-if="checkoutAddressDataLocal.deliverySpeed === 'free'"
-                class="d-flex align-center"
-              >
-                <div class="text-decoration-line-through text-disabled me-2">
-                  $5.00
-                </div>
-                <VChip
-                  size="small"
-                  color="success"
-                >
-                  FREE
-                </VChip>
-              </div>
-              <span v-else>${{ resolveDeliveryBadgeData[checkoutAddressDataLocal.deliverySpeed ].price }}.00</span>
-            </div>
-          </div>
-        </VCardText>
-
-        <VDivider />
-
-        <VCardText class="d-flex align-center justify-space-between text-high-emphasis">
-          <span class="text-base font-weight-medium">Total</span>
-          <span class="text-base font-weight-medium">
-            ${{ totalPriceWithDeliveryCharges }}
-
-          </span>
-        </VCardText>
-      </VCard>
-
-      <VBtn
-        block
-        class="mt-4"
-        @click="nextStep"
-      >
-        Place Order
-      </VBtn>
-    </VCol>
-  </VRow>
-  <AddEditAddressDialog v-model:is-dialog-visible="isEditAddressDialogVisible" />
-</template>
-
-<style lang="scss" scoped>
-.card-list {
-  --v-card-list-gap: 1rem;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/Cart.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/Cart.vue
deleted file mode 100644
index ab430b9..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/Cart.vue
+++ /dev/null
@@ -1,305 +0,0 @@
-<script setup lang="ts">
-import type { CartItem, CheckoutData } from './types'
-import emptyCartImg from '@images/pages/empty-cart.png'
-
-interface Props {
-  currentStep?: number
-  checkoutData: CheckoutData
-}
-
-interface Emit {
-  (e: 'update:currentStep', value: number): void
-  (e: 'update:checkout-data', value: CheckoutData): void
-}
-
-const props = defineProps<Props>()
-
-const emit = defineEmits<Emit>()
-
-const checkoutCartDataLocal = ref(props.checkoutData)
-
-// remove item from cart
-const removeItem = (item: CartItem) => {
-  checkoutCartDataLocal.value.cartItems = checkoutCartDataLocal.value.cartItems.filter(i => i.id !== item.id)
-}
-
-//  cart total
-const totalCost = computed(() => {
-  return checkoutCartDataLocal.value.cartItems.reduce((acc, item) => {
-    return acc + item.price * item.quantity
-  }, 0)
-})
-
-const updateCartData = () => {
-  checkoutCartDataLocal.value.orderAmount = totalCost.value
-  emit('update:checkout-data', checkoutCartDataLocal.value)
-}
-
-const nextStep = () => {
-  updateCartData()
-  emit('update:currentStep', props.currentStep ? props.currentStep + 1 : 1)
-}
-
-watch(() => props.currentStep, updateCartData)
-</script>
-
-<template>
-  <VRow v-if="checkoutCartDataLocal">
-    <VCol
-      cols="12"
-      lg="8"
-    >
-      <!-- 👉 Offers alert -->
-      <VAlert
-        type="success"
-        variant="tonal"
-        icon="tabler-percentage"
-        title="Available Offer"
-        closable
-      >
-        <template #text>
-          <p class="mb-0">
-            - 0% Instant Discount on Bank of America Corp Bank Debit and Credit cards
-            <br>
-            - 50% Cashback Voucher of up to $60 on first ever PayPal transaction. TCA
-          </p>
-        </template>
-      </VAlert>
-
-      <h5 class="text-h5 my-4">
-        My Shopping Bag ({{ checkoutCartDataLocal.cartItems.length }} Items)
-      </h5>
-
-      <!-- 👉 Cart items -->
-      <div
-        v-if="checkoutCartDataLocal.cartItems.length"
-        class="border rounded"
-      >
-        <template
-          v-for="(item, index) in checkoutCartDataLocal.cartItems"
-          :key="item.name"
-        >
-          <div
-            class="d-flex align-center gap-4 pa-6 position-relative flex-column flex-sm-row"
-            :class="index ? 'border-t' : ''"
-          >
-            <IconBtn
-              class="checkout-item-remove-btn"
-              @click="removeItem(item)"
-            >
-              <VIcon
-                size="18"
-                icon="tabler-x"
-                class="text-disabled"
-              />
-            </IconBtn>
-
-            <div>
-              <VImg
-                width="140"
-                :src="item.image"
-              />
-            </div>
-
-            <div class="d-flex w-100 flex-column flex-md-row">
-              <div class="d-flex flex-column gap-y-2">
-                <h6 class="text-h6">
-                  {{ item.name }}
-                </h6>
-                <div class="d-flex align-center text-no-wrap gap-4 text-body-1">
-                  <div class="text-disabled">
-                    Sold by:
-                    <span class="d-inline-block text-primary">  {{ item.seller }}</span>
-                  </div>
-                  <VChip
-                    :color="item.inStock ? 'success' : 'error'"
-                    label
-                    size="small"
-                  >
-                    {{ item.inStock ? 'In Stock' : 'Out of Stock' }}
-                  </VChip>
-                </div>
-
-                <VRating
-                  density="compact"
-                  :model-value="item.rating"
-                  size="24"
-                  readonly
-                />
-
-                <AppTextField
-                  v-model="item.quantity"
-                  type="number"
-                  style="inline-size: 9.375rem;"
-                  density="compact"
-                />
-              </div>
-
-              <VSpacer />
-
-              <div
-                class="d-flex flex-column mt-5 text-start text-md-end"
-                :class="$vuetify.display.mdAndDown ? 'gap-2' : 'gap-4'"
-              >
-                <div class="d-flex text-base align-self-md-end">
-                  <div class="text-primary">
-                    ${{ item.price }}
-                  </div>
-                  <div>/</div>
-                  <div class="text-decoration-line-through">
-                    ${{ item.discountPrice }}
-                  </div>
-                </div>
-
-                <div>
-                  <VBtn
-                    variant="tonal"
-                    size="small"
-                  >
-                    move to wishlist
-                  </VBtn>
-                </div>
-              </div>
-            </div>
-          </div>
-        </template>
-      </div>
-
-      <!-- 👉 Empty Cart -->
-      <div v-else>
-        <VImg :src="emptyCartImg" />
-      </div>
-
-      <!-- 👉 Add more from wishlist -->
-      <div
-        class="d-flex align-center justify-space-between rounded py-2 px-5 text-base mt-4"
-        style="border: 1px solid rgb(var(--v-theme-primary));"
-      >
-        <a
-          href="#"
-          class="font-weight-medium"
-        >Add more products from wishlist</a>
-        <VIcon
-          icon="tabler-arrow-right"
-          size="16"
-          class="flip-in-rtl text-primary"
-        />
-      </div>
-    </VCol>
-
-    <VCol
-      cols="12"
-      lg="4"
-    >
-      <VCard
-        flat
-        variant="outlined"
-      >
-        <!-- 👉 payment offer -->
-        <VCardText>
-          <h6 class="text-h6 mb-4">
-            Offer
-          </h6>
-
-          <div class="d-flex align-center gap-4 flex-wrap">
-            <AppTextField
-              v-model="checkoutCartDataLocal.promoCode"
-              placeholder="Enter Promo Code"
-              style="min-inline-size: 200px;"
-            />
-
-            <VBtn
-              variant="tonal"
-              @click="updateCartData"
-            >
-              Apply
-            </VBtn>
-          </div>
-
-          <!-- 👉 Gift wrap banner -->
-          <div class="bg-var-theme-background rounded pa-6 mt-4">
-            <h6 class="text-h6 mb-2">
-              Buying gift for a loved one?
-            </h6>
-            <p class="mb-2">
-              Gift wrap and personalized message on card, Only for $2.
-            </p>
-
-            <h6 class="text-h6">
-              <a href="#">Add a gift wrap</a>
-            </h6>
-          </div>
-        </VCardText>
-
-        <VDivider />
-
-        <!-- 👉 Price details -->
-        <VCardText>
-          <h6 class="text-h6 mb-4">
-            Price Details
-          </h6>
-
-          <div class="text-high-emphasis">
-            <div class="d-flex justify-space-between mb-2">
-              <span>Bag Total</span>
-              <span class="text-medium-emphasis">${{ totalCost }}.00</span>
-            </div>
-
-            <div class="d-flex justify-space-between mb-2">
-              <span>Coupon Discount</span>
-              <a href="#">Apply Coupon</a>
-            </div>
-
-            <div class="d-flex justify-space-between mb-2">
-              <span>Order Total</span>
-              <span class="text-medium-emphasis">${{ totalCost }}.00</span>
-            </div>
-
-            <div class="d-flex justify-space-between">
-              <span>Delivery Charges</span>
-
-              <div class="d-flex align-center">
-                <div class="text-decoration-line-through text-disabled me-2">
-                  $5.00
-                </div>
-                <VChip
-                  size="small"
-                  color="success"
-                >
-                  FREE
-                </VChip>
-              </div>
-            </div>
-          </div>
-        </VCardText>
-
-        <VDivider />
-
-        <VCardText class="d-flex justify-space-between pa-6">
-          <h6 class="text-h6">
-            Total
-          </h6>
-          <h6 class="text-h6">
-            ${{ totalCost }}.00
-          </h6>
-        </VCardText>
-      </VCard>
-
-      <VBtn
-        block
-        class="mt-4"
-        @click="nextStep"
-      >
-        Place Order
-      </VBtn>
-    </VCol>
-  </VRow>
-</template>
-
-<style lang="scss" scoped>
-.checkout-item-remove-btn {
-  position: absolute;
-  inset-block-start: 14px;
-  inset-inline-end: 14px;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/Confirmation.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/Confirmation.vue
deleted file mode 100644
index 2ea82af..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/Confirmation.vue
+++ /dev/null
@@ -1,256 +0,0 @@
-<script setup lang="ts">
-import type { CheckoutData } from './types'
-
-const props = defineProps<{
-  currentStep?: number
-  checkoutData: CheckoutData
-}>()
-
-defineEmits<{
-  (e: 'update:currentStep', value: number): void
-  (e: 'update:checkout-data', value: CheckoutData): void
-}>()
-
-const selectedDeliveryAddress = computed(() => {
-  return props.checkoutData.addresses.filter(address => {
-    return address.value === props.checkoutData.deliveryAddress
-  })
-})
-
-const resolveDeliveryMethod = computed(() => {
-  if (props.checkoutData.deliverySpeed === 'overnight')
-    return { method: 'Overnight Delivery', desc: 'In 1 business day.' }
-  else if (props.checkoutData.deliverySpeed === 'express')
-    return { method: 'Express Delivery', desc: 'Normally in 3-4 business days' }
-  else
-    return { method: 'Standard Delivery', desc: 'Normally in 1 Week' }
-})
-</script>
-
-<template>
-  <section class="text-base">
-    <div class="text-center">
-      <h4 class="text-h4 mb-4">
-        Thank You! 😇
-      </h4>
-      <p>
-        Your order <span class="text-body-1 font-weight-medium text-high-emphasis">#1536548131</span> has been placed!
-      </p>
-      <p class="mb-0">
-        We sent an email to <span class="text-body-1 font-weight-medium text-high-emphasis">john.doe@example.com</span> with your order confirmation and receipt.
-      </p>
-      <p>If the email hasn't arrived within two minutes, please check your spam folder to see if the email was routed there.</p>
-      <div class="d-flex align-center gap-2 justify-center">
-        <VIcon
-          size="20"
-          icon="tabler-clock"
-          class="text-high-emphasis"
-        />
-        <span>Time placed: 25/05/2020 13:35pm</span>
-      </div>
-    </div>
-
-    <VRow class="border rounded ma-0 mt-6">
-      <VCol
-        cols="12"
-        md="4"
-        class="pa-6"
-        :class="$vuetify.display.mdAndUp ? 'border-e' : 'border-b'"
-      >
-        <div class="d-flex align-center gap-2 text-high-emphasis mb-4">
-          <VIcon
-            icon="tabler-map-pin"
-            size="20"
-          />
-          <span class="text-base font-weight-medium">
-            Shipping
-          </span>
-        </div>
-
-        <template
-          v-for="item in selectedDeliveryAddress"
-          :key="item.value"
-        >
-          <p class="mb-0">
-            {{ item.title }}
-          </p>
-          <p class="mb-4">
-            {{ item.desc }}
-          </p>
-
-          <div class="text-base">
-            +{{ item.subtitle }}
-          </div>
-        </template>
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="4"
-        class="pa-6"
-        :class="$vuetify.display.mdAndUp ? 'border-e' : 'border-b'"
-      >
-        <div class="d-flex align-center gap-2 text-high-emphasis mb-4">
-          <VIcon
-            icon="tabler-credit-card"
-            size="20"
-          />
-          <span class="text-base font-weight-medium">
-            Billing Address
-          </span>
-        </div>
-
-        <template
-          v-for="item in selectedDeliveryAddress"
-          :key="item.value"
-        >
-          <p class="mb-0">
-            {{ item.title }}
-          </p>
-          <p class="mb-4">
-            {{ item.desc }}
-          </p>
-
-          <div class="text-base">
-            +{{ item.subtitle }}
-          </div>
-        </template>
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="4"
-        class="pa-6"
-      >
-        <div class="d-flex align-center gap-2 text-high-emphasis mb-4">
-          <VIcon
-            icon="tabler-ship"
-            size="20"
-          />
-          <span class="text-base font-weight-medium">
-            Shipping Method
-          </span>
-        </div>
-
-        <p class="font-weight-medium">
-          Preferred Method:
-        </p>
-        <p class="mb-0">
-          {{ resolveDeliveryMethod.method }}
-        </p>
-        <p class="mb-0">
-          ( {{ resolveDeliveryMethod.desc }} )
-        </p>
-      </VCol>
-    </VRow>
-
-    <VRow>
-      <VCol
-        cols="12"
-        md="9"
-      >
-        <!-- 👉 cart items -->
-        <div class="border rounded">
-          <template
-            v-for="(item, index) in props.checkoutData.cartItems"
-            :key="item.name"
-          >
-            <div
-              class="d-flex align-start gap-4 pa-6 position-relative flex-column flex-sm-row"
-              :class="index ? 'border-t' : ''"
-            >
-              <div>
-                <VImg
-                  width="80"
-                  :src="item.image"
-                />
-              </div>
-
-              <div
-                class="d-flex w-100 justify-space-between gap-4"
-                :class="$vuetify.display.width <= 700 ? 'flex-column' : 'flex-row'"
-              >
-                <div>
-                  <h6 class="text-h6 mb-2">
-                    {{ item.name }}
-                  </h6>
-                  <div class="text-body-1 mb-2">
-                    Sold by:
-                    <span class="d-inline-block text-primary">  {{ item.seller }}</span>
-                  </div>
-                  <VChip
-                    :color="item.inStock ? 'success' : 'error'"
-                    label
-                    size="small"
-                  >
-                    {{ item.inStock ? 'In Stock' : 'Out of Stock' }}
-                  </VChip>
-                </div>
-
-                <!-- <VSpacer /> -->
-
-                <div
-                  class="d-flex text-base"
-                  :class="$vuetify.display.width <= 700 ? 'align-self-start' : 'align-self-center'"
-                >
-                  <div class="text-primary">
-                    ${{ item.price }}
-                  </div>
-                  <div>/</div>
-                  <div class="text-decoration-line-through text-disabled">
-                    ${{ item.discountPrice }}
-                  </div>
-                </div>
-              </div>
-            </div>
-          </template>
-        </div>
-      </VCol>
-
-      <VCol
-        cols="12"
-        md="3"
-      >
-        <div class="border rounded">
-          <div class="border-b pa-6">
-            <h6 class="text-base font-weight-medium mb-4">
-              Price Details
-            </h6>
-
-            <div class="d-flex align-center justify-space-between text-base mb-4">
-              <span class="text-high-emphasis">Order Total</span>
-              <span>${{ props.checkoutData.orderAmount }}.00</span>
-            </div>
-
-            <div class="d-flex justify-space-between text-base">
-              <div class="text-high-emphasis">
-                Charges
-              </div>
-              <div
-                v-if="props.checkoutData.deliverySpeed === 'free'"
-                class="d-flex align-center"
-              >
-                <div class="text-decoration-line-through text-disabled me-2">
-                  $5.00
-                </div>
-                <VChip
-                  size="small"
-                  color="success"
-                >
-                  FREE
-                </VChip>
-              </div>
-              <div v-else>
-                <span>${{ props.checkoutData.deliveryCharges }}</span>
-              </div>
-            </div>
-          </div>
-          <div class="d-flex align-center justify-space-between text-high-emphasis font-weight-medium pa-6">
-            <span>Total</span>
-            <span>${{ props.checkoutData.orderAmount + props.checkoutData.deliveryCharges }}.00</span>
-          </div>
-        </div>
-      </VCol>
-    </VRow>
-  </section>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/Payment.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/Payment.vue
deleted file mode 100644
index db4b40d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/Payment.vue
+++ /dev/null
@@ -1,311 +0,0 @@
-<script setup lang="ts">
-import type { CheckoutData } from './types'
-
-const prop = defineProps<{
-  currentStep?: number
-  checkoutData: CheckoutData
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:currentStep', value: number): void
-  (e: 'update:checkout-data', value: CheckoutData): void
-}>()
-
-const checkoutPaymentDataLocal = ref(prop.checkoutData)
-
-const selectedPaymentMethod = ref('card')
-
-const cardFormData = ref({
-  cardNumber: null,
-  cardName: '',
-  cardExpiry: '',
-  cardCvv: null,
-  isCardSave: true,
-})
-
-const giftCardFormData = ref({
-  giftCardNumber: null,
-  giftCardPin: null,
-})
-
-const selectedDeliveryAddress = computed(() => {
-  return checkoutPaymentDataLocal.value.addresses.filter(address => {
-    return address.value === checkoutPaymentDataLocal.value.deliveryAddress
-  })
-})
-
-const updateCartData = () => {
-  emit('update:checkout-data', checkoutPaymentDataLocal.value)
-}
-
-const nextStep = () => {
-  updateCartData()
-  emit('update:currentStep', prop.currentStep ? prop.currentStep + 1 : 1)
-}
-
-watch(() => prop.currentStep, updateCartData)
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="8"
-    >
-      <!-- 👉 Offers alert -->
-      <VAlert
-        type="success"
-        class="mb-6"
-        variant="tonal"
-        icon="tabler-percentage"
-        title="Available Offer"
-        closable
-      >
-        <template #text>
-          <p class="mb-0">
-            - 0% Instant Discount on Bank of America Corp Bank Debit and Credit cards
-            <br>
-            - 50% Cashback Voucher of up to $60 on first ever PayPal transaction. TCA
-          </p>
-        </template>
-      </VAlert>
-
-      <VTabs
-        v-model="selectedPaymentMethod"
-        class="v-tabs-pill"
-        density="comfortable"
-      >
-        <VTab value="card">
-          Card
-        </VTab>
-        <VTab value="cash-on-delivery">
-          Cash on Delivery
-        </VTab>
-        <VTab value="gift-card">
-          Gift Card
-        </VTab>
-      </VTabs>
-
-      <VWindow
-        v-model="selectedPaymentMethod"
-        style="max-inline-size: 600px;"
-        :touch="false"
-      >
-        <VWindowItem
-          value="card"
-          class="ms-n3"
-        >
-          <VForm class="mt-3">
-            <VRow class="ma-0 pa-n2">
-              <VCol cols="12">
-                <AppTextField
-                  v-model="cardFormData.cardNumber"
-                  type="number"
-                  label="Card Number"
-                  placeholder="1356 3215 6548 7898"
-                />
-              </VCol>
-
-              <VCol
-                cols="12"
-                md="4"
-              >
-                <AppTextField
-                  v-model="cardFormData.cardName"
-                  label="Name"
-                  placeholder="John Doe"
-                />
-              </VCol>
-
-              <VCol
-                cols="6"
-                md="4"
-              >
-                <AppTextField
-                  v-model="cardFormData.cardExpiry"
-                  label="Expiry"
-                  placeholder="MM/YY"
-                />
-              </VCol>
-
-              <VCol
-                cols="6"
-                md="4"
-              >
-                <AppTextField
-                  v-model="cardFormData.cardCvv"
-                  label="CVV"
-                  placeholder="123"
-                  type="number"
-                >
-                  <template #append-inner>
-                    <VTooltip
-                      text="Card Verification Value"
-                      location="bottom"
-                    >
-                      <template #activator="{ props: tooltipProps }">
-                        <VIcon
-                          v-bind="tooltipProps"
-                          size="20"
-                          icon="tabler-help"
-                        />
-                      </template>
-                    </VTooltip>
-                  </template>
-                </AppTextField>
-              </VCol>
-
-              <VCol
-                cols="12"
-                class="pt-1"
-              >
-                <VSwitch
-                  v-model="cardFormData.isCardSave"
-                  label="Save Card for future billing?"
-                />
-
-                <div class="mt-4">
-                  <VBtn
-                    class="me-4"
-                    @click="nextStep"
-                  >
-                    Save Changes
-                  </VBtn>
-                  <VBtn
-                    variant="tonal"
-                    color="secondary"
-                  >
-                    Reset
-                  </VBtn>
-                </div>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-
-        <VWindowItem value="cash-on-delivery">
-          <p class="text-base text-high-emphasis my-6">
-            Cash on Delivery is a type of payment method where the recipient make payment for the order at the time of delivery rather than in advance.
-          </p>
-
-          <VBtn @click="nextStep">
-            Pay on delivery
-          </VBtn>
-        </VWindowItem>
-
-        <VWindowItem value="gift-card">
-          <h6 class="text-base font-weight-medium mt-6">
-            Enter Gift Card Details
-          </h6>
-          <VForm class="ms-n3">
-            <VRow class="ma-0">
-              <VCol cols="12">
-                <AppTextField
-                  v-model="giftCardFormData.giftCardNumber"
-                  label="Gift Card Number"
-                  placeholder="1234 5678 9012 3456"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <AppTextField
-                  v-model="giftCardFormData.giftCardPin"
-                  label="Gift Card Pin"
-                  placeholder="1234"
-                />
-              </VCol>
-
-              <VCol cols="12">
-                <VBtn @click="nextStep">
-                  Redeem Gift Card
-                </VBtn>
-              </VCol>
-            </VRow>
-          </VForm>
-        </VWindowItem>
-      </VWindow>
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="4"
-    >
-      <VCard
-        flat
-        variant="outlined"
-      >
-        <VCardText>
-          <h6 class="text-h6 mb-4">
-            Price Details
-          </h6>
-
-          <div class="d-flex justify-space-between text-base mb-2">
-            <span class="text-high-emphasis">Order Total</span>
-            <span>${{ checkoutPaymentDataLocal.orderAmount }}.00</span>
-          </div>
-
-          <div class="d-flex justify-space-between text-base">
-            <span class="text-high-emphasis">Delivery Charges</span>
-            <div
-              v-if="checkoutPaymentDataLocal.deliverySpeed === 'free'"
-              class="d-flex align-center"
-            >
-              <div class="text-decoration-line-through text-disabled me-2">
-                $5.00
-              </div>
-              <VChip
-                size="small"
-                color="success"
-              >
-                FREE
-              </VChip>
-            </div>
-            <div v-else>
-              <span>${{ checkoutPaymentDataLocal.deliveryCharges }}</span>
-            </div>
-          </div>
-        </VCardText>
-
-        <VDivider />
-
-        <VCardText>
-          <div class="d-flex justify-space-between text-base mb-2">
-            <span class="text-high-emphasis font-weight-medium">Total</span>
-            <span class="font-weight-medium">${{ checkoutPaymentDataLocal.orderAmount + checkoutPaymentDataLocal.deliveryCharges }}.00</span>
-          </div>
-
-          <div class="d-flex justify-space-between text-base mb-4">
-            <span class="text-high-emphasis font-weight-medium">Deliver to:</span>
-            <VChip
-              color="primary"
-              class="text-capitalize"
-              label
-              size="small"
-            >
-              {{ checkoutPaymentDataLocal.deliveryAddress }}
-            </VChip>
-          </div>
-
-          <template
-            v-for="item in selectedDeliveryAddress"
-            :key="item.value"
-          >
-            <h6 class="text-base font-weight-medium">
-              {{ item.title }}
-            </h6>
-            <p class="text-base text-wrap mb-0">
-              {{ item.desc }}
-            </p>
-            <p class="text-base mb-4">
-              Mobile : {{ item.subtitle }}
-            </p>
-          </template>
-
-          <h6 class="text-h6">
-            <a href="#">Change address</a>
-          </h6>
-        </VCardText>
-      </VCard>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/types.ts
deleted file mode 100644
index b178368..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/checkout/types.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-export interface CartItem {
-  id: number
-  name: string
-  seller: string
-  inStock: boolean
-  rating: number
-  price: number
-  discountPrice: number
-  image: string
-  quantity: number
-  estimatedDelivery: string
-}
-export interface Addresses {
-  title: string
-  desc: string
-  subtitle: string
-  value: string
-}
-
-export interface CheckoutData {
-  cartItems: CartItem[]
-  promoCode: string
-  orderAmount: number
-  deliveryAddress: string
-  deliverySpeed: string
-  deliveryCharges: number
-  addresses: Addresses[]
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/DealDetails.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/DealDetails.vue
deleted file mode 100644
index 2907f9d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/DealDetails.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<script setup lang="ts">
-import type { DealDetails } from './types'
-
-const props = defineProps<{
-  formData: DealDetails
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:formData', value: DealDetails): void
-}>()
-
-const formData = ref<DealDetails>(props.formData)
-
-const offeredItems = [
-  'iPhone 12 Pro Max',
-  'iPhone 12 Pro',
-  'iPhone 11 Pro Max',
-  'iPhone 11',
-  'iPhone 12 Mini',
-  'OnePlus Nord CE',
-]
-
-watch(formData, () => {
-  emit('update:formData', formData.value)
-})
-</script>
-
-<template>
-  <VForm>
-    <VRow>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <AppTextField
-          v-model="formData.title"
-          label="Deal Title"
-          placeholder="Black Friday Sale, 50% off on all products"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <AppTextField
-          v-model="formData.code"
-          label="Deal Code"
-          placeholder="BLACKFRIDAY50"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <AppTextarea
-          v-model="formData.description"
-          label="Deal Description"
-          placeholder="Write something about this deal"
-          rows="5"
-          auto-grow
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <VRow>
-          <VCol cols="12">
-            <AppSelect
-              v-model="formData.offeredUItems"
-              multiple
-              chips
-              label="Offered Items"
-              placeholder="Select Offered Items"
-              :items="offeredItems"
-            />
-          </VCol>
-
-          <VCol cols="12">
-            <AppSelect
-              v-model="formData.cartCondition"
-              label="Cart Condition"
-              placeholder="Select Cart Condition"
-              :items="['Cart must contain all selected Downloads', 'Cart needs one or more of the selected Downloads']"
-            />
-          </VCol>
-        </VRow>
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <AppDateTimePicker
-          v-model="formData.dealDuration"
-          label="Deal Duration"
-          placeholder="Select Date Range"
-          :config="{ mode: 'range' }"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <h6 class="text-body-2 text-high-emphasis mb-2">
-          Notify Users
-        </h6>
-
-        <div class="d-flex align-center flex-wrap gap-x-3">
-          <VCheckbox
-            v-model="formData.notification.email"
-            label="Email"
-            value="email"
-          />
-          <VCheckbox
-            v-model="formData.notification.sms"
-            label="SMS"
-            value="sms"
-          />
-          <VCheckbox
-            v-model="formData.notification.pushNotification"
-            label="Push Notification"
-            value="push-notification"
-          />
-        </div>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/DealReviewComplete.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/DealReviewComplete.vue
deleted file mode 100644
index 7c0b584..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/DealReviewComplete.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup lang="ts">
-import type { DealReviewComplete } from './types'
-import standingGirlImg from '@images/illustrations/standingGirlImg.png'
-
-const props = defineProps<{
-  formData: DealReviewComplete
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:formData', value: DealReviewComplete): void
-}>()
-
-const formData = ref<DealReviewComplete>(props.formData)
-
-watch(formData, () => {
-  emit('update:formData', formData.value)
-})
-</script>
-
-<template>
-  <VRow>
-    <VCol
-      cols="12"
-      md="6"
-      class="pb-4 pb-sm-0"
-    >
-      <h4 class="text-h4 mb-4">
-        Almost done! 🚀
-      </h4>
-
-      <p>Confirm your deal details information and submit to create it.</p>
-
-      <table class="text-base">
-        <tbody>
-          <tr>
-            <td style="inline-size: 150px;">
-              <p class="font-weight-medium mb-2">
-                Deal Type
-              </p>
-            </td>
-            <td>
-              <p class="mb-2">
-                Percentage
-              </p>
-            </td>
-          </tr>
-
-          <tr>
-            <td>
-              <p class="font-weight-medium mb-2">
-                Amount
-              </p>
-            </td>
-            <td>
-              <p class="mb-2">
-                25%
-              </p>
-            </td>
-          </tr>
-
-          <tr>
-            <td>
-              <p class="font-weight-medium mb-2">
-                Deal Code
-              </p>
-            </td>
-            <td>
-              <p class="mb-2">
-                <VChip
-                  size="small"
-                  color="warning"
-                  label
-                >
-                  25PEROFF
-                </VChip>
-              </p>
-            </td>
-          </tr>
-
-          <tr>
-            <td>
-              <p class="font-weight-medium mb-2">
-                Deal Title
-              </p>
-            </td>
-            <td>
-              <p class="mb-2">
-                Black friday sale, 25% OFF
-              </p>
-            </td>
-          </tr>
-
-          <tr>
-            <td>
-              <p class="font-weight-medium mb-2">
-                Deal Duration
-              </p>
-            </td>
-            <td>
-              <p class="mb-2">
-                2021-07-14 to 2021-07-30
-              </p>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-
-      <VSwitch
-        v-model="formData.isDealDetailsConfirmed"
-        label="I have confirmed the deal details."
-        class="mb-3"
-      />
-    </VCol>
-
-    <VCol
-      cols="12"
-      md="6"
-    >
-      <div class="border rounded pa-4 pb-0">
-        <VImg
-          width="207"
-          :src="standingGirlImg"
-          class="mx-auto  flip-in-rtl"
-        />
-      </div>
-    </VCol>
-  </VRow>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/DealType.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/DealType.vue
deleted file mode 100644
index 6fbe273..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/DealType.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<script setup lang="ts">
-import type { DealType } from './types'
-import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant'
-import type { CustomInputContent } from '@core/types'
-import sittingGirlWithLaptop from '@images/illustrations/sitting-girl-with-laptop.png'
-import CreateDealBackgroundDark from '@images/pages/DealTypeBackground-dark.png'
-import CreateDealBackgroundLight from '@images/pages/DealTypeBackground-light.png'
-import card from '@images/svg/Card.svg'
-import check from '@images/svg/Check.svg'
-import diamond from '@images/svg/Diamond.svg'
-
-const props = defineProps<{
-  formData: DealType
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:formData', value: DealType): void
-}>()
-
-const createDealBackground = useGenerateImageVariant(CreateDealBackgroundLight, CreateDealBackgroundDark)
-
-const discountOffers: CustomInputContent[] = [
-  {
-    icon: { icon: check, size: '28' },
-    title: 'Percentage',
-    desc: 'Create a deal which offer uses some % off (i.e 5% OFF) on total.',
-    value: 'percentage',
-  },
-  {
-    icon: { icon: card, size: '28' },
-    title: 'Flat Amount',
-    desc: 'Create a deal which offer uses some flat amount (i.e $5 OFF) on total.',
-    value: 'flat',
-  },
-  {
-    icon: { icon: diamond, size: '28' },
-    title: 'Prime member',
-    desc: 'Create prime member only deal to encourage the prime members.',
-    value: 'prime',
-  },
-]
-
-const formData = ref<DealType>(props.formData)
-
-watch(formData, () => {
-  emit('update:formData', formData.value)
-})
-</script>
-
-<template>
-  <VForm>
-    <VRow>
-      <!-- 👉 Shopping girl image -->
-      <VCol cols="12">
-        <div class="d-flex align-center justify-center w-100 deal-type-image-wrapper border rounded px-5 pt-2 pb-5">
-          <VImg :src="sittingGirlWithLaptop" />
-          <VImg
-            :src="createDealBackground"
-            class="position-absolute deal-type-background-img d-md-block d-none"
-          />
-        </div>
-      </VCol>
-
-      <VCol cols="12">
-        <CustomRadiosWithIcon
-          v-model:selected-radio="formData.Offer"
-          :radio-content="discountOffers"
-          :grid-column="{ cols: '12', sm: '4' }"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <AppTextField
-          v-model="formData.discount"
-          type="number"
-          label="Discount"
-          placeholder="25"
-          hint="Enter the discount percentage. 10 = 10%"
-          persistent-hint
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <AppSelect
-          v-model="formData.region"
-          label="Region"
-          :items="['Asia', 'Europe', 'Africa', 'Australia', 'North America', 'South America']"
-          placeholder="Select Region"
-          hint="Select applicable regions for the deal."
-          persistent-hint
-        />
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
-
-<style lang="scss">
-.deal-type-image-wrapper {
-  position: relative;
-  block-size: 240px;
-  inline-size: 210px;
-}
-
-.deal-type-background-img {
-  inline-size: 75%;
-  inset-block-end: 0;
-}
-</style>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/DealUsage.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/DealUsage.vue
deleted file mode 100644
index b03a048..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/DealUsage.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<script setup lang="ts">
-import type { DealUsage } from './types'
-
-const props = defineProps<{
-  formData: DealUsage
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:formData', value: DealUsage): void
-}>()
-
-const formData = ref<DealUsage>(props.formData)
-
-watch(formData, () => {
-  emit('update:formData', formData.value)
-})
-</script>
-
-<template>
-  <VForm>
-    <VRow>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <AppSelect
-          v-model="formData.userType"
-          label="User Type"
-          placeholder="Select User Type"
-          :items="['All', 'Registered', 'Unregistered', 'Prime Member']"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <AppTextField
-          v-model="formData.maxUsers"
-          label="Max Users"
-          placeholder="1000"
-          type="number"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <AppTextField
-          v-model="formData.cartAmount"
-          label="Minimum Cart Amount"
-          placeholder="$199"
-          type="number"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <AppTextField
-          v-model="formData.promotionFree"
-          label="Promotion Fee"
-          placeholder="$4.99"
-          type="number"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <AppSelect
-          v-model="formData.paymentMethod"
-          label="Payment Method"
-          placeholder="Select Payment Method"
-          :items="['Any', 'Credit Card', 'Net Banking', 'Wallet']"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <AppSelect
-          v-model="formData.dealStatus"
-          label="Deal Status"
-          placeholder="Select Deal Status"
-          :items="['Active', 'Inactive', 'Suspended', 'Abandoned']"
-        />
-      </VCol>
-
-      <VCol cols="12">
-        <VSwitch
-          v-model="formData.isSingleUserCustomer"
-          label="Limit this discount to a single-use per customer?"
-        />
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/types.ts
deleted file mode 100644
index 227d91a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/create-deal/types.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-export interface DealDetails {
-  title: string
-  code: string
-  description: string
-  offeredUItems: string[]
-  cartCondition: string | null
-  dealDuration: string
-  notification: {
-    email: boolean
-    sms: boolean
-    pushNotification: boolean
-  }
-}
-
-export interface DealType {
-  Offer: string
-  discount: number | null
-  region: string | null
-}
-
-export interface DealUsage {
-  userType: string | null
-  maxUsers: number | null
-  cartAmount: number | null
-  promotionFree: number | null
-  paymentMethod: string | null
-  dealStatus: string | null
-  isSingleUserCustomer: boolean
-}
-
-export interface DealReviewComplete {
-  isDealDetailsConfirmed: boolean
-}
-
-export interface CreateDealData {
-  dealDetails: DealDetails
-  dealType: DealType
-  dealUsage: DealUsage
-  dealReviewComplete: DealReviewComplete
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PersonalDetails.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PersonalDetails.vue
deleted file mode 100644
index e83b805..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PersonalDetails.vue
+++ /dev/null
@@ -1,135 +0,0 @@
-<script setup lang="ts">
-import type { PersonalDetails } from './types'
-import type { CustomInputContent } from '@core/types'
-import diamond from '@images/svg/Diamond.svg'
-import office from '@images/svg/office.svg'
-import suitcase from '@images/svg/Suitcase.svg'
-
-const props = defineProps<{
-  formData: PersonalDetails
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:formData', value: PersonalDetails): void
-}>()
-
-const propertyRadioContent: CustomInputContent[] = [
-  {
-    title: 'I am the builder',
-    desc: 'List property as Builder, list your project and get highest reach fast.',
-    icon: { icon: office, size: '28' },
-    value: 'builder',
-  },
-  {
-    title: 'I am the owner',
-    desc: 'Submit property as an Individual. Lease, Rent or Sell at the best price.',
-    icon: { icon: diamond, size: '28' },
-    value: 'owner',
-  },
-  {
-    title: 'I am the broker',
-    desc: 'Earn highest commission by listing your clients properties at best price.',
-    value: 'broker',
-    icon: { icon: suitcase, size: '28' },
-
-  },
-]
-
-const formData = ref<PersonalDetails>(props.formData)
-
-watch(formData, () => {
-  emit('update:formData', formData.value)
-})
-</script>
-
-<template>
-  <VForm>
-    <VRow>
-      <VCol cols="12">
-        <!-- 👉 User Type  -->
-        <CustomRadiosWithIcon
-          v-model:selected-radio="formData.userType"
-          :radio-content="propertyRadioContent"
-          :grid-column="{ cols: '12', sm: '4' }"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 First Name -->
-        <AppTextField
-          v-model="formData.firstName"
-          label="First Name"
-          placeholder="John"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Last Name -->
-        <AppTextField
-          v-model="formData.lastName"
-          label="Last Name"
-          placeholder="Doe"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Username -->
-        <AppTextField
-          v-model="formData.username"
-          label="Username"
-          placeholder="Johndoe"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Password -->
-        <AppTextField
-          v-model="formData.password"
-          autocomplete="on"
-          type="password"
-          label="Password"
-          placeholder="············"
-          append-inner-icon="tabler-eye"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Email -->
-        <AppTextField
-          v-model="formData.email"
-          type="email"
-          label="Email"
-          placeholder="john.doe@email.com"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Contact -->
-        <AppTextField
-          v-model="formData.contact"
-          type="number"
-          label="Contact"
-          placeholder="+1 123 456 7890"
-        />
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PriceDetails.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PriceDetails.vue
deleted file mode 100644
index 7c101ea..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PriceDetails.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<script setup lang="ts">
-import type { PriceDetails } from './types'
-
-const props = defineProps<{
-  formData: PriceDetails
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:formData', value: PriceDetails): void
-}>()
-
-const formData = ref<PriceDetails>(props.formData)
-
-watch(formData, () => {
-  emit('update:formData', formData.value)
-})
-</script>
-
-<template>
-  <VForm>
-    <VRow>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Expected Price  -->
-        <AppTextField
-          v-model="formData.expectedPrice"
-          label="Expected Price"
-          type="number"
-          append-inner-icon="tabler-currency-dollar"
-          placeholder="25,000"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Price Per SQFT  -->
-        <AppTextField
-          v-model="formData.pricePerSqft"
-          label="Price Per SQFT"
-          append-inner-icon="tabler-currency-dollar"
-          type="number"
-          placeholder="500"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Maintenance Charge  -->
-        <AppTextField
-          v-model="formData.maintenanceCharge"
-          label="Maintenance Charge"
-          append-inner-icon="tabler-currency-dollar"
-          type="number"
-          placeholder="50"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Maintenance Period  -->
-        <AppSelect
-          v-model="formData.maintenancePeriod"
-          label="Maintenance"
-          placeholder="Select Maintenance Period"
-          :items="['Monthly', 'Quarterly', 'Half Yearly', 'Yearly']"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Booking/Token Amount  -->
-        <AppTextField
-          v-model="formData.bookingAmount"
-          label="Booking/Token Amount"
-          append-inner-icon="tabler-currency-dollar"
-          type="number"
-          placeholder="250"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Other Amount  -->
-        <AppTextField
-          v-model="formData.otherAmount"
-          label="Other Amount"
-          append-inner-icon="tabler-currency-dollar"
-          type="number"
-          placeholder="500"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Show Price As  -->
-        <VRadioGroup v-model="formData.priceDisplayType">
-          <template #label>
-            <div class="text-body-1">
-              Show Price As
-            </div>
-          </template>
-          <VRadio
-            label="Negotiable"
-            value="Negotiable"
-          />
-          <VRadio
-            label="Call For Price"
-            value="Call For Price"
-          />
-        </VRadioGroup>
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Price Includes  -->
-        <div class="text-body-1 mb-2">
-          Price Includes
-        </div>
-        <VCheckbox
-          v-model="formData.priceIncludes"
-          label="Car Parking"
-          value="Car Parking"
-        />
-        <VCheckbox
-          v-model="formData.priceIncludes"
-          label="Club Membership"
-          value="Club Membership"
-        />
-      </VCol>
-      <VCol cols="12">
-        <!-- 👉 Registration Charges -->
-        <VCheckbox label="Stamp Duty & Registration charges excluded." />
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PropertyArea.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PropertyArea.vue
deleted file mode 100644
index 20e952c..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PropertyArea.vue
+++ /dev/null
@@ -1,160 +0,0 @@
-<script setup lang="ts">
-import type { PropertyArea } from './types'
-
-const props = defineProps<{
-  formData: PropertyArea
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:formData', value: PropertyArea): void
-}>()
-
-const formData = ref<PropertyArea>(props.formData)
-
-watch(formData, () => {
-  emit('update:formData', formData.value)
-})
-</script>
-
-<template>
-  <VForm>
-    <VRow>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Total Area -->
-        <AppTextField
-          v-model="formData.totalArea"
-          label="Total Area"
-          suffix="sq-ft"
-          type="number"
-          placeholder="1000"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Carpet Area -->
-        <AppTextField
-          v-model="formData.carpetArea"
-          label="Carpet Area"
-          suffix="sq-ft"
-          type="number"
-          placeholder="800"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Plot Area -->
-        <AppTextField
-          v-model="formData.plotArea"
-          label="Plot Area"
-          suffix="sq-ft"
-          type="number"
-          placeholder="800"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Available From -->
-        <AppDateTimePicker
-          v-model="formData.availableFrom"
-          label="Available From"
-          type="date"
-          placeholder="Select Date"
-          format="YYYY-MM-DD"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Possession Status -->
-        <VRadioGroup v-model="formData.possessionStatus">
-          <template #label>
-            <div class="text-body-1">
-              Possession Status
-            </div>
-          </template>
-          <VRadio
-            value="Under Construciton"
-            label="Under Construction"
-          />
-          <VRadio
-            value="Ready to Move"
-            label="Ready to Move"
-          />
-        </VRadioGroup>
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Transaction Type -->
-        <VRadioGroup v-model="formData.transactionType">
-          <template #label>
-            <div class="text-body-1">
-              Transaction Type
-            </div>
-          </template>
-          <VRadio
-            value="New Property"
-            label="New Property"
-          />
-          <VRadio
-            value="Resale"
-            label="Resale"
-          />
-        </VRadioGroup>
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 property Location -->
-        <VRadioGroup v-model="formData.isOnMainRoad">
-          <template #label>
-            <div class="text-body-1">
-              Is Property Facing Main Road?
-            </div>
-          </template>
-          <VRadio
-            value="Yes"
-            label="Yes"
-          />
-          <VRadio
-            value="No"
-            label="No"
-          />
-        </VRadioGroup>
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Gated Colony -->
-        <VRadioGroup v-model="formData.isGatedColony">
-          <template #label>
-            <div class="text-body-1">
-              Gated Colony
-            </div>
-          </template>
-          <VRadio
-            value="Yes"
-            label="Yes"
-          />
-          <VRadio
-            value="No"
-            label="No"
-          />
-        </VRadioGroup>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PropertyDetails.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PropertyDetails.vue
deleted file mode 100644
index 9faebd7..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PropertyDetails.vue
+++ /dev/null
@@ -1,135 +0,0 @@
-<script setup lang="ts">
-import type { PropertyDetails } from './types'
-import type { CustomInputContent } from '@core/types'
-import home from '@images/svg/home.svg'
-import wallet from '@images/svg/Wallet.svg'
-
-const props = defineProps<{
-  formData: PropertyDetails
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:formData', value: PropertyDetails): void
-}>()
-
-const radioContent: CustomInputContent[] = [
-  {
-    title: 'Sell the property',
-    desc: 'Post your property for sale. Unlimited free listing.',
-    icon: { icon: home, size: '28' },
-    value: 'sell',
-  },
-  {
-    title: 'Rent the property',
-    desc: 'Post your property for rent. Unlimited free listing.',
-    icon: { icon: wallet, size: '28' },
-    value: 'rent',
-  },
-]
-
-const formData = ref<PropertyDetails>(props.formData)
-
-watch(formData, () => {
-  emit('update:formData', formData.value)
-})
-</script>
-
-<template>
-  <VForm>
-    <VRow>
-      <VCol cols="12">
-        <!-- 👉 Property Deal Type  -->
-        <CustomRadiosWithIcon
-          v-model:selected-radio="formData.propertyDealType"
-          :radio-content="radioContent"
-          :grid-column="{ cols: '12', sm: '6' }"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Property Type -->
-        <AppSelect
-          v-model="formData.propertyType"
-          label="Property type"
-          placeholder="Select Property Type"
-          :items="['Residential', 'Commercial']"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Zip Code -->
-        <AppTextField
-          v-model="formData.zipCode"
-          label="Zip Code"
-          type="number"
-          placeholder="123456"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Country -->
-        <AppSelect
-          v-model="formData.country"
-          label="Country"
-          placeholder="Select country"
-          :items="['India', 'UK', 'USA', 'AUS', 'Germany']"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 State -->
-        <AppTextField
-          v-model="formData.state"
-          label="State"
-          placeholder="California"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 City -->
-        <AppTextField
-          v-model="formData.city"
-          label="City"
-          placeholder="Los Angeles"
-        />
-      </VCol>
-
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Landmark -->
-        <AppTextField
-          v-model="formData.landmark"
-          label="Landmark"
-          placeholder="Nr. Hard Rock Cafe"
-        />
-      </VCol>
-
-      <VCol>
-        <!-- 👉 Address -->
-        <AppTextarea
-          v-model="formData.address"
-          label="Address"
-          placeholder="112, 1st Cross, 1st Stage, 1st Phase, BTM Layout, Bangalore - 560068"
-          rows="3"
-        />
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PropertyFeatures.vue b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PropertyFeatures.vue
deleted file mode 100644
index c10a756..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/PropertyFeatures.vue
+++ /dev/null
@@ -1,126 +0,0 @@
-<script setup lang="ts">
-import type { PropertyFeatures } from './types'
-
-const props = defineProps<{
-  formData: PropertyFeatures
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:formData', value: PropertyFeatures): void
-}>()
-
-const formData = ref<PropertyFeatures>(props.formData)
-
-watch(formData, () => {
-  emit('update:formData', formData.value)
-})
-</script>
-
-<template>
-  <VForm>
-    <VRow>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Bedrooms -->
-        <AppTextField
-          v-model="formData.bedroomCount"
-          label="Bedrooms"
-          placeholder="3"
-          type="number"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Floor No -->
-        <AppTextField
-          v-model="formData.floorNo"
-          label="Floor No"
-          placeholder="12"
-          type="number"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Bathrooms -->
-        <AppTextField
-          v-model="formData.bathroomCount"
-          label="Bathroom"
-          placeholder="4"
-          type="number"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Furnished Status -->
-        <AppSelect
-          v-model="formData.furnishedStatus"
-          label="Furnished Status"
-          placeholder="Select Furnished Status"
-          :items="['Fully Furnished', 'Furnished', 'Semi-Furnished', 'Unfurnished']"
-        />
-      </VCol>
-      <VCol cols="12">
-        <!-- 👉 Furnishing Details -->
-        <AppSelect
-          v-model="formData.furnishingDetails"
-          label="Furnishing Details"
-          placeholder="Select Furnishing Details"
-          multiple
-          chips
-          closable-chips
-          :items="['TV', 'AC', 'RO', 'Bed', 'Fridge', 'Wifi', 'Sofa', 'Cupboard', 'Microwave', 'Dining Table', 'Washing Machine']"
-        />
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 xCommon Area? -->
-        <VRadioGroup v-model="formData.isCommonArea1">
-          <template #label>
-            <div class="text-body-1">
-              Is There Any Common Area?
-            </div>
-          </template>
-          <VRadio
-            label="Yes"
-            value="true"
-          />
-          <VRadio
-            label="No"
-            value="false"
-          />
-        </VRadioGroup>
-      </VCol>
-      <VCol
-        cols="12"
-        sm="6"
-      >
-        <!-- 👉 Common Area? -->
-        <VRadioGroup v-model="formData.isCommonArea2">
-          <template #label>
-            <div class="text-body-1">
-              Is There Any Common Area?
-            </div>
-          </template>
-          <VRadio
-            label="Yes"
-            value="true"
-          />
-          <VRadio
-            label="No"
-            value="false"
-          />
-        </VRadioGroup>
-      </VCol>
-    </VRow>
-  </VForm>
-</template>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/types.ts b/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/types.ts
deleted file mode 100644
index 65cd750..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/ts/views/wizard-examples/property-listing/types.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-export interface PersonalDetails {
-  userType: 'builder' | 'owner' | 'broker'
-  firstName: string
-  lastName: string
-  username: string
-  password: string
-  email: string
-  contact: number | null
-}
-
-export interface PriceDetails {
-  expectedPrice: number | null
-  pricePerSqft: number | null
-  maintenanceCharge: number | null
-  maintenancePeriod: string | null
-  bookingAmount: number | null
-  otherAmount: number | null
-  priceDisplayType: string
-  priceIncludes: string[]
-}
-
-export interface PropertyArea {
-  totalArea: number | null
-  carpetArea: number | null
-  plotArea: number | null
-  availableFrom: string | null
-  possessionStatus: string
-  transactionType: string
-  isOnMainRoad: string
-  isGatedColony: string
-}
-
-export interface PropertyDetails {
-  propertyDealType: 'sell' | 'rent'
-  propertyType: string | null
-  zipCode: number | null
-  country: string | null
-  state: string
-  city: string
-  landmark: string
-  address: string
-}
-
-export interface PropertyFeatures {
-  bedroomCount: string
-  floorNo: string
-  bathroomCount: string
-  isCommonArea: boolean
-  furnishedStatus: string | null
-  furnishingDetails: string[]
-  isCommonArea1: string
-  isCommonArea2: string
-}
-
-export interface PropertyListingData {
-  personalDetails: PersonalDetails
-  propertyDetails: PropertyDetails
-  propertyFeatures: PropertyFeatures
-  propertyArea: PropertyArea
-  priceDetails: PriceDetails
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/resources/views/application.blade.php b/vuexy-theme-vue-laravel-full-example-typescript/resources/views/application.blade.php
deleted file mode 100644
index 1011dad..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/resources/views/application.blade.php
+++ /dev/null
@@ -1,56 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" href="{{ asset('favicon.ico') }}" />
-  <meta name="robots" content="noindex, nofollow" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Vuexy - Vuejs Admin Dashboard Template</title>
-  <link rel="stylesheet" type="text/css" href="{{ asset('loader.css') }}" />
-  @vite(['resources/ts/main.ts'])
-</head>
-
-<body>
-  <div id="app">
-    <div id="loading-bg">
-      <div class="loading-logo">
-        <!-- SVG Logo -->
-        <svg width="86" height="48" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path fill-rule="evenodd" clip-rule="evenodd"
-            d="M0.00183571 0.3125V7.59485C0.00183571 7.59485 -0.141502 9.88783 2.10473 11.8288L14.5469 23.6837L21.0172 23.6005L19.9794 10.8126L17.5261 7.93369L9.81536 0.3125H0.00183571Z"
-            fill="var(--initial-loader-color)"
-/>
-          <path opacity="0.06" fill-rule="evenodd" clip-rule="evenodd"
-            d="M8.17969 17.7762L13.3027 3.75173L17.589 8.02192L8.17969 17.7762Z" fill="#161616"
-/>
-          <path opacity="0.06" fill-rule="evenodd" clip-rule="evenodd"
-            d="M8.58203 17.2248L14.8129 5.24231L17.6211 8.05247L8.58203 17.2248Z" fill="#161616"
-/>
-          <path fill-rule="evenodd" clip-rule="evenodd"
-            d="M8.25781 17.6914L25.1339 0.3125H33.9991V7.62657C33.9991 7.62657 33.8144 10.0645 32.5743 11.3686L21.0179 23.6875H14.5487L8.25781 17.6914Z"
-            fill="var(--initial-loader-color)"
-/>
-        </svg>
-      </div>
-      <div class=" loading">
-        <div class="effect-1 effects"></div>
-        <div class="effect-2 effects"></div>
-        <div class="effect-3 effects"></div>
-      </div>
-    </div>
-  </div>
-  
-  <script>
-    const loaderColor = localStorage.getItem('vuexy-initial-loader-bg') || '#FFFFFF'
-    const primaryColor = localStorage.getItem('vuexy-initial-loader-color') || '#7367F0'
-
-    if (loaderColor)
-      document.documentElement.style.setProperty('--initial-loader-bg', loaderColor)
-    if (loaderColor)
-      document.documentElement.style.setProperty('--initial-loader-bg', loaderColor)
-
-    if (primaryColor)
-      document.documentElement.style.setProperty('--initial-loader-color', primaryColor)
-    </script>
-  </body>
-</html>
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/routes/console.php b/vuexy-theme-vue-laravel-full-example-typescript/routes/console.php
deleted file mode 100644
index cf940fe..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/routes/console.php
+++ /dev/null
@@ -1,8 +0,0 @@
-<?php
-
-use Illuminate\Foundation\Inspiring;
-use Illuminate\Support\Facades\Artisan;
-
-Artisan::command('inspire', function () {
-    $this->comment(Inspiring::quote());
-})->purpose('Display an inspiring quote');
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/routes/web.php b/vuexy-theme-vue-laravel-full-example-typescript/routes/web.php
deleted file mode 100644
index 78b8259..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/routes/web.php
+++ /dev/null
@@ -1,7 +0,0 @@
-<?php
-
-use Illuminate\Support\Facades\Route;
-
-Route::get('{any?}', function() {
-    return view('application');
-})->where('any', '.*');
\ No newline at end of file
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/shims.d.ts b/vuexy-theme-vue-laravel-full-example-typescript/shims.d.ts
deleted file mode 100644
index c8e5d9d..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/shims.d.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
-
-
-declare module 'vue-prism-component' {
-  import { ComponentOptions } from 'vue'
-  const component: ComponentOptions
-  export default component
-}
-declare module 'vue-shepherd';
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/storage/app/.gitignore b/vuexy-theme-vue-laravel-full-example-typescript/storage/app/.gitignore
deleted file mode 100644
index 2bbb361..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/storage/app/.gitignore
+++ /dev/null
@@ -1,4 +0,0 @@
-*
-!private/
-!public/
-!.gitignore
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/storage/app/private/.gitignore b/vuexy-theme-vue-laravel-full-example-typescript/storage/app/private/.gitignore
deleted file mode 100644
index 7f90280..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/storage/app/private/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-*
-!.gitignore
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/storage/app/public/.gitignore b/vuexy-theme-vue-laravel-full-example-typescript/storage/app/public/.gitignore
deleted file mode 100644
index 7f90280..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/storage/app/public/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-*
-!.gitignore
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/.gitignore b/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/.gitignore
deleted file mode 100644
index 3c29dc0..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/.gitignore
+++ /dev/null
@@ -1,9 +0,0 @@
-compiled.php
-config.php
-down
-events.scanned.php
-maintenance.php
-routes.php
-routes.scanned.php
-schedule-*
-services.json
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/cache/.gitignore b/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/cache/.gitignore
deleted file mode 100644
index 932ecda..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/cache/.gitignore
+++ /dev/null
@@ -1,3 +0,0 @@
-*
-!data/
-!.gitignore
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/cache/data/.gitignore b/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/cache/data/.gitignore
deleted file mode 100644
index 7f90280..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/cache/data/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-*
-!.gitignore
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/sessions/.gitignore b/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/sessions/.gitignore
deleted file mode 100644
index 7f90280..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/sessions/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-*
-!.gitignore
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/testing/.gitignore b/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/testing/.gitignore
deleted file mode 100644
index 7f90280..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/testing/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-*
-!.gitignore
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/views/.gitignore b/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/views/.gitignore
deleted file mode 100644
index 7f90280..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/storage/framework/views/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-*
-!.gitignore
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/tests/Feature/ExampleTest.php b/vuexy-theme-vue-laravel-full-example-typescript/tests/Feature/ExampleTest.php
deleted file mode 100644
index f0ea68f..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/tests/Feature/ExampleTest.php
+++ /dev/null
@@ -1,19 +0,0 @@
-<?php
-
-namespace Tests\Feature;
-
-// use Illuminate\Foundation\Testing\RefreshDatabase;
-use Tests\TestCase;
-
-class ExampleTest extends TestCase
-{
-    /**
-     * A basic test example.
-     */
-    public function test_the_application_returns_a_successful_response(): void
-    {
-        $response = $this->get('/');
-
-        $response->assertStatus(200);
-    }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/tests/TestCase.php b/vuexy-theme-vue-laravel-full-example-typescript/tests/TestCase.php
deleted file mode 100644
index f01140a..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/tests/TestCase.php
+++ /dev/null
@@ -1,10 +0,0 @@
-<?php
-
-namespace Tests;
-
-use Illuminate\Foundation\Testing\TestCase as BaseTestCase;
-
-abstract class TestCase extends BaseTestCase
-{
-    //
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/tests/Unit/ExampleTest.php b/vuexy-theme-vue-laravel-full-example-typescript/tests/Unit/ExampleTest.php
deleted file mode 100644
index 0c16d65..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/tests/Unit/ExampleTest.php
+++ /dev/null
@@ -1,16 +0,0 @@
-<?php
-
-namespace Tests\Unit;
-
-use PHPUnit\Framework\TestCase;
-
-class ExampleTest extends TestCase
-{
-    /**
-     * A basic test example.
-     */
-    public function test_that_true_is_true(): void
-    {
-        $this->assertTrue(true);
-    }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/themeConfig.ts b/vuexy-theme-vue-laravel-full-example-typescript/themeConfig.ts
deleted file mode 100644
index 602d432..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/themeConfig.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { breakpointsVuetifyV3 } from '@vueuse/core'
-import { VIcon } from 'vuetify/components/VIcon'
-import { defineThemeConfig } from '@core'
-import { Skins } from '@core/enums'
-
-// ❗ Logo SVG must be imported with ?raw suffix
-import logo from '@images/logo.svg?raw'
-
-import { AppContentLayoutNav, ContentWidth, FooterType, NavbarType } from '@layouts/enums'
-
-export const { themeConfig, layoutConfig } = defineThemeConfig({
-  app: {
-    title: 'vuexy',
-    logo: h('div', { innerHTML: logo, style: 'line-height:0; color: rgb(var(--v-global-theme-primary))' }),
-    contentWidth: ContentWidth.Boxed,
-    contentLayoutNav: AppContentLayoutNav.Vertical,
-    overlayNavFromBreakpoint: breakpointsVuetifyV3.lg - 1, // 1 for matching with vuetify breakpoint. Docs: https://next.vuetifyjs.com/en/features/display-and-platform/
-    i18n: {
-      enable: true,
-      defaultLocale: 'en',
-      langConfig: [
-        {
-          label: 'English',
-          i18nLang: 'en',
-          isRTL: false,
-        },
-        {
-          label: 'French',
-          i18nLang: 'fr',
-          isRTL: false,
-        },
-        {
-          label: 'Arabic',
-          i18nLang: 'ar',
-          isRTL: true,
-        },
-      ],
-    },
-    theme: 'system',
-    skin: Skins.Default,
-    iconRenderer: VIcon,
-  },
-  navbar: {
-    type: NavbarType.Sticky,
-    navbarBlur: true,
-  },
-  footer: { type: FooterType.Static },
-  verticalNav: {
-    isVerticalNavCollapsed: false,
-    defaultNavItemIconProps: { icon: 'tabler-circle' },
-    isVerticalNavSemiDark: false,
-  },
-  horizontalNav: {
-    type: 'sticky',
-    transition: 'slide-y-reverse-transition',
-    popoverOffset: 6,
-  },
-
-  /*
-  // ℹ️  In below Icons section, you can specify icon for each component. Also you can use other props of v-icon component like `color` and `size` for each icon.
-  // Such as: chevronDown: { icon: 'tabler-chevron-down', color:'primary', size: '24' },
-  */
-  icons: {
-    chevronDown: { icon: 'tabler-chevron-down' },
-    chevronRight: { icon: 'tabler-chevron-right', size: 20 },
-    close: { icon: 'tabler-x', size: 20 },
-    verticalNavPinned: { icon: 'tabler-circle-dot', size: 20 },
-    verticalNavUnPinned: { icon: 'tabler-circle', size: 20 },
-    sectionTitlePlaceholder: { icon: 'tabler-minus' },
-  },
-})
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/tsconfig.json b/vuexy-theme-vue-laravel-full-example-typescript/tsconfig.json
deleted file mode 100644
index 5efbeb5..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/tsconfig.json
+++ /dev/null
@@ -1,82 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": "./",
-    "target": "esnext",
-    "useDefineForClassFields": true,
-    "module": "esnext",
-    "moduleResolution": "Bundler",
-    "isolatedModules": true,
-    "strict": true,
-    "jsx": "preserve",
-    "jsxFactory": "h",
-    "jsxFragmentFactory": "Fragment",
-    "sourceMap": true,
-    "resolveJsonModule": true,
-    "esModuleInterop": true,
-    "paths": {
-      "@/*": [
-        "./resources/ts/*"
-      ],
-      "@themeConfig": [
-        "./themeConfig.ts"
-      ],
-      "@layouts/*": [
-        "./resources/ts/@layouts/*"
-      ],
-      "@layouts": [
-        "./resources/ts/@layouts"
-      ],
-      "@core/*": [
-        "./resources/ts/@core/*"
-      ],
-      "@core": [
-        "./resources/ts/@core"
-      ],
-      "@images/*": [
-        "./resources/images/*"
-      ],
-      "@styles/*": [
-        "./resources/styles/*"
-      ],
-      "@validators": [
-        "./resources/ts/@core/utils/validators"
-      ],
-      "@db/*": [
-        "./resources/ts/plugins/fake-api/handlers/*"
-      ],
-      "@api-utils/*": [
-        "./resources/ts/plugins/fake-api/utils/*"
-      ],
-      "@core-scss/*": [
-        "resources/styles/@core/*"
-      ]
-    },
-    "lib": [
-      "esnext",
-      "dom",
-      "dom.iterable",
-      "scripthost"
-    ],
-    "skipLibCheck": true,
-    "types": [
-      "vite/client",
-      "unplugin-vue-router/client",
-      "vite-plugin-vue-meta-layouts/client"
-    ]
-  },
-  "include": [
-    "./typed-router.d.ts",
-    "./vite.config.*",
-    "./env.d.ts",
-    "./shims.d.ts",
-    "./resources/ts/**/*",
-    "./resources/ts/**/*.vue",
-    "./themeConfig.ts",
-    "./auto-imports.d.ts",
-    "./components.d.ts"
-  ],
-  "exclude": [
-    "./dist",
-    "./node_modules"
-  ]
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/typed-router.d.ts b/vuexy-theme-vue-laravel-full-example-typescript/typed-router.d.ts
deleted file mode 100644
index 54aa0ba..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/typed-router.d.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// Generated by unplugin-vue-router. ‼️ DO NOT MODIFY THIS FILE ‼️
-// It's recommended to commit this file.
-// Make sure to add this file to your tsconfig.json file as an "includes" or "files" entry.
-
-declare module 'vue-router/auto-routes' {
-  import type {
-    RouteRecordInfo,
-    ParamValue,
-    ParamValueOneOrMore,
-    ParamValueZeroOrMore,
-    ParamValueZeroOrOne,
-  } from 'unplugin-vue-router/types'
-
-  /**
-   * Route name map generated by unplugin-vue-router
-   */
-  export interface RouteNamedMap {
-    '$error': RouteRecordInfo<'$error', '/:error(.*)', { error: ParamValue<true> }, { error: ParamValue<false> }>,
-    'access-control': RouteRecordInfo<'access-control', '/access-control', Record<never, never>, Record<never, never>>,
-    'apps-academy-course-details': RouteRecordInfo<'apps-academy-course-details', '/apps/academy/course-details', Record<never, never>, Record<never, never>>,
-    'apps-academy-dashboard': RouteRecordInfo<'apps-academy-dashboard', '/apps/academy/dashboard', Record<never, never>, Record<never, never>>,
-    'apps-academy-my-course': RouteRecordInfo<'apps-academy-my-course', '/apps/academy/my-course', Record<never, never>, Record<never, never>>,
-    'apps-calendar': RouteRecordInfo<'apps-calendar', '/apps/calendar', Record<never, never>, Record<never, never>>,
-    'apps-chat': RouteRecordInfo<'apps-chat', '/apps/chat', Record<never, never>, Record<never, never>>,
-    'apps-ecommerce-customer-details-id': RouteRecordInfo<'apps-ecommerce-customer-details-id', '/apps/ecommerce/customer/details/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
-    'apps-ecommerce-customer-list': RouteRecordInfo<'apps-ecommerce-customer-list', '/apps/ecommerce/customer/list', Record<never, never>, Record<never, never>>,
-    'apps-ecommerce-manage-review': RouteRecordInfo<'apps-ecommerce-manage-review', '/apps/ecommerce/manage-review', Record<never, never>, Record<never, never>>,
-    'apps-ecommerce-order-details-id': RouteRecordInfo<'apps-ecommerce-order-details-id', '/apps/ecommerce/order/details/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
-    'apps-ecommerce-order-list': RouteRecordInfo<'apps-ecommerce-order-list', '/apps/ecommerce/order/list', Record<never, never>, Record<never, never>>,
-    'apps-ecommerce-product-add': RouteRecordInfo<'apps-ecommerce-product-add', '/apps/ecommerce/product/add', Record<never, never>, Record<never, never>>,
-    'apps-ecommerce-product-category-list': RouteRecordInfo<'apps-ecommerce-product-category-list', '/apps/ecommerce/product/category-list', Record<never, never>, Record<never, never>>,
-    'apps-ecommerce-product-list': RouteRecordInfo<'apps-ecommerce-product-list', '/apps/ecommerce/product/list', Record<never, never>, Record<never, never>>,
-    'apps-ecommerce-referrals': RouteRecordInfo<'apps-ecommerce-referrals', '/apps/ecommerce/referrals', Record<never, never>, Record<never, never>>,
-    'apps-ecommerce-settings': RouteRecordInfo<'apps-ecommerce-settings', '/apps/ecommerce/settings', Record<never, never>, Record<never, never>>,
-    'apps-email': RouteRecordInfo<'apps-email', '/apps/email', Record<never, never>, Record<never, never>>,
-    'apps-invoice-add': RouteRecordInfo<'apps-invoice-add', '/apps/invoice/add', Record<never, never>, Record<never, never>>,
-    'apps-invoice-edit-id': RouteRecordInfo<'apps-invoice-edit-id', '/apps/invoice/edit/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
-    'apps-invoice-list': RouteRecordInfo<'apps-invoice-list', '/apps/invoice/list', Record<never, never>, Record<never, never>>,
-    'apps-invoice-preview-id': RouteRecordInfo<'apps-invoice-preview-id', '/apps/invoice/preview/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
-    'apps-kanban': RouteRecordInfo<'apps-kanban', '/apps/kanban', Record<never, never>, Record<never, never>>,
-    'apps-logistics-dashboard': RouteRecordInfo<'apps-logistics-dashboard', '/apps/logistics/dashboard', Record<never, never>, Record<never, never>>,
-    'apps-logistics-fleet': RouteRecordInfo<'apps-logistics-fleet', '/apps/logistics/fleet', Record<never, never>, Record<never, never>>,
-    'apps-permissions': RouteRecordInfo<'apps-permissions', '/apps/permissions', Record<never, never>, Record<never, never>>,
-    'apps-roles': RouteRecordInfo<'apps-roles', '/apps/roles', Record<never, never>, Record<never, never>>,
-    'apps-user-list': RouteRecordInfo<'apps-user-list', '/apps/user/list', Record<never, never>, Record<never, never>>,
-    'apps-user-view-id': RouteRecordInfo<'apps-user-view-id', '/apps/user/view/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
-    'apps-email-filter': RouteRecordInfo<'apps-email-filter', '/apps/email/:filter', { filter: ParamValue<true> }, { filter: ParamValue<false> }>,
-    'apps-email-label': RouteRecordInfo<'apps-email-label', '/apps/email/:label', { label: ParamValue<true> }, { label: ParamValue<false> }>,
-    'charts-apex-chart': RouteRecordInfo<'charts-apex-chart', '/charts/apex-chart', Record<never, never>, Record<never, never>>,
-    'charts-chartjs': RouteRecordInfo<'charts-chartjs', '/charts/chartjs', Record<never, never>, Record<never, never>>,
-    'components-alert': RouteRecordInfo<'components-alert', '/components/alert', Record<never, never>, Record<never, never>>,
-    'components-avatar': RouteRecordInfo<'components-avatar', '/components/avatar', Record<never, never>, Record<never, never>>,
-    'components-badge': RouteRecordInfo<'components-badge', '/components/badge', Record<never, never>, Record<never, never>>,
-    'components-button': RouteRecordInfo<'components-button', '/components/button', Record<never, never>, Record<never, never>>,
-    'components-chip': RouteRecordInfo<'components-chip', '/components/chip', Record<never, never>, Record<never, never>>,
-    'components-dialog': RouteRecordInfo<'components-dialog', '/components/dialog', Record<never, never>, Record<never, never>>,
-    'components-expansion-panel': RouteRecordInfo<'components-expansion-panel', '/components/expansion-panel', Record<never, never>, Record<never, never>>,
-    'components-list': RouteRecordInfo<'components-list', '/components/list', Record<never, never>, Record<never, never>>,
-    'components-menu': RouteRecordInfo<'components-menu', '/components/menu', Record<never, never>, Record<never, never>>,
-    'components-pagination': RouteRecordInfo<'components-pagination', '/components/pagination', Record<never, never>, Record<never, never>>,
-    'components-progress-circular': RouteRecordInfo<'components-progress-circular', '/components/progress-circular', Record<never, never>, Record<never, never>>,
-    'components-progress-linear': RouteRecordInfo<'components-progress-linear', '/components/progress-linear', Record<never, never>, Record<never, never>>,
-    'components-snackbar': RouteRecordInfo<'components-snackbar', '/components/snackbar', Record<never, never>, Record<never, never>>,
-    'components-tabs': RouteRecordInfo<'components-tabs', '/components/tabs', Record<never, never>, Record<never, never>>,
-    'components-timeline': RouteRecordInfo<'components-timeline', '/components/timeline', Record<never, never>, Record<never, never>>,
-    'components-tooltip': RouteRecordInfo<'components-tooltip', '/components/tooltip', Record<never, never>, Record<never, never>>,
-    'dashboards-analytics': RouteRecordInfo<'dashboards-analytics', '/dashboards/analytics', Record<never, never>, Record<never, never>>,
-    'dashboards-crm': RouteRecordInfo<'dashboards-crm', '/dashboards/crm', Record<never, never>, Record<never, never>>,
-    'dashboards-ecommerce': RouteRecordInfo<'dashboards-ecommerce', '/dashboards/ecommerce', Record<never, never>, Record<never, never>>,
-    'extensions-swiper': RouteRecordInfo<'extensions-swiper', '/extensions/swiper', Record<never, never>, Record<never, never>>,
-    'extensions-tour': RouteRecordInfo<'extensions-tour', '/extensions/tour', Record<never, never>, Record<never, never>>,
-    'forgot-password': RouteRecordInfo<'forgot-password', '/forgot-password', Record<never, never>, Record<never, never>>,
-    'forms-autocomplete': RouteRecordInfo<'forms-autocomplete', '/forms/autocomplete', Record<never, never>, Record<never, never>>,
-    'forms-checkbox': RouteRecordInfo<'forms-checkbox', '/forms/checkbox', Record<never, never>, Record<never, never>>,
-    'forms-combobox': RouteRecordInfo<'forms-combobox', '/forms/combobox', Record<never, never>, Record<never, never>>,
-    'forms-custom-input': RouteRecordInfo<'forms-custom-input', '/forms/custom-input', Record<never, never>, Record<never, never>>,
-    'forms-date-time-picker': RouteRecordInfo<'forms-date-time-picker', '/forms/date-time-picker', Record<never, never>, Record<never, never>>,
-    'forms-editors': RouteRecordInfo<'forms-editors', '/forms/editors', Record<never, never>, Record<never, never>>,
-    'forms-file-input': RouteRecordInfo<'forms-file-input', '/forms/file-input', Record<never, never>, Record<never, never>>,
-    'forms-form-layouts': RouteRecordInfo<'forms-form-layouts', '/forms/form-layouts', Record<never, never>, Record<never, never>>,
-    'forms-form-validation': RouteRecordInfo<'forms-form-validation', '/forms/form-validation', Record<never, never>, Record<never, never>>,
-    'forms-form-wizard-icons': RouteRecordInfo<'forms-form-wizard-icons', '/forms/form-wizard-icons', Record<never, never>, Record<never, never>>,
-    'forms-form-wizard-numbered': RouteRecordInfo<'forms-form-wizard-numbered', '/forms/form-wizard-numbered', Record<never, never>, Record<never, never>>,
-    'forms-radio': RouteRecordInfo<'forms-radio', '/forms/radio', Record<never, never>, Record<never, never>>,
-    'forms-range-slider': RouteRecordInfo<'forms-range-slider', '/forms/range-slider', Record<never, never>, Record<never, never>>,
-    'forms-rating': RouteRecordInfo<'forms-rating', '/forms/rating', Record<never, never>, Record<never, never>>,
-    'forms-select': RouteRecordInfo<'forms-select', '/forms/select', Record<never, never>, Record<never, never>>,
-    'forms-slider': RouteRecordInfo<'forms-slider', '/forms/slider', Record<never, never>, Record<never, never>>,
-    'forms-switch': RouteRecordInfo<'forms-switch', '/forms/switch', Record<never, never>, Record<never, never>>,
-    'forms-textarea': RouteRecordInfo<'forms-textarea', '/forms/textarea', Record<never, never>, Record<never, never>>,
-    'forms-textfield': RouteRecordInfo<'forms-textfield', '/forms/textfield', Record<never, never>, Record<never, never>>,
-    'front-pages-checkout': RouteRecordInfo<'front-pages-checkout', '/front-pages/checkout', Record<never, never>, Record<never, never>>,
-    'front-pages-help-center': RouteRecordInfo<'front-pages-help-center', '/front-pages/help-center', Record<never, never>, Record<never, never>>,
-    'front-pages-help-center-article-title': RouteRecordInfo<'front-pages-help-center-article-title', '/front-pages/help-center/article/:title', { title: ParamValue<true> }, { title: ParamValue<false> }>,
-    'front-pages-landing-page': RouteRecordInfo<'front-pages-landing-page', '/front-pages/landing-page', Record<never, never>, Record<never, never>>,
-    'front-pages-payment': RouteRecordInfo<'front-pages-payment', '/front-pages/payment', Record<never, never>, Record<never, never>>,
-    'front-pages-pricing': RouteRecordInfo<'front-pages-pricing', '/front-pages/pricing', Record<never, never>, Record<never, never>>,
-    'login': RouteRecordInfo<'login', '/login', Record<never, never>, Record<never, never>>,
-    'not-authorized': RouteRecordInfo<'not-authorized', '/not-authorized', Record<never, never>, Record<never, never>>,
-    'pages-account-settings-tab': RouteRecordInfo<'pages-account-settings-tab', '/pages/account-settings/:tab', { tab: ParamValue<true> }, { tab: ParamValue<false> }>,
-    'pages-authentication-forgot-password-v1': RouteRecordInfo<'pages-authentication-forgot-password-v1', '/pages/authentication/forgot-password-v1', Record<never, never>, Record<never, never>>,
-    'pages-authentication-forgot-password-v2': RouteRecordInfo<'pages-authentication-forgot-password-v2', '/pages/authentication/forgot-password-v2', Record<never, never>, Record<never, never>>,
-    'pages-authentication-login-v1': RouteRecordInfo<'pages-authentication-login-v1', '/pages/authentication/login-v1', Record<never, never>, Record<never, never>>,
-    'pages-authentication-login-v2': RouteRecordInfo<'pages-authentication-login-v2', '/pages/authentication/login-v2', Record<never, never>, Record<never, never>>,
-    'pages-authentication-register-multi-steps': RouteRecordInfo<'pages-authentication-register-multi-steps', '/pages/authentication/register-multi-steps', Record<never, never>, Record<never, never>>,
-    'pages-authentication-register-v1': RouteRecordInfo<'pages-authentication-register-v1', '/pages/authentication/register-v1', Record<never, never>, Record<never, never>>,
-    'pages-authentication-register-v2': RouteRecordInfo<'pages-authentication-register-v2', '/pages/authentication/register-v2', Record<never, never>, Record<never, never>>,
-    'pages-authentication-reset-password-v1': RouteRecordInfo<'pages-authentication-reset-password-v1', '/pages/authentication/reset-password-v1', Record<never, never>, Record<never, never>>,
-    'pages-authentication-reset-password-v2': RouteRecordInfo<'pages-authentication-reset-password-v2', '/pages/authentication/reset-password-v2', Record<never, never>, Record<never, never>>,
-    'pages-authentication-two-steps-v1': RouteRecordInfo<'pages-authentication-two-steps-v1', '/pages/authentication/two-steps-v1', Record<never, never>, Record<never, never>>,
-    'pages-authentication-two-steps-v2': RouteRecordInfo<'pages-authentication-two-steps-v2', '/pages/authentication/two-steps-v2', Record<never, never>, Record<never, never>>,
-    'pages-authentication-verify-email-v1': RouteRecordInfo<'pages-authentication-verify-email-v1', '/pages/authentication/verify-email-v1', Record<never, never>, Record<never, never>>,
-    'pages-authentication-verify-email-v2': RouteRecordInfo<'pages-authentication-verify-email-v2', '/pages/authentication/verify-email-v2', Record<never, never>, Record<never, never>>,
-    'pages-cards-card-actions': RouteRecordInfo<'pages-cards-card-actions', '/pages/cards/card-actions', Record<never, never>, Record<never, never>>,
-    'pages-cards-card-advance': RouteRecordInfo<'pages-cards-card-advance', '/pages/cards/card-advance', Record<never, never>, Record<never, never>>,
-    'pages-cards-card-basic': RouteRecordInfo<'pages-cards-card-basic', '/pages/cards/card-basic', Record<never, never>, Record<never, never>>,
-    'pages-cards-card-statistics': RouteRecordInfo<'pages-cards-card-statistics', '/pages/cards/card-statistics', Record<never, never>, Record<never, never>>,
-    'pages-cards-card-widgets': RouteRecordInfo<'pages-cards-card-widgets', '/pages/cards/card-widgets', Record<never, never>, Record<never, never>>,
-    'pages-dialog-examples': RouteRecordInfo<'pages-dialog-examples', '/pages/dialog-examples', Record<never, never>, Record<never, never>>,
-    'pages-faq': RouteRecordInfo<'pages-faq', '/pages/faq', Record<never, never>, Record<never, never>>,
-    'pages-icons': RouteRecordInfo<'pages-icons', '/pages/icons', Record<never, never>, Record<never, never>>,
-    'pages-misc-coming-soon': RouteRecordInfo<'pages-misc-coming-soon', '/pages/misc/coming-soon', Record<never, never>, Record<never, never>>,
-    'pages-misc-under-maintenance': RouteRecordInfo<'pages-misc-under-maintenance', '/pages/misc/under-maintenance', Record<never, never>, Record<never, never>>,
-    'pages-pricing': RouteRecordInfo<'pages-pricing', '/pages/pricing', Record<never, never>, Record<never, never>>,
-    'pages-test-autocomplete': RouteRecordInfo<'pages-test-autocomplete', '/pages/test/autocomplete', Record<never, never>, Record<never, never>>,
-    'pages-test-combobox': RouteRecordInfo<'pages-test-combobox', '/pages/test/combobox', Record<never, never>, Record<never, never>>,
-    'pages-test-components': RouteRecordInfo<'pages-test-components', '/pages/test/components', Record<never, never>, Record<never, never>>,
-    'pages-test-select': RouteRecordInfo<'pages-test-select', '/pages/test/select', Record<never, never>, Record<never, never>>,
-    'pages-test-textfield': RouteRecordInfo<'pages-test-textfield', '/pages/test/textfield', Record<never, never>, Record<never, never>>,
-    'pages-typography': RouteRecordInfo<'pages-typography', '/pages/typography', Record<never, never>, Record<never, never>>,
-    'pages-user-profile-tab': RouteRecordInfo<'pages-user-profile-tab', '/pages/user-profile/:tab', { tab: ParamValue<true> }, { tab: ParamValue<false> }>,
-    'register': RouteRecordInfo<'register', '/register', Record<never, never>, Record<never, never>>,
-    'tables-data-table': RouteRecordInfo<'tables-data-table', '/tables/data-table', Record<never, never>, Record<never, never>>,
-    'tables-simple-table': RouteRecordInfo<'tables-simple-table', '/tables/simple-table', Record<never, never>, Record<never, never>>,
-    'wizard-examples-checkout': RouteRecordInfo<'wizard-examples-checkout', '/wizard-examples/checkout', Record<never, never>, Record<never, never>>,
-    'wizard-examples-create-deal': RouteRecordInfo<'wizard-examples-create-deal', '/wizard-examples/create-deal', Record<never, never>, Record<never, never>>,
-    'wizard-examples-property-listing': RouteRecordInfo<'wizard-examples-property-listing', '/wizard-examples/property-listing', Record<never, never>, Record<never, never>>,
-  }
-}
diff --git a/vuexy-theme-vue-laravel-full-example-typescript/vite.config.ts b/vuexy-theme-vue-laravel-full-example-typescript/vite.config.ts
deleted file mode 100644
index a428323..0000000
--- a/vuexy-theme-vue-laravel-full-example-typescript/vite.config.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import { fileURLToPath } from 'node:url'
-import laravel from 'laravel-vite-plugin'
-import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
-import vue from '@vitejs/plugin-vue'
-import vueJsx from '@vitejs/plugin-vue-jsx'
-import AutoImport from 'unplugin-auto-import/vite'
-import Components from 'unplugin-vue-components/vite'
-import { VueRouterAutoImports, getPascalCaseRouteName } from 'unplugin-vue-router'
-import VueRouter from 'unplugin-vue-router/vite'
-import { defineConfig } from 'vite'
-import MetaLayouts from 'vite-plugin-vue-meta-layouts'
-import vuetify from 'vite-plugin-vuetify'
-import svgLoader from 'vite-svg-loader'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [// Docs: https://github.com/posva/unplugin-vue-router
-  // ℹ️ This plugin should be placed before vue plugin
-    VueRouter({
-      getRouteName: routeNode => {
-      // Convert pascal case to kebab case
-        return getPascalCaseRouteName(routeNode)
-          .replace(/([a-z\d])([A-Z])/g, '$1-$2')
-          .toLowerCase()
-      },
-
-      beforeWriteFiles: root => {
-        root.insert('/apps/email/:filter', '/resources/ts/pages/apps/email/index.vue')
-        root.insert('/apps/email/:label', '/resources/ts/pages/apps/email/index.vue')
-      },
-
-      routesFolder: 'resources/ts/pages',
-    }),
-    vue({
-      template: {
-        compilerOptions: {
-          isCustomElement: tag => tag === 'swiper-container' || tag === 'swiper-slide',
-        },
-
-        transformAssetUrls: {
-          base: null,
-          includeAbsolute: false,
-        },
-      },
-    }),
-    laravel({
-      input: ['resources/ts/main.ts'],
-      refresh: true,
-    }),
-    vueJsx(), // Docs: https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin
-    vuetify({
-      styles: {
-        configFile: 'resources/styles/variables/_vuetify.scss',
-      },
-    }), // Docs: https://github.com/dishait/vite-plugin-vue-meta-layouts?tab=readme-ov-file
-    MetaLayouts({
-      target: './resources/ts/layouts',
-      defaultLayout: 'default',
-    }), // Docs: https://github.com/antfu/unplugin-vue-components#unplugin-vue-components
-    Components({
-      dirs: ['resources/ts/@core/components', 'resources/ts/views/demos', 'resources/ts/components'],
-      dts: true,
-      resolvers: [
-        componentName => {
-        // Auto import `VueApexCharts`
-          if (componentName === 'VueApexCharts')
-            return { name: 'default', from: 'vue3-apexcharts', as: 'VueApexCharts' }
-        },
-      ],
-    }), // Docs: https://github.com/antfu/unplugin-auto-import#unplugin-auto-import
-    AutoImport({
-      imports: ['vue', VueRouterAutoImports, '@vueuse/core', '@vueuse/math', 'vue-i18n', 'pinia'],
-      dirs: [
-        './resources/ts/@core/utils',
-        './resources/ts/@core/composable/',
-        './resources/ts/composables/',
-        './resources/ts/utils/',
-        './resources/ts/plugins/*/composables/*',
-      ],
-      vueTemplate: true,
-
-      // ℹ️ Disabled to avoid confusion & accidental usage
-      ignore: ['useCookies', 'useStorage'],
-    }), // Docs: https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#intlifyunplugin-vue-i18n
-    VueI18nPlugin({
-      runtimeOnly: true,
-      compositionOnly: true,
-      include: [
-        fileURLToPath(new URL('./resources/ts/plugins/i18n/locales/**', import.meta.url)),
-      ],
-    }),
-    svgLoader(),
-  ],
-  define: { 'process.env': {} },
-  resolve: {
-    alias: {
-      '@core-scss': fileURLToPath(new URL('./resources/styles/@core', import.meta.url)),
-      '@': fileURLToPath(new URL('./resources/ts', import.meta.url)),
-      '@themeConfig': fileURLToPath(new URL('./themeConfig.ts', import.meta.url)),
-      '@core': fileURLToPath(new URL('./resources/ts/@core', import.meta.url)),
-      '@layouts': fileURLToPath(new URL('./resources/ts/@layouts', import.meta.url)),
-      '@images': fileURLToPath(new URL('./resources/images/', import.meta.url)),
-      '@styles': fileURLToPath(new URL('./resources/styles/', import.meta.url)),
-      '@configured-variables': fileURLToPath(new URL('./resources/styles/variables/_template.scss', import.meta.url)),
-      '@db': fileURLToPath(new URL('./resources/ts/plugins/fake-api/handlers/', import.meta.url)),
-      '@api-utils': fileURLToPath(new URL('./resources/ts/plugins/fake-api/utils/', import.meta.url)),
-    },
-  },
-  build: {
-    chunkSizeWarningLimit: 5000,
-  },
-  optimizeDeps: {
-    exclude: ['vuetify'],
-    entries: [
-      './resources/ts/**/*.vue',
-    ],
-  },
-})