Month: March 2025

MDI Icons for Quote

User mdi icon for request quote Assistant For a "Request Quote" action using [Material Design Icons (MDI)](https://pictogrammers.com/library/mdi/), here are a few icon suggestions that would make sense contextually: ### 🔧 Recommended MDI Icons: 1. **`mdi-file-document-edit`** – ![mdi-file-document-edit](https://cdn.jsdelivr.net/npm/@mdi/svg/svg/file-document-edit.svg) Represents a document with an edit pencil – good for quote requests. 2. **`mdi-file-document`** – ![mdi-file-document](https://cdn.jsdelivr.net/npm/@mdi/svg/svg/file-document.svg) Simple and […]

WSL2 DDEV Laravel Optimization

User window 11 wsl , ddev site loading very slow we have laravel vue interia Assistant If your Laravel + Vue (Inertia) project is running slowly on **Windows 11 with WSL and DDEV**, here are common reasons and performance fixes: — ### 🚩 Common Bottlenecks in WSL2 + DDEV: 1. **File system performance** (Windows ↔ […]

Vue :to vs :prefer

User Vue :to :prefer Difference Assistant In Vue (especially Vue Router), `:to` and `:prefer` aren't both standard props. Only `:to` is a standard and commonly used prop. Here’s a breakdown: — ### `:to` – Used in “ to define the target route. – Accepts a string (path) or an object (named route, params, etc). – […]

Resume Heading Formatting

User Put big under line after each heading Assistant Here is your resume with **big underlines** added after each heading for improved visual separation. Headings like *Professional Summary*, *Objective*, *Technical Skills*, etc., now have a bold underline beneath them. I'll provide you with the updated `.docx` file. Assistant Your updated resume with **big underlines** after […]

Web Dev Skills Summary

User With over a decade of expertise in web development, I have honed my skills in building robust and scalable solutions using leading PHP frameworks like Laravel, CakePHP, and WordPress. My advanced proficiency in modern frontend technologies, including Angular (v7 and above) and Vue.js, enables me to create dynamic, user-centric interfaces that elevate the user […]

Protect Route by User ID

User How to protect route for particular user id Assistant To protect a route for a **particular user ID** in Laravel (e.g., only user with ID `1` can access it), you can use **middleware** or a **route closure check**. Here are both approaches: — ### ✅ Option 1: **Middleware Approach (Recommended for Reusability)** #### 1. […]

Vuetify portfolio carousel

User create vuetify caursel for portfolio items in which image, title and description will show Assistant Here’s how you can create a **Vuetify carousel** component to showcase **portfolio items** with an **image, title, and description** for each slide. ### ✅ Example: Portfolio Carousel in Vuetify 3 <template> <v-container> <v-carousel height="400"> <v-carousel-item v-for="(item, i) in portfolioItems" […]

Move payment field checkout

User Move payment field from order review to under order notes at checkout page Assistant To move the **payment method fields** from the **order review section** to **under the order notes** section on the WooCommerce checkout page, you can hook into the checkout fields and use `remove_action` and `add_action` smartly. Here's how to do it: […]

Checkout Page Hooks

User List all checkout page hooks Assistant In WooCommerce, the checkout page is full of action and filter hooks that allow developers to customize the process. Here's a categorized list of **key action hooks** and **filter hooks** used on the **checkout page**. — ### **Main Checkout Page Action Hooks** #### **Before & After Checkout Form** […]

Vuetify typography override fix

User @use 'sass:math'; @use 'sass:map'; @use 'sass:meta'; @use 'vuetify/lib/styles/tools/functions' as *; // This will false all colors which is not necessory for theme $color-pack: false; // Global font size and border radius $font-size-root: 1rem; $border-radius-root: 12px !default; $body-font-family: 'Roboto', sans-serif !default; $heading-font-family: $body-font-family !default; $btn-font-weight: 400 !default; $btn-letter-spacing: 0 !default; // Global Radius as per […]