chore: add styled-vue example (#4712)

examples/styled-vue/README.md

@@ -0,0 +1,3 @@
+# styled-vue Example
+
+See https://github.com/egoist/styled-vue

examples/styled-vue/nuxt.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  modules: [
+    'styled-vue/nuxt'
+  ]
+}

examples/styled-vue/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "example-styled-vue",
+  "version": "1.0.0",
+  "dependencies": {
+    "nuxt-edge": "latest"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start"
+  },
+  "devDependencies": {
+    "styled-vue": "^0.1.3"
+  }
+}

examples/styled-vue/pages/index.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <h1>styled-vue</h1>
+    <a href="https://github.com/egoist/styled-vue" class="github">Check it out on GitHub.</a>
+  </div>
+</template>
+
+<script>
+import { css } from 'styled-vue'
+
+export default {
+  style: css`
+    h1 {
+      color: red;
+      font-size: ${vm => vm.fontSize}px;
+    }
+    .github {
+      color: blue;
+      animation: blink 1s linear infinite;
+    }
+    @keyframes blink {
+      50% {
+        opacity: 0;
+      }
+    }
+  `,
+  data() {
+    return {
+      fontSize: 60
+    }
+  }
+}
+</script>