[docs] Vue.js in Gitpod

src/docs/languages-and-frameworks.md

@@ -9,6 +9,7 @@ Below is a list of language and framework specific tips & tricks.
   * [Bash](/docs/bash-in-gitpod/)
   * [Ruby](/docs/ruby-in-gitpod)
   * [PHP](/docs/php-in-gitpod)
+  * [Vue.js](/docs/vue-in-gitpod)
   * [Rust](/docs/rust-in-gitpod/)
   * [Julia](/docs/julia-in-gitpod/)
   * [R](/docs/r-in-gitpod/)

src/docs/menu.ts

@@ -116,6 +116,10 @@ export const MENU: MenuEntry[] = [
                 "PHP",
                 "php-in-gitpod"
             ),
+            M(
+                "Vue.js",
+                "vue-in-gitpod"
+            ),
             M(
                 "Rust",
                 "rust-in-gitpod"

src/docs/vue-in-gitpod.md

@@ -0,0 +1,34 @@
+# Vue.js in Gitpod
+
+In order to work with Vue.js in Gitpod, you will need to properly configure your repository. Here is how to do it.
+
+## Examples
+
+However, before we begin here are a few example repositories to help give you an idea of what to expect
+
+<div class="table-container">
+
+| Repository | Description | Try it |
+|------------|-------------|--------|
+|vuepress|Minimalistic Vue-powered static site generator| [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vuejs/vuepress)|
+
+</div>
+
+## VSCode Extensions 
+
+### Vetur
+
+![Vetur extension](images/Vetur.png)
+
+Vetur provides syntax highlighting, snippets, Emmet support, lintiing/error checking, auto formatting, and auto-complete for Vue files.
+
+To add this extension to a new repository open the project in Gitpod and in the terminal run `gp init`
+it should generate two files a [`.gitpod.yml`](https://www.gitpod.io/docs/config-gitpod-file/) and a [`.gitpod.Dockerfile`](https://www.gitpod.io/docs/config-docker/), in the `.gitpod.yml` file add the following
+
+```yaml
+vscode:
+  extensions:
+    - [email protected]:TEzauMObB6f3i2JqlvrOpA==
+```
+
+For projects that already have a `.gitpod.yml` you can skip the first part and just add the provided snippet.