export default defineNitroPlugin(async () => {
  if (!import.meta.dev) return

  onHubReady(async () => {
    await migrate(useDB(), { migrationsFolder: 'server/database/migrations' })
      .then(() => {
        consola.success('Database migrations done')
      })
      .catch((err) => {
        consola.error('Database migrations failed', err)
      })
  })
})

Regarding this code, 'if (! Import. meta. dev) return' will never be executed? I think, In the Nitro plugin of Nuxt, import.meta.dev is usually not true.

DevTools

Terminal

Console.log

Tried
Upgrading to the latest nuxt with the latest packages

I' m having an issue running this locally, strangely it deploys fine to Cloudflare - but I am unable to run it via dev.

ERROR  [worker reload] [worker init] Package import specifier "#internal/nitro/virtual/app-config" is not defined in package /Users/gh/Documents/code/nuxt/edge-todo/node_modules/.pnpm/[email protected][email protected]_@[email protected][email protected]/node_modules/nitropack/package.json imported from /Users/gh/Documents/code/nuxt/edge-todo/node_modules/.pnpm/[email protected][email protected]_@[email protected][email protected]/node_modules/nitropack/dist/runtime/config.mjs

This is a fresh install cloned directly from the repo.

Package.json

{
  "private": true,
  "scripts": {
    "dev": "nuxi dev",
    "build": "nuxi build",
    "preview": "nuxt preview",
    "db:generate": "drizzle-kit generate",
    "lint": "eslint .",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@iconify-json/simple-icons": "^1.1.107",
    "@nuxt/eslint": "^0.3.13",
    "@nuxt/ui": "^2.17.0",
    "@nuxthub/core": "^0.7.0",
    "drizzle-kit": "^0.22.7",
    "drizzle-orm": "0.31.2",
    "h3-zod": "^0.5.3",
    "nuxt": "^3.12.2",
    "nuxt-auth-utils": "^0.1.0",
    "zod": "^3.23.8"
  },
  "devDependencies": {
    "@nuxt/devtools": "^1.3.7",
    "@nuxt/eslint-config": "^0.3.13",
    "eslint": "^9.5.0",
    "typescript": "5.5.2",
    "wrangler": "^3.62.0"
  }
}

Running on an M2 2022 MacBook Air.
Tried on Node: v22.5.1 and v20.16.0 using pnpm v9.6.0

I have a similar issue trying to run the nuxt-ui-pro/docs template.

I connected D1 in settings and it throws this error in the console, any idea, what's causing this?

Demo - https://nuxt-todos-edge-5ij.pages.dev/
Code - https://github.com/fayazara/nuxt-todos-edge/

It looks like the database isn't re-queried for updates when mutating or adding data.

Example:
Open two browser windows with the same login. Add a new todo in window 1. Then go to window 2 and add another new todo. You would expect window 2 to not only add it's own todo, but also now show the todo that window 1 entered. If you do a hard refresh in window 2, the todo entered in window 1 will now show.

When posting, patching, or deleting to an endpoint, shouldn't a fresh copy of the todo's be retrieved from the database instead of just adding the changes to the in-memory array?

See https://github.com/rishi-raj-jain/nuxt-turso-edgio-example

Thanks for creating this end-to-end demo of Nuxt3.

After removing the auth related code, I could successfully deploy it to Azure using the docs.

But I am really struggling to make it work with auth code.

The issue is, redirect_uri sent by SWA to github does not match the callback url specified in the Github OAuth aap.

I thought this setting may help, but tweaking it has not helped so far.

It will be great, if the README includes guidance on deploying to Azure as well.

In todos.vue if I change toast.add({ title: `Todo "${todo.title}" created.` }) to toast.add({ title: `Todo "${todo.title}" created by ${user.login}.` }) it will show as undefined, but the property is accessible inside the template.

I'm coming from Nuxt 2 so this might be me misunderstanding how SSR works in Nuxt 3. Why aren't the properties of user accessible here and how would I go about exposing them?

I apologise if this is the wrong place to ask this question.

Is it also an idea to add typesafe communication to the template?
https://github.com/wobsoriano/trpc-nuxt
https://trpc.io/

A protected page example could be more realistic and practical.

I will try to make a PR which does this with a middleware on a page called /todos

https://stackoverflow.com/questions/76839341/which-to-use-fetch-useasyncdata-or-usefetch-for-get-and-post-requests-in-nuxt

when running npm run build.
I got following error.

ERROR [vite:vue] Could not load /node_modules/nuxt-icon/dist/runtime/IconCSS.vue?vue&type=style&index=0&scoped=41e8d397&lang.css?inline&used: ENOENT: no such file or directory, open '\?\node_modules\nuxt-icon\dist\runtime\IconCSS.vue'