<template>
  <form-input
    modelKey="title"
    v-model="siteManagementMenuStore.menuItemData.title"
    required
    label="Başlık"
    minlength="2"
    :invalidText="siteManagementMenuValidationStore.invalidTexts.title" />

  <form-input
    modelKey="slug"
    v-model="siteManagementMenuStore.menuItemData.slug"
    required
    label="Adres"
    minlength="2"
    :invalidText="siteManagementMenuValidationStore.invalidTexts.slug" />
  <div class="form-item">
    <form-checkbox
      label="Yeni Pencerede Aç"
      val="_blank"
      v-model="siteManagementMenuStore.menuItemData.targetKey" />
  </div>
</template>
<script setup lang="ts">
  import { useSiteManagementMenuStore } from '../../stores/siteManagementMenuStore'
  const siteManagementMenuStore = useSiteManagementMenuStore()
  import { useSiteManagementMenuValidationStore } from '../../validation/siteManagementMenuValidationStore'
  const siteManagementMenuValidationStore = useSiteManagementMenuValidationStore()
</script>
