Create v-fullscreen directive

[qmhc]

Description

<template>
  <div v-fullscreen></div> <!-- default browser -->
  <div v-fullscreen="false"></div>
  <div v-fullscreen.window></div>
</template>

Validations

• Ensure this issue neither a bug report nor a feature proposal.
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that descript the same thing to avoid creating a duplicate.

[alphaelf]

Does the useFullscreen composable meet your needs?

[qmhc]

We have a hooks package https://github.com/vexip-ui/vexip-ui/tree/main/common/hooks which provides many hook methods for components.

Here is full screen hook: https://github.com/vexip-ui/vexip-ui/blob/main/common/hooks/src/full-screen.ts.

And FullScreen component also base on this hook.

The origin of v-fullscreen is to provide a shortcut to use FullScreen compoennt.