app/components/Layout/Parameters/PreferencesTab/Website.vue

<template>
  <v-container>
    <v-row>
      <v-col cols="6">
        <div>{{ $t('your_opentalent_website_is')}} : </div>
        <div class="mb-1">{{ organizationProfile.website }}</div>

        <div>{{ $t('record_a_new_subdomain')}}</div>
        <v-text-field class="mb-1"></v-text-field>

        <UiInputText
          v-model="parameters.otherWebsite"
          field="otherWebsite"
        />
      </v-col>


      <v-col cols="6">
        <div>{{ $t('subdomains_history') }}</div>
        <div>...</div>

        <UiInputCheckbox
          v-model="parameters.desactivateOpentalentSiteWeb"
          field="desactivateOpentalentSiteWeb"
        />

        <UiInputAutocomplete field="publicationDirectors"/>
      </v-col>
    </v-row>
  </v-container>
</template>

<script setup lang="ts">
import {PropType} from "@vue/runtime-core";
import {useOrganizationProfileStore} from "~/stores/organizationProfile";
import Parameters from "~/models/Organization/Parameters";

const props = defineProps({
  parameters: {
    type: Object as PropType<Parameters>,
    required: true
  }
})

const organizationProfile = useOrganizationProfileStore()

</script>

<style scoped lang="scss">

</style>