108,324 questions
0
votes
0
answers
17
views
Vue 3 & Vuetify | Trouble getting content of Vuetify tab to scroll when there is overflow
I'm trying to get the content of a Vuetify tab to scroll without statically sizing the parent control.
Here is a Vuetify playground that contains the structure of my project:
Vuetify Playground
You ...
- 83
0
votes
0
answers
16
views
How to use Layouts in Nuxt 3 with a single [...slug].vue dynamic page?
Simplifying my code, I have this setup:
/components
/page
Type1.vue
Type2.vue
/pages
[...slug].vue
app.vue
where in [...slug].vue I have
<template>
<PageType1 v-if="page?....
- 618
0
votes
1
answer
22
views
how to get only the id, when using vue select
So I have a select from Vue Select, but what comes out is all object data, what I want is only the ID of the data, how can I get just the ID?
here is my code
const form = useForm({
name: '',
...
-1
votes
0
answers
20
views
Changing style on vue-flow nodes does not work on custom nodes
In my vue-flow graph I defined a node without source and target handlers.
<script setup lang="ts">
import type {NodeProps} from "@vue-flow/core";
defineProps<NodeProps>(...
- 263
0
votes
0
answers
24
views
Main chunk in Webpack references the wrong runtime chunk
In an existing web app written in Vue and PHP, we are trying to add a Micro Frontend using Module Federation.
After we configured the app, I found out that the watch command wasn't working correctly. ...
- 2,059
0
votes
0
answers
38
views
Why am I getting "ERR_CONNECTION_REFUSED" when querying by sidecar-hosted backend in Azure App Service?
I'm trying to deploy a fairly basic web app in Azure App Service. I have a backend image (running django+graphql) and and a frontend image (running vue+apollo), and when I run them locally either ...
- 1
0
votes
0
answers
44
views
Inherit a Component and "Append" Content to Its Slot
Does Vue 3 support something like this? the super() part
(The situation is that I can't modify the base component, but I want to extend it with extra content.)
ComponentA.vue
<template>
<...
- 1
-3
votes
0
answers
43
views
Why does the window move when the user makes a selection? [closed]
In our JavaScript Vue code we have a template that looks approximately like this:
<template>
<NiceDialog
ref="selectMenuBody"
closable
modal
v-model:visible="...
0
votes
0
answers
14
views
'./dist/bootstrap-vue-next.mjs?' does not provide an export named 'BootstrapVueNext'
In my laravel application after i installing npm install bootstrap bootstrap-vue-next
and updating the vite.config.js :
import { BootstrapVueNext } from 'bootstrap-vue-next';
import 'bootstrap/dist/...
0
votes
0
answers
37
views
Unable to properly set zoom level on different devices via OpenLayers
I have tried everything and can't seem to figure out how to properly set the zoom levels differently on map initialization and load for different devices. The goal is to have the "United States&...
0
votes
1
answer
32
views
Dynamic Alias Configuration in Quasar/Vite's extendViteConf Fails with Environment Variables
I'm working on a Quasar (v2) project using Vite (quasar cli) as the build tool, and I need to deploy multiple instances of nearly the same web application, each with different assets, images mostly. ...
- 43
1
vote
1
answer
23
views
Vuetify when dialog opened from menu item. Dialog opened, but menu still appear
<template>
<v-menu>
<template v-slot:activator="{ props }">
<v-btn color="primary" v-bind="props"> Activator slot </v-btn>
&...
0
votes
0
answers
42
views
How to use TypeScript transformers on Vue files
I use plugins to generate objects from types in my Quasar project. They work fine, but only on .ts files. All files with .vue extension (I use <script setup lang='ts'>) don't come to plugin's ...
- 397
0
votes
0
answers
40
views
Why my input validation function and mask for it are not working?
I have a problem. There is a parent component Form/index.vue , which contains an input for a phone number, it is linked to v-model. But for some reason, validating the mask using a function in the ...
0
votes
0
answers
17
views
Erro: nodeJS - Empty Callback=undefined or baseUrl=http://localhost:8080 - Onlyoffice document server with Vue.js 2 + TS
I am working with ONLYOFFICE Document Server running in a Docker container. My frontend and backend are running on my local machine. However, when trying to save a document via the ONLYOFFICE editor, ...
0
votes
0
answers
29
views
Vuetify text-area scroll not working when placed inside slot of custom component
My project uses Vue 3 (w/ Composition API) and Vuetify. I'm trying to create a custom container component that essentially adds a title bar to its content. This is the custom component:
// ...
- 83
0
votes
0
answers
31
views
How to disable autocomplete on Vuetify v-text-field with type "password"?
I'm using Vuetify's v-text-field component, and I need to disable the autocomplete functionality for a password input. Here's the code I have:
<v-text-field
v-model="password"
label=&...
- 1
0
votes
0
answers
25
views
how to vuefity3 migration
I’m upgrading my Vue.js project from Vuetify 2 to Vuetify 3 (on Vue 3). Before, I had a global CSS file full of overrides targeting Vuetify 2 class names.
After switching to Vuetify 3, none of these ...
- 1
0
votes
0
answers
32
views
Media recorder API video chunk issue
I have a Vue JS2 app that uses MediaRecorder API for creating a Blob for video.
The basic functionality I have is record a video. user can pause a video and on pause user can delete the last recorded ...
- 31
0
votes
0
answers
81
views
How do I create a production version of vue + laravel?
How can I create a production version of a Laravel application?
There is vite.config
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue'...
-1
votes
0
answers
44
views
cy.intercept does not catch POST request (alias not triggered, timeout)
I'm trying to intercept a POST request to my backend API using cy.intercept(), but the alias is never triggered — even though Cypress detects the route match in the DevTools.
Context:
Frontend: Vue 3 ...
- 1
-1
votes
0
answers
38
views
when to use vi.hoisted
I got two difference cases when using vitest to write mocks:
case 1:
const mockedMethod = vi.fn();
vi.mock('./path/to/module.js', () => ({
originalMethod: mockedMethod,
}));
case 2:
const ...
- 767
1
vote
2
answers
61
views
How to correctly configure tailwindcss with nuxt3 and apply styles to content?
I have installed TailwindCSS v4 in a Nuxt.js project following this:
https://tailwindcss.com/docs/installation/framework-guides/nuxt
And added nuxt-content which works fine. But I'm struggling to ...
- 1,457
-1
votes
0
answers
24
views
Select nodes with empty children array in v-TreeView
I am using load-children property & setting children array to required array only when drop down is clicked. Using this because TreeView is breaking when large data is passed. But when I click a ...
0
votes
2
answers
97
views
Inertiajs router makes requests to web.php, how do I change that so that it will make requests to api.php?
Inertiajs router makes requests to web.php by default, how do I change that so that it will make requests to api.php by default in a Vue app.
Route::post('/api/guardian-app/m/verify-phone', [...
- 144
1
vote
1
answer
28
views
How to Add Gap Between Button Dropdown and Card in Vue Quasar
So I am trying to create a personal automation app that has some action blocks that I add using an Action Dropdown button. Here's this element:
<div class="row justify-center">
<q-...
- 113
0
votes
1
answer
70
views
How do I bind element index using vue.js v-for to element model
Let's say I have the following model:
const mymodel = ref({
some_collection: []
});
I also have an element inside my vue.js component:
<div v-for="(div_model, index) in mymodel....
- 6,541
0
votes
1
answer
24
views
How to show unique data between two v-combobox
Right now I am using Vuetify 3 data table and v-combobox. In the data table I have two v-combobox who use same data for display and multiple select. Now what I want is when I select a value in the ...
- 3
0
votes
0
answers
42
views
How to render dynamic templates in Vue3
I have this component which I used in vue2 to render templates dynamically. But this stopped working in vue3. I have the code as below.
import { defineComponent, h } from 'vue'
import { } from '...
0
votes
0
answers
13
views
Make custom clip-path in my vue app as my figma [duplicate]
hello guys i try to make a custom css clip path to achieve this product card cart button
but i don't make it
any help to make it happened
this is my code for it
it try to clip-path polygon and xywh ...
- 323
0
votes
0
answers
26
views
Vue + FormKit: "Failed to resolve component: FormKit" warning and form not rendering
I'm trying to set up a login form in my Login.vue component using FormKit, but it's not rendering in the browser. When I inspect the page, I see the following warning in the console:
[Vue warn]: ...
- 1
-1
votes
0
answers
39
views
404 on Page Reload with Vue Router History Mode
All right! Here's just the error message text, as you might post it on Stack Overflow – without code blocks:
When I reload a page like http://localhost:8080/dashboard/mitarbeiter, I get this error:
&...
3
votes
1
answer
50
views
Vue / Pinia / Typescript calling class instance method in Pinia store results in error
I have a project that utilizes Vue 3 (w/ Composition API), Pinia, Typescript, and SignalR. I'm running into an issue with calling a class instance method from within a pinia store action.
This is the ...
- 83
0
votes
1
answer
39
views
Vue (Nuxt.js) adding type to `defineModel` from `useAsyncData`
In my Nuxt.js project I have an API endpoint (GET /api/trackers/:id):
export default defineEventHandler(async (event) => {
const { user } = (await requireUserSession(event)) as unknown as { ...
- 863
0
votes
0
answers
29
views
Nuxt 3 NuxtLink Not Redirecting Properly, Only <a> Tags Work
I'm working on a Nuxt 3 project, and I'm experiencing an issue where NuxtLink components are not redirecting properly. Clicking on a NuxtLink does not navigate to the desired route, but using a ...
- 15
0
votes
0
answers
68
views
Auth0 login redirect failing with “Network connection was lost” error on Capacitor iOS app
I’m integrating Auth0 login with my Vue SPA using Capacitor for an iOS native app. The app runs on an iOS emulator (iPhone 16 Pro, iOS 16.0+), but login consistently fails at auth0....
- 1,182
0
votes
1
answer
34
views
Minor errors on the client trigger full-screen error page in Nuxt
I have a Nuxt 3 app. Each time some little error happens on the client in vue, nuxt shows an error.vue page
This may sound great and make you notice these little errors faster, but in production - ...
- 1,828
0
votes
1
answer
28
views
Unable to link woff2 font file into a vscode extension whose frontend is based on vuetify 3
I have created a vuetify(3.8.1) based frontend and built it using vite build. Then included the files in dist folder in a new project where extension code exists. file structure has dist/assets then ...
0
votes
0
answers
32
views
Excessive Refresh Token Requests in Nuxt Auth (sidebase)
Environment
bun v1.2.5
Operating System: Windows_NT
Node Version: v22.14.0
Nuxt Version: 3.16.0
CLI Version: 3.23.0
Nitro Version: 2.11.6
Package Manager: [email protected]
Builder: ...
- 11
1
vote
1
answer
38
views
How to make Vuetify v-carousel fill remaining height while using v-app-bar in v-layout
My project uses Vue 3 w/ the Composition API, Vue Router, Typescript, and Vuetify.I'm struggling to get a v-carousel component from Vuetify to fill the remaining height of a v-container object when ...
- 83
1
vote
1
answer
51
views
Why in element-plus date-picker component on save lose 1 day?
In Laravel 12 / vuejs 33.5.13 / element-plus 2.9.5 app I use date-picker component
<el-dialog v-model="dialogVisible" title="Select Day">
<el-form :model="form&...
- 3,233
0
votes
1
answer
30
views
How to display static pdf url with vue-pdf-embed library on production
I have a Dialog in my vue project to display a PDF file. This is how the parent component handles the PDF file.
async function openDialog(index: number) {
isLoading.value = true;
const ...
-3
votes
1
answer
55
views
how can i remove percentage from vue url
How do I remove the % from my URL ?
This what my url:
http://localhost:8080/product/We-Vibe%2520Sync%2520O%2520Remote%2520and%2520App%2520Controlled%2520Rechargeable%2520latern's
When I call this
...
- 547
0
votes
2
answers
91
views
Scoped Slots & render() & h() function
This is a simplified situation. In reality, my code is more complex and larger. I am making a table component.
I am trying to pass data from a table to the column-component slot, which I pass through ...
- 688
0
votes
1
answer
93
views
CSS hover effects moves input field below
I finally got the PrimeVue hover effects working. I had to add a bit of CSS work to it, since the Designtokens did not all the work.
But now the hover effect of the first input field causes the input ...
- 3
0
votes
0
answers
18
views
Trix editor in Vue app not serializing attachment captions unless manually "committed"
I'm using the Trix editor in a Vue.js application and running into an issue with image attachments and captions not being properly serialized when saving a comment.
When I insert an image attachment ...
-1
votes
1
answer
36
views
Enforce format of data-attribute in vuejs, especially arrays
Is there a way to enforce the format of data-attributes?
Considering the following situation, the returned value is often a string – not an array. splitting is not always desirable, for instance, if ...
- 1,642
0
votes
1
answer
74
views
Why is my setup for 'Collaborative Editing' for milkdown plain working and not for Crepe (Vue 3)?
I've got the editor working with the vanilla setup and following milkdowns guide: milkdown setup with collab-plugin api: collab-plugin.
Collaborative Editing Guide Collaborative Editing.
Using: Vue 3, ...
- 2,639
-1
votes
1
answer
74
views
Why doesn't the `loading="lazy"` attribute of the `<img>` tag work for lazy loading when used inside an `el-carousel` component?
Why doesn't the loading="lazy" attribute of the tag work for lazy loading when used inside an el-carousel component?
Online Demo
Element Plus Playground 1
Example Code
<script setup lang=...
0
votes
2
answers
59
views
Method Illuminate\Auth\RequestGuard:: does not exist
The logout button doesn't work, it returns “Method Illuminate\Auth\RequestGuard::logout does not exist.” I checked everything seems to be correct, but it doesn't work.
route:
Route::middleware(["...
