Lint everything

docs/.vitepress/theme/index.js

@@ -1,13 +1,13 @@
-import DefaultTheme from 'vitepress/theme'
-import FloatingVue from 'floating-vue'
 import { Icon } from '@iconify/vue'
+import FloatingVue from 'floating-vue'
+import DefaultTheme from 'vitepress/theme'
+import DemoLinks from './DemoLinks.vue'
+import DemoPreview from './DemoPreview.vue'
+import MeetTeam from './MeetTeam.vue'
+import SponsorButton from './SponsorButton.vue'
 import 'floating-vue/dist/style.css'
 import './style/vars.pcss'
 import './style/index.pcss'
-import SponsorButton from './SponsorButton.vue'
-import MeetTeam from './MeetTeam.vue'
-import DemoPreview from './DemoPreview.vue'
-import DemoLinks from './DemoLinks.vue'
 
 export default {
   ...DefaultTheme,

docs/examples/visual-regression-testing/percy.md

@@ -9,8 +9,8 @@ pnpm add -D @histoire/plugin-percy
 Add the plugin in histoire config:
 
 ```js
-import { defineConfig } from 'histoire'
 import { HstPercy } from '@histoire/plugin-percy'
+import { defineConfig } from 'histoire'
 
 export default defineConfig({
   plugins: [

docs/guide/config.md

@@ -150,8 +150,8 @@ Inside your setup file, you can export a `setupVue3` function that will be calle
 ```ts
 // src/histoire.setup.ts
 
-import { createPinia } from 'pinia'
 import { defineSetupVue3 } from '@histoire/plugin-vue'
+import { createPinia } from 'pinia'
 
 export const setupVue3 = defineSetupVue3(({ app, story, variant }) => {
   const pinia = createPinia()

docs/guide/svelte3/getting-started.md

@@ -49,8 +49,8 @@ yarn add -D histoire @histoire/plugin-svelte
 Create an `histoire.config.js` or `histoire.config.ts` file in your project root to enable the Svelte plugin:
 
 ```ts
-import { defineConfig } from 'histoire'
 import { HstSvelte } from '@histoire/plugin-svelte'
+import { defineConfig } from 'histoire'
 
 export default defineConfig({
   plugins: [

docs/guide/vue3/app-setup.md

@@ -7,8 +7,8 @@ You can define a setup function globally in your setup file defined by the `setu
 For Vue 3, it must be called `setupVue3`. Histoire provides an optional `defineSetupVue3` helper to have better types in your IDE:
 
 ```ts
-import { createPinia } from 'pinia'
 import { defineSetupVue3 } from '@histoire/plugin-vue'
+import { createPinia } from 'pinia'
 
 export const setupVue3 = defineSetupVue3(({ app, story, variant }) => {
   // Vue plugin

docs/guide/vue3/getting-started.md

@@ -49,8 +49,8 @@ yarn add -D histoire @histoire/plugin-vue
 Create an `histoire.config.js` or `histoire.config.ts` file in your project root to enable the Vue plugin:
 
 ```ts
-import { defineConfig } from 'histoire'
 import { HstVue } from '@histoire/plugin-vue'
+import { defineConfig } from 'histoire'
 
 export default defineConfig({
   plugins: [
@@ -128,9 +128,9 @@ pnpm add -D @histoire/plugin-nuxt
 Add the plugin in histoire config:
 
 ```js
-import { defineConfig } from 'histoire'
-import { HstVue } from '@histoire/plugin-vue'
 import { HstNuxt } from '@histoire/plugin-nuxt'
+import { HstVue } from '@histoire/plugin-vue'
+import { defineConfig } from 'histoire'
 
 export default defineConfig({
   plugins: [

docs/reference/config.md

@@ -18,8 +18,8 @@ Learn more about configuring Histoire [here](../guide/config.md).
 Array of plugins. Learn more about [official plugins](../guide/plugins/official.md) and [how to develop them](../guide/plugins/development.md).
 
 ```ts
-import { HstVue } from '@histoire/plugin-vue'
 import { HstNuxt } from '@histoire/plugin-nuxt'
+import { HstVue } from '@histoire/plugin-vue'
 
 export default defineConfig({
   plugins: [

examples/nuxt3/cypress/e2e/render-story.cy.js

@@ -2,7 +2,8 @@
 
 describe('Story render', () => {
   const getIframeBody = () => cy.get('iframe[data-test-id="preview-iframe"]')
-    .its('0.contentDocument.body').should('not.be.empty')
+    .its('0.contentDocument.body')
+    .should('not.be.empty')
     .then(cy.wrap)
 
   it('should display the story content', () => {

examples/nuxt3/histoire.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from 'histoire'
-import { HstVue } from '@histoire/plugin-vue'
 import { HstNuxt } from '@histoire/plugin-nuxt'
+import { HstVue } from '@histoire/plugin-vue'
+import { defineConfig } from 'histoire'
 
 export default defineConfig({
   plugins: [

examples/svelte4/cypress/e2e/render-story.cy.js

@@ -2,7 +2,8 @@
 
 describe('Story render', () => {
   const getIframeBody = () => cy.get('iframe[data-test-id="preview-iframe"]')
-    .its('0.contentDocument.body').should('not.be.empty')
+    .its('0.contentDocument.body')
+    .should('not.be.empty')
     .then(cy.wrap)
 
   it('should display the story content (with iframe)', () => {

examples/svelte4/cypress/e2e/state-sync.cy.js

@@ -2,7 +2,8 @@
 
 describe('State sync', () => {
   const getIframeBody = () => cy.get('iframe[data-test-id="preview-iframe"]')
-    .its('0.contentDocument.body').should('not.be.empty')
+    .its('0.contentDocument.body')
+    .should('not.be.empty')
     .then(cy.wrap)
 
   it('should display the story content (with iframe)', () => {

examples/svelte4/vite.config.ts

@@ -1,8 +1,8 @@
 /// <reference types="histoire" />
 
-import { defineConfig } from 'vite'
-import { svelte } from '@sveltejs/vite-plugin-svelte'
 import { HstSvelte } from '@histoire/plugin-svelte'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [

examples/sveltekit/src/routes/todos/+page.server.ts

@@ -1,6 +1,6 @@
+import type { Action, PageServerLoad } from './$types'
 import { error } from '@sveltejs/kit'
 import { api } from './api'
-import type { Action, PageServerLoad } from './$types'
 
 interface Todo {
   uid: string

examples/sveltekit/vite.config.ts

@@ -1,8 +1,8 @@
 /// <reference types="histoire" />
 
-import { defineConfig } from 'vite'
-import { sveltekit } from '@sveltejs/kit/vite'
 import { HstSvelte } from '@histoire/plugin-svelte'
+import { sveltekit } from '@sveltejs/kit/vite'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [

examples/vue3-percy/histoire.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from 'histoire'
-import { HstVue } from '@histoire/plugin-vue'
 import { HstPercy } from '@histoire/plugin-percy'
+import { HstVue } from '@histoire/plugin-vue'
+import { defineConfig } from 'histoire'
 
 export default defineConfig({
   plugins: [

examples/vue3-percy/src/histoire.setup.ts

@@ -1,5 +1,5 @@
-import './histoire.css'
 import { defineSetupVue3 } from '@histoire/plugin-vue'
+import './histoire.css'
 
 export const setupVue3 = defineSetupVue3(({ app }) => {
   app.provide('demo', 24)

examples/vue3-percy/vite.config.ts

@@ -1,7 +1,7 @@
 /// <reference types="histoire" />
 
-import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
 // @TODO investigate ESM errors when this is imported in vite.config.ts
 // https://github.com/vitejs/vite/issues/7981
 // import { HstScreenshot } from '@histoire/plugin-screenshot'

examples/vue3-screenshot/histoire.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from 'histoire'
-import { HstVue } from '@histoire/plugin-vue'
 import { HstScreenshot } from '@histoire/plugin-screenshot'
+import { HstVue } from '@histoire/plugin-vue'
+import { defineConfig } from 'histoire'
 
 export default defineConfig({
   plugins: [

examples/vue3-screenshot/src/histoire.setup.ts

@@ -1,5 +1,5 @@
-import './histoire.css'
 import { defineSetupVue3 } from '@histoire/plugin-vue'
+import './histoire.css'
 
 export const setupVue3 = defineSetupVue3(({ app }) => {
   app.provide('demo', 42)

examples/vue3-screenshot/vite.config.ts

@@ -1,7 +1,7 @@
 /// <reference types="histoire" />
 
-import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
 // @TODO investigate ESM errors when this is imported in vite.config.ts
 // https://github.com/vitejs/vite/issues/7981
 // import { HstScreenshot } from '@histoire/plugin-screenshot'

examples/vue3-themed/histoire.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'histoire'
 import { HstVue } from '@histoire/plugin-vue'
+import { defineConfig } from 'histoire'
 
 export default defineConfig({
   plugins: [

examples/vue3-themed/vite.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import { defaultColors } from 'histoire'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [

examples/vue3-vuetify/histoire.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'histoire'
 import { HstVue } from '@histoire/plugin-vue'
+import { defineConfig } from 'histoire'
 
 export default defineConfig({
   plugins: [

examples/vue3-vuetify/src/components/v-btn.story.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { ref } from 'vue'
 import { logEvent } from 'histoire/client'
+import { ref } from 'vue'
 
 const text = ref('Click me!')
 </script>

examples/vue3-vuetify/src/histoire.setup.ts

@@ -1,11 +1,11 @@
 import { defineSetupVue3 } from '@histoire/plugin-vue'
 
+// Vuetify
+import { createVuetify } from 'vuetify'
 // Styles
 import '@mdi/font/css/materialdesignicons.css'
-import 'vuetify/styles'
 
-// Vuetify
-import { createVuetify } from 'vuetify'
+import 'vuetify/styles'
 
 export const setupVue3 = defineSetupVue3(({ app }) => {
   app.use(createVuetify())

examples/vue3-vuetify/vite.config.ts

@@ -1,7 +1,7 @@
 /// <reference types="histoire" />
 
-import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
 import vuetify from 'vite-plugin-vuetify'
 
 export default defineConfig({

examples/vue3/cypress/e2e/controls.cy.js

@@ -2,7 +2,8 @@
 
 describe('Controls', () => {
   const getIframeBody = () => cy.get('iframe[data-test-id="preview-iframe"]')
-    .its('0.contentDocument.body').should('not.be.empty')
+    .its('0.contentDocument.body')
+    .should('not.be.empty')
     .then(cy.wrap)
 
   beforeEach(() => {

examples/vue3/cypress/e2e/event.cy.js

@@ -2,7 +2,8 @@
 
 describe('Event (iframe)', () => {
   const getIframeBody = () => cy.get('iframe[data-test-id="preview-iframe"]')
-    .its('0.contentDocument.body').should('not.be.empty')
+    .its('0.contentDocument.body')
+    .should('not.be.empty')
     .then(cy.wrap)
 
   it('should send events', () => {

examples/vue3/cypress/e2e/setup-vue3.cy.js

@@ -2,7 +2,8 @@
 
 describe('Setup app (vue3)', () => {
   const getIframeBody = () => cy.get('iframe[data-test-id="preview-iframe"]')
-    .its('0.contentDocument.body').should('not.be.empty')
+    .its('0.contentDocument.body')
+    .should('not.be.empty')
     .then(cy.wrap)
 
   it('should handle global setup', () => {

examples/vue3/cypress/e2e/state.cy.js

@@ -2,7 +2,8 @@
 
 describe('State Options API', () => {
   const getIframeBody = () => cy.get('iframe[data-test-id="preview-iframe"]')
-    .its('0.contentDocument.body').should('not.be.empty')
+    .its('0.contentDocument.body')
+    .should('not.be.empty')
     .then(cy.wrap)
 
   beforeEach(() => {
@@ -18,7 +19,8 @@ describe('State Options API', () => {
 
 describe('State Setup API', () => {
   const getIframeBody = () => cy.get('iframe[data-test-id="preview-iframe"]')
-    .its('0.contentDocument.body').should('not.be.empty')
+    .its('0.contentDocument.body')
+    .should('not.be.empty')
     .then(cy.wrap)
 
   beforeEach(() => {
@@ -37,7 +39,8 @@ describe('State Setup API', () => {
 
 describe('State Setup API (2)', () => {
   const getIframeBody = () => cy.get('iframe[data-test-id="preview-iframe"]')
-    .its('0.contentDocument.body').should('not.be.empty')
+    .its('0.contentDocument.body')
+    .should('not.be.empty')
     .then(cy.wrap)
 
   beforeEach(() => {

examples/vue3/cypress/e2e/stories-list.cy.js

@@ -6,8 +6,7 @@ describe('Stories list', () => {
     cy.visit('/')
     cy.get('[data-test-id="story-list-item"]').should('have.length', 33)
     cy.get('[data-test-id="story-list-item"]').contains('🐱 Meow')
-    cy.get('[data-test-id="story-list-item"]').contains('BaseButton')
-      .contains('3') // Variants count
+    cy.get('[data-test-id="story-list-item"]').contains('BaseButton').contains('3') // Variants count
     cy.get('[data-test-id="story-list-item"]').contains('Demo')
     cy.get('[data-test-id="story-list-folder"]').should('have.length', 2)
   })

examples/vue3/cypress/e2e/story-preview.cy.js

@@ -2,7 +2,8 @@
 
 describe('Story preview', () => {
   const getIframeBody = () => cy.get('iframe[data-test-id="preview-iframe"]')
-    .its('0.contentDocument.body').should('not.be.empty')
+    .its('0.contentDocument.body')
+    .should('not.be.empty')
     .then(cy.wrap)
 
   it('should display the untitled variant', () => {

examples/vue3/cypress/e2e/toolbar-background.cy.js

@@ -2,7 +2,8 @@
 
 describe('background color', () => {
   const getIframeBody = () => cy.get('iframe[data-test-id="preview-iframe"]')
-    .its('0.contentDocument.body').should('not.be.empty')
+    .its('0.contentDocument.body')
+    .should('not.be.empty')
     .then(cy.wrap)
 
   const backgroundColorShouldBe = [

examples/vue3/cypress/e2e/wrapper.cy.js

@@ -2,7 +2,8 @@
 
 describe('Wrapper', () => {
   const getIframeBody = () => cy.get('iframe[data-test-id="preview-iframe"]')
-    .its('0.contentDocument.body').should('not.be.empty')
+    .its('0.contentDocument.body')
+    .should('not.be.empty')
     .then(cy.wrap)
 
   it('should display the wrapper', () => {

examples/vue3/histoire.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig, getDefaultConfig } from 'histoire'
 import { HstVue } from '@histoire/plugin-vue'
+import { defineConfig, getDefaultConfig } from 'histoire'
 
 export default defineConfig({
   // outDir: 'hdist',

examples/vue3/src/components/CodeGen.story.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
+import BaseButton from './BaseButton.vue'
 import ModalWithSlots from './ModalWithSlots.vue'
 import SlotWithProps from './SlotWithProps.vue'
-import BaseButton from './BaseButton.vue'
 
 const vTooltip = {
   mounted: (el, { value }) => {

examples/vue3/vite.config.ts

@@ -1,8 +1,8 @@
 /// <reference types="histoire" />
 
 import path from 'node:path'
-import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   // Example build config for a component library