Better Auth & Nuxt 4
Given the new directory structure in Nuxt 4, what is the best and most secure way to set up Better Auth (https://better-auth.com) ? The information in the current docs applies more for the Nuxt 3 structure.
upagemarquee doesn't respect width of parent div?
I have a div with "px-4 mx-auto max-w-[var(--ui-container)] flex flex-col gap-8 items-center py-16 relative" and inside that div i put a upagemarquee " <UPageMarquee>
<UIcon name="i-simple-icons-github" class="size-10 shrink-0" />
<UIcon name="i-simple-icons-discord" class="size-10 shrink-0" />
<UIcon name="i-simple-icons-x" class="size-10 shrink-0" />
<UIcon name="i-simple-icons-instagram" class="size-10 shrink-0" />...
RangeError: WebAssembly.instantiate(): Out of memory: Cannot allocate Wasm memory for new instance
Hello, when trying to run my server "node .output/server.index.mjs" on my shared vps, I got the WebAssembly.instantiate() out of memory error. I checked in cPanel, and I was only using up 200mb of the 1gb allocated to me. my app in node processes also only takes up ~200mb of ram.
Checking around the internet, I found other people with the similar WebAssembly.instantiate issue on the server. I couldn't figure out why I am getting it and how to resolve it. my server isn't using any ram. I am wondering if there is anyone here who has come accross this particular issue with cPanel.
Some sources said that cPanel caused this problem, but ssh didn't. Due to security, my provider doesn't allow ssh....
How do I change the size of the UNavigationMenu buttons?
```ts
<UNavigationMenu
:items="items"
orientation="vertical"
class="w-full mb-auto"...
Import image from node_modules
Is there a way to use an image from a package in node_modules? I need to provide the URL to the library. Using import inside my script setup gives me a URL, but it fails to load with a 404.
Best way to see what’s new in nuxt ui?
Hi, I’ve been using nuxt ui and I’m wondering what the best way to see what’s new in nuxt ui is easily? Like new components added or changes
In NUXT UI, there is a decentralized table or a cell selection form, if any, and if not, is there an
In NUXT UI, there is a decentralized table or a cell selection form, if any, and if not, is there an
error caught during app initialization $d
Hello, I randomly have errors that throw me a white screen.
I really have no idea where to search ...
Maybe chunks issue ? But how to solve that ? ......
Pass client IP to client-side
Hello! Could you please suggest, how i can get client IP and pass it to client-side to use in pages/plugins/components ?
Using @vueuse/nuxt 's useStorage with nuxt and pinia
I am trying to set/get key value pairs to localStorage with vueuse's useStorage in a pinia store. It set's and gets the value fine but after a refresh it resets the value to the default value.
Here is my store
```ts...
HMR issues - performs full page reload and causes errors.
Hi
I have been debugging for ages now, and to be honest giving up as to what it can be.. i would love if someone has any good debugging ways to maybe help me trace down the cause.
After adding a new package, my HMR is throwing random errors. I have tried removing the package and reverting back, but it's still an issue. It works in a new project, making me think it's to do with a package/plugin, or some error in my code. ...
Using same page for different paths
I have two pages that use the same component:
-
/users/add
- /users/:id/edit
Is there a way inside the page component to define both paths?...[Fixed] Handle shared session with frontend micro services and Nuxt Auth Utils
hey, i'm currently looking to implement nuxtAuthUtils on multiple frontend nuxt apps that share the same session, my idea was to have one main nuxt app with only the backend routes needed for authentication (
/auth/{service}.get.ts, etc), but useUserSession will only fetch the session from the current Nuxt instance from what i can see.
I was thinking of reimplementing the useUserSession composable so that it requests the main auth app like this {appUrl}/api/_auth/session instead of just /api/_auth/session with each app sharing the same NUXT_SESSION_PASSWORD, do you think it would work ?...Microfrontends support: scoped lifecycle
Hello, I’m trying to integrate a Nuxt application as a microfrontend into a single-page application (SPA), without full page reloads.
Problem:
I load the Nuxt application, navigate away from the page, and then return to it. When I come back, the page is not hydrated because the JavaScript was already initialized earlier.
...
Manual import inside pages and components
If i'm organizing components in the pages folder, following Alexander's video: https://www.youtube.com/watch?v=aAjfywmbfkM
```js
components: [
{...
How configs are merged in Nuxt Layers?
If each layer has a configuration for the array of component folders, how is it merged together? Is it always overwritten by the next layer?
Lets say a layer has components in '/components/my-layer/'.
Another layer has components in '/components/another-layer'.
...
Load worker
Hey there! I'm trying to use a worker I need to load this way:
new Worker(MyWorkerSrc?param1=x¶m2=y), x and y being defined dynamically.
Then, the worker should use url search params to instantiate what needs to be.
My worker currently leaves in @/assets/worker/myWorker.ts.
How can I make sure that:
- Worker is being compiled...Getting a Microsoft Access Token for a custom scope
Quick bit of background. We are currently running a Vue 2 frontend which communicates with a Hapi.js backend. Authentication is via Microsoft Azure.
I am investigating migrating the front-end to Next whilst keeping (for the moment) the Hapi.js backend
I am having problems getting an Access Token from Microsoft that can be authenticated by the backend (or JWT.io)...
RouteMiddleware Can only run once
the code is here:
```ts
export default defineNuxtPlugin(() => {
addRouteMiddleware('auth', () => {
console.log('This global middleware is added in the plugin and will run on every routing change')...
Understanding PageHero + Carousel
So i have two issues..
1. the page hero examples in the docs do not show an included navbar at the top version even though it's a very comon use case. Looking at the slots would i be correct in guessing top slot is where we should put UDashboardNavbar etc? what about the other slots for this component - top, bottom default? default behaviour is to add on the the components provided in this slot to the default title+description etc thing?
2. if we wanted a background image i'm guessing we'd need to use bg-[url..] style utilities? or use absolute positioning? what is we needed a carousel in the background instead?...