vue-about-me

vue-about-me

Display copyright and some links about me.

• Demo
• vue-about-me | unpkg
• vue-about-me | jsdelivr

How To Use

Import

You just need import it, and write it where you need.

Example

// index.js
import Vue from 'vue'
import App from './App.vue'
// ...

<!-- component -->
<template>
  <div>
    <vue-about-me :copyright="copyright" :links="links"></vue-about-me>
  </div>
</template>

<script>

import { VueAboutMe } from 'vue-about-me'
import 'vue-about-me/style.css'

Icon

We use Iconify.

内置类型：自动生成对应图标

• github
• telegram
• weibo
• twitter
• wechat
• blog
• bilibili

<!-- 仅当你需要额外图标时，添加它 -->
<!-- add this in your html -->
<script src="https://code.iconify.design/2/2.0.0/iconify.min.js"></script>

Then find icon name in https://icones.js.org.

Example

const copyright = {
  name: 'Vue About Me',
  repo: 'Vue-About-Me',
  author: 'YunYouJun',
  logo: 'ri:cloud-line',
  // or
  // logo: 'https://cn.vuejs.org/images/logo.png',
  link: 'https://yunyoujun.github.io/vue-about-me/',
  color: '#0078E7'
}

const links = [
  {
    // ...
    icon: 'ri:cloud-line'
    // ...
  }
]

Template

<vue-about-me :copyright="copyright" :links="links"></vue-about-me>

You can see example folder for more details.

Options

copyright

links

link

Sponsors