108,182
questions
0
votes
0
answers
11
views
How do I prevent Nuxt from going to the Error layout when going to an invalid path?
I'm been looking through both GitHub issues, StackOverflow and the official documentation but I can't seem to find where and how to disable router from going to the error.vue page on going to an ...
- 1
0
votes
0
answers
17
views
How to change month names ant design vue calendar component?
I use vue with ant design. i get simple example a-calendar. but i cannot change locale. i need change month and week names. here my code:
<a-calendar
v-model:value="value"
...
0
votes
0
answers
7
views
PrimeVue Passthrough Options
I'm trying to add classes to the pcFilterApplyButton but this (see last line below) isn't doing the trick. I noticed in the documentation (https://primevue.org/datatable/) under the API tab that the ...
0
votes
0
answers
16
views
Why does removing <v-app-bar> make the program work properly
I created a new vuetify project, but after I used <v-app-bar>, everything on my page disappeared.
As you can see from F12, there is nothing in <div id="app">
F12 Displayed ...
0
votes
0
answers
15
views
Laravel malformed UTF-8 characters, possibly incorrectly encoded(image blob save)
I have a Laravel project that save a image blob, but I am getting "malformed UTF-8 characters, possibly incorrectly encoded" error.
What seems to be the problem?
Controller
<?php
...
0
votes
0
answers
28
views
Is it possible to have one element inside an overflow: hidden element ignore the "hidden"? [closed]
I have a div that has overflow: hidden on it in order to be able to truncate text into ellipses at certain screen sizes. I want everything inside that div to be overflow hidden, but I need the ...
- 1,933
-1
votes
0
answers
20
views
Vue Component not rendering correctly on initial load [closed]
I'm encountering a strange issue with my Vue application that uses Contentful for content management. When I navigate to a page from the menu, the component, which is responsible for fetching data ...
- 1
0
votes
0
answers
14
views
Typescript annotation of Pinia state persisted with useLocalStorage()
In my pinia based store I have state with following properties:
const isAuthenticated = ref(false)
const user = ref<{ name: string; email: string } | null>(null)
const accessToken = ref<...
- 451
1
vote
1
answer
37
views
How to type a dynamic component in a generic vue component?
I have a "calendar" component. This component will consume some data from the caller, and display all the days in a month - if there exists some data for that day, then I want to then ...
- 281
-1
votes
0
answers
33
views
Laravel artisan serve connection refused on chrome [closed]
I'm using Laravel with VueJS. When I use chrome or Firefox to view localhost, site stops working after first few page loads. Doesn't happen on Safari. Chrome says "CONNECTION REFUSED". Then ...
- 111
0
votes
0
answers
38
views
how can I fix this routing issue in Apache?
I have an issue about my php and vue js project. When I have this .htaccess file configuration:
RewriteEngine On
# Deliver the folder or file directly if it exists on the server
RewriteCond %{...
-1
votes
0
answers
23
views
How to make vue3 (with vite) and vuetify3 work with chrome 70+?
I'm running vue3 using vite. Everything works well on Chrome 90, but when I run the app on Chrome 70, I get the error "Cannot convert undefined or null to object".
I managed to narrow the ...
0
votes
0
answers
16
views
ScrollSmoother paused/resumed leads to stopping and disturbing the scroll after resumed smoothness
I have replicated the issue and implemented a sample 3 pager nuxt app using stackblitz platform for you take reference. I am clicking on More Details button from Portfolio detail page and popup opens ...
- 340
-1
votes
0
answers
53
views
How to change css class dynamically based on a pinia state value vuejs3 pinia?
I have a sidenavbar which has list of items say
Home Update Delete Restart
I want the colour 'Restart' to change to red without refresh, when there is change in the pinia store value.
Although I see ...
0
votes
0
answers
24
views
Vue 3 - How to create infinite nested (expandable rows) table?
I have a problem with nesting the expandable row components in my table.
Currently, I just created <TableSubRow /> in my <TableRow /> component, then in <TableSubRow /> I created <...
- 1
0
votes
0
answers
16
views
Error when evaluating SSR module - ReferenceError: window is not defined
Getting below error while implementing SSR on Vue 3 project.
Error when evaluating SSR module /src/router/index.js:
|- ReferenceError: window is not defined
at useHistoryStateNavigation (file:///Users/...
0
votes
0
answers
23
views
Nuxt 3 Unit Test with Vitest
my senior ask me to write unit test in Nuxt 3 project and gave me this config
vitest.config.ts
import { defineConfig } from 'vitest/config'
import vue from '@vitejs/plugin-vue'
export default ...
0
votes
0
answers
21
views
Route changing stop working after adding a JS file in vue
i try to implement a font_size setting for the user , he's working great , except if im using it on multiple route . if i add the JS script to another route , the route-view stop working for the route ...
0
votes
0
answers
27
views
Vuetify 3 v-data-table update the groups items after query finishes
Currently migrating from Vuetify2 to Vuetify3. I have a server side table where once the user selects to group from a particular column (say name) a query gets triggered to retrieve all options for ...
- 1
0
votes
0
answers
25
views
Creating an Infinite Scroll Carousel with Clickable Indicators
I’m trying to create a div with horizontal scrolling, similar to a carousel, containing multiple cards that can scroll from left to right. The scroll should be infinite, meaning that once the last ...
- 171
0
votes
0
answers
21
views
Deploy MultiPage VUE Application to Github
I've had a go at deploying a single page application to github (as annoying as it was having to follow different tutorials) but now I'm wanting to push a multipage vue website - that is, a website ...
0
votes
1
answer
44
views
How to remove antd design submenu chevron?
I create component using antd design with tailwindcss. I use vue, dropdown and menu. I cannot remove submenu chevron. beacuse chevron not one line. her my code.
<template>
<a-dropdown :...
0
votes
2
answers
54
views
Can't use app.component after importing my app vue3
In my vue3 app my entry is: main.js
import { createApp } from 'vue'
import router from './router'
import App from './App.vue'
const app = createApp(App)
app.use(router)
app.mount('#app')
//if I do ...
- 11
0
votes
0
answers
29
views
Vue component error handling with onErrorCaptured
We have specific components that have to be handled specially in regard to error logging. We are using Sentry and need to apply specific tags to possible errors when they are thrown in a specific ...
- 812
0
votes
0
answers
20
views
Vue best practice for calling child's child's functions?
Say you have a vue project where.
The App.vue has a button and a child CanvasView.vue file that sets up the canvas.
The CanvasView.vue file has a child CubeComponent.vue that draws a cube
The ...
- 9
1
vote
0
answers
31
views
Unable to save Tag name on Laravel and Vue Js Project
working with Laravel 10 and Vue Js 3 and I need save Tag Name on the table. I have following AdminController
public function addTag(Request $request){
return Tag::create([
'tagName'...
0
votes
0
answers
12
views
How to stop showing inactive slides in vue swiper?
I'm trying to make this https://stories-slider.uiinitiative.com/ slider for stories, but it doesn't work.
The first problem is that after changing the parent slide, the child slider, the previous ...
- 1
0
votes
0
answers
36
views
While installing storybook.js I am getting error "Int.default is not a function" in a current project
I have a Vue 3 application running on VITE.
I am trying to add Storybook to the project.
As stated in storybook doc.. I run npx storybook@latest init
while installing the dependencies the setup throws ...
1
vote
0
answers
15
views
Vue/Cordova/Android - WebView Memory Leak
I have a very simple Vue 2 application that looks through a list if URLs and Video.
The URLs are displayed in an iframe, and the videos are displayed in a video element.
The pages display for 15 ...
- 3,137
0
votes
0
answers
27
views
NODEJS server with VUEJS and websockets, STOPS at 60 seconds
I have the following architecture:
VUE JS ----> NODEJS REST ---> PYTHON REST API (FLASK)
THe backend streams data properly.
The nodeJS part is with websockets like this:
app.post('/start-...
- 33.7k
-3
votes
0
answers
26
views
Best way to display Google ratings for 5,000+ companies? [closed]
I would like to build a platform with Vue and Nuxt 3, where users potentially can see 5,000+ companies on a map. I want to display Google Places ratings for these companies but I'm worried about API ...
- 1
-2
votes
0
answers
27
views
Nuxt.JS How to render a page without any HTML tags inside?
Sorry for My English.
I need to create link in NUXT.JS ( or maybe create plain text files ) to robots.txt and sitemap.xml whith data from remote source ( API ). On every request to this file i need ...
- 7
1
vote
0
answers
21
views
ESLint Import Issue in Turborepo with Vue and Nuxt
I'm currently working with Turborepo and Vue/Nuxt, following the example project from this GitHub link.
I ran the following command to create my project:
npx create-turbo@latest -e with-vue-nuxt
...
- 69
0
votes
1
answer
22
views
Vue.js Form Validation Error: " required field" Despite Filled Fields
I'm working on a Vue 3 project using TypeScript and Naive UI. I have a form with several fields, including 'objet' , 'montant' and 'delai'. The form uses validation rules to ensure these fields are ...
0
votes
1
answer
35
views
DataTable not re-rendering after data update
I'm having trouble re-initializing a DataTable in my Vue.js app after updating the data. Here's my code:
template :
.
<table ref="tableUtamaAlamat" id="tableUtamaAlamat" class=...
- 135
-2
votes
0
answers
24
views
How to correctly configure TypeScript with Vue 3 and Cypress for E2E testing? [closed]
I'm working on a Vue 3 project where I've decided to use TypeScript for type safety and Cypress for end-to-end (E2E) testing. I followed the standard setup instructions, but I'm running into issues ...
0
votes
0
answers
31
views
How to emite on-change event for the e8-form-table-column with a lookup in the column template? [closed]
I am using Every8.cloud framework.
Grid column with lookup.
On-change event for lookup doesn't emit on-change event for the <e8-form-table>.
How to emit on-change event for the <e8-form-table&...
- 1
0
votes
0
answers
35
views
How to Add Bearer Token for Authentication in Video.js Using Nuxt 3?
I'm developing a Nuxt 3 application where I need to play videos using Video.js. The video files are protected and require a bearer token. I'm trying to add the token to the request headers in the ...
- 21
0
votes
1
answer
34
views
How to grow a CSS row to prevent gaps when using max-height
Hello,
I wanted to get rid of the gap (the orange section) that shows up because i set max-height that is less than the space occuped by the top section, i thought main section would stretch but it ...
- 209
0
votes
0
answers
36
views
Vue component: method property not rendering correctly on an app
I'm a beginner that is reading and practicing a book called 'Full Stack Vue.js' by Hassan Djirdeh and I'm having trouble rendering the showTitleOfActiveDay computed property in my Vue component ...
0
votes
0
answers
26
views
Integrating Vue 3 as frontend with Umbraco CMS
I am trying to set up a CMS with Umbraco (v. 14) and then use Vue 3 as the frontend by fetching data through the content delivery API. Since I am new to Umbraco I am not really sure how to set it all ...
- 1,813
-1
votes
0
answers
36
views
Cannot insert multiple photos on multiple pdf pages using jsPDF
Well, I'm wokring on an app with ionic 7, vue 7, capacitor, this app has a feature to send images of invoices, some invoices have multiple pages so the user needs to send multiple photos for the same ...
-3
votes
0
answers
27
views
why the import file from different path in VScode? [closed]
this is package.json config.
{
"name": "vue-test",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"dev"...
-4
votes
1
answer
56
views
A Drag-and-Drop style like in Video Games [closed]
I need help with my project.
I'm trying to make a Drag-and-Drop to assign devices to specific positions or cells.
I researched about this but most are Kanban style or drag-and-drop files, which I ...
- 1
0
votes
1
answer
35
views
Dynamic named imports using variables doesn't work with tree shaking in Vite
My app displays social media links and specifies the icon to display with each link.
I'm using the oh-vue-icons icon library. If you import the whole thing, it's huge.
So I want to import only the ...
- 1,677
0
votes
1
answer
30
views
Channels current state is unavailable? [closed]
Title: Laravel WebSocket: Channels Current State is Unavailable in Live Environment
Description:
I'm working on a Laravel and Vue.js project where I use WebSockets for real-time notifications. ...
0
votes
0
answers
24
views
Deploying Vue/Vite project to Firebase via Bitbucket pipelines
I am trying to setup a Bitbucket Pipeline for my Vue project to Firebase but am getting this error but am able to deploy locally from my terminal
Could not load dependency vite in ./, have you run `...
- 72
0
votes
1
answer
28
views
Why is VueJS Routers savedPosition always 0? How can I store the scroll position by myself?
I have a strange issue with the VueJS Router and its built-in scrollBehaviour-feature.
I want to achieve that on back-navigation, the browser would scroll down to the original position where the user ...
- 12.3k
0
votes
0
answers
8
views
I need upload verification file without re-build nuxt app
I want to upload a temporary file for site verification in the root directory of the site.
This file should be under the public directory, but I don't want to put it in the source code and code ...
- 22
0
votes
0
answers
21
views
trying to import font option in ckeditor5
i am trying to import font option, to change font color of the selected text, i am getting the below error while importing
import { Font } from '@ckeditor/ckeditor5-font';
This dependency was not ...
