prestashop_accounts_vue_components

Prestashop Accounts Vue Components

Community Service & PrestaShop X modules

To work as a Community Service or as PrestaShop X, a module needs three parts:

Prestashop Accounts Installer

An utility package to install ps_accounts module or present data to trigger manual install from psx configuration page.

This module also give you access to ps_accounts services through its module service container dealing with the installation status of the module.

UI Components

• Contains all the UI components to manage onboarding.

Installation

yarn install

Usage

Storybook

Local

yarn storybook

Integration / Production

Storybook integration (triggered on PR labeled 'quality assurance needed')

Storybook production (triggered on push master/main)

CDN

To load a hosted library, copy and paste the HTML snippet for that library (shown below) in your web page.

# To load version 4.1.0
<script src="https://unpkg.com/prestashop_accounts_vue_components@4.1.0" defer></script>

# To load latest patched version 4.1
<script src="https://unpkg.com/prestashop_accounts_vue_components@4.1" defer></script>

# To load latest version
<script src="https://unpkg.com/prestashop_accounts_vue_components" defer></script>

To use the prestashop_accounts_vue_components, you need a prestashop-accounts html tag, when it's in the page you can then call the init function of psaccountsVue

<prestashop-accounts></prestashop-accounts>

<script>
  window.psaccountsVue.init();
</script>

If you need to use the vue cdn for your app, please create your app with the vue esm-browser as follow

<div id="app"></div>

<script src="https://unpkg.com/prestashop_accounts_vue_components@4.0.0" defer></script>

<script type="module">
  import { createApp } from "https://unpkg.com/vue@3.2.26/dist/vue.esm-browser.js";

  const App = {
    data() {
      return {
        name: "John",
      };
    },
    template: `<div>
            <h1>Hello {{ name }}</h1>
            <prestashop-accounts></prestashop-accounts>
        </div>`,
    mounted() {
      window.psaccountsVue.init();
    },
  };

  createApp(App).mount("#app");
</script>

Compatible version of prestashop_accounts_vue_components with PsAccounts

Ps Accounts Module	Vue Components minimum version	Vue components maximum version
5.0	2.0.0	2.0.4
5.0.2	2.0.0	2.0.4
5.0.3	2.0.0	2.0.4
>=5.1.0	3.0.0	3.0.4