Mapping Vuex getters/mutations/actions to global mixin?

Mapping Vuex getters/mutations/actions to global mixin?

Is something like this considered a bad practice? I figured this way, every component has access to the store in a more convenient way. And with the&nbsp;<code>$$</code>&nbsp;abbreviation, nothing should collide. Obviously, not every component will need every getter, mutation, action, etc. But are there any big pitfalls to this approach? Does this hurt performance in any noticeable way?

import Vue from 'vue';
import { mapGetters } from 'vuex';

Vue.mixin({
    computed: {
        ...mapGetters({
            $$users: 'users'
        })
    }
});

Is something like this considered a bad practice? I figured this way, every component has access to the store in a more convenient way. And with the $$ abbreviation, nothing should collide. Obviously, not every component will need every getter, mutation, action, etc. But are there any big pitfalls to this approach? Does this hurt performance in any noticeable way?

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

10 Best Vue Icon Component For Your Vue.js App

In this article, I will collect 10 Vue icon component to bring more interactivity, better UI design to your Vue application.

Collection of 10 Vue Markdown Component for Vue.js App in 2020

Markdown is a way to style text on the web. The 10 Vue markdown components below will give you a clear view.

Collection of 15 Vue Input Component for Your Vue.js App

Vue input component gives you a baseline to create your own custom inputs. It consists of a prepend/append slot, messages, and a default slot. In this article I will share 15 Vue input components to you.