Generates a random name from several list of names provided by the user

To see the demo version:

• Clone the repository
• Install NPM
• Launch the command npm install
• Launch npm run dev

npm install vue-name-generator --save

<template>
    <div>
        <input type="text" :value="nameGenerated"/>
        <vue-name-generator v-model="nameGenerated" color="grey" width="15px" height="15px" :files='["./assets/adjectives","./assets/names"]' noSpace separator="-" maxLength="50" icon="mdi-autorenew" title="My title"/>
    </div>
</template>

<script>
import vueNameGenerator from "../vue-name-generator.vue";
export default{
    data(){
        return{
            nameGenerated:"no name"
        }
    },
    components: {
        vueNameGenerator
    }
}
</script>

• color: string - (default:grey) color of the icon used to generate the names
• width: string - (default: 15px) width of the icon
• height: string - (default:15px) height of the icon
• files: array - (default: ["./assets/adjectives","./assets/names"]) inputs to generate the name. Each entry provides the relative path to the file. The order define the order in which the parts will be used for names generation. Eg: ["./assets/adjectives","./assets/names"]
• maxLength: number - (default: 30) maxLength of the string generated
• noSpace: boolean - (default: true) when true, remove all the spaces from the inputs
• separator: string - (default: -) separate the entry of each of the input files
• icon: string - (default: mdi-tag-plus) define the icon used for the generator
• title: string - (default: Clic to generate a new name) define the title of the span

We will consider the MRs, so feel free to send some. We will also be happy to consider your feedbacks and comments.

• Aymeric Hermant - Initial work - VueNameGenerator

See also the list of contributors who participated in this project.

This project is licensed under the BSD3 License - see the LICENSE.md file for details

• Inspired by [golang-petname] (https://github.com/szaharici/golang-petname/) for the idea
• Insipred by vue-json-editor for the component structure