Initial version.

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+.idea

.meteor/.finished-upgraders

@@ -0,0 +1,15 @@
+# This file contains information which helps Meteor properly upgrade your
+# app when you run 'meteor update'. You should check it into version control
+# with your project.
+
+notices-for-0.9.0
+notices-for-0.9.1
+0.9.4-platform-file
+notices-for-facebook-graph-api-2
+1.2.0-standard-minifiers-package
+1.2.0-meteor-platform-split
+1.2.0-cordova-changes
+1.2.0-breaking-changes
+1.3.0-split-minifiers-package
+1.4.0-remove-old-dev-bundle-link
+1.4.1-add-shell-server-package

.meteor/.gitignore

@@ -0,0 +1 @@
+local

.meteor/.id

@@ -0,0 +1,7 @@
+# This file contains a token that is unique to your project.
+# Check it into your repository along with the rest of this directory.
+# It can be used for purposes such as:
+#   - ensuring you don't accidentally deploy one app on top of another
+#   - providing package authors with aggregated statistics
+
+sspia8158r7il1mjtmsr

.meteor/packages

@@ -0,0 +1,20 @@
+# Meteor packages used by this project, one per line.
+# Check this file (and the other files in this directory) into your repository.
+#
+# 'meteor add' and 'meteor remove' will edit this file for you,
+# but you can also edit it by hand.
+
+[email protected]             # Packages every Meteor app needs to have
+[email protected]       # Packages for a great mobile UX
+[email protected]                   # The database Meteor supports right now
+[email protected]            # Reactive variable for tracker
+[email protected]                 # Meteor's client-side reactive programming library
+
+[email protected]   # CSS minifier run for production mode
+[email protected]    # JS minifier run for production mode
+[email protected]                # ECMAScript 5 compatibility for older browsers.
+[email protected]              # Enable ECMAScript2015+ syntax in app code
+[email protected]            # Server-side component of the `meteor shell` command
+
+akryum:vue-component
+static-html

.meteor/platforms

@@ -0,0 +1,2 @@
+server
+browser

.meteor/release

@@ -0,0 +1 @@
+[email protected]

.meteor/versions

@@ -0,0 +1,70 @@
+akryum:[email protected]
+akryum:[email protected]
+akryum:[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]_2
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]

client/app.vue

@@ -0,0 +1,58 @@
+<template>
+  <div class="app">
+    <h1>Simple Meteor example using Vue</h1>
+    <p>
+      You pressed the button {{count}} times.
+    </p>
+    <button @click="addOne">{{buttonLabel}}</button>
+  </div>
+</template>
+
+<script>
+  import {ReactiveVar} from 'meteor/reactive-var';
+
+  let counter = new ReactiveVar(0);
+
+  let labels = [
+    'Click me!', 'Click me again!', 'Here! Click here!', 'Again! Again!',
+    'Don\'t click me! No, I\'m just kidding. You can.', 'You like that?',
+    'Can you stratch me in the back please?', 'You are soooo nice! Click!',
+    'Hmmmm...', 'You know, you are wasting time clicking me.',
+    'No really, you can click me as much as you want.', 'Click me to level up!'
+  ];
+
+  export default {
+    data() {
+      return {
+        buttonLabel: 'Click me!'
+      }
+    },
+
+    methods: {
+      count() {
+        return counter.get();
+      },
+
+      addOne() {
+        counter.set('counter', counter.get() + 1);
+
+        this.buttonLabel = labels[Math.round(Math.random() * (labels.length - 1))];
+      }
+    }
+  }
+</script>
+
+<style>
+  body {
+    margin: 30px;
+  }
+
+  a {
+    color: #40b883;
+    text-decoration: none;
+  }
+
+  h1 {
+    font-weight: normal;
+  }
+</style>

client/main.css

@@ -0,0 +1,3 @@
+body {
+  font-family: sans-serif;
+}

client/main.html

@@ -0,0 +1,7 @@
+<head>
+  <title>Simple Meteor example using Vue</title>
+</head>
+
+<body>
+  <app></app>
+</body>

client/main.js

@@ -0,0 +1,8 @@
+import Vue from 'vue';
+
+Meteor.startup(() => {
+  new Vue({
+    el: 'body',
+    replace: false
+  });
+});

package.json

@@ -0,0 +1,12 @@
+{
+  "name": "vue-test",
+  "private": true,
+  "scripts": {
+    "start": "meteor run"
+  },
+  "dependencies": {
+    "babel-runtime": "6.18.0",
+    "meteor-node-stubs": "~0.2.0",
+    "vue": "^2.1.8"
+  }
+}