vue-countly
Countly plugin for Vue 3. For Vue 2, check out the
v1branch.
Main files
dist/
├── vue-countly.js (UMD, default)
├── vue-countly.min.js (UMD, compressed)
├── vue-countly.esm.js (ECMAScript Module)
├── vue-countly.esm.min.js (ECMAScript Module, compressed)
└── vue-countly.d.ts (TypeScript Declaration File)
Getting started
Installation
Using npm:
npm install vue@3 countly-sdk-web@21 vue-countly@2Using pnpm:
pnpm add vue@3 countly-sdk-web@21 vue-countly@2Using Yarn:
yarn add vue@3 countly-sdk-web@21 vue-countly@2Using CDN:
<script src="https://unpkg.com/vue@3"></script><!-- Vue.js is required -->
<script src="https://unpkg.com/countly-sdk-web@21"></script><!-- Countly is required -->
<script src="https://unpkg.com/vue-countly@2"></script>Usage
import { createApp, defineComponent } from 'vue';
import Countly from 'countly-sdk-web';
import VueCountly from 'vue-countly';
const app = createApp({
created() {
console.log(this.$Countly === Countly);
// > true
// Track sessions automatically (recommended)
this.$Countly.q.push(['track_sessions']);
// Track web page views automatically (recommended)
this.$Countly.q.push(['track_pageview']);
},
});
// Inject the `$Countly` property into all components within the application.
app.use(VueCountly, Countly, {
app_key: 'YOUR_APP_KEY',
url: 'https://yourdomain.com/',
});
app.mount(document.body);See the available initialization config options of Countly.
Browser support
Same as Vue 3.
Versioning
Maintained under the Semantic Versioning guidelines.