Blog

Vuetify Form Layout Fix

User <script> import { ref,computed,onMounted } from 'vue' import {useDisplay} from 'vuetify' import { useUserStore } from '@/stores/userStores' import {getUserInfo,updateProfileData} from '@/dbstore/firebase/userService' import {useLoadingStore} from '@/stores/loading' const loadingStore = useLoadingStore() const userStore = useUserStore() const tab = ref('option-1') const {mdAndUp} = useDisplay() console.log(mdAndUp) const tabDirection = computed(() => mdAndUp.value ? 'vertical' : 'horizontal') const containerDirection […]

Track online users Firebase

User get all online users that uses signInWithEmailAndPassword to login in firebase Assistant In Firebase, if you're using `signInWithEmailAndPassword`, there is **no built-in method** to directly get a list of all online users. Firebase Authentication does not track the online/offline status of users out-of-the-box. However, you can implement **online user tracking manually** using **Firestore** or […]

Vuetify Select Box Integration

User vutify select box for inject usercategories json array Assistant To create a Vuetify “ that uses an injected `userCategories` JSON array, follow these steps: — ### ✅ Step 1: **Provide `userCategories` in your main entry (already done)** // main.ts or main.js app.provide('userCategories', [ 'Fullstack Developer', 'Frontend Developer', 'Backend Developer', 'Project Coordinator', 'Student', 'Learner' ]) […]

AJAX Error Handling

User $data = array(); if (!$this->isUserLoggedIn) { return redirect()->to('/admin'); } if ($this->request->getMethod() == "post") { $date = $this->request->getVar('selectedDate'); $jsonDates = json_encode($date); // Adjust validation rules to include areaName $rules = [ "siteName" => [ "label" => "Site name", "rules" => "required" ], "areaName" => [ "label" => "Area name", "rules" => "required" ], ]; // […]

Task Manager Laravel Setup

User I want to create a task manager in laravel there is a projects project will multiple task each task can have multiple users and each user can have multiple task there will tracking of status like pending completed Assistant You're describing a many-to-many relationship setup in Laravel with a few enhancements like task status […]

React Theme in WordPress

User Create react theme in wordpress Assistant To **create a React-based theme in WordPress**, you'll typically integrate React with a starter theme or headless setup. Here's a guide for two common approaches: — ### ✅ Option 1: **React Inside a Traditional WordPress Theme** Use React components within a normal PHP-based theme. #### 1. **Set up […]

Vite dev server DDEV fix

User WordPress react + vite + ddev wprock.ddev.site works well after yarn build from dist vut its not works yarn dev Assistant Got it — you're saying: – **`yarn build`** → then opening `https://wprock.ddev.site` → ✅ working fine (using the built `dist` files). – **`yarn dev`** (Vite dev server) → opening `https://wprock.ddev.site` → ❌ *not […]

Vite HMR WordPress DDEV

User import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' import path from 'path' import { fileURLToPath } from 'url' const __filename = fileURLToPath(import.meta.url) const __dirname = path.dirname(__filename) export default defineConfig({ base: '', // for WordPress theme builds plugins: [react()], build: { outDir: 'dist', assetsDir: 'assets', manifest: true, emptyOutDir: true, rollupOptions: { input: path.resolve(__dirname, […]

CORS error wrong endpoint

User Access to fetch at 'https://wprock.ddev.site/graphql' from origin 'https://wprock.ddev.site:5173' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.Understand this error […]

Fetch Primary Menu React

User fetch primary menu in react using graphql wordpress we have already setup every thing just get me code Assistant Got it — you're saying the WordPress + GraphQL (WPGraphQL) part is already set up ✅, and you just want **the React code** to **fetch the Primary Menu** (normally `PRIMARY` or `PRIMARY_MENU` location) and display […]