I have a function that is supposed to change words every few seconds. Everything works as expected, but I get following error every few seconds in the VSC console: TypeError: Cannot set properties of null (setting 'textContent') at Timeout._onTimeout (.../components/home/Hero.vue:36:28)…
I want to use OAuth login for discord (https://discord.com/developers/docs/topics/oauth2#oauth2) for my website in previouse version I was using blade instead of Vue so I was using socialite and it was easy but now that I'm suing Vue I have no…
I would like to translate a number into a text for example 300 into three hundred, I am using Laravel 9 inertia js and Vue 3 i need translate a text into a number for example 300 into three hundred
I want to make a simple web photo editor. I need to change the brightness, contrast. Here's the code. <script setup lang="ts"> import { ref } from 'vue' import { getFromDB } from './db.ts' const data=ref(getFromDB()) const img=ref<HTMLImageElement>() const onLighter=()=>img.value.style['filter']='brightness(120%)';…
I use [email protected] and [email protected] main.js import { createApp } from 'vue' import App from './App.vue' import router from './router' import PrimeVue from 'primevue/config'; import './assets/main.css' // primevue-css import "primevue/resources/themes/lara-light-indigo/theme.css"; import "primevue/resources/primevue.min.css"; import 'primeicons/primeicons.css'; import '/node_modules/primeflex/primeflex.css'; const app = createApp(App)…
I apologize ahead of time if the answer is obvious, I'll admit I have never truly understood the bones of CSS vars! What I am trying to do: Use Vue 3 composition APIs v-bind to override a CSS value of…
With the new Vue3 Suspense component, it seems like image loading with skeleton loaders as a default should be quite straight forward. For example, I want to have a default skeleton loader that switches to the real image when it's…
I have the vue component below: <template> <div class="container"> <div class="row"> <div class="col-md-4" v-for="product in products" :key="product.id"> <div class="card mb-4"> <!-- <img :src="product.image" class="card-img-top" alt="..."> --> <div class="card-body"> <h5 class="card-title">{{ product.name }}</h5> <p class="card-text">{{ product.description }}</p> <a href="#" class="btn btn-primary">Buy</a>…
Hello everyone and thanks in advance for your help. I am new to VueJS and was asked to work with a big codebase that uses the OptionAPI of VueJS. This code was written before Vue3 was release. However, it seems…
I have several similar elements that are defined as follows: <script setup> const el1 = ref() const el2 = ref() const el3 = ref() </script> <template> <h1 ref="el1"></h1> <h1 ref="el2"></h1> <h1 ref="el3"></h1> </template> I want to combine all of ref…