meteor-vue / vue-meteor Goto Github PK
View Code? Open in Web Editor NEW๐ Vue first-class integration in Meteor
๐ Vue first-class integration in Meteor
Hi, do you only implement Router.map and Router.start? I don't see any debug result for Router.go, Router.stop and other.
Discussion for vuex integration with the meteor data stack and apollo
Makes it easier to navigate and test. Additionally maybe it's possible to use Flow Router with vue.js?
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.).
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?
Is a documentation website needed? We could use GitBook.
So projects not using imports can directly use Vue, Router, I18n, ...
Ignored tags are included.
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.
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>
Related to #13
Need #12
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.
When starting the project, the plugin loading takes too long.
Need #14
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>
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];
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'
or
Exception in callback of async function: Error: Cannot find module './ThreadItem.vue'
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.
Using vue-router.
Maybe with some sort of fastrender functionnality?
Example: You\'ve pressed the button 4 times (inside vue component).
Configure default language used in <template>
, <script>
and <style>
in your components with a .vuerc
file at your project root.
If NODE_ENV isn't equal to development
.
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
}
});
}
Related to #11
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.
Need #13
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.
Start at 1 with the begining of the script tag instead of the begining of the file.
/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.
Currently updated:
Vue.component(id, {...})
{ components: {...} }
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?
There is currently no way to add postcss plugins to the akryum:vue-component package.
Add stylus support to the .vue
files.
Need #14
The packages need some testing, any help appreciated.
If a change unrelated to vue component happens
Add lang
attribute support on <script>
tags in .vue files
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.
Using vue-i18n.
We could facilitate language file definition and lazy-loading.
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.
Example:
<div class="test"
@click="foo">
Hello world!
</div>
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.