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 title and pricing button to app pages

Browse source
This commit is contained in:
Sam Carlton 2021-04-18 20:41:51 -05:00
parent e222857af5
commit a4d59ee2e6
1 changed files with 28 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

27
pages/device/_slug.vue
View file

@ -2,15 +2,33 @@
<section class="container py-24">
<div class="flex flex-col items-center">
<h1 class="title text-3xl md:text-5xl font-hairline leading-tight text-center pb-4">
App support for {{ device.name }}
{{ device.name }}
</h1>
<div class="summary space-y-4 max-w-2xl">
<div class="flex justify-center py-3">
<LinkButton
v-if="device.amazonUrl"
:href="device.amazonUrl"
target="_blank"
>
Check Pricing
</LinkButton>
</div>
<h2
class="subtitle md:text-lg text-center"
>
App support for {{ device.name }}
</h2>
<h2
v-if="supportedAppList.length !== 0"
class="subtitle md:text-xl text-center"
class="subtitle md:text-lg text-center"
>
Supported apps include {{ supportedAppList.join(', ') }}.
</h2>
</div>
<Search
:app-list="deviceAppList"
@ -67,8 +85,7 @@ export default {
const { allList } = await import('~/helpers/get-list.js')
const { default: deviceList } = await import('~/static/device-list.json')
// const { default: gameList } = await import('~/static/game-list.json')
// const { default: videoList } = await import('~/static/video-list.json')
const charCode = slug.charCodeAt( slug.length-2 )
const shuffler = new Chance( charCode )
@ -77,6 +94,8 @@ export default {
return device.slug === slug
})
// console.log( 'device', device )
const deviceAppList = allList.map( app => {
const appIsSupported = deviceSupportsApp( device, app )