Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -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> <template>
<section class="container"> <section class="container">
<div> <div>
<logo/> <logo/>
<h1 class="title"> <h1 class="title">
doesitarm Does it ARM
</h1> </h1>
<h2 class="subtitle"> <h2 class="subtitle">
Apps that support ARM on MacOs Apps that are reported to support ARM on macOS
</h2> </h2>
<div class="links"> <div class="apps">
<a <div
href="https://nuxtjs.org/" v-for="app in appList"
target="_blank" :key="app.slug"
class="button--green">Documentation</a> >
<a <a :href="`/app/${app.slug}`">
href="https://github.com/nuxt/nuxt.js" <div>
target="_blank" {{ app.name }}
class="button--grey">GitHub</a> </div>
</div> </a>
</div> </div>
</section> <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> </template>
<script> <script>
import Logo from '~/components/Logo.vue' import Logo from '~/components/Logo.vue'
import appList from '~/assets/app-list.json'
export default { export default {
components: { components: {
Logo Logo
},
computed: {
appList() {
return appList
}
} }
} }
</script> </script>