Skip to content

KnowsCount/qiokian-example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

18 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

qiokian - anime in Vue.js!

πŸ™Š live2d anime figure Vuejs component.

forthebadge forthebadge forthebadge forthebadge forthebadge forthebadge

Shishiro Botan


πŸ”— Demo Link

qiokian qiokian landing page

πŸ›  Project setup

πŸ“₯ Install dependencies

npm install

πŸ”¨ Compiles and hot-reloads for development

npm run serve

πŸ“¦ Compiles and minifies for production

npm run build

🧱 Usage

  • Add

    <link
    	rel="stylesheet"
    	href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"
    />

    into index.html

  • globally import the component in App.vue and use it. The component is in @/components/figures.vue. An exeplar App.vue snippet is shown below:

    import Figures from "@/components/figures.vue";
    export default {
    	components: {
    		Figures
    	}
    };

πŸ“ˆ Plans

  • Shishiro Botan Model (Anyone willing to help?)
  • Fix lint issues

Inspired by https://github.com/stevenjoezhang/live2d-widget.

All forms of contribution are welcome, and yes, stars please.