@pikacss/nuxt-pikacss 0.0.35 → 0.0.38

package/README.md

@@ -0,0 +1,144 @@
+# @pikacss/nuxt-pikacss
+
+PikaCSS module for Nuxt.
+
+## Installation
+
+```bash
+pnpm add @pikacss/nuxt-pikacss
+```
+
+## Quick Start
+
+**nuxt.config.ts**:
+```typescript
+export default defineNuxtConfig({
+  modules: [
+    '@pikacss/nuxt-pikacss'
+  ],
+  pikacss: {
+    // options
+  }
+})
+```
+
+## Features
+
+- 🚀 Zero-config setup for Nuxt
+- ⚡ Hot Module Replacement (HMR) support
+- 🎯 Automatic TypeScript type generation
+- 🔧 Full PikaCSS configuration support
+- 📦 Built-in integration with Nuxt build pipeline
+
+## Usage
+
+### Basic Setup
+
+The module works out of the box with zero configuration:
+
+```typescript
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: [
+    '@pikacss/nuxt-pikacss'
+  ]
+})
+```
+
+### Configuration
+
+You can customize PikaCSS through the `pikacss` option:
+
+```typescript
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: [
+    '@pikacss/nuxt-pikacss'
+  ],
+  pikacss: {
+    // File scanning configuration
+    scan: {
+      include: ['**/*.vue', '**/*.tsx', '**/*.jsx'],
+      exclude: ['node_modules/**']
+    },
+    
+    // Engine configuration or config file path
+    config: './pika.config.ts',
+    
+    // Auto-create config file if missing
+    autoCreateConfig: true,
+    
+    // PikaCSS function name (globally available in Nuxt)
+    fnName: 'pika',
+    
+    // Output format for class names
+    transformedFormat: 'string', // 'string' | 'array' | 'inline'
+    
+    // TypeScript code generation
+    tsCodegen: true, // or specify a path: 'src/pika.gen.ts'
+    
+    // CSS code generation
+    cssCodegen: true // or specify a path: 'src/pika.gen.css'
+  }
+})
+```
+
+::: tip
+The `pika()` function is globally available in Nuxt components - no import needed!
+:::
+
+### Using in Components
+
+The module automatically imports the virtual `pika.css` module and makes `pika()` globally available:
+
+```vue
+<script setup lang="ts">
+// ✅ No imports needed - pika() is globally injected
+
+// Style object
+const styles = pika({
+  display: 'flex',
+  alignItems: 'center',
+  gap: '1rem'
+})
+
+// Using shortcuts
+const centered = pika('flex-center')
+
+// Combining shortcuts with styles
+const button = pika('btn', {
+  backgroundColor: '#3b82f6',
+  color: 'white'
+})
+</script>
+
+<template>
+  <div :class="styles">
+    <button :class="button">Click me</button>
+  </div>
+</template>
+```
+
+## Options
+
+All options from `@pikacss/unplugin-pikacss` are supported. See the [unplugin documentation](../unplugin/README.md) for details.
+
+## PikaCSS Configuration
+
+Create a `pika.config.ts` file in your project root:
+
+```typescript
+import { defineEngineConfig } from '@pikacss/core'
+
+export default defineEngineConfig({
+  // Your PikaCSS configuration
+})
+```
+
+## Documentation
+
+For complete documentation, visit: [PikaCSS Documentation](https://pikacss.dev)
+
+## License
+
+MIT © DevilTea

package/dist/index.cjs

@@ -25,25 +25,25 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 
 //#endregion
-let __nuxt_kit = require("@nuxt/kit");
-let __pikacss_unplugin_pikacss_vite = require("@pikacss/unplugin-pikacss/vite");
-__pikacss_unplugin_pikacss_vite = __toESM(__pikacss_unplugin_pikacss_vite);
+let _nuxt_kit = require("@nuxt/kit");
+let _pikacss_unplugin_pikacss_vite = require("@pikacss/unplugin-pikacss/vite");
+_pikacss_unplugin_pikacss_vite = __toESM(_pikacss_unplugin_pikacss_vite);
 
 //#region src/index.ts
-var src_default = (0, __nuxt_kit.defineNuxtModule)({
+var src_default = (0, _nuxt_kit.defineNuxtModule)({
 	meta: {
 		name: "pikacss",
 		configKey: "pikacss"
 	},
 	async setup(_, nuxt) {
-		(0, __nuxt_kit.addPluginTemplate)({
+		(0, _nuxt_kit.addPluginTemplate)({
 			filename: "pikacss.mjs",
 			getContents() {
 				return "import { defineNuxtPlugin } from '#imports';\nexport default defineNuxtPlugin(() => {});\nimport \"pika.css\"; ";
 			}
 		});
-		(0, __nuxt_kit.addVitePlugin)({
-			...(0, __pikacss_unplugin_pikacss_vite.default)({
+		(0, _nuxt_kit.addVitePlugin)({
+			...(0, _pikacss_unplugin_pikacss_vite.default)({
 				currentPackageName: "@pikacss/nuxt-pikacss",
 				...nuxt.options.pikacss || { scan: { include: [
 					"**/*.vue",
@@ -58,9 +58,9 @@ var src_default = (0, __nuxt_kit.defineNuxtModule)({
 
 //#endregion
 module.exports = src_default;
-Object.keys(__pikacss_unplugin_pikacss_vite).forEach(function (k) {
+Object.keys(_pikacss_unplugin_pikacss_vite).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: function () { return __pikacss_unplugin_pikacss_vite[k]; }
+    get: function () { return _pikacss_unplugin_pikacss_vite[k]; }
   });
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pikacss/nuxt-pikacss",
   "type": "module",
-  "version": "0.0.35",
+  "version": "0.0.38",
   "author": "DevilTea <ch19980814@gmail.com>",
   "license": "MIT",
   "repository": {
@@ -10,7 +10,7 @@
     "directory": "packages/nuxt-pikacss"
   },
   "bugs": {
-    "url": "https://github.com/DevilTea/pikacss/issues"
+    "url": "https://github.com/pikacss/pikacss/issues"
   },
   "keywords": [
     "pikacss",
@@ -43,13 +43,14 @@
   "dependencies": {
     "@nuxt/kit": "^4.2.2",
     "pathe": "^2.0.3",
-    "@pikacss/unplugin-pikacss": "0.0.35"
+    "@pikacss/unplugin-pikacss": "0.0.38"
   },
   "devDependencies": {
     "@nuxt/schema": "^4.2.2"
   },
   "scripts": {
     "build": "tsdown && pnpm exec publint",
+    "build:watch": "tsdown --watch",
     "typecheck": "pnpm typecheck:package && pnpm typecheck:test",
     "typecheck:package": "tsc --project ./tsconfig.package.json --noEmit",
     "typecheck:test": "tsc --project ./tsconfig.tests.json --noEmit",