All Questions
Tagged with nuxt.js javascript
3,549
questions
0
votes
0
answers
11
views
Nuxt Vercel Deployment Failing
Worth a shot asking here. I am having trouble deploying my Nuxt app onto Vercel for some strange reason, I can't pinpoint the error. When I deploy, everything seems fine in the deployment script, but ...
0
votes
0
answers
23
views
Implementing SwiperJs Thumb Gallery In Nuxt 3
I'm working on a Nuxt 3 project and trying to implement a SwiperJS thumbs gallery - https://swiperjs.com/demos#thumbs-gallery. I want the thumbnails to synchronize with the main slider so that ...
-2
votes
0
answers
24
views
Managing Repeated Data: Script Array vs External JSON [closed]
I'm working on a Nuxt project where I have a section with 8 <li> elements, each containing an image, alt text, class, and a link. I want to avoid repetitive code by using a loop to render these ...
0
votes
0
answers
14
views
Performance disadvantages of splitting every component into separate chunks in Nuxt?
So I'm working with Nuxt 2.15 (Vue 2.6). Usually if we have a component that is rendered using v-if (so it is not always needed) we import it like this:
components: {
SideCategory: () => ...
1
vote
1
answer
50
views
+50
How to set loadingTemplate inside custom Nuxt Module
I'm building a nuxt module, and want to set loadingTemplate within this module.
What I tried so far is modifying devServer inside module like below (But no luck)
import { loadingTemplate } from './...
0
votes
0
answers
14
views
Deploying nuxt/laravel site to forge laravel give me an error 500 concerning nuxt chunks
I have an error when deploying the nuxt part of my nuxt/laravel site to forge laravel. I get the following error Cannot find module '/home/forge/my-site.com/.output/server/chunks/app/_nuxt/index-...
0
votes
0
answers
39
views
Open/Close a Sheet component from shadcn-vue using a button in a parent component
I am using Nuxt and have added a Sheet component from shadcn-vue (https://www.shadcn-vue.com/docs/components/sheet.html) into my project. The example provided in the documentation uses a SheetTrigger ...
0
votes
1
answer
38
views
How do I trigger hot reloads for my custom CSS in my vue component?
<template>
<div class="binav" ref="binav">
<div class="nav-content" ref="content">
<component :is="item&...
0
votes
0
answers
9
views
How to import input in select field with vee-validate 4
I am going to put an input as an input to filter the options at the beginning of the options.
But when I put the input inside the field, it is not rendered and displayed at all.
<script setup>
...
0
votes
0
answers
20
views
Nuxt 3 locale javascript files not working after page changes
i added some locale javascript files to my nuxt app but after changing page the javascriptp file are not working of course because they couldn't catch necceserry DOM elements , in this case what ...
1
vote
1
answer
31
views
Nuxt 3 deploy to hosting
I hosted my Nuxt 3 project at https://nuxt-deploy.mpetrosyan.com. When navigating from the main page to a post page, everything works fine. However, if I refresh the page while on a post (e.g., https:/...
0
votes
0
answers
33
views
Nuxthub cannot connect to database
Nuxthub website: https://hub.nuxt.com/
I've been trying to solve this issue for couple days now to no avail.
I have nuxthub installed, but It can't to hub database. On front-end it displays this ...
0
votes
0
answers
23
views
Set a cookie on the parent domain from a sub-domain
I am implementing my admin panel using vuejs and my website using nuxtjs.
After logging into the panel I receive an Authorization token from the API.
I want to pass that token to the website, So I ...
0
votes
0
answers
36
views
Nuxt 3: Page Title Appears as <title>undefined</title> in Google
I'm working on a Nuxt 3 project, and I've encountered an issue where Google search results display my page title as undefined, even though the title appears correctly in the HTML tags. Below is the ...
0
votes
1
answer
23
views
Nuxt.js form submits with every data change
I have this form:
<template>
<div class="flex flex-col mt-[5rem] gap-4 p-4 items-center max-w-4xl mx-auto">
<form id="inquiry" class="flex ...