feat(display): port to v3

[johnleider]

Description

Convert breakpoint service to display composable.

• added platform information, mobile, ios, ssr
• added new xxl breakpoint to display
• added new xxl breakpoint to css utility classes
• updated $display-breakpoints
• simplified code for determining breakpoint information

BREAKING

• removed xsOnly, smOnly, mdOnly, lgOnly, xlOnly
  • use xs, sm, md, lg, xl, or xxl instead
• removed scrollbarWidth

Motivation and Context

Port v2 breakpoints to v3

How Has This Been Tested?

jest/visually

Markup:

<template>
  <v-app class="v-application--is-ltr">
    <v-navigation-drawer fixed :model-value="model" />

    <v-main>
      <v-container>
        <v-btn block @click="model = !model">Foo</v-btn>
      </v-container>
    </v-main>
  </v-app>
</template>

<script>
  export default {
    data: () => ({
      model: null,
    }),
  }
</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)

[glen-84]

As mentioned on Discord, Window.matchMedia() might be something to consider, depending on your needs.

[johnleider]

As mentioned on Discord, Window.matchMedia() might be something to consider, depending on your needs.

I think this might be best served in the theme composable where it's context makes a little more sense.

[johnleider]

Requesting Initial comments from @vuetifyjs/core-team