@paper-ui/nuxt

@paper-ui/nuxt 是一個 Nuxt.js 的元件庫，旨在為你的 UI 創造「手繪」美學。透過這個函式庫，你可以使用具有獨特且充滿藝術風格的元件來建立介面。

安裝

若要在你的 Nuxt.js 專案中安裝此模組，請使用其中一個下列指令

npx nuxi@latest module add paper-ui

npm install @paper-ui/nuxt

pnpm add @paper-ui/nuxt

用法

安裝模組後，將其新增至你的 nuxt.config.js 檔案中

export default defineNuxtConfig({
  modules: [
    '@paper-ui/nuxt'
  ]
})

現在你可以在你的頁面和 Vue 元件中使用此函式庫提供的元件了。

使用範例

<template>
  <PUButton>Click Me!</PUButton>
</template>

指令稿

以下是在模組開發和維護期間可用的一些實用指令稿

• dev：使用 Nuxt Playground 啟動開發環境。
• dev:build：建置 Playground 環境以進行測試。
• dev:prepare：使用 nuxt-module-build 準備開發環境。
• release：透過執行測試、程式碼檢查和發布模組來準備發布。
• lint：執行 ESLint 以檢查程式碼品質。
• test：使用 Vitest 執行測試。
• test:watch：監看變更並自動執行測試。
• test:types：檢查 TypeScript 類型。

依賴項目

• @nuxt/kit：Nuxt 3 的核心模組。
• @nuxtjs/tailwindcss：與 Tailwind CSS 整合。

開發

在開發期間，你可以使用內建的 Playground 在本地測試模組。開發環境可讓你查看元件在你進行變更時的行為。

執行 Playground

執行以下指令以在開發模式下啟動 Playground

npm run dev

或者，如果你使用 pnpm

pnpm dev

這將啟動 Nuxt 開發伺服器，讓你預覽元件的實際運作情況。

授權條款

此模組以 MIT 授權條款 授權。

更新日誌

• ✨  發行說明