How to add a non-global mixin to nuxt?

Question

Vue.js

Create a mixin

export default {
  computed: {
   last: function () {
      return [ ...this.items ].reverse().slice(0, 5)
    },
   old: function () {
      return [ ...this.items ].reverse().slice(5)
    }
  },
  data: function () {
    return {
      items: [
        {
          id: 18,
        },
        {
          id: 17,
        },
        {
          id: 1,
        },
        ...

I add it not a page

import awardsMixin from '@/plugins/mixins/non-global/items';

  export default {
    name: "AwardsSection",
    mixin: [awardsMixin],
    mounted() {
      console.log(this.last) 
    }

I get undefined, what am I doing wrong?

Answer 1

Not mixin, but mixin s , I guess.

Answer 2

Import itemsMixin and include awardsMixin . So intended?