GPT

Example

import type { Product } from '$lib/types'; let { product } = $props<{ product: Product }(); let isHovered = $state(false); let buttonClasses = $derived(() = ({ 'btn-primary': true, 'btn-hover': isHovered }));

Prompt text

Original English text. Replace placeholders with your own details.

<script lang="ts">
 import type { Product } from '$lib/types';
 
 let { product } = $props<{
 product: Product
 }>();
 
 let isHovered = $state(false);
 let buttonClasses = $derived(() => ({
 'btn-primary': true,
 'btn-hover': isHovered
 }));
</script>

<div class="product-card">
 <h3>{product.title}</h3>
 <button class={Object.entries(buttonClasses)
 .filter(([, value]) => value)
 .map(([key]) => key)
 .join(' ')}
 >
 Add to Cart
 </button>
</div>

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →