ProjectHentai/nonebot2
6
0
Fork 0
mirror of https://github.com/nonebot/nonebot2.git synced 2025-07-27 16:21:28 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

📝 update plugin store page

Browse Source
This commit is contained in:
yanyongyu
2020-11-01 18:21:31 +08:00
parent 15e59a1778
commit af7f42ac60
4 changed files with 95 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
docs/.vuepress/components/Plugins.vue
View File

@ -1,33 +1,77 @@
<template>
<v-app>
<v-main>
<v-row>
<v-col
cols="12"
sm="6"
md="4"
v-for="(plugin, index) in plugins"
:key="index"
>
<v-card>
<v-card-title>{{ plugin.name }}</v-card-title>
<v-card-text>{{ plugin.desc }}</v-card-text>
</v-card>
</v-col>
</v-row>
</v-main>
</v-app>
<div class="plugins">
<!-- TODO: Search and New -->
<hr />
<v-app>
<v-main>
<v-row>
<v-col
cols="12"
sm="6"
v-for="(plugin, index) in plugins"
:key="index"
>
<v-card>
<v-card-title>
{{ plugin.name }}
<v-spacer></v-spacer>
<a
class="repo-link"
v-if="repoLink(plugin.repo)"
rel="noopener noreferrer"
target="_blank"
:title="plugin.repo"
:href="repoLink(plugin.repo)"
>
<v-icon>fab fa-github</v-icon>
</a>
</v-card-title>
<v-card-text>{{ plugin.desc }}</v-card-text>
<v-card-actions>
<v-btn
block
depressed
class="btn-copy"
@click="copyCommand(plugin)"
>
copy nb-cli command
<v-icon right small>fa-copy</v-icon>
</v-btn>
<v-snackbar v-model="snackbar">Copied!</v-snackbar>
</v-card-actions>
</v-card>
</v-col>
</v-row>
</v-main>
</v-app>
</div>
</template>
<script>
import copy from "copy-to-clipboard";
import plugins from "../public/plugins.json";
export default {
name: "Plugins",
data() {
return {
plugins: plugins
plugins: plugins,
snackbar: false
};
},
methods: {
repoLink(repo) {
if (repo) {
return /^https?:/.test(repo) ? repo : `https://github.com/${repo}`;
}
return null;
},
copyCommand(plugin) {
copy(`nb plugin install ${plugin.id}`, {
format: "text/plain"
});
this.snackbar = true;
}
}
};
</script>
@ -37,3 +81,13 @@ export default {
min-height: 0 !important;
}
</style>
<style scoped>
.repo-link {
text-decoration: none !important;
display: inline-block;
}
.repo-link:hover i {
color: #ea5252;
}
</style>

22
docs/.vuepress/public/plugins.json
View File

@ -1,24 +1,8 @@
[
{
"name": "nonebot-plugin-status",
"desc": "通过戳一戳获取服务器状态",
"author": "nonebot",
"repo": "nonebot/nonebot2"
},
{
"name": "nonebot-plugin-status",
"desc": "通过戳一戳获取服务器状态",
"author": "nonebot",
"repo": "nonebot/nonebot2"
},
{
"name": "nonebot-plugin-status",
"desc": "通过戳一戳获取服务器状态",
"author": "nonebot",
"repo": "nonebot/nonebot2"
},
{
"name": "nonebot-plugin-status",
"id": "nonebot-plugin-status",
"link": "nonebot-plugin-status",
"name": "状态监控",
"desc": "通过戳一戳获取服务器状态",
"author": "nonebot",
"repo": "nonebot/nonebot2"