Month: March 2025

Firebase Cloud Storage Vue

User How to use firebase free tier cloud storage operations from localhost vue application Assistant To use Firebase's free tier **Cloud Storage** in your **local Vue.js** application, follow these steps: — ### ✅ Step 1: Set up Firebase Project 1. Go to [Firebase Console](https://console.firebase.google.com/). 2. Click “Add project” → follow the steps to create a […]

Vue form error fix

User <script> import { ref } from 'vue' import { useAuthStore } from '@/stores/auth' const form = ref(null) const items = [ 'Item 1', 'Item 2', 'Item 3', 'Item 4', ] const title = ref('') const description = ref('') // will contain HTML const descriptionRules = ref([ (v: string) => !!v || 'Description is required', […]

Form Validation Error Fix

User chunk-U3LI7FBV.js?v=12b17e52:12153 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '_withMods') at AddPortfolio.vue:1:1 <script> import { ref } from 'vue' import { useAuthStore } from '@/stores/auth' const form = ref() const items = [ 'Item 1', 'Item 2', 'Item 3', 'Item 4', ] const title = ref('') const description = ref('') // will […]

Vuetify QuillEditor Validation

User <script> import { ref } from 'vue' import { QuillEditor } from '@vueup/vue-quill' import '@vueup/vue-quill/dist/vue-quill.snow.css'; const form = ref() const items = [ 'Item 1', 'Item 2', 'Item 3', 'Item 4', ] const title = ref('') const description = ref('') // will contain HTML const url = ref('') const imageFile = ref(null) const nameRules […]

Form Validation Fix

User <script> import { ref,shallowRef,inject } from 'vue'; import Google from '@/assets/images/auth/social-google.svg'; import {signInWithGoogle, signInWithGithub} from '@/firebase'; import { useForm, useField } from 'vee-validate' import { useAuthStore } from '@/stores/auth'; import { useRouter } from 'vue-router'; import publicApi from '@/publicApi'; import {useLoadingStore} from '@/stores/loading'; const loadingStore = useLoadingStore(); const authStore = useAuthStore(); const router = […]

SVG Code Request

User out above Assistant It looks like you're trying to extract or modify something in the given SVG code, but I need more details. Could you clarify what you mean by "out above"? Do you want to: 1. Extract specific parts of the SVG? 2. Modify the SVG structure or styling? 3. Debug an issue […]

Vue Router Layouts

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 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 SettingsView from '@/views/User/SettingsView.vue' import […]

VeeValidate form submission fix

User Vuetify form login laravel vue external Assistant To create an external Vuetify-based login form for a Laravel and Vue.js application, follow these steps: ### **1. Backend – Laravel Setup** Ensure that Laravel handles authentication correctly with a token-based approach like Sanctum or JWT. #### **Install Laravel Sanctum (if not installed)** composer require laravel/sanctum php […]

Form validation and error handling

User <script> import { ref,inject,onMounted } from "vue"; import Google from '@/assets/images/auth/social-google.svg'; import { useAuthStore } from '@/stores/auth'; import { useLoadingStore } from '@/stores/loading'; import { useRouter } from 'vue-router'; import { Form } from 'vee-validate'; import publicApi from '@/publicApi'; const apiUrl = inject('apiUrl'); const loadingStore = useLoadingStore(); const authStore = useAuthStore(); const router = […]

Form Validation Fix

User <script> import { ref,inject,onMounted } from "vue"; import Google from '@/assets/images/auth/social-google.svg'; import { useAuthStore } from '@/stores/auth'; import { useLoadingStore } from '@/stores/loading'; import { useRouter } from 'vue-router'; import { Form } from 'vee-validate'; import publicApi from '@/publicApi'; const apiUrl = inject('apiUrl'); const loadingStore = useLoadingStore(); const authStore = useAuthStore(); const router = […]