This is a package specifically for EUC Development team, which contains IAM module for internal SharePoint projects.

npm i @euc-development/shp-iam-module

Create a Nuxt plugin, import the init function and initialize the package. The input argument is the name of the IAM group in the project. Import the plugin to the project via Nuxt config.

import { init } from "@euc-development/shp-iam-module"
import { shpGroups } from "~/global/constants"

export default (context, inject) => {
	init(shpGroups.IAM);
}

Next import the locales (iamEnLocales) to the project.

import en from "vuetify/es5/locale/en";
import { migrationsEnLocales } from "@euc-development/shp-migrations";
import { iamEnLocales } from "@euc-development/shp-iam-module";
import generic from "./en/generic-locale-en";

export default {
	$vuetify: en,

	...migrationsEnLocales,
	...iamEnLocales,

	...generic,

	nav,
};

Create a page for user management and one for group management and import the following components:

<template>
	<users-page />
</template>

<script>
export default {
	head() {
		return { title: this.$t("page_titles.iam.users") };
	},

	components: {
      "users-page": require("@euc-development/shp-iam-module/components/pages/users.vue").default,
   },

	// middleware: "can-access-iam-zone",
};
</script>

<template>
  <groups-page />
</template>

<script>
export default {
	head() {
		return { title: this.$t("page_titles.iam.groups") };
	},

  components: {
      "groups-page": require("@euc-development/shp-iam-module/components/pages/groups.vue").default,
   },

  // middleware: "can-access-iam-zone",
};
</script>