スコープにより検索対象となる範囲を絞って検索するフィールドの作成【searchScopes】

import SwiftUI

struct SearchableSmp: View {
    enum FoodCategory {
      case all
      case fruit
      case vegetable
    }
    struct Food: Identifiable {
      let id = UUID()
      let name: String
      let category: FoodCategory
    }
    // フードの一覧
    let foods: [Food] = [
      .init(name: "Apple", category: .fruit),
      .init(name: "Banana", category: .fruit),
      .init(name: "Orange", category: .fruit),
      .init(name: "Grapes", category: .fruit),
      .init(name: "Strawberry", category: .fruit),
      .init(name: "Carrot", category: .vegetable),
      .init(name: "potato", category: .vegetable),
      .init(name: "Eggplant", category: .vegetable),
    ]
    // 検索文字列を格納
    @State private var searchText = ""
    // フードカテゴリを格納
    @State private var foodCategory: FoodCategory = .all
    // 検索語句でフィルタした文字列を格納
    var filteredItems: [Food] {
        if foodCategory == .all {
            if searchText.isEmpty {
                return foods // 検索テキストが空の場合は全ての項目を表示
            } else {
                return foods.filter { $0.name.localizedCaseInsensitiveContains(searchText) } // 検索テキストに基づいてフィルタリング
            }
        }
        else {
            return foods
                .filter { $0.category == foodCategory }
                .filter { $0.name.localizedCaseInsensitiveContains(searchText) }
        }
    }
    
    var body: some View {
        NavigationStack {
            //フード一覧
            List(filteredItems) { food in
                Text(food.name)
            }
            // 検索フィールドを表示
            .searchable(text: $searchText)
            // 検索スコープを設定
            .searchScopes($foodCategory) {
                Text("全て").tag(FoodCategory.all)
                Text("果物").tag(FoodCategory.fruit)
                Text("野菜").tag(FoodCategory.vegetable)
            }
        }
    }
}