feat(VSnackbar): keep snackbar open while mouseover

[jacekkarczmarczyk]

Description

Adds hold-on-hover prop that stops the timer on mouseenter and restarts on mouseleave

Motivation and Context

fixes #12494

How Has This Been Tested?

playground

Markup:

<template>
  <v-container>
    <v-btn @click="snackbar1 = true">Show snackbar 1</v-btn>
    <v-btn @click="snackbar2 = true">Show snackbar 2</v-btn>
    <v-snackbar
      v-model="snackbar1"
      hold-on-hover
      timeout="2000"
      color="success"
    >Hover me and I won't dissapear</v-snackbar>
    <v-snackbar
      v-model="snackbar2"
      timeout="2000"
      color="error"
    >Hover me and I will dissapear</v-snackbar>
  </v-container>
</template>

<script>
  export default {
    data: () => ({
      snackbar1: false,
      snackbar2: false,
    }),
  }
</script>

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Improvement/refactoring (non-breaking change that doesn't add any features but makes things better)

Checklist:

• The PR title is no longer than 64 characters.
• The PR is submitted to the correct branch (master for bug fixes and documentation updates, dev for new features and backwards compatible changes and next for non-backwards compatible changes).
• My code follows the code style of this project.
• I've added relevant changes to the documentation (applies to new features and breaking changes in core library)

[KaelWD]

Any reason this shouldn't just be the default behaviour instead of a prop?

[jacekkarczmarczyk]

I was thinking that it could be a breaking change and we could make it default behaviour in 3.x

[KaelWD]

I don't think it counts as a breaking change.

[jacekkarczmarczyk]

I'm ok with that, do we need a prop to switch this behaviour off?