fix cypress lint error

eslint.config.mjs

@@ -22,4 +22,9 @@ export default antfu({
   rules: {
     'import/first': 'off',
   },
+}, {
+  files: ['**/*.cy.js'],
+  env: {
+    'cypress/globals': true,
+  },
 })

package.json

@@ -31,6 +31,7 @@
     "@vueuse/core": "^12.0.0",
     "autoprefixer": "^10.4.20",
     "eslint": "^9.16.0",
+    "eslint-plugin-cypress": "^4.1.0",
     "floating-vue": "5.2.2",
     "postcss": "^8.4.49",
     "rimraf": "^6.0.1",

packages/histoire-app/package.json

@@ -32,7 +32,6 @@
     "@histoire/controls": "workspace:^",
     "@histoire/shared": "workspace:^",
     "@histoire/vendors": "workspace:^",
-    "@types/flexsearch": "^0.7.6",
     "flexsearch": "0.7.43",
     "shiki-es": "^0.14.0"
   },

packages/histoire-app/src/app/components/search/SearchPane.vue

@@ -4,7 +4,7 @@ import type { SearchResult, SearchResultType, Story, Variant } from '../../types
 import type { SearchData } from './types'
 import { Icon } from '@iconify/vue'
 import { useDebounce, useFocus } from '@vueuse/core'
-import * as flexsearch from 'flexsearch'
+import FlexSearch from 'flexsearch'
 import language from 'flexsearch/dist/module/lang/en.js'
 import charset from 'flexsearch/dist/module/lang/latin/advanced.js'
 import { registeredCommands } from 'virtual:$histoire-commands'
@@ -57,11 +57,11 @@ const rateLimitedSearch = useDebounce(searchInputText, 50)
 
 const storyStore = useStoryStore()
 
-let titleSearchIndex: flexsearch.Document<any, any>
+let titleSearchIndex: FlexSearch.Document<any, any>
 let titleIdMap: SearchData['idMap']
 
 function createIndex() {
-  return new flexsearch.Document({
+  return new FlexSearch.Document({
     preset: 'match',
     document: {
       id: 'id',
@@ -92,7 +92,7 @@ onUpdate((searchData) => {
   loadSearchIndex(searchData)
 })
 
-let docSearchIndex: flexsearch.Document<any, any>
+let docSearchIndex: FlexSearch.Document<any, any>
 let docIdMap: SearchData['idMap']
 
 async function loadDocSearchIndex() {

packages/histoire/package.json

@@ -51,7 +51,6 @@
     "@histoire/controls": "workspace:^",
     "@histoire/shared": "workspace:^",
     "@histoire/vendors": "workspace:^",
-    "@types/flexsearch": "^0.7.6",
     "@types/markdown-it": "^14.1.2",
     "birpc": "^0.2.19",
     "change-case": "^5.4.4",

packages/histoire/src/node/search.ts

@@ -1,7 +1,7 @@
 import type { Context } from './context.js'
 import { createRequire } from 'node:module'
 import { noCase } from 'change-case'
-import flexsearch from 'flexsearch'
+import FlexSearch from 'flexsearch'
 import path from 'pathe'
 import { loadModule } from './load.js'
 
@@ -53,7 +53,7 @@ export async function generateDocSearchData(ctx: Context) {
 
 async function createIndex() {
   const flexsearchRoot = path.dirname(require.resolve('flexsearch/package.json'))
-  return new flexsearch.Document({
+  return new FlexSearch.Document({
     preset: 'match',
     document: {
       id: 'id',