meteor-vue / vue-meteor Goto Github PK

View Code? Open in Web Editor NEW

896.0 48.0 110.0 1.78 MB

🌠 Vue first-class integration in Meteor

JavaScript 100.00%

meteor vue-components vuejs vuejs2 vuex apollo vue-router blaze ssr vue

vue-meteor's People

Contributors

Stargazers

Watchers

Forkers

jefth gbisheimer davidbernal duke-lv zarazi z8751300 rwatts3 martinbucko mitar timtech4u mirzap epfl-dojo akanix42 sebastianconcept qingxinkouqi lslcoded nicholascowan cuulee nizulzaim nilmarramos mrmasly rubythonode geoffreybooth amrayoub devsignstudio takiguru davidohalloran juli1546 laosb 179309463 trongprot1 ejfrancis jag82 zxh930508 alexanderbelokon athiwatp cbforks alexandesigner runarberg raphaelarias dreamofboy foobarbecue jp51986 herteby starsoft35 kkdg devenc mizzao europj themushrr00m marsimeau reinargj masakiiwamoto obhakim mandado carrot93 kulboi jaeyholic bilind ru55ell zmilan chundany palpinter nicooprat vaivaivai disy2008 reach-rocket carloslema mathieustan hhy5277 runofthemillgeek ukik banana618859 todun jan-san cosmopolichain shankscoder jbl2024 fudanfuhua wildhart sembrador luzlab mrauhu antoniorossi chris-visser ismail9k bastiw appstrom hubelia antwaremx vishnutejabandi ackzell hernanm0g vadkasevas networksforchange colossalideas petrupp fasal-tech vdiel89 mga1600

vue-meteor's Issues

Can't add postcss plugins from the project

There is currently no way to add postcss plugins to the akryum:vue-component package.

TypeError: window.__vue_hot__ is undefined

Copied getting started code from very bottom "all together now" and this pops up (error from title) in console. I'm using blaze+vue and am currently updating meteor from 1.3.2.

PS vue dependency goes into package.js rather than packages.js?

Meteor Tracker Data integration

https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue#usage

Test Blaze support

import {Vue} from 'meteor/akryum:vue';
import MyComponent from '/imports/ui/MyComponent.vue';

Template.home.rendered = function() {
  var vm = new Vue({
    el: '#vue-demo',
    template: '<div><my-component></my-component></div>',
    components: {
      MyComponent
    }
  });
}

Test in a new project without removing blaze
Update the main Readme with alternate project configuration using blaze
Add a example repository

App crashing: Vue Router

Did npm install which resulted in: (which is weird)

C:\Users\ALERATOR\garlic>meteor npm install
[..................] / normalizeTree: sill install loadCurrentTree
[..................] / normalizeTree: sill install loadCurrentTree
[..................] / normalizeTree: sill install loadCurrentTree
[..................] / normalizeTree: sill install loadCurrentTree
[..................] / normalizeTree: sill install loadCurrentTree
[..................] / normalizeTree: sill install loadCurrentTree
[   ...............] - cloneCurrentTree: sill cloneCurrentTree Finishing
[        ..........] / loadDevDeps: sill install loadAllDepsIntoIdealTree
[             .....] \ fetch: sill doParallel fetch 0

Looking at the example project for vue-router it doesn't import vue anywere.
Than:

Your app is crashing. Here's the latest log:
Errors prevented startup:

