2,634 questions
0
votes
1
answer
152
views
How to serve a nuxt 3 webapp with unix socket instead of http
Is it possible to build a Nuxt 3 App so that it will use a unix socket instead of serving on a local tcp port? I am intending to make an app with pywebview and nuxt3. I want the pywebview to display ...
- 55
1
vote
0
answers
35
views
The content of the public folder of nuxt3 is modified but not effective?
Please help. I developed a web using Nuxt3. I found that after running with nodejs, the new robots.txt file under my public folder, I modified the content of robots.txt, but refreshing my web did not ...
- 11
-1
votes
1
answer
475
views
"Cannot read properties of undefined (reading 'defineComponent')" when i try to set up vue3-carousel on Nuxt3 App
I am geting the error "Cannot read properties of undefined (reading 'defineComponent')" when i try to use the "npm install vue3-carousel" library on my nuxt3 application
i get ...
0
votes
1
answer
145
views
Nuxt3 Tanstack table how to set checkbox default value as checked?
I'm now using shadcn datatable with Tanstack table.
I have a checkbox on the first column, but I am confused about how to check all the checkboxes as default.
And also have to select/deselect when ...
- 35
1
vote
1
answer
218
views
How to capture scroll position in vue 3 and nuxt3
I am trying to change the color of a scrollbar at a certain position but using window.scrollY seems to trigger errors:
const navBar = computed<NavigationBarData>(
() => {
if (window....
- 1,843
3
votes
2
answers
1k
views
Nuxt 3 & Postgresql: Cannot access 'renderer$1' before initialization
I am working locally on an application built with Nuxt.js 3 and using Postgreql. I am finding that I am running into the following error message: Cannot access 'renderer$1' before initialization
1: No ...
- 91
0
votes
3
answers
1k
views
Where do we define middlewares in nuxt.config.js in Nuxt 3?
I'm migrating a large application from Nuxt 2 to Nuxt 3 and I decided to create a fresh Nuxt 3 application and move code from my previous version to this one but I encountered a problem in my nuxt....
- 1,071
0
votes
1
answer
49
views
How to get registered routes in server middleware with SSR
My Nuxt3 App structure is like this.
pages
┣ ab
┃ ┣ 028
┃ ┃ ┣ [id].vue
┃ ┃ ┗ index.vue
┃ ┗ 029
┃ ┣ index.vue
┃ ┗ ranking
┃ ┗ index.vue
┣ index.vue
┣ [id].vue
┗ ranking
┣ index.vue
┗ [slug]....
- 365
0
votes
1
answer
241
views
Type inference for Nitro plugin
In my Nuxt3 application I would like to use drizzle as my ORM. I registered the DB connection as a Nitro plugin like this:
export default defineNitroPlugin(async (nitroApp) => {
const db = ...
- 7,249
3
votes
1
answer
1k
views
Instantly set Embla Carousel slide index without animation
I’m building a gallery component in where clicking on an image opens a <dialog> containing an embla-carousel. The problem is that when I click on an image, the carousel always opens at index 1, ...
- 563
1
vote
0
answers
112
views
Facebook Messenger and WhatsApp Opengraph not showing image
I am using nuxt 3 SSR with useSeoMeta for pages/posts/[id].vue like this
useSeoMeta({
title: () => post.value?.title,
description: () => post.value?.subtitle,
keywords: () => ...
- 154
-1
votes
2
answers
46
views
Сan't get the google avatar link
this is a link to my google avatar, which is saved on my server
https://lh3.googleusercontent.com/a/ACg8ocKK6uA2DcFFe5MAOtMhGdir04H4FUM9q9ufZW7538UvQ63sIoM=s96-c.
I can't display the avatar on the ...
0
votes
1
answer
280
views
Using two layouts simultaneously in Nuxt 3
I have a /profile page that includes common elements like sidebar, which I handle with a profile layout. The /profile page also has a sub-page at /profile/favorite. I want to use both the default ...
- 563
0
votes
0
answers
367
views
Resolve cors error for Nuxt 3, for embedded app making request in project
CORS ERROR
I have an issue in my project, I understand the error, as well as I tried to find answer for it but no luck so far.
Here is my scenario:
I have nuxt 3 app, where I am embedding one of the ...
- 2,425
1
vote
1
answer
492
views
Using TypeORM in Nuxt 3
I am trying tu use TypeORM in a Nuxt 3 application.
[email protected]
[email protected]
I added TypeORM as a plugin:
// plugins/typeorm.ts
import 'reflect-metadata';
import { defineNuxtPlugin } from '#app';
...
- 21
0
votes
1
answer
774
views
Transition Issue with Layout in Nuxt 3
I am facing an issue with route transitions when conditionally disabling layouts on specific pages. I have a <NuxtPage /> in app.vue wrapped in default <NuxtLayout />, which contains a ...
- 563
0
votes
1
answer
444
views
Component is missing template or render function
This is a stupid question, but I can't figure out what I'm doing wrong.
Trying to setup CK5 in Vue and I'm running into some issues. Getting this error: Component is missing template or render ...
- 263
1
vote
2
answers
3k
views
How to set proxy in Nuxt3?
I can't understand why setting proxy in nuxt 3 doesn't work
When im trying to get data i see incorrect url in development tools
Below is my code, what am i doing wrong?
nuxt.config.js
export default ...
- 47
1
vote
0
answers
32
views
Always getting PaymentIntent status: requires_payment_methodThe PaymentIntent requires a payment method
I am always getting this after a purchase in a Nuxt 3, stripe project: PaymentIntent status: requires_payment_methodThe PaymentIntent requires a payment method.
Here is my frontend function:
try {
...
- 11
0
votes
1
answer
65
views
nuxt @coremyslo/nuxt-icon-font svg icon transformed when use
I'm working on nuxt3, TailwindCss.
Using @coremyslo/nuxt-icon-font and svg to make icon font, but some of icon did not show as expected.
This is my svg image content
<svg width="24" ...
- 35
0
votes
1
answer
259
views
How can DOMPurify be used in a Nuxt application to save cleaned input to Pinia store?
I have included DOMPurify in my Nuxt application as a plugin imported from a layer. I have a textarea that is capturing user input and I can use the v-dompurify-html directive to display the text ...
1
vote
1
answer
670
views
Nuxt 3 Supabase - 500 auth Session missing
I am trying to integrate Supabase Github OAuth with Nuxt 3 but I am having an error "500 auth session missing" and it's very slow!
The server middleware causing the Error: (user.ts)
import {...
- 315
0
votes
1
answer
1k
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 ...
- 563
0
votes
1
answer
348
views
Optimizing Background Images In Nuxt 3
I'm developing a Nuxt.js application and I need to set a decorative background image for a <div>. I prefer using background-image for decorative elements, as it is semantically more appropriate, ...
- 563
0
votes
1
answer
469
views
useAsyncData status returning idle
const { data, status, error, refresh, clear } = await useAsyncData(
'campaign',
() => $fetch(`${$request.baseUrl}/cs/v1/campaign/find/${route.params.campaign}?mode=${route.query.mode || ''}`, {...
- 65