GPT

Basic Component

import { ref, computed } from 'vue' const count = ref(0) const doubled = computed(() = count.value 2) function increment() { count.value++ } Count: {{ count }} Doubled: {{ doubled }} Increment

Prompt text

Original English text. Replace placeholders with your own details.

<script setup lang="ts">
import { ref, computed } from 'vue'

const count = ref(0)
const doubled = computed(() => count.value * 2)

function increment() {
 count.value++
}
</script>

<template>
 <div>
 <p>Count: {{ count }}</p>
 <p>Doubled: {{ doubled }}</p>
 <button @click="increment">Increment</button>
 </div>
</template>

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 →