Questions tagged [nuxt3.js]
The nuxt3.js tag has no usage guidance.
nuxt3.js
2,663
questions
0
votes
0
answers
9
views
How to add additional data to the user with supabase signUpWithPassword() in Nuxt?
How to add additional data to the user with supabase signUpWithPassword in Nuxt?
If I am getting the user's data with useSupabaseUser , I am not seeing the added data.
Here is my login function:
const ...
- 3
0
votes
0
answers
19
views
What causes Cannot find module '~/pages/index.vue' or its corresponding type declarations. ts(2307) error while using router.options.ts?
see sample image here
I have a nuxt 3 project and I would like to use custom routing with it. I followed nuxt documentation on custom routing and added a folder named 'app' and inside I created router....
0
votes
0
answers
15
views
Nuxt.js global middleware keep redirecting me to login after refershing a page after authentification
So i have a globabl middleware that is supposed to portect other routes based on if a token is in local storage
import { parseCookie } from '~/utils/parseCookie';
export default ...
0
votes
1
answer
12
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
0
answers
14
views
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 './...
- 4,088
0
votes
0
answers
31
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 {...
- 285
0
votes
0
answers
4
views
How to dynamic import in Nuxt 3 without preloading the bundle?
I'm trying to dynamic import firebase-auth module in Nuxt 3, however the build always preload firebase-auth despite dynamic import, sample code below:
onMounted(async () => {
if (Math.random() &...
- 1,122
0
votes
0
answers
27
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 ...
- 319
0
votes
1
answer
11
views
Nuxt 3 HMR Module not reloading changes
I have nuxt 3 project and installed couple of packages .
the hmr was working fine .. it just stopped suddenly no clue why .
there's no errors in the console . the cmd shows the files are being updated ...
- 1
0
votes
0
answers
10
views
Why does the language setting not work for input error in vee-validate?
I think I have set all the language settings for vee-validate but it still defaults to the English language error! I want to display the errors in Farsi language. I have also installed the necessary ...
- 15
0
votes
1
answer
20
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, ...
- 319
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>
...
- 41
0
votes
0
answers
16
views
Can't build a dynamic link on nuxt 3
I need to create a link like this for password-reset
http://localhost:3000/password-reset/d866f5fa974450aabc5fe0943d7266c6659f43e28f1a7a3cda94957374e55974?email=ospreystudio2020@gmail.com
I compiled ...
0
votes
0
answers
22
views
Nuxt 3 / Nuxt UI / Vuedraggable - Is it possible to reorder table rows in <UTable> using Vuedraggable?
I need to create a table with the possibility of reordering items via drag&drop but no idea if that's possible. I am using many v-slots to adjust the styling and content.
<UTable
...
0
votes
1
answer
12
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