Blog

Sass @import to @use Migration

User Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import ╷ 2 │ @import 'vuetify/styles/main.sass'; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ ../../../../src/scss/style.scss 2:9 root stylesheet Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated […]

Vue TS validate fix

User Vue errors src/views/dashboards/usersection/AddPortfolio.vue:47:13 – error TS2339: Property 'valid' does not exist on type '{ valid: boolean; errors: { id: string | number; errorMessages: string[]; }[]; } | undefined'. 47 const { valid } = await form.value?.validate(); Assistant The error you're seeing: error TS2339: Property 'valid' does not exist on type '{ valid: boolean; errors: […]

Image Not Returning Debug

User import { db, storage } from '@/firebase' import { collection, addDoc, getDocs, doc, deleteDoc, updateDoc, } from 'firebase/firestore' import { ref as storageRef, uploadBytes, getDownloadURL, deleteObject, } from 'firebase/storage' const portfolioCollection = collection(db, 'portfolio'); export const addPortfolioItem = async ({ title, description, url, imageFile}: { title:string, description:string, url:string, imageFile:File}) => { try { const […]

Portfolio page logout issue

User import { createRouter, createWebHistory } from 'vue-router' import NProgress from 'nprogress'; import 'nprogress/nprogress.css'; NProgress.configure({ showSpinner: false, speed: 500, minimum: 0.2 }); import DefaultVuetify from '@/layouts/DefaultVuetify.vue'; import HomeView from '../views/HomeView.vue' import Youtubeiew from '@/views/Youtubeiew.vue' import NewsView from '@/views/NewsView.vue' import LoginView from '@/views/LoginView.vue' import RegisterView from '@/views/RegisterView.vue' import DashboardView from '@/views/User/DashboardView.vue' import ProfileView from '@/views/User/ProfileView.vue' import […]

ID based list conversion

User videosCategories.value = response.data.items.map(cat => ({ label: cat.snippet.title, value: cat.id })); How to add id based list Assistant If you want to **create an object with `id` as the key** (instead of an array of objects), you can use `.reduce()` instead of `.map()`. ### Original Code (List format) videosCategories.value = response.data.items.map(cat => ({ label: cat.snippet.title, […]

Consent Mode Error Fix

User I have checked the issue there are 3 method of integration 1- Google Tag Manager 2- WordPress plugin 3- Manually – (This is the method I've applied at Astrowow website) Actually the "Consent mode v2 is not correctly setup" error is actually related to (Google Tag Manager). We can ignore it because we have […]

Consent Mode v2 Setup

User Consent mode v2 is not correctly setup cookie hub manuall installtion Assistant Got it — sounds like you're implementing **Google Consent Mode v2** manually using **CookieHub**, and something’s not set up correctly. Let's walk through how to fix it. — ### ✅ Prerequisites: Make sure you have: – CookieHub installed via their manual install […]

Admin Order Fields Display

User add_action('woocommerce_after_order_notes', 'custom_flower_delivery_fields'); function custom_flower_delivery_fields($checkout) { echo '' . __('Gift Delivery Details') . ''; woocommerce_form_field('gift_eircode', array( 'type' => 'text', 'class' => array('form-row-wide'), 'label' => __('Eircode'), 'required' => true, ), $checkout->get_value('gift_eircode')); woocommerce_form_field('gift_phone', array( 'type' => 'tel', 'class' => array('form-row-wide'), 'label' => __('Phone Number'), 'required' => true, ), $checkout->get_value('gift_phone')); } add_action('woocommerce_checkout_process', 'custom_flower_delivery_field_validation'); function custom_flower_delivery_field_validation() { if (empty($_POST['gift_eircode'])) […]

Move checkout notices WooCommerce

User Move wocommerce checkout notices after place order like email not field top of form Assistant To move WooCommerce checkout **notices** (like "email is a required field" or other validation messages) **after the "Place Order" button**, you can do this with a custom snippet in your theme's `functions.php` file or a custom plugin. By default, […]

Move WooCommerce Notices Top

User Move woocommerce checkout error notices after submit to top of form under different div Assistant To move **WooCommerce checkout error notices** to the **top of the form** (after the submit attempt), and show them under a custom “, follow these steps: — ### ✅ Step 1: Remove Default Error Notice Placement WooCommerce prints errors […]