<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">Vue.component('flight-location', {
    name: 'FlightLocation',
    components:{
        'search-locations': SearchLocations
    },
    props: {
        value: {
          default() {
            return {
              name: '',
            };
          },
        },
        mainLocation: {
          type: String,
          default: 'Airport',
        },
        isDetailPage: {
          type: Boolean,
          default: false,
        },
      },
      data() {
        return {
          domain: 'us'
        };
      },
      computed: {
        inputValue: {
          get() {
            return this.value;
          },
          set(val) {
            this.$emit('input', val);
          },
        },
      },
      methods: {
        select(val) {
          this.inputValue = {
            name: val.name,
            result: val,
          };
        },
      },

      template: 
    ` &lt;search-locations
    :value="inputValue"
    engine="flights"
    :searchParams="{
      engine: this.domain,
      isFreeUser: '1',
    }"
    @input="select"
    :fieldIcon="'fas fa-map-marker-alt'"
  &gt;
    &lt;template #options="props"&gt;
      &lt;v-list-item-icon&gt;
        &lt;v-icon v-text="'fas fa-plane'" /&gt;
      &lt;/v-list-item-icon&gt;
      &lt;v-list-item-content&gt;
        &lt;v-list-item-title v-text="props.name" /&gt;
      &lt;/v-list-item-content&gt;
    &lt;/template&gt;
  &lt;/search-locations&gt;`
});</pre></body></html>