refactor: use compatibility v4 in playground

Author: Barbapapazes

playground/app.vue renamed to playground/app/app.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import type { Product } from '~/types/product'
+import type { Product } from '~~/shared/types/product'
+import { createProduct, editProduct, deleteProduct } from '~~/shared/abilities'
 
 const product: Product = {
   id: 1,

playground/plugins/authorization-resolver.ts renamed to playground/app/plugins/authorization-resolver.ts

@@ -1,6 +1,9 @@
 export default defineNuxtConfig({
   modules: ['../src/module'],
   authorization: {},
+  future: {
+    compatibilityVersion: 4,
+  },
   devtools: { enabled: true },
   compatibilityDate: '2024-08-27',
 })

playground/nuxt.config.ts

@@ -9,6 +9,9 @@
     "typecheck": "nuxi typecheck"
   },
   "dependencies": {
-    "nuxt": "^3.13.2"
+    "nuxt": "^3.13.2",
+    "typescript": "^5.6.2",
+    "vue": "^3.5.10",
+    "vue-tsc": "^2.1.6"
   }
 }

playground/package.json

@@ -1,5 +1,5 @@
-import type { Product } from '~/types/product'
-import { editProduct } from '~/utils/abilities'
+import type { Product } from '~~/shared/types/product'
+import { editProduct } from '~~/shared/abilities'
 
 export default defineEventHandler(async (event) => {
   const product: Product = {

playground/server/api/products/[id].patch.ts

@@ -1,4 +1,4 @@
-import { listProducts } from '~/utils/abilities'
+import { listProducts } from '~~/shared/abilities'
 
 export default defineEventHandler(async (event) => {
   await authorize(event, listProducts)

playground/server/api/products/index.get.ts

@@ -1,4 +1,4 @@
-import { createProduct } from '~/utils/abilities'
+import { createProduct } from '~~/shared/abilities'
 
 export default defineEventHandler(async (event) => {
   await authorize(event, createProduct)

playground/server/api/products/index.post.ts

@@ -1,4 +1,4 @@
-import type { User } from '~/types/user'
+import type { User } from '~~/shared/types/user'
 
 export default defineNitroPlugin((nitroApp) => {
   // https://github.com/nuxt/nuxt/issues/25710#issuecomment-1935622896

playground/server/plugins/authorization-reolver.ts

@@ -1,5 +1,5 @@
-import type { Product } from '~/types/product'
-import type { User } from '~/types/user'
+import type { Product } from '~~/shared/types/product'
+import type { User } from '~~/shared/types/user'
 
 export const listProducts = defineAbility({ allowGuest: true }, () => true)
 

playground/utils/abilities.ts renamed to playground/shared/abilities.ts

@@ -1,4 +1,4 @@
-import type { User } from '~/types/user'
+import type { User } from '~~/shared/types/user'
 
 export type Product = {
   id: number