Skip to content

Conversation

@blalan05
Copy link
Member

Markup

<template>
  <v-app>
    <v-main>
      <v-card width="400px">
        <v-card-item @click:prepend="doOne()" @click:append="doTwo()">
          <template #prepend>
            <v-sheet :color="one ? 'primary': null">Prepend</v-sheet>
          </template>
          <template #default>
            Default
          </template>
          <template #append>
            <v-sheet :color="two ? 'primary': null">Append</v-sheet>
          </template>
        </v-card-item>
      </v-card>
    </v-main>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'
  const one = ref(false)
  const doOne = () => one.value = !one.value

  const two = ref(false)
  const doTwo = () => two.value = !two.value

</script>

@blalan05 blalan05 self-assigned this Mar 24, 2023
@blalan05 blalan05 requested a review from johnleider March 24, 2023 04:28
@blalan05 blalan05 changed the base branch from master to dev March 31, 2023 14:58
@johnleider johnleider added this to the v3.x.x milestone May 17, 2023
@MajesticPotatoe MajesticPotatoe added the T: feature A new feature label Aug 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants