add nuxt demo

.gitignore

@@ -19,3 +19,6 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw*
+
+# Demo files
+.nuxt

package.json

@@ -10,6 +10,9 @@
   ],
   "scripts": {
     "serve": "vue-cli-service serve src/demo/vue-cli/main.js",
+    "demo:vue-cli": "vue-cli-service serve src/demo/vue-cli/main.js",
+    "demo:nuxt": "nuxt -c src/demo/nuxt/nuxt.config.js",
+    "demo:nuxt:spa": "nuxt -c src/demo/nuxt/nuxt.config.js -s",
     "cli-build": "vue-cli-service build --target lib src/index.js",
     "lint": "vue-cli-service lint",
     "test": "vue-cli-service test:unit",
@@ -47,7 +50,10 @@
     "@vue/eslint-config-standard": "^4.0.0",
     "@vue/test-utils": "^1.0.0-beta.28",
     "bili": "^3.4.2",
+    "cross-env": "^5.2.0",
     "identity-obj-proxy": "^3.0.0",
+    "nodemon": "^1.18.9",
+    "nuxt": "^2.3.4",
     "rollup-plugin-babel": "^4.3.0",
     "rollup-plugin-postcss": "^1.6.3",
     "rollup-plugin-terser": "^4.0.2",

src/demo/nuxt/layouts/default.vue

@@ -0,0 +1,29 @@
+<template>
+  <div id="app">
+    <div class="links">
+      <nuxt-link to="/">Video</nuxt-link>
+      |
+      <nuxt-link to="/audio">Audio</nuxt-link>
+      |
+      <nuxt-link to="/vimeo">Vimeo</nuxt-link>
+      |
+      <nuxt-link to="/youtube">YouTube</nuxt-link>
+      |
+      <nuxt-link to="/vimeonp">Vimeo Non Progressive</nuxt-link>
+      |
+      <nuxt-link to="/youtubenp">YouTube Non Progressive</nuxt-link>
+    </div>
+    <nuxt/>
+  </div>
+</template>
+
+<style>
+  .links {
+    padding: 1rem 0;
+  }
+
+  .links a {
+    font-family: sans-serif;
+    padding: 0 0.5rem;
+  }
+</style>

src/demo/nuxt/nuxt.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+  srcDir: `${process.cwd()}/src/demo/nuxt`,
+  mode: 'universal',
+  head: {
+    title: 'vue-plyr demo',
+    meta: [
+      { charset: 'utf-8' },
+      { name: 'viewport', content: 'width=device-width, initial-scale=1' }
+    ]
+  },
+  css: [
+    '../../../dist/vue-plyr.css'
+  ],
+  plugins: [
+    '~/plugins/vue-plyr'
+  ]
+}
+

src/demo/nuxt/pages/audio.vue

@@ -0,0 +1,14 @@
+<template>
+  <plyr-audio/>
+</template>
+
+<script>
+  import Audio from '../../components/Audio.vue'
+
+  export default {
+    name: 'audio-page',
+    components: {
+      PlyrAudio: Audio
+    }
+  }
+</script>

src/demo/nuxt/pages/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <plyr-video/>
+</template>
+
+<script>
+  import Video from '../../components/Video.vue'
+
+  export default {
+    name: 'video-page',
+    components: {
+      PlyrVideo: Video
+    }
+  }
+</script>

src/demo/nuxt/pages/vimeo.vue

@@ -0,0 +1,14 @@
+<template>
+  <plyr-vimeo/>
+</template>
+
+<script>
+  import Vimeo from '../../components/Vimeo.vue'
+
+  export default {
+    name: 'vimeo-page',
+    components: {
+      PlyrVimeo: Vimeo
+    }
+  }
+</script>

src/demo/nuxt/pages/vimeonp.vue

@@ -0,0 +1,14 @@
+<template>
+  <plyr-vimeo-np/>
+</template>
+
+<script>
+  import VimeoNP from '../../components/VimeoNP.vue'
+
+  export default {
+    name: 'vimeo-np-page',
+    components: {
+      PlyrVimeoNp: VimeoNP
+    }
+  }
+</script>

src/demo/nuxt/pages/youtube.vue

@@ -0,0 +1,14 @@
+<template>
+  <plyr-youtube/>
+</template>
+
+<script>
+  import YouTube from '../../components/YouTube.vue'
+
+  export default {
+    name: 'youtube-page',
+    components: {
+      PlyrYoutube: YouTube
+    }
+  }
+</script>

src/demo/nuxt/pages/youtubenp.vue

@@ -0,0 +1,14 @@
+<template>
+  <plyr-youtube-np/>
+</template>
+
+<script>
+  import YouTubeNP from '../../components/YouTubeNP.vue'
+
+  export default {
+    name: 'youtube-np-page',
+    components: {
+      PlyrYoutubeNp: YouTubeNP
+    }
+  }
+</script>

src/demo/nuxt/plugins/vue-plyr.js

@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import VuePlyr from '../../../../dist/vue-plyr.es'
+
+Vue.use(VuePlyr)