Update instructions

Author: adamwathan

README.md

@@ -10,6 +10,8 @@ A repository of examples showing how to setup Tailwind in a variety of different
 
 If you are experienced with any of these frameworks, we'd love a PR that includes a barebones example of the best way to set up Tailwind in that environment.
 
+Please include instructions for the setup process as well, so it's easier for others to follow. [Here's an example](examples/vue-cli/README.md).
+
 If we're missing you're favorite framework, don't hesitate to PR that either!
 
 ### JS Frameworks

examples/vue-cli/README.md

@@ -1,21 +1,60 @@
 # vue-cli
 
+Setting up Tailwind with vue-cli is really simple, just install Tailwind:
+
+```sh
+npm install tailwindcss
+```
+
+Then add it to your PostCSS config (use a separate `postcss.config.js` file):
+
+```js
+module.exports = {
+  plugins: [
+    require('tailwindcss'),
+    require('autoprefixer'),
+  ]
+}
+```
+
+Next, create a CSS file for your Tailwind styles. We've stored in it `src/assets/tailwind.css` for this example:
+
+```css
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+```
+
+Finally, import that CSS file at the bottom of your main `App.vue` component:
+
+```html
+<template>
+  <!-- ... --->
+</template>
+
+<script>
+  /* ... */
+</script>
+
+<style src="./assets/tailwind.css">
+```
+
 ## Project setup
 ```
-yarn install
+npm install
 ```
 
 ### Compiles and hot-reloads for development
 ```
-yarn run serve
+npm run serve
 ```
 
 ### Compiles and minifies for production
 ```
-yarn run build
+npm run build
 ```
 
 ### Lints and fixes files
 ```
-yarn run lint
+npm run lint
 ```