File: src/main.js

/**
 * External dependencies.
 */
import { createApp } from "vue";
import { createHooks } from "@wordpress/hooks";

/**
 * Internal dependencies.
 */
import App from "./App.vue";
import router from "./router";
import './i18n';
import "./styles/main.scss";
import i18nMixin from "./mixins/i18n";
import './utils/menu-fix';
import store from "./store";

// Create vue app instance.
const app = createApp({
    extends: App,
    mixins: [i18nMixin]
});
app.use(router);
app.use(store);
app.config.devtools = process.env.NODE_ENV === "development";

// Finally Mount on the #wp-vue-kit div.
app.mount("#wp-vue-kit");

// Add action/filter hooks injectable
window.wpEmailerHooks = createHooks();
wpEmailerHooks.addFilter = (hookName, namespace, component, priority = 10) => {
  wpEmailerHooks.hooks.addFilter(
    hookName,
    namespace,
    components => {
      components.push(component);
      return components;
    },
    priority
  );
};