nuxt-charts 0.1.0-beta.1

package/README.md

@@ -0,0 +1,107 @@
+# @vue-chrts/nuxt
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+
+> Nuxt module for vue-chrts
+
+## Features
+
+- 📊 Use beautiful chart components in your Nuxt applications
+- 🔄 Auto-imports for all chart components
+- 🎛️ Configure which components to include
+- 🪶 Tree-shakable - only import what you use
+
+## Installation
+
+```bash
+# npm
+npm install @vue-chrts/nuxt
+
+# yarn
+yarn add @vue-chrts/nuxt
+
+# pnpm
+pnpm add @vue-chrts/nuxt
+```
+
+## Usage
+
+Add the module to your Nuxt config:
+
+```ts
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: ['@vue-chrts/nuxt'],
+  
+  // Optional configuration
+  vueChrts: {
+    // Add prefix to component names (default: 'Chrt')
+    prefix: 'Chrt',
+    
+    // Make components globally available (default: true)
+    global: true,
+    
+    // Only include specific components (default: all components)
+    include: ['AreaChart', 'LineChart'],
+    
+    // Enable auto-imports (default: true)
+    autoImports: true
+  }
+})
+```
+
+Then use the components in your Nuxt application:
+
+```vue
+<template>
+  <div class="chart-wrapper">
+    <ChrtLineChart 
+      :data="data" 
+      :height="300"
+      :accessor="accessor"
+      :x-axis-title="xAxisTitle"  
+    />
+  </div>
+</template>
+
+<script setup>
+// The types are auto-imported
+const data = ref([
+  { date: '2023-01', value: 100 },
+  { date: '2023-02', value: 200 },
+  { date: '2023-03', value: 150 },
+])
+
+const accessor = (d) => d.value
+const xAxisTitle = 'Month'
+</script>
+```
+
+## Available Components
+
+- `ChrtAreaChart` - Area chart
+- `ChrtAreaStackedChart` - Stacked area chart
+- `ChrtLineChart` - Line chart
+- `ChrtBarChart` - Bar chart
+- `ChrtDonutChart` - Donut chart
+
+## Auto-imported Types
+
+The following types are auto-imported:
+
+- `LegendPosition`
+- `CurveType`
+- `Orientation`
+- `BulletLegendItemInterface`
+
+## License
+
+MIT
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/@vue-chrts/nuxt/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-version-href]: https://npmjs.com/package/@vue-chrts/nuxt
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/@vue-chrts/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-downloads-href]: https://npmjs.com/package/@vue-chrts/nuxt

package/dist/module.cjs

@@ -0,0 +1,5 @@
+module.exports = function(...args) {
+  return import('./module.mjs').then(m => m.default.call(this, ...args))
+}
+const _meta = module.exports.meta = require('./module.json')
+module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.mts

@@ -0,0 +1,28 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+    /**
+     * Prefix for component names
+     * @default 'Chrt'
+     */
+    prefix?: string;
+    /**
+     * Register global components
+     * @default true
+     */
+    global?: boolean;
+    /**
+     * Use auto-imports (recommended)
+     * @default true
+     */
+    autoImports?: boolean;
+    /**
+     * Components to include (empty array means all components)
+     * @default []
+     */
+    include?: string[];
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.d.ts

@@ -0,0 +1,28 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+    /**
+     * Prefix for component names
+     * @default 'Chrt'
+     */
+    prefix?: string;
+    /**
+     * Register global components
+     * @default true
+     */
+    global?: boolean;
+    /**
+     * Use auto-imports (recommended)
+     * @default true
+     */
+    autoImports?: boolean;
+    /**
+     * Components to include (empty array means all components)
+     * @default []
+     */
+    include?: string[];
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -0,0 +1,12 @@
+{
+  "name": "@vue-chrts/nuxt",
+  "configKey": "vueChrts",
+  "compatibility": {
+    "nuxt": "^3.0.0"
+  },
+  "version": "0.1.0-beta.1",
+  "builder": {
+    "@nuxt/module-builder": "0.8.4",
+    "unbuild": "unknown"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,55 @@
+import { addComponent, addImportsSources, defineNuxtModule, createResolver } from '@nuxt/kit';
+
+const resolveComponents = (config, filePath) => {
+  const { components, prefix } = config;
+  const allComponents = ["AreaChart"];
+  allComponents.forEach((component) => {
+    console.log(component, "component");
+    if (typeof component === "string") {
+      addComponent({
+        export: component,
+        name: prefix + component,
+        filePath
+      });
+    } else if (Array.isArray(component)) {
+      addComponent({
+        export: component[0],
+        name: prefix + component[1],
+        filePath
+      });
+    }
+  });
+};
+
+const resolveImports = (config, filePath) => {
+  const { imports } = config;
+  const allImports = imports ? imports : ["BulletLegendItemInterface"];
+  addImportsSources({
+    from: filePath,
+    type: true,
+    imports: [...allImports]
+  });
+};
+
+const module = defineNuxtModule({
+  meta: {
+    name: "@vue-chrts/nuxt",
+    configKey: "vueChrts",
+    compatibility: {
+      nuxt: "^3.0.0"
+    }
+  },
+  defaults: {
+    prefix: "",
+    global: true,
+    autoImports: true,
+    include: []
+  },
+  async setup(options, nuxt) {
+    const runtimePath = createResolver(import.meta.url).resolve("./runtime/vue-chrts");
+    resolveImports(options, runtimePath);
+    resolveComponents(options, runtimePath);
+  }
+});
+
+export { module as default };

package/dist/runtime/vue-chrts.d.ts

@@ -0,0 +1 @@
+export * from 'vue-chrts';

package/dist/runtime/vue-chrts.js

@@ -0,0 +1 @@
+export * from "vue-chrts";

package/dist/types.d.mts

@@ -0,0 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.js'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module.js'

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module'

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "nuxt-charts",
+  "version": "0.1.0-beta.1",
+  "description": "Nuxt module for vue-chrts",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
+    }
+  },
+  "main": "./dist/module.cjs",
+  "module": "./dist/module.mjs",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prepack": "nuxt-module-build build",
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^3.11.1",
+    "@unovis/vue": "^1.5.1",
+    "vue-chrts": "0.1.0"
+  },
+  "devDependencies": {
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/module-builder": "^0.8.0",
+    "@nuxt/schema": "^3.11.1",
+    "@types/node": "^20.12.10",
+    "eslint": "^8.57.0",
+    "nuxt": "^3.11.1",
+    "typescript": "^5.4.5"
+  }
+}