add samples

yyx990803 · yyx990803 · commit de58cf865217 · 2017-11-13T11:13:42.000-05:00
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1 @@
 .DS_Store
-sample.vue
diff --git a/samples/arrow.vue b/samples/arrow.vue
@@ -0,0 +1,8 @@
+<!--
+This is a bug in the current implementation. Ideally should be fixed
+in a rewrite using sublime-syntax format.
+-->
+
+<template>
+  <div @click="foo => foo()"></div>
+</template>
diff --git a/samples/basic.vue b/samples/basic.vue
@@ -0,0 +1,33 @@
+<!--
+Things to verify:
+- comments (this block) are properly highlighted
+- expressions are highlighted as JS
+- <script> highlights ES2015 syntax
+- <style> highlights as CSS
+-->
+
+<template>
+  <div>
+    {{ foo * 10 + 'hi' }}
+    <span
+      v-text="foo * 10 + 'hi'"
+      :id="foo + 'baz'"
+      @click="onClick('hello')">
+      Hello
+    </span>
+  </div>
+</template>
+
+<script>
+export default {
+  data: () => ({
+    foo: 'bar'
+  })
+}
+</script>
+
+<style>
+div {
+  color: red;
+}
+</style>
diff --git a/samples/langs.vue b/samples/langs.vue
@@ -0,0 +1,28 @@
+<!--
+Things to verify:
+- Langs are highlighted properly. Requires installing corresponding packages:
+ - Stylus
+ - Pug
+ - Better CoffeeScript
+-->
+
+<style lang="stylus">
+font-stack = Helvetica, sans-serif
+primary-color = #999
+body
+  font 100% font-stack
+  color primary-color
+</style>
+
+<template lang="pug">
+div.app
+  h1.title This is the app
+  comp-a(foo="bar", :a=1)
+  comp-b(bar="baz", :a=234)
+</template>
+
+<script lang="coffee">
+module.exports =
+  data: ->
+    msg: 'Hello from coffee!'
+</script>
