fix: nuxt plugin

.gitignore

@@ -1 +1,2 @@
 node_modules
+.nuxt

README.md

@@ -231,6 +231,8 @@ import { StyledVue } from 'styled-vue'
 Vue.use(StyledVue)
 ```
 
+<small>For Nuxt users we automatically register it for you.</small>
+
 This only adds ~100 bytes to your application.
 
 ### TypeScript

examples/nuxt/nuxt.config.js

@@ -0,0 +1,3 @@
+export default {
+  modules: ['styled-vue/nuxt']
+}

examples/nuxt/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "nuxt",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "dependencies": {
+    "nuxt": "^2.11.0",
+    "styled-vue": "^0.3.1"
+  }
+}

examples/nuxt/pages/index.vue

@@ -0,0 +1,37 @@
+<template>
+  <div>
+    <h1>Hello Nuxt</h1>
+    <h2>And hello styled-vue</h2>
+    <p>This is awesome!</p>
+  </div>
+</template>
+
+<script>
+import { css } from 'styled-vue'
+
+export default {
+  style: css`
+    h1 {
+      color: red;
+    }
+    h2 {
+      font-style: italic;
+    }
+    p {
+      color: #999;
+    }
+  `,
+  globalStyle: css`
+    body {
+      background: ${vm => vm.bg};
+    }
+  `,
+  data() {
+    return {
+      bg: 'cyan'
+    }
+  }
+}
+</script>
+
+<style></style>

nuxt/index.js

@@ -1,9 +1,13 @@
-module.exports = function() {
+const path = require('path')
+
+module.exports = function({ registerStyledVue = true } = {}) {
   // Lazy load compiler on build only
   this.nuxt.hook('build:before', () => {
     const { vue } = this.options.build.loaders
-    if (!vue.compiler) {
-      vue.compiler = require('../lib/compiler')
-    }
+    vue.compiler = require('../lib/compiler')
   })
+
+  if (registerStyledVue) {
+    this.addPlugin(path.join(__dirname, 'plugin.js'))
+  }
 }

nuxt/plugin.js

@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import { StyledVue } from '../lib'
+
+Vue.use(StyledVue)