Github
文档Numix
为你的 Nuxt 页面组件添加类似 remix 的 加载器 和 操作。
[!警告]
这个项目是实验性的。API 可能会在没有通知的情况下发生变更。请谨慎使用。
<script lang="ts">
import { prisma } from '@/lib/prisma.server'
export async function loader() {
const products = await prisma.product.findMany()
return products
}
</script>
<script setup lang="ts">
const { data } = await useLoaderData<typeof loader>()
</script>
<template>
<div>
<h1>产品</h1>
<div v-for="product in data" :key="product.id">
{{ product.name }}
</div>
</div>
</template>
文档
有关 Numix 的文档，请访问 https://numix.vercel.app。
开发
- 运行
cp playground/.env.example playground/.env - 运行
pnpm dev:prepare生成类型存根。 - 运行
pnpm db:prepare生成虚拟数据。 - 使用
pnpm dev以开发模式启动 playground。
许可证
MIT
