vue-cheapauth

[](https://www.npmjs.com/package/vue-cheapauth

Prepare

Should add vue-cheapauth into current project using by the npm or yarn.

yarn add vue-cheapauth
# npm i vue-cheapauth

Usage

Example of use in the below.

<template>
  <with-cheaauth
    :password="password"
    title="Authentication"
    submitLabel="Login"
  >
    <your-app-root />
  </with-cheapauth>
</template>

<script>
import cheapauth from 'vue-cheapauth';
import yourAppRoot from '...';

export default {
  components: {
    'with-cheapauth': cheapauth,
    'your-app-root': yourAppRoot
  },
  data() {
    return {
      password: process.env.LOGIN_PASSWORD
    }
  }
}
</script>

Properties

The component with-cheapauth is required three properties password, title and submitLabel. title and submitLabel is just become to the text of title and button of authentication form. password is used for comparing that an user input one.