{"id":16751757,"url":"https://github.com/knowscount/qiokian-example","last_synced_at":"2025-04-10T15:52:07.369Z","repository":{"id":138320591,"uuid":"334018858","full_name":"KnowsCount/qiokian-example","owner":"KnowsCount","description":"🙊 live2d anime figure vuejs component.","archived":false,"fork":false,"pushed_at":"2021-02-17T14:22:47.000Z","size":28077,"stargazers_count":14,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-24T13:37:25.835Z","etag":null,"topics":["acgn","anime","guider","live2d","vuejs"],"latest_commit_sha":null,"homepage":"https://qiokian.vercel.app","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KnowsCount.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-01-29T02:48:03.000Z","updated_at":"2025-01-16T01:31:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"dc8cbe43-d914-4462-b002-25f05b2746c0","html_url":"https://github.com/KnowsCount/qiokian-example","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KnowsCount%2Fqiokian-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KnowsCount%2Fqiokian-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KnowsCount%2Fqiokian-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KnowsCount%2Fqiokian-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KnowsCount","download_url":"https://codeload.github.com/KnowsCount/qiokian-example/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248245324,"owners_count":21071459,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["acgn","anime","guider","live2d","vuejs"],"created_at":"2024-10-13T02:44:49.044Z","updated_at":"2025-04-10T15:52:07.364Z","avatar_url":"https://github.com/KnowsCount.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!--\n * @Date: 08/02/2021 09.49.03 +0800\n * @Author: KnowsCount\n * @LastEditTime: 17/02/2021 22.22.10 +0800\n * @FilePath: /qiokian/README.md\n--\u003e\n\n\u003cimg src=\".assets/logo.png\" align=\"right\" width=\"100\" height=\"100\" /\u003e\n\n# qiokian - anime in Vue.js!\n\n\u003e 🙊 live2d anime figure Vuejs component.\n\n[![forthebadge](https://forthebadge.com/images/badges/powered-by-coders-sweat.svg)](https://forthebadge.com)\n[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)\n[![forthebadge](https://forthebadge.com/images/badges/uses-badges.svg)](https://forthebadge.com)\n[![forthebadge](https://forthebadge.com/images/badges/made-with-vue.svg)](https://forthebadge.com)\n[![forthebadge](https://forthebadge.com/images/badges/not-a-bug-a-feature.svg)](https://forthebadge.com)\n[![forthebadge](https://forthebadge.com/images/badges/works-on-my-machine.svg)](https://forthebadge.com)\n\n![Shishiro Botan](.assets/shishiro_botan.jpg)\n\n---\n\n## 🔗 Demo Link\n\n[qiokian](https://qiokian.vercel.app)\n[qiokian landing page](https://qiokian-landing.vercel.app)\n\n## 🛠 Project setup\n\n### 📥 Install dependencies\n\n```\nnpm install\n```\n\n### 🔨 Compiles and hot-reloads for development\n\n```\nnpm run serve\n```\n\n### 📦 Compiles and minifies for production\n\n```\nnpm run build\n```\n\n## 🧱 Usage\n\n-   Add\n\n    ```html\n    \u003clink\n    \trel=\"stylesheet\"\n    \thref=\"https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css\"\n    /\u003e\n    ```\n\n    into `index.html`\n\n-   globally import the component in `App.vue` and use it. The component is in [@/components/figures.vue](./src/components/figures.vue).\n    An exeplar `App.vue` snippet is shown below:\n\n    ```js\n    import Figures from \"@/components/figures.vue\";\n    export default {\n    \tcomponents: {\n    \t\tFigures\n    \t}\n    };\n    ```\n\n## 📈 Plans\n\n-   Shishiro Botan Model (Anyone willing to help?)\n-   Fix lint issues\n\n---\n\nInspired by https://github.com/stevenjoezhang/live2d-widget.\n\nAll forms of contribution are welcome, and yes, stars please.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fknowscount%2Fqiokian-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fknowscount%2Fqiokian-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fknowscount%2Fqiokian-example/lists"}