Passing options to renderChart simply doesn't work

I’m trying to initialise my line chart with some options. I have my chart as a plugin inside of plugins/LineChart.js within my Nuxt JS app and do not understand why the options simply don’t work…

import { Line, mixins } from 'vue-chartjs'
const { reactiveProp } = mixins

export default {
  extends: Line,
  mixins: [reactiveProp],
  data () {
    return {
      localData: null
    }
  },
  mounted () {
    this.localData = this.chartData

    const options = {
      responsive: false,
      maintainAspectRatio: false,
      legend: {
        display: false
      }
    }

    console.log(options)

    // this.chartData is created in the mixin.
    // If you want to pass options please create a local options object
    this.renderChart(this.localData, options)
  },
  watch: {
    chartData: {
      handler: function (val, oldVal) {
        this.localData = val
      },
      deep: true
    }
  }
}

[apertureless]

Can you provide a minimal codepen / codesandbox for reproduction?

[kondla]

@sts-ryan-holton try passing a complete options object via a method in the prop. E.g.

<template>
  <div>
    <line-chart :chart-data="dataCollection" :chart-options="fillOptions()" class="data-chart"></line-chart>
  </div>
</template>

...,
methods: {
    fillOptions() {
        return { your: "options", here: "inside" };
      },
...