Merge pull request #24 from rustfs/refactor/shadcn-vue

Refactor/shadcn vue

Author: overtrue

.prettierrc

@@ -1,5 +1,5 @@
 {
-  "semi": true,
+  "semi": false,
   "singleQuote": true,
   "trailingComma": "es5",
   "tabWidth": 2,

AGENTS.md

@@ -0,0 +1,38 @@
+# Repository Guidelines
+
+## Project Structure & Module Organization
+- Core application lives under `pages/`, with supporting UI atoms in `components/`.
+- Shared state and utilities are in `store/`, `composables/`, and `lib/`.
+- Configuration lives in `app.config.ts`, `nuxt.config.ts`, and `config/`.
+- Tests belong in `tests/`, and static assets in `public/` or `assets/`.
+
+## Build, Test, and Development Commands
+- `pnpm dev` – start the Nuxt development server with hot reload.
+- `pnpm build` – create a production build.
+- `pnpm preview` – run the production bundle locally.
+- `pnpm test:run` – execute the Vitest suite once.
+- `pnpm vue-tsc --noEmit` – perform a strict type check.
+- `pnpm lint` – run `vue-tsc` and Prettier (format check only).
+
+## Coding Style & Naming Conventions
+- Use Prettier defaults (see `.prettierrc.ts`); run `pnpm lint` or `pnpm lint:fix`.
+- Vue files use `<script setup>` with TypeScript; prefer composables for shared logic.
+- Component files use **kebab-case** (e.g. `bucket-selector.vue`), but reference them using **StudlyCase** in templates (e.g. `<BucketSelector />`).
+- Override shadcn primitives **outside** `components/ui/`; never edit files in that directory directly.
+- Render tabular data with the shared `DataTable` + `useDataTable` utilities unless a specific requirement makes them unsuitable.
+- Language pack files should exclude test directories when processing translation keys.
+
+## Testing Guidelines
+- Vitest is the primary framework; add new suites under `tests/`.
+- Name files `*.spec.ts` or `*.test.ts` and mirror source structure.
+- Keep tests deterministic; mock network calls through provided composables.
+- Run `pnpm test:run` before submitting major changes.
+
+## Commit & Pull Request Guidelines
+- Follow conventional, action-oriented commit subjects (e.g. `feat: add bucket selector`).
+- Each pull request should include: a concise summary, linked issue or task, screenshots for UI work, and testing notes (`pnpm test:run`, `pnpm vue-tsc`, etc.).
+- Keep PRs scoped; large refactors should be coordinated in advance.
+
+## UI Theme Overrides
+- Apply visual tweaks (e.g., removing shadows, altering colors) at usage sites via classes such as `class="shadow-none"`.
+- When extending shadcn components, create wrapper utilities (e.g., `BucketSelector.vue`) instead of forking primitives.

CLAUDE.md

@@ -24,7 +24,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 - **Frontend**: Vue 3 with Composition API and `<script setup>` syntax
 - **Framework**: Nuxt 3 (SSR disabled, SPA mode)
 - **Language**: TypeScript with strict type checking enabled
-- **Styling**: Tailwind CSS + Naive UI component library
+- **Styling**: Tailwind CSS + shadcn-vue component library
 - **State Management**: Pinia stores
 - **Internationalization**: @nuxtjs/i18n with English, Chinese, and Turkish support
 - **HTTP Client**: Custom AWS-compatible client with automatic request signing