Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-15 06:35:20 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Add app list to home page

Browse source
This commit is contained in:
Sam Carlton 2020-09-19 15:58:05 -05:00
parent c363f3b182
commit 0c56276d09
1 changed files with 38 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

59
pages/index.vue
View file

@ -1,33 +1,50 @@
<template>
<section class="container">
<div>
<logo/>
<h1 class="title">
doesitarm
</h1>
<h2 class="subtitle">
Apps that support ARM on MacOs
</h2>
<div class="links">
<a
href="https://nuxtjs.org/"
target="_blank"
class="button--green">Documentation</a>
<a
href="https://github.com/nuxt/nuxt.js"
target="_blank"
class="button--grey">GitHub</a>
</div>
</div>
</section>
<section class="container">
<div>
<logo/>
<h1 class="title">
Does it ARM
</h1>
<h2 class="subtitle">
Apps that are reported to support ARM on macOS
</h2>
<div class="apps">
<div
v-for="app in appList"
:key="app.slug"
>
<a :href="`/app/${app.slug}`">
<div>
{{ app.name }}
</div>
</a>
</div>
<a
href="https://nuxtjs.org/"
target="_blank"
class="button--green">Documentation</a>
<a
href="https://github.com/nuxt/nuxt.js"
target="_blank"
class="button--grey">GitHub</a>
</div>
</div>
</section>
</template>
<script>
import Logo from '~/components/Logo.vue'
import appList from '~/assets/app-list.json'
export default {
components: {
Logo
},
computed: {
appList() {
return appList
}
}
}
</script>