{"id":27704411,"url":"https://github.com/Akryum/meteor-vue-component","last_synced_at":"2025-04-26T01:01:54.752Z","repository":{"id":8829093,"uuid":"59831190","full_name":"meteor-vue/vue-meteor","owner":"meteor-vue","description":"🌠 Vue first-class integration in Meteor","archived":false,"fork":false,"pushed_at":"2023-05-17T02:20:08.000Z","size":1825,"stargazers_count":895,"open_issues_count":110,"forks_count":110,"subscribers_count":47,"default_branch":"master","last_synced_at":"2025-04-19T05:49:12.090Z","etag":null,"topics":["apollo","blaze","meteor","meteor-package","ssr","vue","vue-components","vue-router","vuejs","vuejs2","vuex"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/meteor-vue.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"github":"Akryum"}},"created_at":"2016-05-27T11:57:35.000Z","updated_at":"2025-03-30T00:42:49.000Z","dependencies_parsed_at":"2024-01-02T23:39:46.060Z","dependency_job_id":"f99e8731-987e-4de6-8b2c-05e918e4ae02","html_url":"https://github.com/meteor-vue/vue-meteor","commit_stats":null,"previous_names":["akryum/vue-meteor","akryum/meteor-vue-component"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meteor-vue%2Fvue-meteor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meteor-vue%2Fvue-meteor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meteor-vue%2Fvue-meteor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meteor-vue%2Fvue-meteor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/meteor-vue","download_url":"https://codeload.github.com/meteor-vue/vue-meteor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250917360,"owners_count":21507562,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apollo","blaze","meteor","meteor-package","ssr","vue","vue-components","vue-router","vuejs","vuejs2","vuex"],"created_at":"2025-04-26T01:01:37.503Z","updated_at":"2025-04-26T01:01:54.720Z","avatar_url":"https://github.com/meteor-vue.png","language":"JavaScript","funding_links":["https://github.com/sponsors/Akryum","https://www.patreon.com/akryum"],"categories":["Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","实用库","Awesome Vue.js"],"sub_categories":["Libraries \u0026 Plugins"],"readme":"\u003cp align=\"center\"\u003e\u003cimg src=\"https://github.com/Akryum/vue-meteor/raw/master/vue%2Bmeteor.png\"\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://meteor.com/\"\u003e\u003cimg src=\"https://img.shields.io/badge/meteor-1.8.1-blue.svg\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://vuejs.org/\"\u003e\u003cimg src=\"https://img.shields.io/badge/vue-1.x-green.svg\"/\u003e \u003cimg src=\"https://img.shields.io/badge/vue-2.6.10-brightgreen.svg\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.patreon.com/akryum\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://c5.patreon.com/external/logo/become_a_patron_button.png\" alt=\"Become a Patreon\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Sponsors\n\n[![sponsors logos](https://guillaume-chau.info/sponsors.png)](https://guillaume-chau.info/sponsors)\n\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\nvue+meteor is a set of packages to help you create awesome apps quickly and efficiently with two great web technologies:\n\n- [vuejs](http://vuejs.org/) is the frontend\n- [meteor](http://meteor.com/) is the platform (client, server, database, network)\n\nYou will be able to [use meteor data inside Vue](https://github.com/Akryum/vue-meteor-tracker#vue-integration-for-meteor) or [write `.vue` files in your meteor project](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-component).\n\n### [Complete Example/Demo Project](https://github.com/Akryum/vue-meteor-demo)\n\n## Quick Packages Links\n\nHere is a list of recommended packages for developping a meteor+vue app:\n\n- [:package: `vue-meteor-tracker`](https://github.com/Akryum/vue-meteor-tracker) (meteor tracker integration)\n- [:package: `akryum:vue-component`](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-component) (vue component files)\n- [:package: `akryum:vue-router2`](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-router2) (`vue-router` 2.x helpers)\n- [:package: `vue-apollo`](https://github.com/Akryum/vue-apollo) (apollo integration)\n- [:package: `vuejs:blaze-integration`](https://github.com/meteor-vue/blaze-integration) (integrate Vue and Blaze)\n- [:package: `vue-supply`](https://github.com/Akryum/vue-supply) (use reactive data \u0026 automatic subscriptions in components and vuex store)\n- [:package: `akryum:vue-ssr`](https://github.com/Akryum/vue-meteor/tree/master/packages/vue-ssr) (Server-Side Rendering)\n\n## Resources\n\n### Examples\n\n- [Guide Example](https://github.com/meteor-vue/guide)\n- [TodoMVC](https://github.com/meteor-vue/todomvc)\n- [Complete Example/Demo Project](https://github.com/Akryum/vue-meteor-demo)\n\n\u003cbr\u003e\n\n### Meteor \u0026 Tracker data integration ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n\nDeclarative subscriptions and meteor reactive data\n\n[:package: See Usage in npm vue-meteor-tracker package](https://github.com/Akryum/vue-meteor-tracker#vue-integration-for-meteor)\n\n\u003cbr\u003e\n\n### Single-file component ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n\nIt allows you to write your components in [this format](https://vuejs.org/v2/guide/single-file-components.html) with hot-reloading support.\n\n[:package: See Usage in arkyum:vue-component package](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-component#usage)\n\n\u003cbr\u003e\n\n### Routing ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n\nRouting for Vue 2.x and Meteor using [vue-router](https://github.com/vuejs/vue-router).\n\n[:package: See Installation \u0026 Usage in arkyum:vue-router2 package](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-router2#installation)\n\n[Example app](https://github.com/Akryum/meteor-vue2-example-routing)\n\n\u003cbr\u003e\n\n### Apollo integration ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n\nUse apollo in your vue component!\n\n[:package: See Installation \u0026 Usage in the vue-apollo npm package](https://github.com/Akryum/vue-apollo)\n\n\u003cbr\u003e\n\n### Server-side rendering ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n\nVery easy way to render your frontend on the server automatically when a user first loads the app.\n\n[:package: See Installation \u0026 Usage in the akryum:vue-ssr package](https://github.com/meteor-vue/vue-meteor/tree/master/packages/vue-ssr#installation)\n\n\u003cbr\u003e\n\n### Integrate Blaze  ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n\nRender Blaze templates in Vue components and the other way around!\n\n[:package: See Installation \u0026 Usage in the vuejs:blaze-integration package](https://github.com/meteor-vue/blaze-integration)\n\n\n\u003cbr\u003e\n\n\n## Vue 1.x\n\nSee `old` branch.\n\n---\n\n## Features \u0026 Roadmap\n\nCurrently supported and possible future features (in no particular order) are:\n\n - [x] Declarative subscriptions and meteor reactive data ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] Single-file components (.vue) with basic support of `\u003ctemplate\u003e`, `\u003cscript\u003e` and `\u003cstyle\u003e` (with optional `scoped` attribute) ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] Instant Hot-reloading of components ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] `lang` attribute on `\u003cstyle\u003e` in .vue files ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] Less official integration in .vue files ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] Sass official integration in .vue files ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] Stylus official integration in .vue files ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] `lang` attribute on `\u003ctemplate\u003e` in .vue files ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] Jade official integration in .vue file ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] `lang` attribute on `\u003cscript\u003e` in .vue files ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] Coffeescript official integration in .vue files ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] Apollo client integration ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] Easy routing with vue-router out-of-the-box integration \u0026 fast-render ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] Easy localization with vue-i18n out-of-the-box integration, auto-detection, server-side injection and key-in-hand ui ![vue](https://img.shields.io/badge/vue-1.x-green.svg)\n - [x] Easy state management with vuex integration ![vue](https://img.shields.io/badge/vue-1.x-green.svg)\n - [x] Use Blaze templates in your vue app ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] `module` attribute on `\u003cstyle\u003e` in .vue files\n - [x] Typescript support in .vue files ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] Server-side rendering ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] `src` attribute support in `.vue` files ![vue](https://img.shields.io/badge/vue-1.x-green.svg) ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] Apollo Server-side rendering ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n - [x] Meteor 1.5 code-splitting ![vue](https://img.shields.io/badge/vue-2.x-brightgreen.svg)\n\nTrack the project progress [here](https://github.com/Akryum/meteor-vue-component/milestones).\n\n## Get involved\n\nThis project is very much a work-in-progress, so your help will be greatly appreciated!\nFeel free to contribute by opening a PR or an issue (but check before if the topic already exists).\n\n### Development project\n\nClone this repository and [the demo project](https://github.com/Akryum/vue-meteor-demo) and type in the demo project directory:\n\n    ln -s ../vue-meteor/packages packages\n    meteor npm install\n    meteor\n\n---\n\nLICENCE ISC - Created by Guillaume CHAU (@Akryum)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAkryum%2Fmeteor-vue-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAkryum%2Fmeteor-vue-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAkryum%2Fmeteor-vue-component/lists"}