From 771b9ae15b2314bbc67a2194827e85378410a04b Mon Sep 17 00:00:00 2001
From: Anirudh Sanjeev <skyronic@gmail.com>
Date: Tue, 8 Jun 2021 11:28:22 -0400
Subject: [PATCH] Add syntax tests

---
 syntax_test_basic.vue | 34 ++++++++++++++++++++++++++++++++++
 syntax_test_langs.vue | 41 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 75 insertions(+)
 create mode 100644 syntax_test_basic.vue
 create mode 100644 syntax_test_langs.vue

diff --git a/syntax_test_basic.vue b/syntax_test_basic.vue
new file mode 100644
index 0000000..409652a
--- /dev/null
+++ b/syntax_test_basic.vue
@@ -0,0 +1,34 @@
+<!-- SYNTAX TEST "Packages/User/vue-syntax-highlight/Vue Component.sublime-syntax" -->
+
+<template>
+	<a @on.click="foo()">Click Me</a>
+<!-- ^ text.html.vue -->
+<!--              ^ source.js -->
+    <span v-text="foo * 10 + 'hi'" :id="foo + 'baz'">Hello {{ world }}</span>
+<!--              ^ source.js -->
+<!--                          ^ meta.string.js -->
+<!--                                     ^ source.js -->
+<!--                                            ^ meta.string.js -->
+<!--                                                           ^ source.js -->
+
+</template>
+
+<script>
+	export default {
+	// ^ source.js
+	// ^ meta.export.js
+
+		function () {
+
+		}
+	}
+</script>
+
+<style>
+	body {
+	/* ^ source.css */
+		background-color: yellow;
+	/*                     ^ meta.block.css */
+	/*                     ^ meta.property.value.css */
+	}
+</style>
diff --git a/syntax_test_langs.vue b/syntax_test_langs.vue
new file mode 100644
index 0000000..17ac5e9
--- /dev/null
+++ b/syntax_test_langs.vue
@@ -0,0 +1,41 @@
+<!-- SYNTAX TEST "Packages/User/vue-syntax-highlight/Vue Component.sublime-syntax" -->
+
+<style lang="stylus">
+font-stack = Helvetica, sans-serif
+// ^ source.stylus
+primary-color = #999
+body
+  font 100% font-stack
+  color primary-color
+</style>
+
+<style lang="scss">
+@import '~foo';
+// ^ source.scss
+
+a {
+  color: red;
+}
+</style>
+
+<style lang="sass">
+@import '~foo'
+// ^ source.sass
+a
+  color: red
+</style>
+
+<template lang="pug">
+div.app
+  h1.title This is the app
+  // ^ source.pug
+  comp-a(foo="bar", :a=1)
+  comp-b(bar="baz", :a=234)
+</template>
+
+<script lang="coffee">
+module.exports =
+  data: ->
+    msg: 'Hello from coffee!'
+    # ^ source.coffee
+</script>