<template>
    <v-layout style="height: 40px;">
        <v-app-bar scroll-threshold="0"
            class="mx-auto px-auto"
            >
            <v-text-field
            density="compact"
            variant="solo"
            prepend-inner-icon="mdi-magnify"
            single-line
            hide-details
            ></v-text-field>
            <v-btn icon>
                <v-icon>mdi-crosshairs-gps</v-icon>
            </v-btn>
        </v-app-bar>
    </v-layout>
</template>

<script>
import {RouterLink} from 'vue-router';
  export default {
    data: () => ({ value: 1 }),
  }

</script>
