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

Use default layout as layout component

Browse source
This commit is contained in:
Sam Carlton 2020-09-19 16:47:32 -05:00
parent e64adb6a35
commit 3bec84b81f
3 changed files with 49 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

64
pages/index.vue
View file

@ -1,49 +1,45 @@
<template>
<Layout>
<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>
<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>
</section>
</Layout>
</div>
</section>
</template>
<script>
import Logo from '~/components/Logo.vue'
import Layout from '~/components/layout.vue'
import appList from '~/assets/app-list.json'
export default {
components: {
Logo,
Layout
Logo
},
computed: {
appList() {