访问官网
Github
文档
论文Nuxt Time
适用于 Nuxt 3 的 SSR 安全时间元素
特性
- ✨ SSR/SSG 安全渲染任何日期/时间
- 💪 防止客户端水合不匹配
- 🏁 尊重浏览器区域设置
- ✅ 渲染语义化
<time>元素
安装
安装并将 nuxt-time 添加到你的 nuxt.config 中。
npx nuxi@latest module add time
export default defineNuxtConfig({
modules: ['nuxt-time'],
})
使用方法
你可以在应用的任何地方使用 <NuxtTime> 组件。它将渲染一个符合规范的 <time> 元素。
它接受 datetime 和 locale（可选）属性，以及 Intl.DateTimeFormat 接受的任何属性（参见 MDN 参考）。注意：你可以通过 datetime 提供 Date 或 number（例如 Date.now()），它将被正确渲染为 ISO 格式的日期。
<template>
<!--
Date.now() 将安全地尊重服务器上的时间，而不是客户端的时间。
更重要的是，服务器和客户端之间的区域设置格式化不会出现闪烁。
-->
<NuxtTime :datetime="Date.now()" second="numeric" month="long" day="numeric" />
</template>
💻 开发
- 克隆此仓库
- 使用
corepack enable启用 Corepack - 使用
pnpm install安装依赖 - 使用
pnpm dev:prepare准备模块 - 运行
pnpm dev以开发模式启动 playground
许可证
用❤️制作
根据 MIT 许可证 发布。
