Make faqs section

This commit is contained in:
Sam Carlton 2021-02-02 23:18:59 -06:00
parent d0aea7031b
commit ff81eb963a

View file

@ -21,8 +21,10 @@
</header> </header>
<div class="app-tester w-full space-y-4 pb-64">
<div <div
class="relative w-full flex flex-col justify-center items-center space-y-4" class="relative w-full flex flex-col justify-center items-center space-y-4 pb-8"
> >
<button <button
:class="[ :class="[
@ -53,32 +55,18 @@
<!-- Directories only: webkitdirectory directory --> <!-- Directories only: webkitdirectory directory -->
</div> </div>
Total Files: {{ foundFiles.length }}
<div <div
v-if="foundFiles.length !== 0" v-if="foundFiles.length !== 0"
class="app-scans-container relative divide-y divide-gray-700 w-full rounded-lg border border-gray-700 bg-gradient-to-br from-darker to-dark my-4 px-5" class="w-full text-center"
> >
Total Files: {{ foundFiles.length }}
</div>
<svg style="display: none;"> <div
<defs> v-if="foundFiles.length !== 0"
<path class="app-scans-container relative divide-y divide-gray-700 w-full rounded-lg border border-gray-700 bg-gradient-to-br from-darker to-dark spac-y-3 my-4 px-5"
id="chevron-right"
fill-rule="evenodd"
d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
clip-rule="evenodd"
/>
</defs>
</svg>
<!-- hasStartedAnyQuery: {{ hasStartedAnyQuery }} -->
<!-- <div
v-if="chunkedResults.length === 0"
class="text-center py-4"
> >
No apps found
</div> -->
<ul <ul
class="results-container divide-y divide-gray-700" class="results-container divide-y divide-gray-700"
@ -126,15 +114,20 @@
</div> </div>
<details class="w-full"> </div>
<summary class="cursor-pointer">Non-native Apps (🔶)</summary>
<div> <div class="w-full max-w-2xl">
<p> <details
You can try getting the latest version from the developer's the download page scan that. v-for="([ question, answer ], index) in faqs"
You can also request a manual review to determine the current status of the app on Rosetta 2. :key="`question-${index}`"
</p> class="w-full"
>
<summary class="cursor-pointer">{{ question }}</summary>
<div class="p-4">
<p>{{ answer }}</p>
</div> </div>
</details> </details>
</div>
<!-- <pre class="w-full">{{ appsBeingScanned }}</pre> --> <!-- <pre class="w-full">{{ appsBeingScanned }}</pre> -->
@ -195,6 +188,27 @@ export default {
}) })
}, },
faqs () {
return [
[
'Non-native Apps (🔶)',
`
You can try getting the latest version from the developer\'s the download page scan that.
You can also request a manual review to determine the current status of the app on Rosetta 2.
`
],
[
'Why can\'t it tell me if an app will work on Rosetta 2? ',
`
Currently, Rosetta 2 is a proprietary Apple software that is only available on macOS on Apple Silicon devices.
This means there isn't any way to test Rosetta 2 compatibility with an app without a physical Apple Silicon device and so you definitely can't test that with just a website alone... for now...
Feel free to signup for email updates.
`
]
]
},
title () { title () {
return `Apple Silicon Compatibility` return `Apple Silicon Compatibility`
}, },