Slug should *just* be the name

At the moment, in the front-matter we have that the slug is a whole path. For example Web/HTML/Element/video when it just needs to, for example:

slug: video

One disadvantage with having the whole path in there is that if you need to rename a slug, you now need to git edit every single index.html that exists below. Another disadvantage is that it’s a foot-gun. You might accidentally edit from slug: Web/HTML/Element/video to slug: We/HTML/Element/video without really noticing.

Lets make the importer just put slug: ${basename(document.slug)) in there. And in the Yari code, we can no longer make the url be ${locale}/docs/${slug} but it needs to become based on looping over the path and doing a Document.findByUrl(...) for each forward-slash.

[peterbe]

My recommendation is that we start gently. You start by writing a piece of code where we’re currently extracting the slug from the front-matter and make it smart. Something like this:

-const slug = metadata.slug;
+let slug = metadata.slug || getThisFolderName()
+if (!slug.contains('/')) {
+   // It's one of those fancy new ones that just contain a single word
+   slug = `${getParentSlug()}/${slug}`;
+}

That way, at your convenience you can pick an index.html in mdn/content and either remove the slug or if it needs casing you rename it…

-slug: Web/HTML/Element
+slug: Element

[Ryuno-Ki]

Okay, so what would be needed in code and content next?