evild70

module.exports = {
    root: true,
    env: {
        node: true,
        es6: true,
        browser: true
    },
    extends: ['plugin:vue/essential', 'eslint:recommended'],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',

evild70

// Vue CLI uses http-proxy-middleware (https://github.com/chimurai/http-proxy-middleware#options)
// These are the options that worked for me. YMMV.
module.exports = {
  devServer: {
    port: 1337,
    proxy: {
      '^/': {
        target: 'https://api.igdb.com/v4',
        ws: true,
        changeOrigin: true

evild70

<div class="youtube-container">
    <h2>With custom image</h2>
    <div class="youtube-player" data-id="NsUWXo8M7UA" data-thumbnail="https://images.unsplash.com/photo-1574158622682-e40e69881006?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80"></div>
</div>

<div class="youtube-container">
    <h2>With Youtube Thumbnail</h2>
    <div class="youtube-player" data-id="NsUWXo8M7UA"></div>
</div>