b4n92uid

{
  "results": [
    {
      "gender": "female",
      "name": {
        "title": "Miss",
        "first": "Jennie",
        "last": "Nichols"
      },
      "location": {

b4n92uid

// Generated by https://quicktype.io

export interface Contact {
  gender: string;
  name: Name;
  location: Location;
  email: string;
  login: Login;
  dob: Dob;
  registered: Dob;

b4n92uid

// Generated by https://quicktype.io

export interface Contact {
  gender: string;
  name: Name;
  location: Location;
  email: string;
  login: Login;
  dob: Dob;
  registered: Dob;

b4n92uid

<template>
  <div>
    <v-text-field
      class="v-date-field"
      :class="{ 'v-date-field--rounded': rounded }"
      :value="dateFormated"
      prepend-inner-icon="mdi-calendar-blank"
      readonly
      @click="open"
      :disabled="disabled"

b4n92uid

<template>
  <div v-if="show" class="p-scanning">
    <div class="d-flex align-center flex-grow-1">
      <div class="p-scanning__crosshair"></div>
    </div>

    <div class="flex-shrink-1">
      <v-text-field
        v-model="inputCode"
        label="Enter manually"

b4n92uid

<template>
  <v-card
    class="v-picture-field rounded-lg"
    :loading="loading > 0"
    outlined
    :class="{
      '--has-content': value !== null
    }"
    @click.stop="sourceDialog = true"
  >

b4n92uid

<template>
  <v-card
    class="v-picture-field rounded-lg"
    :loading="loading > 0"
    outlined
    :class="{
      '--has-content': previewSrc !== null
    }"
    @click.stop="sourceDialog = true"
  >

b4n92uid

.v-application {
  .h-100 {
    height: 100% !important;
  }

  .w-100 {
    width: 100% !important;
  }

  @for $i from 1 through 12 {

b4n92uid

<template>
  <v-dialog
    :value="value"
    @input="v => $emit('input', v)"
    overlay
    fullscreen
    transition="fade-transition"
    content-class="theater-box"
  >
    <div>

b4n92uid

<template>
  <div class="sticky-area" :style="style" ref="wrap">
    <div ref="top"></div>
    <div ref="body">
      <slot></slot>
    </div>
    <div ref="bottom"></div>
  </div>
</template>