Skip to main content
Filter by
Sorted by
Tagged with
0 votes
0 answers
15 views

How to make WebStorm auto-import Vuetify types from vuetify/framework instead of internal vuetify/lib/components/*

I’m working on a Vuetify 3 + Vite + TypeScript project in WebStorm. When I auto-import Vuetify types (e.g. SortItem from the data table), WebStorm generates this import: import type { SortItem } from &...
Nayeem's user avatar
  • 119
1 vote
2 answers
42 views

How to use @apply in Tailwind v4?

Since Tailwind v4 update, all @apply directives have ceased to function. The docs provide a workaround with @reference but the posted example is vague. I tried this but it doesn't work: <style lang=...
van_folmert's user avatar
  • 4,569
0 votes
0 answers
22 views

Getter from getter with vuex and Typescript

Trying to upgrade a project that is a couple of years old that uses vuex as store to the latest version of Vue3 with Vite and Typescript. Now stuck on an issue with getters calling other getters. This ...
Leo's user avatar
  • 33
1 vote
1 answer
35 views

404 in DevTool Console for website on AWS Amplify/Vue

I’m running into an issue with my AWS Amplify-hosted website, which is built using Vue 3 and Vite. When I load the main page (e.g., https://url.de/) and navigate to sub-pages (e.g., https://url.de/...
dennis_10-33's user avatar
-2 votes
0 answers
20 views

DeckGL in Vue.js [closed]

I have started using the amazing deck.gl in React, primarily to view GeoJSON files. I prefer Vue.js over React, so I have been looking around for how to use deck.gl with Vue to visualize GeoJSON. So ...
gym's user avatar
  • 1
1 vote
3 answers
88 views

Fill in all remaining spaces of the parent element with HTML child elements and enjoy

I'm not good at English, so my words may sound strange. sorry. I am currently writing a program that receives data and draws a chart, but the chart section at the bottom is full screen, leaving a ...
hograto's user avatar
  • 39
0 votes
0 answers
47 views

Check the type of a custom object

In Vue 3 & TypeScript, I would like to display a different component based on the list given as a prop. Therefore, I'd like to check the type of the objects in my "objectList" The issue ...
Slom's user avatar
  • 53
-3 votes
0 answers
37 views

if condition in forEach loop in vuejs methods [closed]

how can I write if condition in forEach loop inside methods in vuejs? my code is: <script> var app = new Vue({ el: "#VueApp", data: { ...
user2419119's user avatar
-1 votes
0 answers
20 views

AnyChart StockChart Legend Misalignment Issue - Fixed Only After Hover Interaction (only if series has data) [closed]

I'm experiencing a layout issue with AnyChart 8.13.0 where the plot legend is misaligned on initial chart load, but gets properly positioned only after hovering over the chart container. Setup Chart ...
mahbuburrahman rifat's user avatar
0 votes
2 answers
53 views

Display Google map inside a modal in vue.js

I want to display a map inside a modal but it is not working. In my blade. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCtTed7y_ePqg1QoDMHOyu01FtP_Ot-mDU" async ...
Mr_Moh's user avatar
  • 11
2 votes
1 answer
68 views

A composable that requires access to the Nuxt instance was called outside of a plugin, Nuxt hook, Nuxt middleware, or Vue setup function

I'm getting this error when I use useNewSession.ts composable in my Nuxt middleware. [nuxt] A composable that requires access to the Nuxt instance was called outside of a plugin, Nuxt hook, Nuxt ...
link's user avatar
  • 144
2 votes
3 answers
75 views

Pass props with conditional typings in VueJS and TypeScript

I have 2 props: modelValue and range. The type of modelValue is conditional on the value of range. If true, I want modelValue to be of the type [number, number]; if false, I want modelValue to have ...
KFVV's user avatar
  • 145
-1 votes
0 answers
20 views

Vue 3 issue with provide and inject in modal window plugin [duplicate]

Vue 3 problem with provide and inject in modal window plugin You can see the public project (codesandbox) HERE I had a component on Vue 2, I remade it on Vue 3. In the plugin index.js file I wrote the ...
magistr4815's user avatar
0 votes
0 answers
65 views

Why with local storage would email be undefined

I'm configuring Entra OIDC for my team and have run into the issue where the company email only populates in my user store with sessionStorage as my cacheLocation, but not with localStorage. I would ...
ldhlong's user avatar
  • 11
1 vote
1 answer
137 views

How to set up a responsive layout that wraps based on content width/wrapping instead of css breakpoints?

I have a vue.js component with a toolbar that contains three sections: actions, filters, and search with buttons. The current implementation uses CSS breakpoints to control layout ordering, but this ...
Egorallo's user avatar
0 votes
1 answer
50 views

Timeline in Nuxt not showing any items

I have this simple nuxt page and are trying to to render er simple timeline. I have just copied paste from the documentation: https://ui.nuxt.com/components/timeline This page is just blank, but I get ...
Thomas Segato's user avatar
1 vote
1 answer
38 views

Setting default value in USelectMenu

I am trying to populate a USelectMenu and set a default value. However the control shows the id and not the label: This is my code: <template> <div class="p-8"> <h1 ...
Thomas Segato's user avatar
1 vote
0 answers
67 views

ESLint configs error Parsing error: Invalid ecmaVersion

I'm writing a shared ESLint configuration for my own project. One of the configurations for the JS project is: import js from '@eslint/js'; import { defineConfig } from 'eslint/config'; import ...
lai9fox's user avatar
  • 79
0 votes
0 answers
53 views

Search filter not working Vue.js/Django(DRF)

I'm learning DRF from video, I can't figure out how to get the query parameter from vue.js in django so that the filter works. Github of the project author: Django: https://github.com/SteinOveHelset/...
Bobby Loner's user avatar
0 votes
1 answer
32 views

Is it possible to use vuetify theme color in component css? [closed]

I have a custom theme color I would like to use in my CSS. I want to change the text and icon color in an element based on whether the mouse is hovering over it and couldn't get v-hover to work ...
Jason's user avatar
  • 81
0 votes
0 answers
38 views

Vue SSR - computed gets executed only once?

I have a page roughly layouted like this: (simplified to showcase the problem) // PageContent.vue <script setup> const props = defineProps({ data: Object }); const chapters = ref(null); function ...
Kenten Fina's user avatar
0 votes
1 answer
37 views

In a PrimeVue DataTable with rowGroupMode set to rowspan, is it possible to groupRowsBy multiple 'columns'?

Is it possible at all to set up a DataTable in PrimeVue where rowGroupMode is set to rowspan and groupRowsBy is done on multiple columns? For example: Time and User always span the same number of ...
Nicola Zilio's user avatar
0 votes
1 answer
30 views

What are the possible outcomes of the event value from update:modelValue of a Vuetify Datepicker?

So having a look at the documentation we see that when a Vuetify Datepicker component raises the update:modelValue event it passes a value of type [unknown]. My own component is working with Date | ...
baitendbidz's user avatar
0 votes
1 answer
34 views

Tailwind 3 not recognizing width/height rules when elements are loaded dynamically

I have a Vue 3 application using Tailwind 3. If I have an element directly on the page, the sizing rules are applied without issues. Here's a vue file to illustrate: <div class="w-48 h-[...
BoundForGlory's user avatar
0 votes
1 answer
69 views

Computed list with arrow function inside object not working [closed]

I am using Vue 3.5.13 and I have this computed list: const entries = computed<Entry[]>(() => { const elements = model.value.elements; return elements.map((element, index) => { ...
Jonas's user avatar
  • 19
-3 votes
1 answer
69 views

Replace leading minus with trailing BCE

I'm not able to use the date module in my CMS because of the historic dates (many are before the common era), I want to use numbers (this provides me with a correct sorting of the items); so when I ...
Keston Pollard's user avatar
1 vote
0 answers
106 views

Uncaught SyntaxError: Identifier 'validate' has already been declared in .nuxt/middleware.mjs

I'm working on a Nuxt 4 project and sometimes, after I update a file, J got the following error in the browser console: Uncaught (in promise) SyntaxError: Identifier 'validate' has already been ...
Jean François Manatane's user avatar
0 votes
0 answers
29 views

Vue 3 Suspense does not have @resolve fallthrough

I'm trying to wrap the Suspense component and have the resolve event handler fallthrough. Demo App.vue: <script setup> import SuspenseCustom from './components/SuspenseCustom.vue'; import ...
hekevintran's user avatar
  • 23.8k
0 votes
2 answers
48 views

How to copy values from an object to another limiting to properties of another object in vue.js/TypeScript?

In a TypeScript-based vue.js 3 app, some values are provided as part of the initialization. Those values are automatically set to the props variable by vue.js. As those values can be updated by an ...
alik's user avatar
  • 2,383
0 votes
0 answers
54 views

How do I consume a third-party web component in a Nuxt app?

Is there a tutorial about how to use Web Components in a Nuxt app? I am trying to include one in my app. First, I created a Vue app and figured out how to use it there and I got it working perfectly. ...
Paulie's user avatar
  • 2,482
1 vote
0 answers
38 views

Avoid duplicated base URL when serving Vue SPA index.html locally and assets from CDN via Nginx

I’m hosting a Vue.js single-page application using history mode routing. The app’s static assets (JavaScript, CSS, images) are stored on DigitalOcean Spaces CDN, with the Vue app’s publicPath ...
Jacob Nolan's user avatar
0 votes
0 answers
35 views

Navigating to an anchor in Vue SPA not working in Safari

I have a page rendered using Vue, as part of an SPA app. In that page there is a header with an id element, but if I try to navigate to it, either as direct URL or a link in the page then no ...
Andre M's user avatar
  • 7,648
1 vote
1 answer
40 views

Render extra item in VueJS v-for

I have standard v-for like so (using BootstrapVue): <b-col v-for="(card, index) in cards" :key="index" cols="4"> <b-button> Click Me! &...
Jason Anderson's user avatar
0 votes
2 answers
77 views

Dynamically adding/modifying an HTML element with other elements/attributes

I am not sure if this is possible or not but I am receiving an element from the backend and I am trying to modify it to convert a word to a link. This is all in Vue3/Typescript. Example of backend ...
Joey's user avatar
  • 1,896
0 votes
4 answers
95 views

How to access raw text content of slot?

I am trying to access the raw content of the default slot in Vue.js (3.5). However all I seem to be able to access, no matter what method I try, is the content all compressed into a single line. I ...
Majenko's user avatar
  • 1,859
1 vote
1 answer
46 views

404 error has been returned after "connect-history-api-fallback" middleware handed request

Need to provide the HTML5 mode for Vue frontend and Express backend. Client: import { createApp as createVueApplication } from "vue"; import { createRouter, createWebHistory, type ...
Takeshi Tokugawa YD's user avatar
1 vote
1 answer
47 views

VueJs emit event to parent template

I have a page that inherits from a base template (GuestLayout) GuestLayout <script> import Toast from '../Components/Toast.vue' export default { components: { Toast }, data()...
Ohranj's user avatar
  • 13
0 votes
2 answers
54 views

How to change Tree folder icon in Ant Vue Design with another SVG?

Have some SVG icons and I want to change the icons with default (Ant Vue Design Tree) Icons. This is my code I am using tailwind and TypeScript, Vue.js and this is a component that will show in App....
Abolfazl Soheilyfar's user avatar
0 votes
0 answers
35 views

Reactivity issue with TRichSelect, it works but not when called by an internal function [duplicate]

I am using Vue 2 in my application, and the TRichSelect component from the VueTailwind library is not reactive when I populate the v-model variable through an internal function. It works correctly ...
Eriberto Zaccara's user avatar
0 votes
0 answers
27 views

How to properly configure Vite + Vue 3 for webOS (>= 6.0) to support both modern and legacy chunks (including Web Workers)?

I'm building a Vue 3 application using Vite and targeting LG webOS Smart TVs (version 6.0 and higher, tested on webOS 22). I want to support both modern browsers (via ES modules) and older engines by ...
kotaine's user avatar
  • 11
0 votes
1 answer
33 views

Using properties in router-link to field

I have a list of items each with a name and numerical ID. Each one I want to render as a component with a link to a page for that item. This requires me to have a <router-link> tag. I cannot ...
nxe's user avatar
  • 281
0 votes
0 answers
29 views

Vercel & GitHub Pages Deployment Images Issue

I've built a website with Vue (a Vue/Vite project), and while I was developing, I encountered no issues with how the images were displayed. However, upon deployment to both Vercel and Github Pages, ...
redBread's user avatar
0 votes
3 answers
114 views

Minifiying javascript file with webpack breaks vue functionality (specifically with method calls on class instance)

I am working on an ASP.NET project that uses Vue.js and jQuery. I have a JavaScript file (fields.js) that defines several classes (e.g., Users, Fields) and initializes a Vue instance. When I use the ...
kev's user avatar
  • 139
1 vote
1 answer
72 views

Use of iconify/tailwind4 plugin with vue dynamic class names

I'm using @plugin "@iconify/tailwind4"; in my Vue.js project. This works fine using "static" class names like: <span :class="`icon-[tabler--carrot]`" class="...
Cereal Killer's user avatar
0 votes
1 answer
53 views

Unable to open Vue Devtools from Toggle or Select Components in Firefox/Chrome on macOS

Environment: OS: macOS (e.g., Sonoma or Ventura) Browsers tested: Firefox (latest), Chrome (latest) Vue Devtools version: [7.7.7] Vue version: [e.g., Vue 3.4.21] Devtools installation method: Browser ...
Yasin Dehfuli's user avatar
0 votes
1 answer
45 views

Why does inject() return the value of a ref from a reactive object instead of a reactive reference?

I'm working with Vue 3's Composition API, and I’m trying to provide a ref that is part of a reactive object. However, when I inject it in a child component, I get the raw value, not the reactive ref. ...
SajjadLabs's user avatar
0 votes
0 answers
81 views

How i can integrate Zoom call API in Laravel for users

i want to integrate Zoom call API so users can talk with each other but i don't want to create host my self so if user created the call the user should be the host public function createMeeting($data) ...
Ali Raza's user avatar
0 votes
0 answers
58 views

How to keep buttons always at the bottom of the Ion Sheet Modal?

I am using ion modal with breakpoints so it has handle and I can resize it. Good State #1 Good State #2 Here in this picture you can see the correct thing: And also when I click submit it is correct ...
Peter Plevko's user avatar
0 votes
0 answers
26 views

CropperJS crop() is never called in Vue component, preview not updating

I'm trying to build an image cropper in Vue using CropperJS. The cropper UI appears as expected, and the image loads and displays correctly. The issue I'm running into is that the preview isn't ...
666Jonah666's user avatar
0 votes
1 answer
75 views

How to modify the matching mode of the filters in a PrimeVue TreeTable?

I am using the TreeTable component of the PrimeVue library. In the example from the documentation (https://primevue.org/treetable/#filter ) the filters are initialized with: const filters = ref({}); ...
zelite's user avatar
  • 1,516

1
2 3 4 5
2165