26,272 questions
0
votes
0
answers
29
views
How to override Layout.vue when extending the default theme in VuePress 2?
I'm working with VuePress 2 and want to customize the main layout of my site.
I understand that when you extend the default theme (using extends: defaultTheme(options) in .vuepress/theme/index.js), ...
- 61
1
vote
1
answer
90
views
Cannot build Vue app: "default" is not exported by @vue/[email protected]
Background
We are trying to migrate a Dockerized Vue 2/Vite app to Vue 3/Vite and have upgraded (among other packages):
@vitejs/plugin-vue2 2.3.3 --> @vitejs/plugin-vue 6.0.1
buefy 0.9.29 --> ...
- 899
0
votes
0
answers
39
views
driverjs not keeping scroll position in Vuetify v-dialog
I have a Vue 2 project where I’m using both Vuetify and Driver.js. On one page, a v-dialog opens and I use the scrollable attribute. Since the dialog content is very long, it becomes scrollable. ...
- 93
1
vote
1
answer
58
views
Vue 2 + Composition API + vue-test-utils 1.3.6: `Cannot redefine property` and `setProps` doesn’t trigger `watchers`
Problem:
I’m migrating a Vue 2.6 app to the Composition API (via the plugin) and hit two testing issues with vue-test-utils (v1) + Jest:
Jest couldn’t mock functions from a plain TS module (not a Vue ...
- 1,192
0
votes
0
answers
36
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 ...
0
votes
1
answer
63
views
How do you handle assigning unique IDs to front end Vue elements for testing?
We want to assign UUIDs to our front end Vue user-interactable elements (inputs, buttons, links, dropdowns, etc) for our automated testing. We want to structure this in a way that allows common ...
- 297
0
votes
0
answers
39
views
Vue.js + Laravel session auth: "No token" error after login
I updated laravel app from php@7 to php@8 and login doesn't works anymore. admin panel using Vue.js (vue2) as SPA (with VueRouter, Vuex, etc.) and Laravel as backend using session-based authentication ...
- 3
0
votes
0
answers
52
views
Moving an <iframe> between a Bootstrap modal and a div without reloading its content
Tech Stack:
Laravel 8 Blade templates
Vue 2 application mounted inside the Blade file
Bootstrap 5 modal
jQuery
Problem
I have a chat assistant third party web url in a Vue-based environment that ...
0
votes
0
answers
39
views
Devextreme Charts Vue 2 events not working
I have an app built with ASP.NET Core and Vue 2 and I'm using DevExtreme Charts. The charts are rendering fine, I have no errors inside the console, but I have issue with
Hovering over legend
...
- 153
0
votes
0
answers
60
views
Regarding the issue of merging multiple Setups in vue
In vue2, when other developers have already written a setup and I define another setup in the mixin, an error will occur at this moment.
import mixinFile from './mixinFile'
export default {
nane: '...
- 13
0
votes
0
answers
36
views
Chunk file Issues when using load balancers and Webpack
I'll share my whole webpack.config.js file shortly, my issue is this:
We have a server and a mirror server that serves as a load balancer, in both servers we run npm run production to compile the code ...
1
vote
0
answers
119
views
Tiptap Editor Not Rendering and Menus Not Functioning in Vue 2 + Docker Setup
I am using the Tiptap editor in my Vue 2 project, but the editor is not visible in the browser. When I highlight text, the bubble menu doesn't appear, and when I move the cursor to the next line, the ...
1
vote
2
answers
83
views
I keep getting a TypeError using the removeEventListener to remove window resize event
I'm developing a function that adjusts the display content along with the window resize.
I have the following code to add window resize listener
mounted() {
...
window.addEventListener("...
0
votes
0
answers
87
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
54
views
How to setup a singleton store/event bus for micro front ends monorepo with Vue2, Vuex, Vite?
I have this structure which every feature will be treated as a mini app, they will be bundle as separated scripts (based on vite-feature.config) to ready for load as needed on an external app.
They ...
- 1
1
vote
1
answer
93
views
How do i create a watch later feature to add movies to a section then remove later (No javascript allowed)(Use Vue2, HTML, and python)
For my assignment, I need to create a feature where people can add different movies to a watch later section. For this, we are only allowed to use Brython, HTML, CSS, and Vue(I believe our lecturer ...
- 23
-3
votes
1
answer
77
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
2
votes
1
answer
64
views
vue js set-upping echarts gauge not working
I am using .net7.0 web app where js are added like bellow, I can use bar chart but I need gauge chart and when I am changing the type getting this error in the console, it says import { GaugeChart }, ...
- 167
-1
votes
1
answer
64
views
how to make the render on vue2 equals to the render on vue3
I have the same code, but if I run it on vue2/vuetify2 the render will be:
If I run it on vue3/vuetify3 I get:
The color is not black anymore, "informativa privacy" is red and the "...
- 95
0
votes
1
answer
73
views
How can I set v-data-table height to 100% when it is placed inside a flex container?
I have a component which renders a v-data-table
<!-- UsersDataTable.vue -->
<template>
<div>
<DataTable v-bind="$attrs" :headers="headers" hide-default-...
- 457
0
votes
1
answer
168
views
Apexcharts line and area charts only showing tooltips if grid is enabled
I'm using vue-apexcharts wrapper (tried both 1.6.x and 1.7.0 versions) and apexcharts 4.4.0 / 4.5.0 (also tried both versions). I was able to do extensive customizations to chart visuals, but I'm ...
- 666
0
votes
1
answer
61
views
cases for using $event as param of a function
I have a basic question related to argument of a function.
when emitting an event from a child to a parent or when triggering a click event, I've seen in somme cases the add of $event as a parameter ...
0
votes
1
answer
66
views
Pass parent component data to slotted child component in vue 2
I am currently working with vue 2 and am finding a way to access parent component prop data within a slotted component
<template>
<div class="grid-container">
<div ...
- 91
0
votes
0
answers
73
views
nuxtjs/sitemap fetchContainer.$fetch is not a function
I am generating the sitemap dynamically, using the server/api/sitemap/urls.ts, and locally, when build and running node, the sitemap works as it should, fetching everything from the CMS. The problem ...
0
votes
1
answer
66
views
Typescript tsconfig ignored
I am getting a typescript error that shouldn't happen because the tsconfig should prevent it from being compiled. In my tsconfig file I have skipLibCheck set to true. I have the node_modules folder ...
1
vote
0
answers
74
views
Change to CSS opacity not working in production
I’m using vue 2 and vuetify 2 but I have a little problem using a v-hover component from vuetify, everything is working great except that v-hover only works local and when I try it in production (...
- 11
1
vote
1
answer
50
views
Declaring object.prototype in js - VueRouter it automatically calls a method
I declared an extension method for objects by creating my own function. However, I do not call or import it anywhere. As a result, I get an exception. How can I fix this? I don't recall such behavior ...
- 929
0
votes
1
answer
70
views
How to format phone number in Japanese format with Vue2 and v-mask
I have a text box in Vue 2 application and I am using the v-mask library to format phone numbers as the user types them.
The problem
I want them to be formatted as per Japanese phone number format ...
- 790
1
vote
1
answer
32
views
Error: Highlighter type 'Range' is not valid
I am facing this error when serializing a selection using Rangy. I am running version 1.3.2 of Rangy and I am selecting text from the dom level. Has anyone come across this issue? I traced it deeper ...
- 566
0
votes
0
answers
26
views
Disabled Vue iframe security
I have a React app that renders Vue routes and React routes. All works fine, however, for one specific use case I am mounting a react app inside a Vue app. ReactParent -> Vue -> ReactChild. The ...
- 137
1
vote
1
answer
140
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 ...
- 208
0
votes
0
answers
43
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 ...
0
votes
1
answer
132
views
migrating from vue 2 to vue 3 vue-svgicon
I have to migrate an application that use vue2 (2.6.10) to the last version of vue 3; I'm also do not have many experince on frontend development;
I have create the project with
npm init vue@3
I have ...
- 95
0
votes
0
answers
54
views
differentiate forms of broadcasting events in vuejs ($root.$emit and $emit) [duplicate]
I can't tell the difference between these two forms of event broadcasting.
`this.$emit('newComment', this.commentId);`
`this.$root.$emit('newComment', this.commentId);`
when should I use one ...
- 3
1
vote
1
answer
58
views
How to force image to be downloaded instead of being shown?
In Vue.js, when I try to download an image, it just opens in the browser instead of downloading. The same code works in plain JavaScript. What's wrong here:
export const downloadPNG = (url: String) =&...
- 11
0
votes
1
answer
143
views
authentification using a custom service
I am trying to implement a login using the azure-msal-browser package in a Vue2 application.
I am struggling to get it running even after checking a couple of different tutorials.
My plan is as ...
- 1,901
0
votes
0
answers
86
views
How to use VueX 3.6 mapActions in vue 2.7 script setup
we're using VueX 3.6 with Vue 2.7. The project is old We can't go to Vue3. For new components, we're trying to use script/setup for new components. How to use VueX mapper functions in this situation? ...
- 1,318
0
votes
1
answer
73
views
Can't run unit tests after migrating to vue3
I am migrating my project to Vue3. I am getting the following error when I try to run unit tests with yarn jest
Test suite failed to run
Cannot find module 'vuetify/components' from 'src/plugins/...
1
vote
0
answers
23
views
How to Add 'fill-extrusion' Type Data Multiple Times in mapbox-gl
I am trying to add 'fill-extrusion' with different colors to the map multiple times. First, I attempted to add a layer each time:
Vue.prototype.drawPolygonTest = function (map, data, color = '')
{
...
- 11
0
votes
1
answer
79
views
local registration went wrong
I generated a new project using vue 2, then I wanted to apply local registration, but I"m getting compile errors
the following shows the changes files:
main.js
import Vue from 'vue'
import ...
0
votes
1
answer
229
views
How can I position a button at the bottom right corner of its scrollable container? (wrapper div cannot be used)
I have following code
<v-card-text
style="min-height: 700px"
class="px-6 py-4"
>
<v-row no-gutters>
<v-col>
<div
v-for="(log, i) ...
- 457
1
vote
1
answer
1k
views
The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. with Vue2
I realize similar questions have been asked before about this warning, but none of the proposed solutions have solved this issue for me, or been applicable in my scenario.
I have recently upgraded ...
- 681
0
votes
0
answers
188
views
How to Implement "Append to Body" for @shentao/vue-multiselect 2.1.6 in Vue 2.6
I am using Vue 2.6 with @shentao/vue-multiselect version 2.1.6. I've created a reusable component where I bind all props and events to the multiselect component. Here's my code:
Here is the component:
...
- 57
1
vote
1
answer
48
views
vee-validate (Vue 2) does not validate child component
I have a problem with an application working on Vue2.js with vee-validation package.
Here is the link to the app : https://codepen.io/EnjoyMachine/pen/ogvbZgO
// find the code in the codepen link
As ...
- 948
0
votes
0
answers
37
views
Registration causing too much recursion
when trying to register a new user with a specific role I get too many recursion errors
main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './...
1
vote
0
answers
100
views
Cannot find module 'vue-template-compiler'
I am trying to install Vue dependencies globally on my machine instead of relying on a local setup. My goal is to manually install only the necessary modules globally. However, I am struggling to ...
- 11
0
votes
0
answers
22
views
Scrolling down the list of translation items often gets stuck before reaching the end
Describe the bug
When using the Translation tab in multiple pages mode, with the "Used Strings Only" filter enabled, scrolling down the list of translation items often gets stuck before ...
- 161
1
vote
1
answer
99
views
What is 'effect' on Vue computed properties
If I inspect a computed property in Vue 2.7, I can see that, besides the well-known .value property, there's also .effect. I wasn't able to find any information about it, except that it's deprecated ...
- 101
0
votes
1
answer
305
views
Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles') When migrating to Vue3
I am currently trying to migrate from Vue2 to Vue3 using migration build.
When I try to build the project, the following error occurs:
Syntax Error: TypeError: Cannot read properties of undefined (...
- 15
0
votes
1
answer
98
views
To have one translation file per view
I work with vue.js (version 2) and I have a translation block in every vue file like this:
abc.vue
<i18n>
{
"fr": {
"settings": "Conf"
},
&...
- 69