Query in nested object

[Ary428]

I'm trying to do a query in my Vue app, the data path is "public/form/template" in there I want to find specific template by its title.

now, the title is inside "meta_data" object, I've tried to do it in 3 different ways I've found online:

const templatesRef = collection(db, "public_data", "forms", "templates");
const q = query(
  templatesRef,
  where("meta_data", "in", [{ title: "input" }]),
);

const querySnapshot = await getDocs(q);
const templatesRef = collection(db, "public_data", "forms", "templates");
const q = query(
  templatesRef,
  where("meta_data.title", "in", [ "input"]),
);

const querySnapshot = await getDocs(q);
const templatesRef = collection(db, "public_data", "forms", "templates");
const q = query(
  templatesRef,
  where(("meta_data", "title"), "in", ["input"]),
);
const querySnapshot = await getDocs(q);

all of them not working:/

any suggestions?