\n\n\n \n\n## Installation\n\n```\nmeteor npm install --save vue-meteor-tracker\n```\n\nInstall the plugin into Vue:\n\n```js\nimport VueMeteorTracker from 'vue-meteor-tracker'\nVue.use(VueMeteorTracker)\n```\n\n*Note: if you are using the Meteor [akryum:vue](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue) package, you don't need to install the plugin.*\n\n**⚠️ You may need to polyfill `Object.assign`.**\n\n## Usage\n\nIn your Vue component, add a `meteor` object :\n\n\n```js\nexport default {\n meteor: {\n // Meteor specific options\n }\n}\n```\n\n### Subscriptions\n\nAdd an object for each subscription in a `$subscribe` object. The object key is the name of the publication and the value is either an array of parameters or a function returning an array of parameters. These subscription will be stopped when the component is destroyed.\n\n```js\nexport default {\n meteor: {\n // Subscriptions\n $subscribe: {\n // Subscribes to the 'threads' publication with no parameters\n 'threads': [],\n // Subscribes to the 'threads' publication with static parameters\n 'threads': ['new', 10], // The 10 newest threads\n // Subscribes to the 'posts' publication with dynamic parameters\n // The subscription will be re-called when a vue reactive property changes\n 'posts': function() {\n // Here you can use Vue reactive properties\n return [this.selectedThreadId] // Subscription params\n }\n }\n }\n}\n```\n\n\nYou can also use the `$subscribe(name, params)` method in you component code:\n\n\n```js\nmounted () {\n // Subscribes to the 'threads' publication with two parameters\n this.$subscribe('thread', ['new', 10])\n}\n```\n\nThe `$subReady` object on your component contains the state of your subscriptions. For example, to know if the 'thread' subscription is ready, use this *reactive* expression:\n\n```js\nconsole.log(this.$subReady.thread)\n```\n\nOr in your template:\n\n```html\n
Loading...
\n```\n\nYou can also change the default subscription method by defining the `Vue.config.meteor.subscribe` function:\n\n\n```js\n// You can replace the default subcription function with your own\n// Here we replace the native subscribe() with a cached one\n// with the ccorcos:subs-cache package\nconst subsCache = new SubsCache({\n expireAfter: 15,\n cacheLimit: -1\n})\n\nVue.config.meteor.subscribe = function(...args) {\n return subsCache.subscribe(...args)\n}\n```\n\n### Reactive data\n\nYou can add reactive properties that update from any Meteor reactive sources (like collections or session) by putting an object for each property in the `meteor` object. The object key is the name of the property (it shouldn't start with `$`), and the value is a function that returns the result.\n\nHere is an example:\n\n```js\nexport default {\n data() {\n return {\n selectedThreadId: null\n }\n },\n meteor: {\n // Subscriptions\n $subscribe: {\n // We subscribe to the 'threads' publication\n 'threads': []\n },\n // Threads list\n // You can access tthe result with the 'threads' property on the Vue instance\n threads () {\n // Here you can use Meteor reactive sources\n // like cursors or reactive vars\n // as you would in a Blaze template helper\n return Threads.find({}, {\n sort: {date: -1}\n })\n },\n // Selected thread\n selectedThread () {\n // You can also use Vue reactive data inside\n return Threads.findOne(this.selectedThreadId)\n }\n }\n})\n```\n\nUse the reactive data in the template:\n\n\n```html\n\n\n\n\n\n```\n\n\nOr anywhere else in you Vue component:\n\n```js\ncomputed: {\n count () {\n return this.threads.length\n }\n}\n```\n\n### Activating and deactivating meteor data\n\nYou can deactivate and activate again the meteor data on the component with `this.$startMeteor` and `this.$stopMeteor`:\n\n```js\nexport default {\n meteor: {\n // ...\n },\n\n methods: {\n activate () {\n this.$startMeteor()\n },\n\n deactivate () {\n this.$stopMeteor()\n }\n }\n}\n```\n\nYou can also prevent meteor data from starting automatically with `$lazy`:\n\n```js\nexport default {\n meteor: {\n $lazy: true,\n // ...\n }\n}\n```\n\n### Freezing data\n\nThis option will apply `Object.freeze` on the Meteor data to prevent Vue from setting up reactivity on it. This can improve the performance of Vue when rendering large collection lists for example. By default, this option is turned off.\n\n```js\n// Disable Vue reactivity on Meteor data\nVue.config.meteor.freeze = true\n```\n\n### Without meteor option\n\n**Not currently SSR-friendly**\n\nWith the special methods injected to the components, you can use reactive Meteor data without the `meteor` option:\n\n```js\nexport default {\n data () {\n return {\n limit: 5,\n sort: true,\n }\n },\n\n created () {\n // Not SSR friendly (for now)\n this.$subscribe('notes', () => [this.limit])\n },\n\n computed: {\n notes () {\n // Not SSR friendly (for now)\n return this.$autorun(() => Notes.find({}, {\n sort: { created: this.sort ? -1 : 1 },\n }))\n },\n\n firstNote () {\n return this.notes.length && this.notes[0]\n },\n },\n}\n```\n\n### Components\n\n**Vue 2+ only**\n\nYou can use Meteor directly in the template using the Meteor components and scoped slots:\n\n```html\n\n\n \n \n\n \n \n \n
\n
{{ note.text }}
\n
\n \n \n\n
Loading...
\n \n\n```\n\n```js\nimport { Notes } from '../api/collections'\n\nexport default {\n data () {\n return {\n sort: true,\n }\n },\n\n methods: {\n findNotes () {\n return Notes.find({}, {\n sort: { created: this.sort ? -1 : 1 },\n })\n }\n }\n}\n```\n\n---\n\n## Next steps\n\n- [Write your components in vue files](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-component#usage)\n- [Example project without blaze](https://github.com/Akryum/meteor-vue-example)\n- [Example project with blaze](https://github.com/Akryum/meteor-vue-blaze)\n- [Add routing to your app](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-router#installation)\n- [Add internationalization to your app](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-i18n#installation)\n- [Manage your app state with a vuex store](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vuex#installation)\n- [Integrate apollo](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-apollo#installation)\n\n---\n\nLICENCE ISC - Created by Guillaume CHAU (@Akryum)\n","readmeFilename":"README.md","gitHead":"ac3f442ed89643be3e05b95274c38576e519f536","_id":"vue-meteor-tracker@3.0.0-beta.2","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-AMWfoppjD5bLU4T9C0Z11aSyrh3Cw8w5oCjKLjc+7zsehM7Ug+AOxPUzjpTXGHxSUlUEsDux2kqNPB++bRiVCg==","shasum":"1eceb6de60bd2e98de19aa0b420aaa187b1b1883","tarball":"https://registry.npmjs.org/vue-meteor-tracker/-/vue-meteor-tracker-3.0.0-beta.2.tgz","fileCount":7,"unpackedSize":20024,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCfH2vHQqeDJp25cAElKVx2ho12hW/cRUNkbxDZGd9B2gIgZRG2qIk6Egw0tlB4TldNFMRaTNjek5oPdhvu+gcgQ/Y="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjFRfzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpyVA//c8eRRkaoMoMyOqydLe1Z9980VdFOWJc40lN3YJES8vmnXulZ\r\np59C1a10eBbb8pZw1WPsnlMJaWmDrto6VppqfXpiTFt42iiAtWSTL3FvK36Q\r\n019dsnpZVpowoECxic80IklmaPepnHbn0SeqTpAXdEIlgilB/VKloZ/Be6vp\r\nVFJNML+sQlfmgTt1xPnitxlb+q2kx1gufkkukc9Au0AKXKAnQY1JEj+gvz3z\r\nCrLSzZJFGAj00B9dVIkmUuh1Kx8oFVL8ORhVjEyzpk31LHefxRuZ280i2eKt\r\nFwEFaTxtiGkv9EsFPnSJ8InRozEicZE53yOIc1MvxtEFuMZ/k5KxIpVUjS6m\r\nvalsPcJNvMEs5qrZATQvhE4Ii/RkhPiy74inPqRQJkVzHBflM6xgtt/o1CXq\r\n0SNFH3VJUTFIcWHqbHxbVKKaa+4sDIsPKM9xgFw9WnkAKlKBtrntQ2Vv7jFq\r\nv2eD1ghUbWePr9fbetOitwtbJiQMrrUXlY2HD57MXA+IKdUPU5JV9cA77+eo\r\nuP/PVyfgbfE1kYCV9txOFSWhST7TiaCAAI61Vy79tcu8LNSJYZOAPtDAlw3K\r\ntzaNmZHlakJPUA/eSSbC2rwGLdOH7KLsrRoYiPYEPXc1nFYNKtznkjmak8vb\r\nH9TKN8c+ZbNAbFHfEmw3FtaILc5rApnBYnE=\r\n=p502\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akryum","email":"guillaume.b.chau@gmail.com"},"directories":{},"maintainers":[{"name":"akryum","email":"guillaume.b.chau@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-meteor-tracker_3.0.0-beta.2_1662326771795_0.35597663168500193"},"_hasShrinkwrap":false},"3.0.0-beta.3":{"name":"vue-meteor-tracker","version":"3.0.0-beta.3","description":"Use Meteor Tracker reactivity inside Vue components","type":"module","main":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"},"./*":"./*"},"engines":{"node":">14.5.0"},"scripts":{"build":"rimraf dist && tsc -d","watch":"tsc -d -w --sourceMap","prepublishOnly":"pnpm run test && pnpm run build","test":"pnpm run test:eslint","test:eslint":"eslint --ext .js,.ts src"},"repository":{"type":"git","url":"git+https://github.com/meteor-vue/vue-meteor-tracker.git"},"keywords":["vue","meteor","integration","tracker","reactivity"],"author":{"name":"Guillaume CHAU"},"license":"MIT","bugs":{"url":"https://github.com/meteor-vue/vue-meteor-tracker/issues"},"homepage":"https://github.com/meteor-vue/vue-meteor-tracker#readme","dependencies":{},"peerDependencies":{"vue":"^2.7.0 || ^3.0.0"},"devDependencies":{"@types/meteor":"^1.4.87","@types/node":"^18.7.14","@typescript-eslint/eslint-plugin":"^5.18.0","@typescript-eslint/parser":"^5.18.0","eslint":"^8.13.0","eslint-config-standard":"^17.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-n":"^15.2.5","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^6.0.0","rimraf":"^3.0.2","typescript":"^4.8.2","vue":"^3.2.38"},"readme":"# Vue integration for Meteor\n\n[ ](https://www.npmjs.com/package/vue-meteor-tracker)\n[ ](https://vuejs.org/)\n\nReactive subscriptions and data from Meteor for Vue components.\n\n## Sponsors\n\n[Become a sponsor!](https://github.com/sponsors/Akryum)\n\nWe are very grateful to all our sponsors for their support:\n\n
\n\n \n\n## Installation\n\n```\nmeteor npm install --save vue-meteor-tracker@next\n```\n\n## Options API\n\nInstall the plugin into Vue:\n\n```js\nimport { VueMeteor } from 'vue-meteor-tracker'\napp.use(VueMeteor)\n```\n\nIn your Vue component, add a `meteor` object :\n\n\n```js\nexport default {\n meteor: {\n // Meteor specific options\n }\n}\n```\n\n### Subscriptions\n\nAdd an object for each subscription in a `$subscribe` object. The object key is the name of the publication and the value is either an array of parameters or a function returning an array of parameters. These subscription will be stopped when the component is destroyed.\n\n```js\nexport default {\n meteor: {\n // Subscriptions\n $subscribe: {\n // Subscribes to the 'threads' publication with no parameters\n 'threads': [],\n // Subscribes to the 'threads' publication with static parameters\n 'threads': ['new', 10], // The 10 newest threads\n // Subscribes to the 'posts' publication with dynamic parameters\n // The subscription will be re-called when a vue reactive property changes\n 'posts': function() {\n // Here you can use Vue reactive properties\n return [this.selectedThreadId] // Subscription params\n }\n }\n }\n}\n```\n\n\nYou can also use the `$subscribe(name, params)` method in you component code:\n\n\n```js\nmounted () {\n // Subscribes to the 'threads' publication with two parameters\n this.$subscribe('thread', ['new', 10])\n}\n```\n\nThe `$subReady` object on your component contains the state of your subscriptions. For example, to know if the 'thread' subscription is ready, use this *reactive* expression:\n\n```js\nconsole.log(this.$subReady.thread)\n```\n\nOr in your template:\n\n```html\n
Loading...
\n```\n\nYou can also change the default subscription method by defining the `Vue.config.meteor.subscribe` function:\n\n\n```js\nimport { config } from 'vue-meteor-tracker'\n\n// You can replace the default subcription function with your own\n// Here we replace the native subscribe() with a cached one\n// with the ccorcos:subs-cache package\nconst subsCache = new SubsCache({\n expireAfter: 15,\n cacheLimit: -1\n})\n\nconfig.subscribe = function(...args) {\n return subsCache.subscribe(...args)\n}\n```\n\n### Reactive data\n\nYou can add reactive properties that update from any Meteor reactive sources (like collections or session) by putting an object for each property in the `meteor` object. The object key is the name of the property (it shouldn't start with `$`), and the value is a function that returns the result.\n\nHere is an example:\n\n```js\nexport default {\n data() {\n return {\n selectedThreadId: null\n }\n },\n meteor: {\n // Subscriptions\n $subscribe: {\n // We subscribe to the 'threads' publication\n 'threads': []\n },\n // Threads list\n // You can access tthe result with the 'threads' property on the Vue instance\n threads () {\n // Here you can use Meteor reactive sources\n // like cursors or reactive vars\n // as you would in a Blaze template helper\n return Threads.find({}, {\n sort: {date: -1}\n })\n },\n // Selected thread\n selectedThread () {\n // You can also use Vue reactive data inside\n return Threads.findOne(this.selectedThreadId)\n }\n }\n})\n```\n\nUse the reactive data in the template:\n\n\n```html\n\n\n\n\n\n```\n\n\nOr anywhere else in you Vue component:\n\n```js\ncomputed: {\n count () {\n return this.threads.length\n }\n}\n```\n\n### Meteor Methods\n\nYou can call a Meteor method with a promise using `callMethod`:\n\n```js\nimport { callMethod } from 'vue-meteor-tracker'\n\nexport default {\n methods: {\n async insertLink () {\n try {\n await callMethod('links.insert', 'title', 'url')\n console.log('done')\n } catch (e) {\n console.error(e)\n }\n },\n },\n}\n```\n\n---\n\n## Composition API\n\n### Subscriptions\n\nInside the component `setup`, you can use the `subscribe` function:\n\n```js\nimport { subscribe } from 'vue-meteor-tracker'\n\n// Simple sub\n\nsubscribe('links')\n// With params\nsubscribe('linksByPageAndLimit', 1, 10)\n\n// Reactive sub\n\nconst page = ref(1)\nsubscribe(() => ['linksByPageAndLimit', page.value, 10])\n```\n\nIf you need to subscribe later (outside of the `setup` context), call `useSubscribe` instead:\n\n```js\nimport { useSubscribe } from 'vue-meteor-tracker'\n\nconst { subscribe } = useSubscribe()\n\nsetTimeout(() => {\n subscribe('linksByPage', 2)\n}, 1000)\n```\n\n\n### Reactive Data\n\nIn the component `setup` context, you can use the `autorun` function:\n\n```js\nimport { autorun } from 'vue-meteor-tracker'\nimport { LinksCollection } from '/imports/api/links'\n\nconst links = autorun(() => LinksCollection.find({}).fetch()).result\n// const { result, stop } = autorun(() => LinksCollection.find({}).fetch())\n```\n\nIf you need to start an autorun later (outside of the `setup` context), call `useAutorun` instead:\n\n```js\nimport { useAutorun } from 'vue-meteor-tracker'\nimport { LinksCollection } from '/imports/api/links'\n\nconst { autorun } = useAutorun()\n\n// Later...\nconst links = autorun(() => LinksCollection.find({}).fetch()).result\n```\n\n### Meteor Methods\n\nYou can call a Meteor method with a promise using `callMethod`:\n\n```js\nimport { callMethod } from 'vue-meteor-tracker'\n\nasync function insertLink () {\n try {\n await callMethod('links.insert', 'title', 'url')\n console.log('done')\n } catch (e) {\n console.error(e)\n }\n}\n```\n\nTo keep track of pending, error and result state with reactive variables, you can use `useMethod`:\n\n```js\nimport { useMethod } from 'vue-meteor-tracker'\nimport { LinksCollection } from '/imports/api/links'\n\nconst insertLinkMethod = useMethod<[url: string, link: string]>('links.insert')\ninsertLinkMethod.onResult((err) => {\n if (!err) {\n // Reset form\n insertLinkForm.title = ''\n insertLinkForm.url = ''\n }\n})\n\n// Reactive state\nwatch(insertLinkMethod.pending, () => { /* ... */ })\nwatch(insertLinkMethod.error, () => { /* ... */ })\nwatch(insertLinkMethod.result, () => { /* ... */ })\n\nconst insertLinkForm = reactive({\n title: '',\n url: '',\n})\n\nasync function insertLink () {\n await insertLinkMethod.call(insertLinkForm.title, insertLinkForm.url)\n console.log('done')\n}\n```\n\n---\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"f08bb2630b9870f466204fda1fc20b25a3978923","_id":"vue-meteor-tracker@3.0.0-beta.3","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-0M2oSL9RvLVUZhe0RhfH7jHbTCJre4UL4vpN0QoV7r7ClKkk3h7y2b05/MiTxuLTmnuCy42IsR6J8rj56UFKLw==","shasum":"59038fc55077cbea187fde4177ec561b0e753af7","tarball":"https://registry.npmjs.org/vue-meteor-tracker/-/vue-meteor-tracker-3.0.0-beta.3.tgz","fileCount":7,"unpackedSize":18370,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHw1+o7ViA+8uKUkd/JNxjpzPw7CLFqM8V/EUXHEWsYVAiEAnMJNRi/+lbMaXqnUC5NQuc+sOVJPsM0H95zGut9Sfsg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjFR1/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrK4g/+MS0iu9mKuRT9SQAo0Q7qAg2py3cMyQAGSyYBX76I2R8Pgivi\r\nU1BOJ+9sw0XIxdYtBaFSaHklLQV2/SPCM8hf05KpTTz+nJn3wRMoYloDauIW\r\nO8Tfc4Rs1alCEJg4NcOP4Y3s5MDRTWyTzcjglBIDdRmzJBcy3MaZ7oY0Eef+\r\nI6q/BIxYr5eSWr/stqI2NorX1UNpCFRXgyfyFuubIRweLLYMV/Jz5HmLD9qP\r\nkzkptBeyGr9u6XKCVcMFZRr4Ss4CRfqMnNUVtGtuSKGxAKTU27/wr2KhlQBt\r\nwuBMpd2Z8kJgXuyE0yfFwEqSvi97v1N7iff1hBmY+7gRGYMuFGbWf6fWUvb4\r\n4IDaPpKMmGwCshmcRxFWcYoBodpXpcZ2m0fGGDURstXh1SnhkzsIvoUHaRAA\r\nE75yhN1n5I/Bn8rrvpzhUPTnSk4sfbTErZesMLp+R7+qKIwppeKIqqASoMCu\r\n9oe7pu3ncglneVt+SMhwTgBZKJ8KT+gjwIzwHr3b3rd+K/3d20qTjfFFAXZo\r\nTE1O6s/zdOUajcx8eHgjtNfAkmQslg3H3VY4P1MovNZMlrM7QxaaZdd6QXLp\r\n7cAva0qL5YWzY1bXfHyZBqaGFq7oUKZU4rwWDrYXpbQV72WkBN2VeNHbyYZZ\r\nEG2nhBgExiyWG6OzarxJJY8W7I8UT5bWGLo=\r\n=q+gn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akryum","email":"guillaume.b.chau@gmail.com"},"directories":{},"maintainers":[{"name":"akryum","email":"guillaume.b.chau@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-meteor-tracker_3.0.0-beta.3_1662328191307_0.07406541183978632"},"_hasShrinkwrap":false},"3.0.0-beta.4":{"name":"vue-meteor-tracker","version":"3.0.0-beta.4","description":"Use Meteor Tracker reactivity inside Vue components","type":"module","main":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"},"./*":"./*"},"engines":{"node":">14.5.0"},"scripts":{"build":"rimraf dist && tsc -d","watch":"tsc -d -w --sourceMap","prepublishOnly":"pnpm run test && pnpm run build","test":"pnpm run test:eslint","test:eslint":"eslint --ext .js,.ts src"},"repository":{"type":"git","url":"git+https://github.com/meteor-vue/vue-meteor-tracker.git"},"keywords":["vue","meteor","integration","tracker","reactivity"],"author":{"name":"Guillaume CHAU"},"license":"MIT","bugs":{"url":"https://github.com/meteor-vue/vue-meteor-tracker/issues"},"homepage":"https://github.com/meteor-vue/vue-meteor-tracker#readme","dependencies":{},"peerDependencies":{"vue":"^2.7.0 || ^3.0.0"},"devDependencies":{"@types/meteor":"^1.4.87","@types/node":"^18.7.14","@typescript-eslint/eslint-plugin":"^5.18.0","@typescript-eslint/parser":"^5.18.0","eslint":"^8.13.0","eslint-config-standard":"^17.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-n":"^15.2.5","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^6.0.0","rimraf":"^3.0.2","typescript":"^4.8.2","vue":"^3.2.38"},"gitHead":"44c0f233739ccfc8a65f2fe36cf0cd312f9d50bd","_id":"vue-meteor-tracker@3.0.0-beta.4","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-kKIxOJq5310slMAXpFW0s5krk60HLd2cjss5Q1ucXYBkXnEtqj9eb2zQbleAdHAGO6TaiUowkGmqBQ/Jc9JnwA==","shasum":"757b7278c85aeddf2be58f9c19c2e5e755f3468f","tarball":"https://registry.npmjs.org/vue-meteor-tracker/-/vue-meteor-tracker-3.0.0-beta.4.tgz","fileCount":7,"unpackedSize":18799,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB2dv83h5BqaFHKddn8bmJVG+krh1XNN4OQF4+GTMr5mAiAqIEN37dyXMlCQm4OOF35REFEh5Lk/p9PlREVudVSa1A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGeFbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRZxAAoyu25AIZC4JuYuS4lTL80XpqfUdiW4W4yFfCEsPYmi68JjOO\r\niyieyeRNuZI7FJySezjJ+DrsG4T4OQpbxmC2xmlJx8P1Sx6exLPAB/L/m3dr\r\n9MypXQ+VR8zdSGLPJs70frCqqoLIrPfLM/l04RbhDr0DeHOfkAt+9lCLAQkZ\r\nguvVAVhx/7mVjpnhvBGN2GpsMZY/SWsgbdZiw7ZWfAsDOmnKmmjHx3ds6G0k\r\nxA8KYZPQgvvjGdVCGSWjUY4DKawiPHHtOItW3/VnnMwSkVTgi0PfeUoNOgUA\r\nQHpgm7cJb1qCVQ3ie2DUJ3/SBL+JNxZAiwcFUoQijiFO5FcoB3tN+LItFsVh\r\nR2ecXz3DHsL1mbnNztACadDog+Z+wlq74nNVJMSh+Q0PvCX+TMQFBUDUEjlH\r\nTyq16lU3Hyo3D8EdbODsVdIVnXPLkKtSXtpK/1pP5RD4dr+Q4UNJSMRcAJph\r\n1zd2veMiyt3UPstyTvNpU9SkN8D06SIQ3rBXkvqhq/5Gek83LHvytaAkIZVz\r\np9oJBJ52Mut+QYFGGeDUNiO/YEpTy/UCNyByYvMXY2YiupkSfAIhWRLZJAam\r\nCA4SiSIezHO9NygGK1icFEMjAH4A61xjvnMDLwv8+Si4u0vEswume1MzFMN0\r\nNaP7GoIQZomsKAQun0OEagH9Jk0sbdeq/kc=\r\n=+lmF\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akryum","email":"guillaume.b.chau@gmail.com"},"directories":{},"maintainers":[{"name":"akryum","email":"guillaume.b.chau@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-meteor-tracker_3.0.0-beta.4_1662640475096_0.9495150575409663"},"_hasShrinkwrap":false},"3.0.0-beta.5":{"name":"vue-meteor-tracker","version":"3.0.0-beta.5","description":"Use Meteor Tracker reactivity inside Vue components","type":"module","main":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"},"./*":"./*"},"engines":{"node":">14.5.0"},"scripts":{"build":"rimraf dist && tsc -d","watch":"tsc -d -w --sourceMap","prepublishOnly":"pnpm run test && pnpm run build","test":"pnpm run test:eslint","test:eslint":"eslint --ext .js,.ts src"},"repository":{"type":"git","url":"git+https://github.com/meteor-vue/vue-meteor-tracker.git"},"keywords":["vue","meteor","integration","tracker","reactivity"],"author":{"name":"Guillaume CHAU"},"license":"MIT","bugs":{"url":"https://github.com/meteor-vue/vue-meteor-tracker/issues"},"homepage":"https://github.com/meteor-vue/vue-meteor-tracker#readme","dependencies":{},"peerDependencies":{"vue":"^2.7.0 || ^3.0.0"},"devDependencies":{"@types/meteor":"^1.4.87","@types/node":"^18.7.14","@typescript-eslint/eslint-plugin":"^5.18.0","@typescript-eslint/parser":"^5.18.0","eslint":"^8.13.0","eslint-config-standard":"^17.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-n":"^15.2.5","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^6.0.0","rimraf":"^3.0.2","typescript":"^4.8.2","vue":"^3.2.38"},"gitHead":"7cb69498cefc0ba3789c95486551b128d0ed29d2","_id":"vue-meteor-tracker@3.0.0-beta.5","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-H+dzkE0iifkGw7yMubwUP1+vjxZtGef87Ymq51EkXb1orkOJ9zSxCLNjPC6+TEtbiRLdZve8OvBQx45ckPS2qA==","shasum":"7b1aceb266ffb5c38723597e84a03d59647acc26","tarball":"https://registry.npmjs.org/vue-meteor-tracker/-/vue-meteor-tracker-3.0.0-beta.5.tgz","fileCount":7,"unpackedSize":18835,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH7I5QSeFCNVMfgqcBOShV4IbIBXOdgjEvbXxNBXOs5UAiEAj/5Aem4sAzs6VOc6/yKrdxQ/LGkMps5ttBP4Ya/3Ct4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIMS/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTYw/8DVsV+/aW5i56L4Wp4Z5HtB+RP71rG4NE8eCSzIq0fykLx5iZ\r\nuVwahD9E6maSp8zUK9A5kYj7D2xuhM45JeV0H25uOmAvDyuEKzrTjpzIfneA\r\n2lEkerA6ZkitxwrLYwdt6jgRODaXWn3iHiKF81eR4LjXwAEdN37WRtzHsrqz\r\nT539sf8v/IsLHjHfisfGC0T3YzMtPXx4a3JFioN8eSFLa42k5iNBo9GDEfli\r\noyicAxvdnToxyiiUUoEaxtR5WGfaD1ZqbUMTVSTJ/GRqaDjgLOEUqGw4l/Si\r\nJY8j3RxD/Poh4oULi95S4sdXpZv4hge8RoWmdYwiBnqs7NvffVwtfr1CJkQd\r\ns7NiJvWZHgSWeISIPVZmctDNoOHxhKmnG1QX//aPf5X9nKqMCm+WgKkKY0Ul\r\nfPVnAXjxEGf27VnPvGG3DJk2VX1lih6HVu6tmdMUKMVPIB16CpES1ine6/vW\r\n44p+No4BWt8MfayMB6xmHr6CzUyLowYHKvXHHjeI5wTRJaqvBnzFdWZFFcxJ\r\n7IjagwkJJ6GyYiXEU33HC6y6gzCL9lDDRj2oJtS+EnhANb+R0TviF/EdG7W+\r\nKoA4O0kcK6esoO2fdUwwyTsA9YtRTe9OuoJqhM5TYe4S4pn+fTVHUxPfbEdn\r\nlxvvU/MKgsO/Ewkxst3RhyD633NbciowMic=\r\n=ef60\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akryum","email":"guillaume.b.chau@gmail.com"},"directories":{},"maintainers":[{"name":"akryum","email":"guillaume.b.chau@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-meteor-tracker_3.0.0-beta.5_1663091903756_0.7511790370355129"},"_hasShrinkwrap":false},"3.0.0-beta.6":{"name":"vue-meteor-tracker","version":"3.0.0-beta.6","description":"Use Meteor Tracker reactivity inside Vue components","type":"module","main":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"},"./*":"./*"},"engines":{"node":">14.5.0"},"scripts":{"build":"rimraf dist && tsc -d","watch":"tsc -d -w --sourceMap","prepublishOnly":"pnpm run test && pnpm run build","test":"pnpm run test:eslint","test:eslint":"eslint --ext .js,.ts src"},"repository":{"type":"git","url":"git+https://github.com/meteor-vue/vue-meteor-tracker.git"},"keywords":["vue","meteor","integration","tracker","reactivity"],"author":{"name":"Guillaume CHAU"},"license":"MIT","bugs":{"url":"https://github.com/meteor-vue/vue-meteor-tracker/issues"},"homepage":"https://github.com/meteor-vue/vue-meteor-tracker#readme","dependencies":{},"peerDependencies":{"vue":"^2.7.0 || ^3.0.0"},"devDependencies":{"@types/meteor":"^1.4.87","@types/node":"^18.7.14","@typescript-eslint/eslint-plugin":"^5.18.0","@typescript-eslint/parser":"^5.18.0","eslint":"^8.13.0","eslint-config-standard":"^17.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-n":"^15.2.5","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^6.0.0","rimraf":"^3.0.2","typescript":"^4.8.2","vue":"^3.2.38"},"gitHead":"d9c66b73b3d54531ec0ad0229689bc44d043d55d","_id":"vue-meteor-tracker@3.0.0-beta.6","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-ZFVy4mqRcZLsPg3w06XHCYIIKg6BSUOGHBxkTi1O/MPj+/uK2PhoUIIsMDLC+M89Nfw5Uc+uXhJXRvu/KdBXCA==","shasum":"a5d9d8d0c65f9d03a12c0405fae224b650014fdf","tarball":"https://registry.npmjs.org/vue-meteor-tracker/-/vue-meteor-tracker-3.0.0-beta.6.tgz","fileCount":7,"unpackedSize":18989,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC17JvKDiO0mdqRDD+mhJDKTqSi04XwxgSHbvVpHdNmKAiBXbALH5b12fxSC9Ml5FV5sGnqQKh5RvgblSbeuvPSmhg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIdDcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDxw/9FqqnMaXmHnd5uNyNwp49l6Q0CRFQIWz5ierOW468HcscpHEW\r\nzZj6LRm4NQPIGw434QEqmPGh5BPTRsYkP46ML8LfLmN9/g7GM6CIwytCeUTz\r\n4Xa+qYKoQtvSbuLV8p9IimmIBrx9awo/tyUdCw0oJZjiD/kLCsqAiSo+k1mc\r\n4zo71pkSE+RqiiQ5gLVRo7k8PrlRjQShZ2Tu/qjX5U9KxgoyiAsFnyIo/bxr\r\nPGdcZk0FHh/YMW+m2VJpXzRlTzBcT8OAq9mlkdqU6nbt5O1oPObzltyILWt9\r\nmYmpWTAMl1rEdfogXpkyaAMHtcWW1KOqM3D5k19oGhAo3gY/eQD0J5qFltr1\r\nJXPXtx6v7+jfxMkHMyStflVXA+65OxDLMFpCudKv0//BVbQR4vhOz8L9atgQ\r\nTqIetYhBxtKqS7YXNxUbk5YBon2qxQ5t6LBJeKeOLMGhdUMS3PTVyl4tepA3\r\nHhi3y+pZC/iXwv6Zy1GAdfYlOt0NNqrn2NQv2b6V9BOhyAb6HxbXW4f45n4u\r\nf1DXePUY8lLI1BRPpXEwFRV2PgqivGuq8CsGrTI/Hz4D8X4GDMGg4YL/Q7hh\r\nosxmdagMVhRt5NqEpuTEOLAjh7nBa5nXwnTiGYzSpqFPCW5TGZovKg8BfCKC\r\nkwjf5q/9fMy/m/e9V6Ttrsgm7ufIKTh5i/Q=\r\n=otj4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akryum","email":"guillaume.b.chau@gmail.com"},"directories":{},"maintainers":[{"name":"akryum","email":"guillaume.b.chau@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-meteor-tracker_3.0.0-beta.6_1663160540553_0.7456126687312918"},"_hasShrinkwrap":false},"3.0.0-beta.7":{"name":"vue-meteor-tracker","version":"3.0.0-beta.7","description":"Use Meteor Tracker reactivity inside Vue components","type":"module","main":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"},"./*":"./*"},"engines":{"node":">14.5.0"},"scripts":{"build":"rimraf dist && tsc -d","watch":"tsc -d -w --sourceMap","prepublishOnly":"pnpm run test && pnpm run build","test":"pnpm run test:eslint","test:eslint":"eslint --ext .js,.ts src"},"repository":{"type":"git","url":"git+https://github.com/meteor-vue/vue-meteor-tracker.git"},"keywords":["vue","meteor","integration","tracker","reactivity"],"author":{"name":"Guillaume CHAU"},"license":"MIT","bugs":{"url":"https://github.com/meteor-vue/vue-meteor-tracker/issues"},"homepage":"https://github.com/meteor-vue/vue-meteor-tracker#readme","dependencies":{},"peerDependencies":{"vue":"^2.7.0 || ^3.0.0"},"devDependencies":{"@types/meteor":"^1.4.87","@types/node":"^18.7.14","@typescript-eslint/eslint-plugin":"^5.18.0","@typescript-eslint/parser":"^5.18.0","eslint":"^8.13.0","eslint-config-standard":"^17.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-n":"^15.2.5","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^6.0.0","rimraf":"^3.0.2","typescript":"^4.8.2","vue":"^3.2.38"},"gitHead":"b4ad1d4f75a2b9bcc3818f21fc3bf007fdab99c8","_id":"vue-meteor-tracker@3.0.0-beta.7","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-5sOdpl+VBy4BxWtEAoV5KJb218ZnX3/ml5Du8LUbI/BMZdu8LTjGVsIigzykxxRumbM/jZ72mqDHHwyLNvhQkA==","shasum":"c1f4fa89aa54a03d08749e6df4eb4d5db252c29e","tarball":"https://registry.npmjs.org/vue-meteor-tracker/-/vue-meteor-tracker-3.0.0-beta.7.tgz","fileCount":7,"unpackedSize":19070,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8/0GQUza5O+g9EXZydOo0yOaPhIWtnqWpLcfcMh9tpwIhAKhzoIEePsRrVDqHaEkHo8W4EXq5zcom7bV5BKHk4Ox/"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIeeTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNAQ/9E/muXoPcvoVnsNhTXnizN8KqH/yGSBp64v5EI6sIAswUV2jR\r\nswlwq/pOL8LgvQNY16DhQpSqwOvZrBjTKhOgsJaqn3MWhzJj2ed7kehEj7dU\r\nNg1EbMCpOeUel2Oywv0tR4QJfDwBenRGf/27nsMWD/7OFUS3TU9JeEbRnbHJ\r\nJSIyljxEvAszYYgUHWOFzQ/ElAfJaYiJLg/PyQCNKDWcElkS2i3X5AeTXhIv\r\nytC3HXj+jSRjNtBhbwGBAmLNHMmyd65gZuFSRO9iZq+P0oIz5Vh6l9eK2e0v\r\n6Doq8a8iYqU4shQQ/2uNKigKW9gf4VYpCahM/fcy+G+dA5HfhH+qd7ecllng\r\nlTf0G87IYN2KoedxkrjdHyifODow3wA6R7MiHjIB5mcB2f5eiAO39SMCknG1\r\n3ZOPRa5+fxHuSr7HfdZEMd++PLT5S6vOH2eZbxyaDyNctqgGJuNeQc3OUJUa\r\n8Ro2mLknG2lMv2FpjXNnnxRrO1StyGZask5dQAVXgOZ+LUKIqncbpZBkcu0Y\r\nWKzuPAnYyeO1LEjdrAm/WJAx2WaX4P0AgNaAF0thoC1qs7XcGaZRYUVFVmTz\r\nl9pDd1A7y2COGwy34cBrqEDMGuhq2rqcqDszSv5FGYphKzXHQL5hsYhlj+f4\r\nWjaqjvT0u5UHs8kbwN5t1tb1XWFp2PyEY8Y=\r\n=oEMZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akryum","email":"guillaume.b.chau@gmail.com"},"directories":{},"maintainers":[{"name":"akryum","email":"guillaume.b.chau@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-meteor-tracker_3.0.0-beta.7_1663166355035_0.4943265476954646"},"_hasShrinkwrap":false}},"readme":"# Vue integration for Meteor\n\n[ ](https://www.npmjs.com/package/vue-meteor-tracker)\n[ ](https://vuejs.org/)\n\nReactive subscriptions and data from Meteor for Vue components.\n\n## Sponsors\n\n[Become a sponsor!](https://github.com/sponsors/Akryum)\n\nWe are very grateful to all our sponsors for their support:\n\n
\n\n \n\n## Installation\n\n```sh\nmeteor npm install --save vue-meteor-tracker@next\n```\n\nInstall `vite:bundler` too:\n\n```sh\nmeteor add vite:bundler\n```\n\n[Learn more](https://packosphere.com/vite/bundler)\n\nExample Vite config:\n\n```js\nimport { defineConfig } from 'vite'\nimport Vue from '@vitejs/plugin-vue'\n\nexport default defineConfig({\n plugins: [\n Vue(),\n ],\n\n optimizeDeps: {\n exclude: [\n 'vue-meteor-tracker',\n ],\n },\n\n meteor: {\n clientEntry: 'imports/ui/main.ts',\n },\n})\n```\n\n## Options API\n\nInstall the plugin into Vue:\n\n```js\nimport { VueMeteor } from 'vue-meteor-tracker'\napp.use(VueMeteor)\n```\n\nIn your Vue component, add a `meteor` object :\n\n\n```js\nexport default {\n meteor: {\n // Meteor specific options\n }\n}\n```\n\n### Subscriptions\n\nAdd an object for each subscription in a `$subscribe` object. The object key is the name of the publication and the value is either an array of parameters or a function returning an array of parameters. These subscription will be stopped when the component is destroyed.\n\n```js\nexport default {\n meteor: {\n // Subscriptions\n $subscribe: {\n // Subscribes to the 'threads' publication with no parameters\n 'threads': [],\n // Subscribes to the 'threads' publication with static parameters\n 'threads': ['new', 10], // The 10 newest threads\n // Subscribes to the 'posts' publication with dynamic parameters\n // The subscription will be re-called when a vue reactive property changes\n 'posts': function() {\n // Here you can use Vue reactive properties\n return [this.selectedThreadId] // Subscription params\n }\n }\n }\n}\n```\n\n\nYou can also use the `$subscribe(name, params)` method in you component code:\n\n\n```js\nmounted () {\n // Subscribes to the 'threads' publication with two parameters\n this.$subscribe('thread', ['new', 10])\n}\n```\n\nThe `$subReady` object on your component contains the state of your subscriptions. For example, to know if the 'thread' subscription is ready, use this *reactive* expression:\n\n```js\nconsole.log(this.$subReady.thread)\n```\n\nOr in your template:\n\n```html\n
Loading...
\n```\n\nYou can also change the default subscription method by defining the `Vue.config.meteor.subscribe` function:\n\n\n```js\nimport { config } from 'vue-meteor-tracker'\n\n// You can replace the default subcription function with your own\n// Here we replace the native subscribe() with a cached one\n// with the ccorcos:subs-cache package\nconst subsCache = new SubsCache({\n expireAfter: 15,\n cacheLimit: -1\n})\n\nconfig.subscribe = function(...args) {\n return subsCache.subscribe(...args)\n}\n```\n\n### Reactive data\n\nYou can add reactive properties that update from any Meteor reactive sources (like collections or session) by putting an object for each property in the `meteor` object. The object key is the name of the property (it shouldn't start with `$`), and the value is a function that returns the result.\n\nHere is an example:\n\n```js\nexport default {\n data() {\n return {\n selectedThreadId: null\n }\n },\n meteor: {\n // Subscriptions\n $subscribe: {\n // We subscribe to the 'threads' publication\n 'threads': []\n },\n // Threads list\n // You can access tthe result with the 'threads' property on the Vue instance\n threads () {\n // Here you can use Meteor reactive sources\n // like cursors or reactive vars\n // as you would in a Blaze template helper\n return Threads.find({}, {\n sort: {date: -1}\n })\n },\n // Selected thread\n selectedThread () {\n // You can also use Vue reactive data inside\n return Threads.findOne(this.selectedThreadId)\n }\n }\n})\n```\n\nUse the reactive data in the template:\n\n\n```html\n\n\n\n\n\n```\n\n\nOr anywhere else in you Vue component:\n\n```js\ncomputed: {\n count () {\n return this.threads.length\n }\n}\n```\n\n### Meteor Methods\n\nYou can call a Meteor method with a promise using `callMethod`:\n\n```js\nimport { callMethod } from 'vue-meteor-tracker'\n\nexport default {\n methods: {\n async insertLink () {\n try {\n await callMethod('links.insert', 'title', 'url')\n console.log('done')\n } catch (e) {\n console.error(e)\n }\n },\n },\n}\n```\n\n---\n\n## Composition API\n\n### Subscriptions\n\nInside the component `setup`, you can use the `subscribe` function:\n\n```js\nimport { subscribe } from 'vue-meteor-tracker'\n\n// Simple sub\n\nsubscribe('links')\n// With params\nsubscribe('linksByPageAndLimit', 1, 10)\n\n// Reactive sub\n\nconst page = ref(1)\nsubscribe(() => ['linksByPageAndLimit', page.value, 10])\n```\n\nIf you need to subscribe later (outside of the `setup` context), call `useSubscribe` instead:\n\n```js\nimport { useSubscribe } from 'vue-meteor-tracker'\n\nconst { subscribe } = useSubscribe()\n\nsetTimeout(() => {\n subscribe('linksByPage', 2)\n}, 1000)\n```\n\n\n### Reactive Data\n\nIn the component `setup` context, you can use the `autorun` function:\n\n```js\nimport { autorun } from 'vue-meteor-tracker'\nimport { LinksCollection } from '/imports/api/links'\n\nconst links = autorun(() => LinksCollection.find({}).fetch()).result\n// const { result, stop } = autorun(() => LinksCollection.find({}).fetch())\n```\n\nIf you need to start an autorun later (outside of the `setup` context), call `useAutorun` instead:\n\n```js\nimport { useAutorun } from 'vue-meteor-tracker'\nimport { LinksCollection } from '/imports/api/links'\n\nconst { autorun } = useAutorun()\n\n// Later...\nconst links = autorun(() => LinksCollection.find({}).fetch()).result\n```\n\n### Meteor Methods\n\nYou can call a Meteor method with a promise using `callMethod`:\n\n```js\nimport { callMethod } from 'vue-meteor-tracker'\n\nasync function insertLink () {\n try {\n await callMethod('links.insert', 'title', 'url')\n console.log('done')\n } catch (e) {\n console.error(e)\n }\n}\n```\n\nTo keep track of pending, error and result state with reactive variables, you can use `useMethod`:\n\n```ts\nimport { useMethod } from 'vue-meteor-tracker'\nimport { LinksCollection } from '/imports/api/links'\n\nconst insertLinkMethod = useMethod<[url: string, link: string]>('links.insert')\ninsertLinkMethod.onResult((err) => {\n if (!err) {\n // Reset form\n insertLinkForm.title = ''\n insertLinkForm.url = ''\n }\n})\n\n// Reactive state\nwatch(insertLinkMethod.pending, () => { /* ... */ })\nwatch(insertLinkMethod.error, () => { /* ... */ })\nwatch(insertLinkMethod.result, () => { /* ... */ })\n\nconst insertLinkForm = reactive({\n title: '',\n url: '',\n})\n\nasync function insertLink () {\n await insertLinkMethod.call(insertLinkForm.title, insertLinkForm.url)\n console.log('done')\n}\n```\n\n---\n\n## License\n\nMIT\n","maintainers":[{"name":"akryum","email":"guillaume.b.chau@gmail.com"}],"time":{"modified":"2022-09-19T17:55:27.357Z","created":"2016-10-19T22:12:13.101Z","1.0.0":"2016-10-19T22:12:13.101Z","1.0.1":"2016-10-19T22:15:17.864Z","1.0.2":"2016-10-20T07:41:37.812Z","1.0.3":"2016-11-03T10:53:55.118Z","1.0.4":"2016-12-17T18:46:51.288Z","1.1.0":"2017-02-20T23:06:18.399Z","1.1.1":"2017-02-20T23:09:03.622Z","1.1.2":"2017-03-07T17:18:40.597Z","1.2.0":"2017-03-23T16:38:11.262Z","1.2.1":"2017-04-15T23:47:34.434Z","1.2.2":"2017-06-02T12:27:17.682Z","1.2.3":"2017-06-02T15:42:06.000Z","2.0.0-beta.1":"2018-05-13T18:23:26.827Z","2.0.0-beta.2":"2018-05-13T23:49:32.102Z","2.0.0-beta.3":"2018-05-14T02:38:21.270Z","2.0.0-beta.4":"2018-10-09T14:11:40.372Z","2.0.0-beta.5":"2018-12-09T15:50:33.694Z","2.0.0":"2022-09-04T20:56:11.191Z","3.0.0-beta.1":"2022-09-04T21:25:37.448Z","3.0.0-beta.2":"2022-09-04T21:26:11.961Z","3.0.0-beta.3":"2022-09-04T21:49:51.490Z","3.0.0-beta.4":"2022-09-08T12:34:35.307Z","3.0.0-beta.5":"2022-09-13T17:58:23.969Z","3.0.0-beta.6":"2022-09-14T13:02:20.796Z","3.0.0-beta.7":"2022-09-14T14:39:15.207Z"},"homepage":"https://github.com/meteor-vue/vue-meteor-tracker#readme","keywords":["vue","meteor","integration","tracker","reactivity"],"repository":{"type":"git","url":"git+https://github.com/meteor-vue/vue-meteor-tracker.git"},"author":{"name":"Guillaume CHAU"},"bugs":{"url":"https://github.com/meteor-vue/vue-meteor-tracker/issues"},"license":"MIT","readmeFilename":"README.md"}
![\"Become](\"https://c5.patreon.com/external/logo/become_a_patron_button.png\"){kind=logo}
\n \n![\"sum.cumo](\"https://cdn.discordapp.com/attachments/258614093362102272/570728242399674380/logo-sumcumo.png\"){kind=logo}
\n \n
\n \n![\"VueSchool](\"https://vueschool.io/img/logo/vueschool_logo_multicolor.svg\"){kind=logo}
\n ![\"Vue](\"https://cdn.discordapp.com/attachments/258614093362102272/557267759130607630/Vue-Mastery-Big.png\")
\n ![](\"https://cdn.discordapp.com/attachments/537832759985700914/537832771691872267/Horizontal_Logo_-_Dark.png\"){kind=logo}
\n ![](\"https://cdn.discordapp.com/attachments/258614093362102272/557267744249085953/frontend_love-logo.png\"){kind=logo}
\n