Shopware Admin Vue Standalone

Use Shopware admin components outside of Shopware itself. Handy for developing Shopware cloud apps where the backend is integrated via iFrame.

Will be replaced with

Use https://github.com/shopware/admin-component-library instead

Installation

npm install shopware-admin-vue-standalone

Usage

import Vue from 'vue';
import VueI18n from 'vue-i18n';
import VueShopwareAdminStandalone from 'shopware-admin-vue-standalone';
import 'shopware-admin-vue-standalone/dist/shopware-admin-vue-standalone.css';

Vue.use(VueShopwareAdminStandalone);

Using Shopware global instance

import { Shopware } from 'shopware-admin-vue-standalone';

With vue-i18n

If you want to use the existing translations, you need to install vue-18n.

import Vue from 'vue';
import VueI18n from 'vue-i18n';
import VueShopwareAdminStandalone from 'shopware-admin-vue-standalone';
import 'shopware-admin-vue-standalone/dist/shopware-admin-vue-standalone.css';
import adminDe from 'shopware-admin-vue-standalone/dist/snippet/de-DE.json';
import adminEn from 'shopware-admin-vue-standalone/dist/snippet/en-GB.json';

Vue.use(VueI18n);
  
const i18 = new VueI18n({
    locale: 'en',
    fallbackLocale: 'en',
    messages: {
        de: adminDe,
        en: adminEn
    }
});

Vue.use(VueShopwareAdminStandalone, {
    translate: {
        t: (key, values) => i18n.t(key, values),
        tc: (key, choice, values) => i18n.tc(key, choice, values),
        te: (key, locale) => i18n.te(key, locale),
    }
});

Contributing

This project is a first prototype that provides the admin components of Shopware 6.4.1.2.

To provide more version in the future and also remove bugs, any support is welcome.