Blog

Vue Firebase Auth Setup

User Vue js vutify ,Pinia user register login firebase along with google and github login Assistant Here’s a complete guide to implementing **user registration and login** using **Vue 3**, **Vuetify**, **Pinia**, and **Firebase** (with **Google & GitHub login support**). — ### 1. **Project Setup** yarn create vue # or npm init vue@latest # Then choose: […]

Vue AI Chat System

User Create AI chat system means store some default message and ask to user one by one vue js vuetify pina Assistant To create a simple **AI-style chat system** using **Vue 3**, **Vuetify**, and **Pinia**, where default questions are stored and shown to the user one by one (like a form wizard or onboarding chat), […]

Vue Firebase Chat System

User Vue js firbase db chat system for any user to admin Assistant Here’s a simple **Vue 3 + Firebase Realtime Database chat system** structure where **any user can chat with admin**. This setup includes Firebase auth, chat messages storage, and basic frontend components. — ### **1. Firebase Setup** Enable: – Firebase Authentication (Email/Password or […]

TS Path Alias Fix

User src/dbstore/firebase/myPortfolio.ts:1:29 – error TS2307: Cannot find module '@/firebase' or its corresponding type declarations. 1 import { db, storage } from '@/firebase' ~~~~~~~~~~~~ Found 2 errors. ERROR: "type-check" exited with 2. Assistant The error you're seeing: TS2307: Cannot find module '@/firebase' or its corresponding type declarations. means TypeScript doesn't recognize the alias `@/firebase`, likely because […]

Portfolio Page Vuetify

User create portfolipage in vutify Assistant Here's a basic example of a **Portfolio Page** built using **Vue 3 + Vuetify 3** that displays a list/grid of portfolio items using cards: — ### ✅ PortfolioPage.vue (Full Component) <template> <v-container class="my-10"> <v-row> <v-col cols="12" class="text-center mb-8"> <h1 class="text-h4 font-weight-bold">My Portfolio</h1> <p class="text-subtitle-1">Projects I've worked on</p> </v-col> <v-col […]

Elementor widget animation setup

User <script> window.effect1ElementId = '<?php echo esc_js($effect2_id); ?>'; window.effectFontSize = '<?php echo esc_js($font_size); ?>'; window.effectTag = '<?php echo esc_js($tag); ?>'; </script> <script> " > </script> <script> </script> '; self::$script_loaded = true; } if(!is_admin()) { ?> <script> window.effectFontSize = '<?php echo esc_js($font_size); ?>'; </script> <script> " > </script> Assistant Here's the corrected and optimized version of […]

Enable HTTPS AWS EC2

User enable https in aws instance Assistant To enable HTTPS on your AWS EC2 instance, you'll need to follow these steps: ## Step 1: Connect to your EC2 instance via SSH ssh -i /path/to/key.pem ubuntu@your-ec2-instance-ip Replace `/path/to/key.pem` and `your-ec2-instance-ip` with your details. — ## Step 2: Install Certbot (Let's Encrypt) Update your packages first: sudo […]

Netlify Mixed Content Issue

User index-B4H2E9SX.js:32 Mixed Content: The page at 'https://gorgeous-nasturtium-17af89.netlify.app/forget-password' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://ec2-51-20-60-238.eu-north-1.compute.amazonaws.com/api/send-otp-password'. This request has been blocked; the content must be served over HTTPS. netlify but i want to use http Assistant Netlify deploys sites using HTTPS by default, which enforces secure connections. Modern browsers block "Mixed Content," […]

Vue Router Netlify 404 Fix

User Okay after deploy to netlify vue js app internal routing is working but when page refresh then 404 Assistant This is a common issue when deploying a Vue.js app (especially with Vue Router in **history mode**) to Netlify. When you refresh a page or directly visit a nested route (e.g., `/about`), Netlify looks for […]

Vite build Netlify error

User Vue netlify build failed shows vite build not found Assistant If you're deploying a Vue 3 project to Netlify and seeing an error like: Command failed with exit code 1: vite build not found It typically means Netlify is unable to recognize or run the `vite build` command. Here's how to fix it: — […]