Vue Easyprofiles

Vue Easyprofiles

Why?

Making your website / presentional should be cool and not a bunch of oldies HTML + CSS Files, and whats better than having this component.

How to use

just run npm run play and you are set.

From NPM

npm install vue-easyprofiles

import MainAccount from 'vue-easyprofiles';

<template lang="jade">
  .app
    MainAccount
</template>

NOTE

This basic implementation expect you to have a data filled inside static/data.json with basic data like

{
  "title": "YOUR NAME",
  "links": [...links],
  "shortBio": "Short"
  "longBio": "Long"
}

Personal (OWN DEPLOY).

1.- git clone

2.- inside src/App.vue just do the following.

<template lang="jade">
  .app
    MainAccount
</template>

<script>
import MainAccount from 'components/account/MainAccount';

export default {
  components: { MainAccount },
};
</script>

3.- npm run build

4.- Grab dist and deploy it tho whathever you need.

Testing

Before submitting please ensure on the play UI everything looks like it should be

Contribute

1.- npm run dev

2.- just create a new Theme like MapsTheme and on src/components/account/MainAccount.vue add the following

PageContentMapsTheme(
  v-else-if="theme === 'MapsTheme'"
  v-bind:userData="userData"
)

3.- DoubleCheck on vue-play, go on src/play/scenarios and on the THEMES constant add your new themeName (MapsTheme in this case)

TODO

[ ] Add More Themes