CIQ Reporting Plugin

A Vue 2.6 library for integrating reporting functionality into your application.

Installation

npm install ciq-reporting-plugin

Usage

Import and Register

import Vue from 'vue'
import CIQReportingPlugin from 'ciq-reporting-plugin'

// Register as plugin
Vue.use(CIQReportingPlugin)

Use as Component

<template>
  <div>
    <example-component
      title="Custom Report"
      button-text="Generate Now"
      @report-generate="onReportGenerate"
    >
      Custom content goes here
    </example-component>
  </div>
</template>

<script>
export default {
  methods: {
    onReportGenerate(data) {
      console.log('Report generation triggered:', data)
      // Call API or perform actions
    }
  }
}
</script>

Use Direct Import

<template>
  <div>
    <example-component></example-component>
  </div>
</template>

<script>
import { ExampleComponent } from 'ciq-reporting-plugin'

export default {
  components: {
    ExampleComponent
  }
}
</script>

Use Library Methods

// After plugin installation
this.$ciqReporting.generateReport({
  type: 'financial',
  period: 'Q2 2023'
})

Development

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

License

MIT