Vue authentication wall

This module provides the AuthenticationWall component which wraps a Vue application's content so as to prevent unauthenticated users from accessing it.

Usage

<template>
  <AuthenticationWall
    :options="options"
    @user="handle_user($event)">

    <h1>Your app</h1>
    <router-view />

  </AuthenticationWall>
</template>

<script>
import AuthenticationWall from '@moreillon/vue_authentication_wall'
export default {
  name: 'App',
  components: {
    AuthenticationWall
  },
  data: () => ({
    options: {
      login_url: 'https://api.authentication.example.com/login',
      identification_url: 'https://api.authentication.example.com/whoami',
    }
  }),
  methods: {
    handle_user(user) {
      console.log(user)
    }
  }

}
</script>

Options

Thise are the different settings that can be done via the options prop of the component

| Otion | Description | | --- | --- | | login_url | URL to which the client can post credentials in order to login (required) | | identification_url | URL used to retrieve one's user information | | Title | The application title if needed to be shown on the login page |

Events

| Event | Description | | --- | --- | | user | Triggered when user information becomes available after identification using the identification_url. Returns user information if the user is authenticated. |