chore: bump oxlint & enable more supported rules (#14769)

blocksuite/affine/gfx/template/src/toolbar/builtin-templates.ts

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/await-thenable */
+/* oxlint-disable @typescript-eslint/await-thenable */
 import type {
   Template,
   TemplateCategory,
@@ -44,7 +44,7 @@ export const builtInTemplates = {
       await Promise.all(extendTemplate.map(manager => manager.list(category)))
     );
 
-    // eslint-disable-next-line sonarjs/no-empty-collection
+    // oxlint-disable-next-line sonarjs/no-empty-collection
     const cate = templates.find(cate => cate.name === category);
     if (!cate) return extendTemplates;
 
@@ -61,7 +61,7 @@ export const builtInTemplates = {
       await Promise.all(extendTemplate.map(manager => manager.categories()))
     );
 
-    // eslint-disable-next-line sonarjs/no-empty-collection
+    // oxlint-disable-next-line sonarjs/no-empty-collection
     return templates.map(cate => cate.name).concat(extendCates);
   },
 
@@ -75,7 +75,7 @@ export const builtInTemplates = {
     keyword = keyword.trim().toLocaleLowerCase();
 
     await Promise.all(
-      // eslint-disable-next-line sonarjs/no-empty-collection
+      // oxlint-disable-next-line sonarjs/no-empty-collection
       templates.map(async categroy => {
         if (cateName && cateName !== categroy.name) {
           return;

blocksuite/affine/gfx/template/src/toolbar/template-panel.ts

@@ -21,7 +21,6 @@ import { css, html, LitElement, nothing, unsafeCSS } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
 
 import { createTemplateJob } from '../services/template.js';
 import { builtInTemplates } from './builtin-templates.js';
@@ -29,6 +28,10 @@ import { defaultPreview, Triangle } from './cards.js';
 import type { Template } from './template-type.js';
 import { cloneDeep } from './utils.js';
 
+function toSvgPreviewDataUrl(svg: string) {
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+}
+
 export class EdgelessTemplatePanel extends WithDisposable(LitElement) {
   static override styles = css`
     :host {
@@ -433,7 +436,11 @@ export class EdgelessTemplatePanel extends WithDisposable(LitElement) {
                     template => {
                       const preview = template.preview
                         ? template.preview.startsWith('<svg')
-                          ? html`${unsafeSVG(template.preview)}`
+                          ? html`<img
+                              src="${toSvgPreviewDataUrl(template.preview)}"
+                              class="template-preview"
+                              loading="lazy"
+                            />`
                           : html`<img
                               src="${template.preview}"
                               class="template-preview"