update to v3.7

package.json

@@ -3,7 +3,7 @@
   "private": true,
   "scripts": {
     "build": "nuxt build",
-    "dev": "nuxt dev",
+    "dev": "nuxt dev --host",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "prisma generate || true && nuxt prepare",
@@ -14,7 +14,7 @@
     "@nuxt/content": "2.7.2",
     "@nuxt/image": "0.7.1",
     "@pinia/nuxt": "0.4.11",
-    "@prisma/client": "5.1.1",
+    "@prisma/client": "^5.2.0",
     "@trpc/client": "10.37.1",
     "@trpc/server": "10.37.1",
     "@vercel/analytics": "1.0.2",
@@ -37,9 +37,9 @@
     "@vueuse/core": "10.3.0",
     "@vueuse/nuxt": "10.3.0",
     "eslint": "8.47.0",
-    "nuxt": "3.6.5",
+    "nuxt": "^3.7.0",
     "nuxt-icon": "^0.5.0",
-    "prisma": "5.1.1",
+    "prisma": "^5.2.0",
     "typescript": "5.1.6"
   }
 }

prisma/schema.prisma

@@ -3,9 +3,9 @@ generator client {
 }
 
 datasource db {
-  provider     = "mysql"
+  provider = "postgresql"
-  url          = env("DATABASE_URL")
+  url = env("POSTGRES_PRISMA_URL") // uses connection pooling
-  relationMode = "prisma"
+  directUrl = env("POSTGRES_URL_NON_POOLING") // uses a direct connection
 }
 
 model Maintenance {

src/error.vue

@@ -6,7 +6,7 @@ const getColor = computed(() => appConfig.ui.primary)
 
 <template>
   <NuxtLayout name="default">
-    <div class="flex flex-col items-center gap-4">
+    <div class="flex flex-col items-center gap-4 mt-12">
       <h1 class="font-medium text-[8rem] md:text-[16rem] leading-none bg-error bg-clip-text tracking-wider font-error" :class="`text-${getColor}-500`">
         {{ error.statusCode }}
       </h1>
@@ -19,7 +19,7 @@ const getColor = computed(() => appConfig.ui.primary)
         Let's find a better place for you to go.
       </p>
     </div>
-    <div>
+    <div class="flex justify-center mt-8 mb-12">
       <UButton to="/" size="md" variant="soft" color="primary">
         Go back to the main page
       </UButton>

src/server/prisma.ts

@@ -1,4 +1,4 @@
-import { PrismaClient } from '@prisma/client'
+import { PrismaClient } from '@prisma/client/edge'
 
 const globalForPrisma = globalThis as unknown as { prisma: PrismaClient }
 

src/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../.nuxt/tsconfig.server.json"
+}