108,320 questions
1
vote
3
answers
34
views
How can recreate a React useState in Vue?
I am trying to create a toggle functionality to make a search bar appear and reappear by pressing on a button. I am unsure to why this code is wrong. Does anyone have any insight?
<template>
&...
0
votes
0
answers
13
views
Image route that is dynamically generated, not html content type
I have a Vue3 SPA that generates dashbaords and such. When I visit https://website.com/#/ it loads my app. I want to visit https://website.com/#/dynamic-img and have the response be a image/png media ...
1
vote
0
answers
16
views
Changing style of DataTable in PrimeVue v4
I am trying to change the column header color in the PrimeVue v4 DataTable, but none of the methods I've tried worked. I might be able to do this by changing the CSS classes globally. If so, what is ...
-1
votes
0
answers
26
views
Components Disappearing After Password Reset [closed]
am working on a full-stack project where I have encountered a strange issue:
When a user resets or changes their password, some components in the application become invisible to them. This issue ...
0
votes
1
answer
63
views
proper way to compute a value based on a store?
I have a view that stores items in a reservation liste. The reservation list sits in a store.
this is a vuetify switch
<v-switch
hide-details
inset
color="black"
:value="...
0
votes
1
answer
26
views
How to fetch data in router index.ts?
So I have the problem that the routes are getting loaded too late, and they exist, but when I reload the page, they won't show, so my guess is that they are getting loaded too late.
I have the ...
0
votes
0
answers
13
views
Correct attribution for embedded Hubspot form
I have an embedded hubspot form on my website, but when traffic comes from Google Ads it does not get attributed correctly. Instead all the traffic is shown as "direct traffic".
I want to ...
1
vote
1
answer
30
views
How to fix the flickering of GET parameters in the address bar?
Flickering of parameters in the address bar (Laravel Jetstream + Vue)
When I generate a URL like this:
http://localhost/admin/users/list?page=2&field=name&direction=asc
and navigate to it, I ...
0
votes
1
answer
21
views
Google results icon for my website is default VueJs icon
I made a website using VueJs and a Template.
Google crawled the website and used the Vue icon as Google results icon (see screen).
I removed the icon and replaced by another one using the same icon ...
0
votes
2
answers
23
views
due to the fact that in the parent min-height: 300px; overflow doesn't work how to fix it
<template>
<div class="chat">
<div class="container">
<div class="messages">
<p>s</p>
</div>
...
0
votes
1
answer
48
views
I tried to change the CSS of an Ionic element
I'm trying to learn Ionic with Vue.js.
I want to do something simple: just change the background color, but it doesn't work.
I don't found good documentation explaining how can i do that
<template&...
-1
votes
0
answers
28
views
Vue3 template not re-rendered while variable update is visible in VueDevTool
I know that there is already numerous posts on the subject but I can't find an explanation to my problem. So here is my contribution to the series of posts on Vue reactivity !!
My application simply ...
0
votes
0
answers
18
views
How to trigger IntertiaUI modal from a Laravel controller
I am using InertiaUI modal: https://inertiaui.com/inertia-modal/docs/introduction for my Vue3 application.
It works fine from the front end when I use the ModalLink and Modal provided by InertiaUI:
&...
0
votes
0
answers
15
views
How can i send an url on telegram and avoid the default telegram in app browser to open?
I'm writing this because i created an spa website using vue. This website uses the Telegram Login Widget but now i'm having a problem. If i send this website on telegram to a friend (with iOS) and the ...
1
vote
1
answer
18
views
Linking inside a i18n message (vue3)
I am using Vue3 with vue-i18n to translate the page to several languages.
let's say I have the following setup :
messages: {
"en": {
"title": "Hello @:name",
&...
0
votes
1
answer
34
views
Adjusting Front end in VUE to match Python back end
I've deployed an Azure Function App that allows scheduling of Azure VMs to be powered on. I'm being asked to update this to instead power the VM on demand and auto power off after 8 hours. I've ...
0
votes
2
answers
39
views
async defineAsyncComponent only returns [Object object]
I'm hoping to use defineAsyncComponent to load a built umd into a separate built Vue app, (eventually) dynamically. They're both using identical vue and vite versions, the latest at the time of ...
0
votes
2
answers
28
views
Get storage image url as a string with VueFire
I'm a beginner with VueJS and I'm facing my first big blocking issue as I'm trying to get an image URL from Firebase Storage, using the VueFire plugin. Here's what I do:
placeStore.ts is where I ...
2
votes
0
answers
28
views
Change height when keyboard appears (Telegram Web App, Vue)
The problem is that when the input keyboard appears, the height changes and chat__header goes up, and message-input does not rise properly.
This application Telegram WebApp on Vue (@vue-tg)
App.vue
&...
1
vote
0
answers
14
views
Nextcloud and VueDesigner
I am trying to get Pinegrow's VueDesigner to work with a Nextcloud app I am writing. The incentive is huge but so are my problems of bringing the two together.
Nextcloud will use Vue 3 only in future ...
1
vote
0
answers
18
views
v-data-table: Ellipsis Truncation Causing Inconsistent Subject Display and Tooltip Behavior
I am using a v-data-table to display a list of correspondences, where each correspondence has a subject. Due to long subject texts, I have applied ellipsis (text-overflow: ellipsis) to truncate them. ...
0
votes
0
answers
21
views
nuxt3 i18n: how can I localize dynamic slugs
I am struggling with localizing slugs for a nuxt3 app with i18n (https://i18n.nuxtjs.org/docs/getting-started).
I want to define some localized slugs somewhere. I tried for example to set them in my ...
1
vote
1
answer
17
views
Vue 3: Clear a input field value when a checkbox is checked
I have a form field that is an input text field and a checkbox. If the user types into the input field, then checks the checkbox I want to clear the input field so it's empty and the checkbox is ...
0
votes
1
answer
19
views
useIonRouter how to replace whole URL
I am using Ion Router from Ionic, and I would like to replace the entire path.
My path:
http://localhost:3000/app/integrations
I would like to go to:
https://app.hubspot.com/oauth/
But I am left ...
1
vote
1
answer
40
views
Computed property lack of reactivity for deep nested object
EDIT01: I'm using "nuxt": "^2.16.0" with "@nuxtjs/composition-api": "^0.29.2".
I'm have been trying for days to figure this out but still dealing with this ...
0
votes
0
answers
24
views
Component is missing template or render function, issue with router
This was working, but then I added ts to vue, and got into next problem:
My router.ts :
import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
import TicketsList from './../pages/...
0
votes
0
answers
10
views
Flask-SocketIO and Vue: Stuck on Port 6114 Instead of 5114 — Hardcoded References?
I have a Flask-SocketIO backend (viewer.py) and a Vue frontend (using Vite). I’m trying to switch from port 6114 to 5114 for my socket connection, but can’t get the code to reflect that change. Even ...
0
votes
0
answers
41
views
Scoped styles unexpectedly leak into recursive child in Vue.JS
Link to Code Sandbox
The child element shouldn't have a border, but it does. This issue can only be resolved by changing [data-border] li to a more strict combinator [data-border] > ul > li. ...
0
votes
0
answers
28
views
Dynamic Components Not Rendering from the Database
I am trying to integrate dynamic components inside my Vue 3 blog articles stored in MongoDB to reduce the work of specifying image details every time. However, the image component is not being ...
1
vote
1
answer
18
views
Vue 3 capture button click within html and call function
I've been converting my Vue3 app to smaller SFCs and I'm struggling to capture the click event on a button within the html page.
Before, I had my component with a template, but I've moved the template ...
0
votes
0
answers
14
views
Fetching data from PodBean in JS/Vue/Nuxt
I'm trying to use the PodBean API to just fetch data from my Podcast (a list of episodes), but the documentation isn't too clear (and I'm not knowledgable enough) to figure out how I do this using Vue/...
0
votes
1
answer
44
views
iOS app created with Capacitor is unable to start
I have a webapp created in Vue.js. By using Capacitor, it is ported to android where it was tested and works seamlessly. I also tried to set it up on iOS, but after successful building, it terminates ...
0
votes
3
answers
29
views
Expand component in Vuetify's grid layout
Using vuetify, I need to create this layout:
[1] [4] [7]
[2] [5] [8]
[3] [6] [9]
Where each number is a component, and the columns could have n components (not necessarily 3). Component #1 will have ...
0
votes
0
answers
33
views
How to generate page routes automatically based on "/pages" folder?
I am building an SPA with Nuxt and from the documentation I got the idea that all *.vue files under /pages folder will be automatically used to generate routes. When I run my app locally the routing ...
1
vote
0
answers
29
views
+100
Electron + Mocha + WDIO unable to mock ipcMain calls
I'm having an issue with mocking ipcMain in wdio + electron + mocha. I have a running electron app that I'm trying to e2e test, but I'm unable to intercept / replace ipcMain message responses.
I may ...
1
vote
1
answer
38
views
Getting crazy with abstract inheritance and members visibility
this is driving me crazy.
I keep getting an error like:
'Type '{ habilete: number; endurance: number; hit: (damage: number) => void; }' is missing the following properties from type 'Monster': ...
0
votes
1
answer
20
views
Laravel and Vue .env dynamic MIX_ Variables, with laravel mix
my problem is the following: I have a Laravel application where the variables in the .env file need to be dynamic. The issue is that when I compile it, the variables get hardcoded in the app.js file. ...
0
votes
0
answers
18
views
TypeError: animationBuilder is not a function
So the whole error is as follows:
@ionic_vue.js?v=bbc2dfce:18984 TypeError: animationBuilder is not a function at animation (chunk-YNRD7USV.js?v=bbc2dfce:838:17)
I know I can disable the entire ...
0
votes
0
answers
38
views
why is it that #text HTMLElement reference to parent Node sometimes return null
I am getting focused element target with selection API this way below
const target = window.getSelection()?.focusNode;
And when the focusNode is #text HTMLElement, I would want to get the #text Node ...
0
votes
0
answers
20
views
Paymongo webhook not receiving failed payment response
I am currently working on a project where we are using PayMongo as our payment gateway. I am facing an issue with retrieving the failed payment response using the PayMongo webhook.
Whenever I select ...
0
votes
0
answers
18
views
Cannot use Vue DevTool despite multiple configuring attempts
I'm developing a mini board game with Vue.js frontend and Django backend. Currently, I use Django to serve the static files under a /static directory, and I configured vite.config.js to output the ...
0
votes
0
answers
30
views
Issue with loading existing data into Shadcn Stepper Component via API
I am trying to load the existing saved details via API into the Shadcn Stepper component but its somehow not working and i am unable to find a solution.
Following is my stepper code:
<div class=&...
0
votes
0
answers
15
views
Vuejs HTML2pdf Content Break in mid way
I'm using the vue-html2pdf library to generate PDFs from dynamic data in my Vue.js application. I'm trying to control page breaks within the PDF, especially for a grid layout where each item is ...
2
votes
1
answer
47
views
Why does my icon sometimes fail to display?
So in my code, I use an icon in the following way:
<template>
<IconTeamJournal class="w-4 h-4" />
</template>
<script setup lang="ts">
import ...
1
vote
1
answer
58
views
Vue 3.1.12 - v-model doesn't work with dynamic generated select
I have an indefinite number of selects. For each select, I need to track the change in their values. So I used v-model:
<!-- Options -->
<div class="size-box" v-for="(values, ...
1
vote
0
answers
30
views
Loading MDX Files From public Directory In NUXT (production)
I Am Currently Trying to load mdx files from my nuxt projects public/docs folder my approch currently is as follows
async function loadMDX(componentPath) {
try {
const { public: { docsBasePath ...
0
votes
0
answers
35
views
The button I wrote in VueJS remains disabled
I wrote a voice command application for VUEJS, but once I press the talk button, it does not work again, I need to refresh the page, how can I solve this problem?
My Code;
<div class="...
0
votes
0
answers
28
views
Nuxt 3, Nuxt Page, how should I apply transition if only one page (no navigation), when landing on site
Just finishing off my landing page, which will be online whilst I build my new portfolio. Thing, is I am thus not using router. I consulted the Nuxt AI, and it told me that the following would work in ...
0
votes
1
answer
47
views
WebStorm not recognizing methods of reactive objects
I am using WebStorm 2024.3.1.1 on MacOS for my current Vue.js project, but the recognition of class methods of reactive objects does not work as expected, i.e. WebStorm is displaying "unresolved ...
0
votes
0
answers
18
views
VueJS Webapp with Electron and Javascript: JSON File Read/Write Issue when Building Executable
I am developing a web application using VueJS and building it with Electron. I have a common file that contains information which needs to be read and written at runtime, acting like a database ...