refactor(providers,hooks): rewrite PrismThemeProvider & usePrismTheme

* reuse Theme provider logic
* move DOM mutation from provider to hook
* add a script to init theme before page load

1 files changed, 0 insertions, 22 deletions

diff --git a/src/utils/hooks/use-query-selector-all.tsx b/src/utils/hooks/use-query-selector-all.tsx
deleted file mode 100644
index a3650ea..0000000
--- a/src/utils/hooks/use-query-selector-all.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useRouter } from 'next/router';
-import { useEffect, useState } from 'react';
-
-/**
- * Use `document.querySelectorAll`.
- *
- * @param {string} query - A query.
- * @returns {NodeListOf<HTMLElementTagNameMap[T]|undefined>} - The node list.
- */
-export const useQuerySelectorAll = <T extends keyof HTMLElementTagNameMap>(
-  query: string
-): NodeListOf<HTMLElementTagNameMap[T]> | undefined => {
-  const [elements, setElements] =
-    useState<NodeListOf<HTMLElementTagNameMap[T]>>();
-  const { asPath } = useRouter();
-
-  useEffect(() => {
-    setElements(document.querySelectorAll(query));
-  }, [asPath, query]);
-
-  return elements;
-};