How to pass an instance of a class to components?

Question

JavaScript

Hello.
Structure like this:
Container.js

export default class Container {
 constructor(container) {
    this.container = container
    this.scale = 1
 }

 setScale(scale) {
    this.scale = scale
 }

  cumulative() {
     return Math.PI
  }

  getCumulativeScale() {
      return this.cumulative() * this.scale
  }
}

-Wrapper.vue
--Container.vue
---Scale.vue
----ScaleWrapper.vue
---Element.vue
Container.vue

<template>
  <div>
   Container
  </div>
</template>

<script>
 import Container from './Container'

 export default {
   mounted() {
      const container = new Container(this.$el)
     
     this.$el.addEventListener('mousedown', (e) => {
         let scale = 1//

         container.setScale(scale)
     })
  },
  methods: {}
 }
</script>

In the container variable, an instance of the Container class.
Next, I need to use this container in all components (for example, take getCumulativeScale()) , how to forward it (without mixins and static methods)?

Answer 1

Perhaps a plugin will suit you: https://ru.vuejs.org/v2/guide/plugins.html
Or here: https://ru.vuejs.org/v2/api/#provide-inject

Answer 2

export const container = new Container(this.$el)

Answer 3

To use shared/inherited components, mixins must be used.
- Using mixins
- Using decorators