Auto import utils in server recursively
I'm able to get auto import for recursive files working in the app dir, but I don't see any way to do it for the server dir.
Strange error when trying to run dev mode on a fresh install
For some reason, I seem to be getting this error when trying to run dev mode on my fresh Nuxt installation. I only installed
nuxthub:
```
ERROR The requested module './dev2.mjs' does not provide an export named 'createNuxtDevServer' 17:35:40
...Default emit definition
Hey I'm new to the vue/nuxt ecosystem. One thing I'm confused about is how to properly define a default emit. For example:
```vue
<script setup lang="ts">
const app = useNuxtApp()...
How to type the nuxt module?
I use this command "nuxt-module-build prepare && nuxi dev playground" to develop the entire part of the module, but nothing is typed, even "#components" is not able to obtain the components.
Did I do something wrong?...
Setting cookie with sendRedirect
I'm having a weird error where I can't make a simple replication for it seems. I am logging in a user and setting their session via
useSession then I am redirecting them back to where they came from using sendRedirect. However that results in their session NOT being set. If I simply comment out the sendRedirect everything works fine though.Code splitting and auto-import
How I can split complex layouts/pages to separated components without auto-imports?
I have a layout in
~/layouts/default.vue and I want to move header and footer to separate files as standalone components (for code clarify). Header and footer only used in that layout and anywhere else, so placing it in ~/components is a bad idea, because of header and footer will be autoimported in the whoole app (I think, ~/components must be used only for reusable components). If I place header.vue and footer.vue inside ~/layouts near layout file (default.vue), nuxt will interpreate it as a standalone layouts. My solution is to place layout files inside non autoimported folder and reexport it in ~/layouts, so I created folder ~/import/layouts/default and three files header.vue, footer.vue and layout.vue (main layout file where footer and header are manually imported), then I create default.ts inside ~/layouts directory and reexport layout like this:
```html
<script setup lang="ts">
// ~/import/layouts/default/layout.vue...Use a library as a plugin
Hello,
I'm trying to setup driver.js 1.x in a Nuxt v3 project
Here's what I've done:
`npm install driver.js``
Then I've created a plugin under plugins/driver.js with :...
how to apply css modules to hash css selectors in nuxtjs3?
how to apply css modules to hash css selectors in nuxtjs3?
Cookie nginx+pm2
export default defineNuxtRouteMiddleware((to, _from) => {
const user = useStrapiUser()
const authPage = ['login', 'signup']
const noAuthPage = ['blog-slug', 'blog', 'docs-slug', 'docs', 'pricing', 'index']...
Help with Resend
I'm trying to test out resend. On local its working fine but in production on Vercel free tier its not:
Getting: 500 internal server error
I'm the setup found here: https://resend.com/docs/send-with-nuxt...
What is base, padding and constrained in Container props?
In the docs I cannot understand what are the meaning of these props? How can I change them? If I set padding 0, I still have a default padding
Typescript linting?
I have the official nuxt eslint module in my project, no further custom configuration. However, I get no typescript errors from my linter about actual typescript errors, just stuff like "don't use any", but no "hey this function should have a number but you gave a string". Is mismatching function indexes or other "not adhering to interface" not something the linter should pick up on? Does it need additional configuration? Or do I need separate tooling for this? (and why wouldn't it be part of th...
what folder name is suitable for internalization
what folder name is suitable for internalization in nuxtjs3 ? should I put it on folder composable>constants or make it separately?
Nuxt Electron ERR_TOO_MANY_REDIRECTS
Hello I use nuxt-electron but when the application opens I get this error and nothing loads:
node:3644) electron: Failed to load URL: http://localhost:3000/ with error: ERR_TOO_MANY_REDIRECTS...
Is it possible to have Nitro update when virtual modules are invalidated during handleHotUpdate?
From a custom vite plugin the following works great:
Client side responds appropriately but I can't seem to get the SSR to see the changes in the virtual module. On reload it loads the old info and then hydrates with the correct info. ...
server.moduleGraph.invalidateModule(virtualSliceModule, undefined, timestamp)
server.moduleGraph.invalidateModule(virtualSliceModule, undefined, timestamp)
Why does `fetch('/api/profile')` gives "Invalid URL" when `$fetch('/api/profile')` works just fine?
I am using a the Hono client RPC framework to use this. Behind the fetch, hono uses the default
fetch API which results in an error "Invalid URL". So I configured the client to use $fetch instead. However, I no longer have the type safety that hono provides. Why can't the normal fetch work when the Nuxt is rendering the page in the server??
Debugging server utils not defined
For some reason I have an issue that all server utils dont seem to be available as types and at runtime as well.
It used to work fine before ( I have a a lot of server utils ).
Rather than a solution I would like to have some tips on how to debug the issue....