While processing files with akryum:vue-router (for target web.browser):
C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\location.js:22:13: Unexpected token (49:1)

  at Parser.pp.raise (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\location.js:22:13)

  at Parser.pp.unexpected (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\util.js:89:8)

  at Parser.pp.expect (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\util.js:83:33)
  at Parser.pp.parseObj (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:725:12)
  at Parser.pp.parseExprAtom (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:486:19)
  at Parser.parseExprAtom (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\plugins\jsx\index.js:18:22)
  at Parser.pp.parseExprSubscripts (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:272:19)
  at Parser.pp.parseMaybeUnary (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:252:19)
  at Parser.pp.parseExprOps (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:183:19)
  at Parser.pp.parseMaybeConditional (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:165:19)
  at Parser.pp.parseMaybeAssign (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:128:19)
  at Parser.pp.parseExpression (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:92:19)
  at Parser.pp.parseReturnStatement (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\statement.js:333:26)
  at Parser.pp.parseStatement (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\statement.js:107:19)
  at Parser.parseStatement (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\plugins\flow.js:30:22)
  at Parser.pp.parseBlockBody (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\statement.js:529:21)
  at Parser.pp.parseBlock (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\statement.js:510:8)
  at Parser.pp.parseFunctionBody (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:913:22)
  at Parser.parseFunctionBody (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\plugins\flow.js:17:20)
  at Parser.pp.parseArrowExpression (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:892:8)
  at Parser.parseParenAndDistinguishExpression (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\plugins\flow.js:396:21)
  at Parser.pp.parseExprAtom (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:476:19)
  at Parser.parseExprAtom (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\plugins\jsx\index.js:18:22)
  at Parser.pp.parseExprSubscripts (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:272:19)
  at Parser.pp.parseMaybeUnary (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:252:19)
  at Parser.pp.parseExprOps (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:183:19)
  at Parser.pp.parseMaybeConditional (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:165:19)
  at Parser.pp.parseMaybeAssign (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:128:19)
  at Parser.pp.parseParenAndDistinguishExpression (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:590:26)
  at Parser.parseParenAndDistinguishExpression (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\plugins\flow.js:399:28)
  at Parser.pp.parseExprAtom (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:476:19)
  at Parser.parseExprAtom (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\plugins\jsx\index.js:18:22)
  at Parser.pp.parseExprSubscripts (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:272:19)
  at Parser.pp.parseMaybeUnary (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:252:19)
  at Parser.pp.parseExprOps (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:183:19)
  at Parser.pp.parseMaybeConditional (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:165:19)
  at Parser.pp.parseMaybeAssign (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\expression.js:128:19)
  at Parser.pp.parseVar (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\statement.js:601:24)
  at Parser.pp.parseVarStatement (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\statement.js:424:8)
  at Parser.pp.parseStatement (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\statement.js:120:19)
  at Parser.parseStatement (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\plugins\flow.js:30:22)
  at Parser.pp.parseBlockBody (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\statement.js:529:21)
  at Parser.pp.parseTopLevel (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\statement.js:36:8)
  at Parser.parse (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\parser\index.js:129:19)
  at Object.parse (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\node_modules\babylon\lib\index.js:47:47)
  at parse (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\index.js:38:29)
  at C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\index.js:58:15
  at Cache.Cp.get (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\cache.js:94:19)
  at Object.compile (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\babel-compiler\node_modules\meteor-babel\index.js:47:23)
  at Object.Babel.compile (packages/babel-compiler/babel.js:26:1)
  at VueRouterCompiler.compileOneFile (packages/vue-router/plugin/plugin.js:44:24)
  at packages/caching-compiler/caching-compiler.js:292:32
  at C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\caching-compiler\node_modules\async\lib\async.js:182:20
  at replenish (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\caching-compiler\node_modules\async\lib\async.js:317:21)
  at C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\caching-compiler\node_modules\async\lib\async.js:328:15
  at Object.async.forEachLimit.async.eachLimit (C:\Users\ALERATOR\AppData\Local\.meteor\packages\akryum_vue-router\0.2.0\plugin.vue-router.os\npm\node_modules\meteor\caching-compiler\node_modules\async\lib\async.js:221:35)
  at VueRouterCompiler.processFilesForTarget (packages/caching-compiler/caching-compiler.js:277:11)


Your application has errors. Waiting for file change.

Apollo integration

https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-apollo#installation

Vue Router API limit to start and map

Hi, do you only implement Router.map and Router.start? I don't see any debug result for Router.go, Router.stop and other.

Routing

Using vue-router.
Maybe with some sort of fastrender functionnality?

Add tests

The packages need some testing, any help appreciated.

Hopelessly won't import Vue.js as blaze template

I'm still somewhat consistently failing to make vue.js render in my baze.

NavBar.vue

<template>
  <div class="navBar">

