mirror of
https://github.com/ThatGuySam/doesitarm.git
synced 2026-05-18 06:44:46 -07:00
Add list end buttons component
This commit is contained in:
parent
5c0442f7f3
commit
00cd98e13c
1 changed files with 44 additions and 0 deletions
44
components/list-end-buttons.vue
Normal file
44
components/list-end-buttons.vue
Normal file
|
|
@ -0,0 +1,44 @@
|
||||||
|
<template>
|
||||||
|
<div class="flex flex-col md:flex-row space-x-0 space-y-4 md:space-y-0 md:space-x-4">
|
||||||
|
<LinkButton
|
||||||
|
v-for="(link, i) in links"
|
||||||
|
:key="i"
|
||||||
|
:href="link.href"
|
||||||
|
class="text-xs"
|
||||||
|
>
|
||||||
|
{{ link.label }}
|
||||||
|
</LinkButton>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import LinkButton from './link-button.vue'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
LinkButton,
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
query: {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
links () {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
label: 'Scan Your Own App',
|
||||||
|
href: '/apple-silicon-app-test/'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'Request an App with Github',
|
||||||
|
href: `https://github.com/ThatGuySam/doesitarm/issues?q=is%3Aissue+${ this.query }`
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue