@cropvue/nuxt 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Philip Rutberg
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,42 @@
+# @cropvue/nuxt
+
+Nuxt module for CropVue. Auto-imports all components and composables with SSR-safe client-only rendering.
+
+## Installation
+
+```sh
+pnpm add cropvue @cropvue/core @cropvue/nuxt
+```
+
+## Configuration
+
+```ts
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: ['@cropvue/nuxt'],
+  cropvue: {
+    outputFormat: 'webp',
+    outputQuality: 0.85,
+  },
+})
+```
+
+## Usage
+
+All components and composables are auto-imported:
+
+```vue
+<template>
+  <CropVue stencil="circle" @done="handleDone" />
+</template>
+
+<script setup>
+const handleDone = (result) => {
+  console.log(result.blob, result.url)
+}
+</script>
+```
+
+## License
+
+MIT

package/dist/module.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+const kit = require('@nuxt/kit');
+
+const module$1 = kit.defineNuxtModule({
+  meta: {
+    name: "@cropvue/nuxt",
+    configKey: "cropvue"
+  },
+  defaults: {
+    outputFormat: "auto",
+    outputQuality: 0.85
+  },
+  setup(_options, nuxt) {
+    const components = [
+      "CropVue",
+      "CropEditor",
+      "CropPreview",
+      "CropDropzone",
+      "CropToolbar",
+      "CropQueue",
+      "CropStencil"
+    ];
+    for (const name of components) {
+      kit.addComponent({
+        name,
+        export: name,
+        filePath: "cropvue",
+        mode: "client"
+      });
+    }
+    const composables = [
+      "useCropper",
+      "useDropzone",
+      "useImageQueue",
+      "useUploader",
+      "useCompressor"
+    ];
+    for (const name of composables) {
+      kit.addImports({ name, from: "@cropvue/core" });
+    }
+    nuxt.options.css.push("cropvue/styles");
+  }
+});
+
+module.exports = module$1;

package/dist/module.d.cts

@@ -0,0 +1,10 @@
+import * as nuxt_schema from 'nuxt/schema';
+
+interface CropVueModuleOptions {
+    outputFormat?: 'auto' | 'webp' | 'jpeg' | 'png';
+    outputQuality?: number;
+}
+declare const _default: nuxt_schema.NuxtModule<CropVueModuleOptions, CropVueModuleOptions, false>;
+
+export = _default;
+export type { CropVueModuleOptions };

package/dist/module.d.mts

@@ -0,0 +1,10 @@
+import * as nuxt_schema from 'nuxt/schema';
+
+interface CropVueModuleOptions {
+    outputFormat?: 'auto' | 'webp' | 'jpeg' | 'png';
+    outputQuality?: number;
+}
+declare const _default: nuxt_schema.NuxtModule<CropVueModuleOptions, CropVueModuleOptions, false>;
+
+export { _default as default };
+export type { CropVueModuleOptions };

package/dist/module.d.ts

@@ -0,0 +1,10 @@
+import * as nuxt_schema from 'nuxt/schema';
+
+interface CropVueModuleOptions {
+    outputFormat?: 'auto' | 'webp' | 'jpeg' | 'png';
+    outputQuality?: number;
+}
+declare const _default: nuxt_schema.NuxtModule<CropVueModuleOptions, CropVueModuleOptions, false>;
+
+export = _default;
+export type { CropVueModuleOptions };

package/dist/module.mjs

@@ -0,0 +1,44 @@
+import { defineNuxtModule, addComponent, addImports } from '@nuxt/kit';
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "@cropvue/nuxt",
+    configKey: "cropvue"
+  },
+  defaults: {
+    outputFormat: "auto",
+    outputQuality: 0.85
+  },
+  setup(_options, nuxt) {
+    const components = [
+      "CropVue",
+      "CropEditor",
+      "CropPreview",
+      "CropDropzone",
+      "CropToolbar",
+      "CropQueue",
+      "CropStencil"
+    ];
+    for (const name of components) {
+      addComponent({
+        name,
+        export: name,
+        filePath: "cropvue",
+        mode: "client"
+      });
+    }
+    const composables = [
+      "useCropper",
+      "useDropzone",
+      "useImageQueue",
+      "useUploader",
+      "useCompressor"
+    ];
+    for (const name of composables) {
+      addImports({ name, from: "@cropvue/core" });
+    }
+    nuxt.options.css.push("cropvue/styles");
+  }
+});
+
+export { module$1 as default };

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@cropvue/nuxt",
+  "version": "0.1.0",
+  "type": "module",
+  "license": "MIT",
+  "description": "Nuxt module for CropVue - auto-imports and SSR handling",
+  "author": "Philip Rutberg",
+  "keywords": [
+    "nuxt",
+    "nuxt-module",
+    "vue",
+    "cropper",
+    "image-crop",
+    "headless"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rutbergphilip/cropvue.git",
+    "directory": "packages/nuxt"
+  },
+  "homepage": "https://github.com/rutbergphilip/cropvue",
+  "bugs": "https://github.com/rutbergphilip/cropvue/issues",
+  "main": "./dist/module.cjs",
+  "module": "./dist/module.mjs",
+  "types": "./dist/module.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs",
+      "types": "./dist/module.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@cropvue/core": "0.1.0",
+    "cropvue": "0.1.0"
+  },
+  "peerDependencies": {
+    "nuxt": "^3.0.0 || ^4.0.0"
+  },
+  "devDependencies": {
+    "@nuxt/kit": "^3.15.0",
+    "unbuild": "^3.6.0"
+  },
+  "scripts": {
+    "build": "unbuild",
+    "dev": "unbuild --stub"
+  }
+}