Fix #3904: dividers are not shown in dynamic vertical stepper

[dima74]

Description

Provide isVertical from VStepper to VStepperContent in order to correctly initialize isVertical state of VStepperContent

Motivation and Context

Fixes #3904

How Has This Been Tested?

visually

Markup:

<template>
  <v-app class="ma-4">
    <v-stepper v-model="step" vertical>
      <template v-for="i of steps">
        <v-stepper-step :complete="step > i" :step="i">
          Step {{i}}
        </v-stepper-step>
        <v-stepper-content :step="i">
          Some text
        </v-stepper-content>
      </template>
    </v-stepper>
  </v-app>
</template>

<script>
  export default {
    data () {
      return {
        step: 0,
        steps: 2,
      }
    },
    async mounted() {
      const sleep = milliseconds => new Promise(resolve => setTimeout(resolve, milliseconds));
      await sleep(100);
      this.steps = 5;
    }
  }
</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 feature but make things better)

Checklist:

• The PR title is no longer than 64 characters.
• The PR is submitted to the correct branch (master for bug fixes, dev for new features and breaking changes).
• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have created a PR in the documentation with the necessary changes.

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord