@deveodk/vue-core-authenticator

0.0.6 • Public • Published

@deveodk/vue-core-authenticator

deveo-core-authenticator

npm vue2

Vue plugin for deveo core authentication

WARNING

This is a very opinonated package. It`s made for use with laravel api authenticator If you try to use your own backend it will require alot of work. This should only be used with Deveo Core authentication packages like the one specified

Installation

import vueCoreAuthenticator from '@deveodk/vue-core-authenticator'
import '@deveodk/vue-core-authenticator/dist/@deveodk/vue-core-authenticator.css'
Vue.use(vueCoreAuthenticator, {
    baseURL: {base url here},
    facebookClientId: {facebookClientId here},
    googleClientId: {googleClientId here}
})

Browser

<!-- Include after Vue -->
<!-- Local files -->
<link rel="stylesheet" href="@deveodk/vue-core-authenticator/@deveodk/dist/vue-core-authenticator.css"></link>
<script src="@deveodk/vue-core-authenticator/@deveodk/dist/vue-core-authenticator.js"></script>

<!-- From CDN -->
<link rel="stylesheet" href="https://unpkg.com/@deveodk/vue-core-authenticator/@deveodk/dist/vue-core-authenticator.css"></link>
<script src="https://unpkg.com/@deveodk/vue-core-authenticator"></script>

USAGE

Login

# Every text can be changed through props.
# This example is in danish
# If you dont specify the props it will use english default

<core-login nextButton="Næste"
                passwordPlaceholder="Adgangskode"
                rememberMeLabel="Husk mig"
                forgotPasswordLabel="Glemt adgangskode"
                magicLinkButton="Send magisk link"
                magicLinkShowLabel="Prøv en ny måde at logge ind"
                magicLinkShowLink="Få link"
                loginFormShowLabel="Brug den gamle metode"
                loginFormShowLink="Gå til login"
                promptLabel="Vælg konto"
                magicLinkInstructions="Åben din inbox og følg instruktionerne i din email"
                accountPromptLabel="Vælg bruger">
    </core-login> 

Password reset

# Every text can be changed through props.
# This example is in danish
# If you dont specify the props it will use english default

<core-reset emailSent="En email er blevet sendt, tryk på linket for at nulstille"
            actionButton="Nulstil"
            resetButton="Nulstil"
            forbinddenText="Forbudt"
            passwordPlaceholder="Ny Adgangskode"
            passwordConfirmationPlaceholder="Gentag adgangskode">
</core-reset>

License

MIT

made with love and cofee

Dependents (0)

Package Sidebar

Install

npm i @deveodk/vue-core-authenticator

Weekly Downloads

0

Version

0.0.6

License

MIT

Last publish

Collaborators

  • deveodk