diff --git a/src/components/default-listing.astro b/src/components/default-listing.astro index cf8ff7f..49a0fdc 100644 --- a/src/components/default-listing.astro +++ b/src/components/default-listing.astro @@ -8,6 +8,7 @@ import { import Aliases from '~/src/components/listing-parts/aliases.astro' import ThomasCredit from '~/components/thomas-credit.vue' import RelatedLinks from '~/src/components/listing-parts/related-links.astro' +import Virtualization from './listing-parts/virtualization.astro' import Devices from '~/src/components/listing-parts/devices.astro' import RelatedVideos from '~/src/components/listing-parts/related-videos.astro' import Bundles from '~/src/components/listing-parts/bundles.astro' @@ -49,9 +50,9 @@ const details = new ListingDetails( listing ) - + /> --> + + + diff --git a/src/components/listing-parts/virtualization.astro b/src/components/listing-parts/virtualization.astro new file mode 100644 index 0000000..43721ca --- /dev/null +++ b/src/components/listing-parts/virtualization.astro @@ -0,0 +1,87 @@ +--- +import { ensureListingDetails } from '~/helpers/listing-page.js' + +// import LinkButton from '~/components/link-button.js' +import Heading from './heading.astro' + +const { + listing +} = Astro.props + + +const details = ensureListingDetails( listing ) + +const isNonNativeGame = listing.status !== 'native' && details.isGame + +const links = [ + { + label: '🔄 CrossOver Compatibility', + href: 'https://www.codeweavers.com/compatibility?ad=836' + }, + { + label: '🔄 CrossOver Performance', + href: 'https://www.codeweavers.com/blog/jnewman/2020/11/23/more-crossover-m1-goodness-see-3-different-windows-games-running?ad=836' + }, + { + label: '⏸ Parallels Compatibility', + href: 'https://prf.hn/l/pRelBQ5' + }, + { + label: '⏸ Parallels Performance', + href: 'https://prf.hn/l/J9G0JeM' + } +] + + +// general: 'relative inline-flex items-center rounded-md px-4 py-2', +// font: 'leading-5 font-bold', +// text: 'text-white', +// border: 'border border-transparent focus:outline-none focus:border-indigo-600', +// shadow: 'neumorphic-shadow focus:shadow-outline-indigo', +// bg: 'bg-darker hover:bg-indigo-400 active:bg-indigo-600', +// transition: 'transition duration-150 ease-in-out' + + + +const totalLinks = links.length +--- +{ isNonNativeGame && ( + +)}