Hey, I am trying to build a counter app. I am unable to display number. Counter works fine. Can someone explain to me what am I missing here

Content View

@ObservedObject var item = Item(itemName: "" , itemCount: 0)

        VStack{
            TextField("Write Name", text:$item.itemName)
        VStack{
            HStack {
                VStack{
                    Button ( action:{
                        item.add()
                        print("\(item.itemCount)")
                    }, label: {
                        Image(systemName: "arrowtriangle.up.square.fill")
                            .frame(width: 19.0, height: 19.0)
                            .imageScale(.large)
                            .foregroundColor(.accentColor)
                    })

                    Button ( action:{
                        item.sub()
                        print("\(item.itemCount)")
                    }, label: {
                        Image(systemName: "arrowtriangle.down.square.fill")
                            .frame(width: 19.0, height: 19.0)
                            .imageScale(.large)
                            .foregroundColor(.accentColor)
                    })

                }
                Text("\(item.itemCount)")

I created a model for my item

import SwiftUI

class Item: ObservableObject  {

   @Published var itemName: String
   @Published var itemCount: Int

    init(itemName: String? = nil, itemCount: Int) {
        self.itemName = itemName ?? ""
        self.itemCount = itemCount
    }

    func add() {
        itemCount += 1
    }

    func sub() {
        itemCount -= 1
    }
}

Can you show your entire ContentView?

//
//  ContentView.swift
//  betterCounter
//
//  Created by Ongun Palaoğlu on 29.07.2023.
//

import SwiftUI

struct ContentView: View {
    var body: some View {
        @ObservedObject var item = Item(itemName: "" , itemCount: 0)

        VStack{
            TextField("Write Name", text:$item.itemName)
        VStack{
            HStack {
                VStack{
                    Button ( action:{
                        item.add()
                        print("\(item.itemCount)")
                    }, label: {
                        Image(systemName: "arrowtriangle.up.square.fill")
                            .frame(width: 19.0, height: 19.0)
                            .imageScale(.large)
                            .foregroundColor(.accentColor)
                    })

                    Button ( action:{
                        item.sub()
                        print("\(item.itemCount)")
                    }, label: {
                        Image(systemName: "arrowtriangle.down.square.fill")
                            .frame(width: 19.0, height: 19.0)
                            .imageScale(.large)
                            .foregroundColor(.accentColor)
                    })

                }
                Text("\(item.itemCount)")
            }
            .padding()
        }
    }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Move @ObservedObject var item = Item(itemName: "" , itemCount: 0) outside var body: some View {

struct ContentView: View {
    @ObservedObject var item = Item(itemName: "" , itemCount: 0)

    var body: some View {
        VStack{
            TextField("Write Name", text:$item.itemName)
            VStack{
                HStack {
                    VStack{
                        Button ( action:{
                            item.add()
                            print("\(item.itemCount)")
                        }, label: {
                            Image(systemName: "arrowtriangle.up.square.fill")
                                .frame(width: 19.0, height: 19.0)
                                .imageScale(.large)
                                .foregroundColor(.accentColor)
                        })

                        Button ( action:{
                            item.sub()
                            print("\(item.itemCount)")
                        }, label: {
                            Image(systemName: "arrowtriangle.down.square.fill")
                                .frame(width: 19.0, height: 19.0)
                                .imageScale(.large)
                                .foregroundColor(.accentColor)
                        })

                    }
                    Text("\(item.itemCount)")
                }
                .padding()
            }
        }
    }
}