chore: use lint tags (#2952)

Author: iuioiua

deno.json

@@ -80,6 +80,7 @@
   },
   "lint": {
     "rules": {
+      "tags": ["recommended", "fresh", "jsr", "jsx", "react"],
       "exclude": ["no-window"],
       "include": ["no-console"]
     }

src/dev/middlewares/error_overlay/overlay.tsx

@@ -131,7 +131,10 @@ export function ErrorOverlay(props: { url: URL }) {
   return (
     <>
       <div class="frsh-error-page">
-        <style dangerouslySetInnerHTML={{ __html: errorCss }} />
+        <style
+          // deno-lint-ignore react-no-danger
+          dangerouslySetInnerHTML={{ __html: errorCss }}
+        />
         <div class="inner">
           <div class="header">
             <button
@@ -163,6 +166,7 @@ export function ErrorOverlay(props: { url: URL }) {
         </div>
       </div>
       <script
+        // deno-lint-ignore react-no-danger
         dangerouslySetInnerHTML={{
           __html:
             `document.querySelector("#close-btn").addEventListener("click", () => parent.postMessage("close-error-overlay"));`,

src/runtime/server/preact_hooks.tsx

@@ -452,6 +452,7 @@ function FreshRuntimeScript() {
       <script
         id={`__FRSH_STATE_${partialId}`}
         type="application/json"
+        // deno-lint-ignore react-no-danger
         dangerouslySetInnerHTML={{ __html: JSON.stringify(json) }}
       />
     );
@@ -486,6 +487,7 @@ function FreshRuntimeScript() {
         <script
           type="module"
           nonce={nonce}
+          // deno-lint-ignore react-no-danger
           dangerouslySetInnerHTML={{
             __html: scriptContent,
           }}

www/components/CodeBlock.tsx

@@ -7,6 +7,7 @@ export function CodeBlock(
     <pre
       class="rounded-lg text-base leading-relaxed bg-slate-800 text-white p-4 sm:p-6 md:p-4 lg:p-6 2xl:p-8 overflow-x-auto"
       data-language={lang}
+      // deno-lint-ignore react-no-danger
     ><code dangerouslySetInnerHTML={{ __html: Prism.highlight(code, Prism.languages[lang], lang)}} /></pre>
   );
 }

www/islands/TableOfContents.tsx

@@ -128,6 +128,7 @@ export function TableOfContents({ headings }: TableOfContentsProps) {
                           <a
                             href={`#${heading.id}`}
                             class="block truncatetext-gray-600"
+                            // deno-lint-ignore react-no-danger
                             dangerouslySetInnerHTML={{ __html: heading.html }}
                           />
                         </li>
@@ -166,6 +167,7 @@ export function TableOfContents({ headings }: TableOfContentsProps) {
                                 heading.id,
                               );
                             }}
+                            // deno-lint-ignore react-no-danger
                             dangerouslySetInnerHTML={{ __html: heading.html }}
                           />
                         </li>

www/routes/_app.tsx

@@ -45,6 +45,7 @@ export default define.page(function App({ Component, state, url }) {
           : null}
         <script
           type="module"
+          // deno-lint-ignore react-no-danger
           dangerouslySetInnerHTML={{
             __html: `
 const isDarkMode = localStorage.theme === "dark"

www/routes/docs/[...slug].tsx

@@ -204,6 +204,7 @@ export default define.page<typeof handler>(function DocsPage(props) {
                   </h1>
                   <div
                     class="markdown-body mb-8"
+                    // deno-lint-ignore react-no-danger
                     dangerouslySetInnerHTML={{ __html: html }}
                   />
 

www/routes/docs/_layout.tsx

@@ -1,4 +1,4 @@
-import { PageProps } from "../../../src/context.ts";
+import type { PageProps } from "../../../src/context.ts";
 
 export default function Layout({ Component }: PageProps) {
   return (