Setting up Autoaddress for your Vue project
Autoaddress can be implemented in your Vue project by using our Autoaddress Vue component. Starting with the basic requirements, you can follow the step-by-step instructions below.
Requirements
- Node.js with Node Package Manager (npm).re
- Autoaddress Licence Key
Step 1 : Installing the package
The package can be installed by using the following command in the project root folder using a terminal or command-line interface.
$ npm install "@autoaddress.ie/autoaddress-vue"
Step 2 : Importing the Autoaddress component
In your Vue project, you can import the Autoaddress component using the code below.
Note :- Dont forget to include Autoaddress as a component.
<script>
import
Autoaddress from
'@autoaddress.ie/autoaddress-vue/src/Autoaddress’;
</script>
Step 3 : Instantiating the component
After importing the component you can instantiate it by using the code below in the "return" part of your function.
<template>
<
div id="{app_id_name}">
<Autoaddress
licencekey = "your_key"
vanityMode = {true}
addressProfile = "Demo5LineV2"
country = "ie"
language = "en"
/>
</div>
</template>