Packages

live_vue

0.3.6
1.2.2 1.2.1 1.2.0 1.1.1 1.1.0 1.0.1 1.0.0 1.0.0-rc.4 1.0.0-rc.3 1.0.0-rc.2 1.0.0-rc 0.7.3 0.7.2 0.7.1 0.7.0 0.6.1 0.6.0 0.5.7 0.5.6 0.5.5 0.5.4 0.5.3 0.5.2 0.5.1 0.5.0 0.4.1 0.4.0 0.3.9 0.3.8 0.3.7 0.3.6 0.3.5 0.3.4 0.3.3 0.3.2 0.3.1 0.3.0 0.2.0 0.1.0

E2E reactivity for Vue and LiveView

HexDocs

Current section

Files

Jump to
Readme
39 Versions
5 Dependencies
Dependants
Files
Activity
live_vue assets copy vue Counter.vue
Raw

assets/copy/vue/Counter.vue 

<script setup lang="ts">

  import {ref} from "vue"

  const props = defineProps<{count: number}>()

  const emit = defineEmits<{inc: [{value: number}]}>()

  const diff = ref<string>("1")

</script>



<template>

  Current count

  <div class="text-2xl text-bold">{{ props.count }}</div>

  <label class="block mt-8">Diff: </label>

  <input v-model="diff" class="mt-4" type="range" min="1" max="10">



  <button 

    @click="emit('inc', {value: parseInt(diff)})"

    class="mt-4 bg-black text-white rounded p-2 block">

    Increase counter by {{ diff }}

  </button> 

</template>