fix: slugify tag on page before adding (closes #411)

Jacky Zhao

2023-08-27 52ca312f41ee6da5202cd9632d8501340ada3a67

 quartz/components/scripts/search.inline.ts

@@ -1,7 +1,7 @@
import { Document } from "flexsearch"
import { ContentDetails } from "../../plugins/emitters/contentIndex"
import { registerEscapeHandler, removeAllChildren } from "./util"
import { FullSlug, getFullSlug, resolveRelative, simplifySlug } from "../../util/path"
import { FullSlug, resolveRelative } from "../../util/path"

interface Item {
  id: number
@@ -64,6 +64,7 @@
}

const encoder = (str: string) => str.toLowerCase().split(/([^a-z]|[^\x00-\x7F])/)
let prevShortcutHandler: ((e: HTMLElementEventMap["keydown"]) => void) | undefined = undefined
document.addEventListener("nav", async (e: unknown) => {
  const currentSlug = (e as CustomEventMap["nav"]).detail.url

@@ -127,6 +128,7 @@
    button.addEventListener("click", () => {
      const targ = resolveRelative(currentSlug, slug)
      window.spaNavigate(new URL(targ, window.location.toString()))
      hideSearch()
    })
    return button
  }
@@ -159,8 +161,12 @@
    displayResults(finalResults)
  }

  document.removeEventListener("keydown", shortcutHandler)
  if (prevShortcutHandler) {
    document.removeEventListener("keydown", prevShortcutHandler)
  }

  document.addEventListener("keydown", shortcutHandler)
  prevShortcutHandler = shortcutHandler
  searchIcon?.removeEventListener("click", showSearch)
  searchIcon?.addEventListener("click", showSearch)
  searchBar?.removeEventListener("input", onType)