Run npm run lint:prettier:fix

Author: colinrotherham

.storybook/main.ts

@@ -1,6 +1,6 @@
 import { type StorybookConfig } from '@storybook/react-vite';
 import preserveDirectives from 'rollup-preserve-directives';
-import { mergeConfig, type InlineConfig } from 'vite';
+import { type InlineConfig, mergeConfig } from 'vite';
 import tsConfigPaths from 'vite-tsconfig-paths';
 
 const config: StorybookConfig = {

.storybook/preview.tsx

@@ -1,8 +1,9 @@
-import './storybook.scss';
 import { type Preview } from '@storybook/react-vite';
 
 import { Col, Container, Row } from '#components/layout/index.js';
 
+import './storybook.scss';
+
 const preview: Preview = {
   decorators: (Story, { parameters }) =>
     parameters.width === false ? (

eslint.config.js

@@ -2,12 +2,12 @@ import { join } from 'node:path';
 
 import { includeIgnoreFile } from '@eslint/compat';
 import eslint from '@eslint/js';
-import { defineConfig, globalIgnores } from 'eslint/config';
 import configPrettier from 'eslint-config-prettier/flat';
 import pluginImport from 'eslint-plugin-import';
 import pluginJsxA11y from 'eslint-plugin-jsx-a11y';
 import pluginReact from 'eslint-plugin-react';
 import pluginReactHooks from 'eslint-plugin-react-hooks';
+import { defineConfig, globalIgnores } from 'eslint/config';
 import globals from 'globals';
 import pluginTypeScript from 'typescript-eslint';
 

src/components/content-presentation/details/Details.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { forwardRef, type ComponentPropsWithoutRef, type FC } from 'react';
+import { type ComponentPropsWithoutRef, type FC, forwardRef } from 'react';
 
 export interface DetailsProps extends ComponentPropsWithoutRef<'details'> {
   expander?: boolean;

src/components/content-presentation/details/__tests__/Details.test.tsx

@@ -1,10 +1,10 @@
 import { render } from '@testing-library/react';
 import { createRef } from 'react';
 
-import { Details } from '..';
-
 import { renderClient, renderServer } from '#util/components';
 
+import { Details } from '..';
+
 describe('Details', () => {
   it('matches snapshot', async () => {
     const { container } = await renderClient(<Details />, {

src/components/content-presentation/do-and-dont-list/DoAndDontList.tsx

@@ -1,13 +1,13 @@
 'use client';
 
 import classNames from 'classnames';
-import { forwardRef, type ComponentPropsWithoutRef } from 'react';
+import { type ComponentPropsWithoutRef, forwardRef } from 'react';
+
+import { Heading, type HeadingProps } from '#components/typography/Heading.js';
 
 import { DoAndDontListContext, type DoAndDontListType } from './DoAndDontListContext.js';
 import { DoAndDontListItem } from './components/index.js';
 
-import { Heading, type HeadingProps } from '#components/typography/Heading.js';
-
 export interface DoAndDontListProps
   extends ComponentPropsWithoutRef<'div'>, Pick<HeadingProps, 'headingLevel'> {
   listType: DoAndDontListType;

src/components/content-presentation/do-and-dont-list/__tests__/DoAndDontList.test.tsx

@@ -1,10 +1,10 @@
 import { render } from '@testing-library/react';
 import { createRef } from 'react';
 
-import { DoAndDontList } from '..';
-
 import { renderClient, renderServer } from '#util/components';
 
+import { DoAndDontList } from '..';
+
 describe('DoAndDontList', () => {
   describe('list type "do"', () => {
     it('matches snapshot', async () => {

src/components/content-presentation/do-and-dont-list/components/DoAndDontListItem.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useContext, type ComponentPropsWithoutRef, type FC, type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef, type FC, type ReactNode, useContext } from 'react';
 
 import { CrossIcon, TickIcon } from '../../icons/index.js';
 import { DoAndDontListContext, type DoAndDontListType } from '../DoAndDontListContext.js';

src/components/content-presentation/hero/Hero.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { forwardRef, type ComponentPropsWithoutRef, type FC } from 'react';
+import { type ComponentPropsWithoutRef, type FC, forwardRef } from 'react';
 
 import { Col, Container, Row } from '#components/layout/index.js';
 import { Heading, type HeadingProps } from '#components/typography/Heading.js';

src/components/content-presentation/images/Images.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { forwardRef, type ComponentPropsWithoutRef } from 'react';
+import { type ComponentPropsWithoutRef, forwardRef } from 'react';
 
 export interface ImagesProps extends ComponentPropsWithoutRef<'img'> {
   caption?: string;