summaryrefslogtreecommitdiff
path: root/public/vendor/codemirror/mode/vue/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'public/vendor/codemirror/mode/vue/index.html')
-rw-r--r--public/vendor/codemirror/mode/vue/index.html69
1 files changed, 69 insertions, 0 deletions
diff --git a/public/vendor/codemirror/mode/vue/index.html b/public/vendor/codemirror/mode/vue/index.html
new file mode 100644
index 00000000..cccb9764
--- /dev/null
+++ b/public/vendor/codemirror/mode/vue/index.html
@@ -0,0 +1,69 @@
+<!doctype html>
+
+<title>CodeMirror: Vue.js mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/mode/overlay.js"></script>
+<script src="../../addon/mode/simple.js"></script>
+<script src="../../addon/selection/selection-pointer.js"></script>
+<script src="../xml/xml.js"></script>
+<script src="../javascript/javascript.js"></script>
+<script src="../css/css.js"></script>
+<script src="../coffeescript/coffeescript.js"></script>
+<script src="../sass/sass.js"></script>
+<script src="../jade/jade.js"></script>
+
+<script src="../handlebars/handlebars.js"></script>
+<script src="../htmlmixed/htmlmixed.js"></script>
+<script src="vue.js"></script>
+<style>.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+ <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
+
+ <ul>
+ <li><a href="../../index.html">Home</a>
+ <li><a href="../../doc/manual.html">Manual</a>
+ <li><a href="https://github.com/codemirror/codemirror">Code</a>
+ </ul>
+ <ul>
+ <li><a href="../index.html">Language modes</a>
+ <li><a class=active href="#">Vue.js mode</a>
+ </ul>
+</div>
+
+<article>
+<h2>Vue.js mode</h2>
+<form><textarea id="code" name="code">
+<template>
+ <div class="sass">Im am a {{mustache-like}} template</div>
+</template>
+
+<script lang="coffee">
+ module.exports =
+ props: ['one', 'two', 'three']
+</script>
+
+<style lang="sass">
+.sass
+ font-size: 18px
+</style>
+
+</textarea></form>
+ <script>
+ // Define an extended mixed-mode that understands vbscript and
+ // leaves mustache/handlebars embedded templates in html mode
+ var mixedMode = {
+ name: "vue"
+ };
+ var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+ mode: mixedMode,
+ selectionPointer: true
+ });
+ </script>
+
+ <p><strong>MIME types defined:</strong> <code>text/x-vue</code></p>
+
+ </article>