<script>
import {jQuery} from 'meteor/jquery';
export default {
  ready: function() {

mainLayout.js

import {Vue} from 'meteor/akryum:vue';
import NavBar from '/imports/ui/NavBar.vue';

Template.abba.rendered = function() {
  var vm = new Vue({
    el: '#abba',
    template: '<div><navBar></navBar></div>',
    components: {
      NavBar
    }
  });
}

mainLayout.html

<template name="mainLayout">
        {{> abba}}
    <div height="160px"><p></p></div>
    <div id="mainContent">
        {{> Template.dynamic template=content}}
    </div>
</template>

abba.html

<template name="abba">
  <div id="abba"></div>
</template>

Auto register components with file name ending with .global.vue

Related to #11

Export globals

So projects not using imports can directly use Vue, Router, I18n, ...

Vue Component cannot used in package

Hi I tried to create package from vue component. However, i dont think it is possible to create package using vue-component. Here is the error in console.

 While processing files with akryum:vue-component (for target web.browser):
   fs.js:1031:11: watch ENOENT
   at errnoException (fs.js:1031:11)
   at FSWatcher.start (fs.js:1063:11)
   at Object.fs.watch (fs.js:1088:11)
   at packages/vue-component/plugin/vue-compiler.js:228:24
   at VueComponentCompiler.addCompileResult (packages/vue-component/plugin/vue-compiler.js:151:15)
   at packages/caching-compiler/caching-compiler.js:305:14
   at C:\Users\Nizul Zaim\AppData\Local\.meteor\packages\akryum_vue-component\0.3.7\plugin.vue-component.os\npm\node_modules\meteor\caching-compiler\node_modules\async\lib\async.js:182:20
   at replenish (C:\Users\Nizul Zaim\AppData\Local\.meteor\packages\akryum_vue-component\0.3.7\plugin.vue-component.os\npm\node_modules\meteor\caching-compiler\node_modules\async\lib\async.js:317:21)
   at C:\Users\Nizul Zaim\AppData\Local\.meteor\packages\akryum_vue-component\0.3.7\plugin.vue-component.os\npm\node_modules\meteor\caching-compiler\node_modules\async\lib\async.js:328:15
   at Object.async.forEachLimit.async.eachLimit (C:\Users\Nizul Zaim\AppData\Local\.meteor\packages\akryum_vue-component\0.3.7\plugin.vue-component.os\npm\node_modules\meteor\caching-compiler\node_modules\async\lib\async.js:221:35)
   at VueComponentCompiler.processFilesForTarget (packages/caching-compiler/caching-compiler.js:277:11)

And here is packages.js

Package.onUse(function (api) {
    api.versionsFrom('1.3.3');
    api.use('ecmascript');
    api.use(['akryum:[email protected]', 'akryum:[email protected]']);
    api.mainModule('xxx-core.js');
    api.addFiles([
        'lib/css/xxx.css',
    ], 'client');
  });

If you notice it, there are no .vue or .global.vue file.

Dev client not included

If NODE_ENV isn't equal to development.

Single quote in template is escaped

Example: You\'ve pressed the button 4 times (inside vue component).

Include component style dynamically in development mode

Currently, the component css is duplicated in the standard meteor app source and in dynamic <style> tags. During hot-reload, the dynamic style tag is refreshed by the dev client, followed a moment later by the meteor standard css reload. This means that if your change or remove a css rule, you may not see the result in the brwoser until the meteor standard reload is complete (it can take a few seconds).
This behavior gives the developper the feeling that something went wrong.

Script lang support

Add lang attribute support on <script> tags in .vue files

Documentation / In-depth guide website

Is a documentation website needed? We could use GitBook.

Consolidate all of the examples into a single repository/app

Makes it easier to navigate and test. Additionally maybe it's possible to use Flow Router with vue.js?

Nested template tags in <template>

This will not be handled properly by the tag handler.

<template>
  <div class="thread-item" :class="css" @click="select">{{data.name}}</div>
  <template></template>
</template>

Sometimes, the app doesn't do full reload

If a change unrelated to vue component happens

Vuex integration

Discussion for vuex integration with the meteor data stack and apollo

Big main package

Create a complete application with vue and meteor by installing just one package that depends on all the sweet vue packages you may need (tracker, single-file components, router, i18n, etc.).

Vue router and blaze embed

So have you tested v-blaze with vue router, as it doesn't appear to work.

This line is apparently has unidentified property: const template = Template[templateName];

jQuery errors

Putting jquery after ready: function () {etc} with a syntax error of additional }, or something wrecks havoc without an error message in CMD or terminal (that makes sense) when also using Blaze. Is this an upstream issue?

Uncaught TypeError: Cannot read property 'createRecord' of undefined

Hi, I dont know what is this problem. Im trying to play with your package that are look promising. With only 3 files that are created, this problem are already show up.

Here is my client/main.html

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <title>Meteor Vue App</title>
</head>
<body>
    <app></app>
</body>

Here is client/main.js

import { Vue } from 'meteor/akryum:vue';
import { Meteor } from 'meteor/meteor';
import App from '/imports/ui/App.vue';

Vue.component('app', App);

And here is imports/ui/App.vue

<template>
    <div class="app">
        Try this
    </div>
</template>

<script>
    export default {
        ready() {
            console.log("hello world");
        }
    }
</script>

I am using version [email protected] in Windows.

HTML Scanner doesn't skip comments

Ignored tags are included.

Install npm deps in project package.json

Instead of relying on Npm.depends() in the packages, we should check if the npm dependencies are in the project package.json, update it and tell the developper what to do to install them.

Single file component basic support

https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-component#usage

Loading plugin compileVueComponents is slow if using postcss autoprefixer

When starting the project, the plugin loading takes too long.

Script sourcemap line numbers are off

Start at 1 with the begining of the script tag instead of the begining of the file.

Global default lang configuration

Configure default language used in <template>, <script> and <style> in your components with a .vuerc file at your project root.

Allow dev-server port customization

Currently, the hot-reloading dev server is listening to port 4242. We should be able to change that.
For example, we can't run multiple projects on the same machine.

Official less support

Need #13

Can't hot-reload components importing relative paths

Tested with a component located inside a package or in the app:

import {Threads, Posts} from '../api/collections';
// or
import ThreadItem from './ThreadItem.vue';

When hot-reloading, gives the following error:

Exception in callback of async function: Error: Cannot find module '../api/collections'

Exception in callback of async function: Error: Cannot find module './ThreadItem.vue'

Official jade support

Need #12

Stylus support

Add stylus support to the .vue files.

Error: Cannot find module './providers/address'

/Users/andre/.meteor/packages/meteor-tool/.1.3.4_1.1ff5caj++os.osx.x86_64+web.browser+web.cordova/mt-os.osx.x86_64/dev_bundle/server-lib/node_modules/fibers/future.js:280 throw(ex); ^ Error: Cannot find module './providers/address' at require (packages/modules-runtime/.npm/package/node_modules/install/install.js:85:1) at node_modules/casual/src/casual.js:44:1 at Array.forEach (/Users/andre/.meteor/packages/es5-shim/.4.5.12_1.1lhrgdi++os+web.browser+web.cordova/npm/node_modules/es5-shim/es5-shim.js:435:21) at Object.<anonymous> (node_modules/casual/src/casual.js:42:1) at meteorInstall.node_modules.casual.src.casual.js (node_modules/casual/src/casual.js:70:1) at fileEvaluate (packages/modules-runtime/.npm/package/node_modules/install/install.js:153:1) at Module.require (packages/modules-runtime/.npm/package/node_modules/install/install.js:82:1) at Module.Mp.import (/Users/andre/.meteor/packages/modules/.0.6.4.a3rtmj++os+web.browser+web.cordova/npm/node_modules/reify/lib/runtime.js:70:16) at meteorInstall.imports.api.apollo.resolvers.js (/Users/andre/IdeaRevolution/meteor_webpack/.meteor/local/build/programs/server/app/app.js:30:25) at fileEvaluate (packages/modules-runtime/.npm/package/node_modules/install/install.js:153:1) Exited with code: 8 Your application is crashing. Waiting for file change.

Relative imports not working

Official coffeescript support

Need #14

Instant Hot-reloading of components

i18n

Using vue-i18n.
We could facilitate language file definition and lazy-loading.

Official typescript support

Need #14

Registered components not updated

Currently updated:

Globally registered with Vue.component(id, {...})
Locally registered with { components: {...} }

Template lang support

Improve error logging

Too verbose
More clearer details

Style lang support

Vue.js + Blaze (importing blaze into vue.js)

So gotta wonder if integrating blaze, for that case where I'd like to use a blaze package on top of vue.js rather than going blaze first preemptively, into vue.js would be easier instead of serving vue.js in through blaze? Maybe have blaze -vue -example mix and match them with routers.

Css scoping not working on html elements with new lines in tag

Example:

<div class="test"
  @click="foo">
  Hello world!
</div>

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.