diff --git a/.eslintrc.cjs b/.eslintrc.cjs index 4a36a99d..70183d00 100644 --- a/.eslintrc.cjs +++ b/.eslintrc.cjs @@ -2,8 +2,8 @@ module.exports = { root: true, parser: '@typescript-eslint/parser', ignorePatterns: ['node_modules', 'docs/**'], - extends: ['standard'], - plugins: ['svelte3', '@typescript-eslint'], + extends: ['standard', 'plugin:svelte/recommended'], + plugins: ['@typescript-eslint'], parserOptions: { ecmaVersion: 2020, sourceType: 'module', @@ -15,10 +15,6 @@ module.exports = { browser: true, es2022: true, }, - settings: { - 'svelte3/ignore-styles': () => true, - 'svelte3/typescript': require('typescript'), - }, rules: { indent: ['error', 2, { 'SwitchCase': 1 }], semi: ['error', 'always'], @@ -38,7 +34,10 @@ module.exports = { overrides: [ { files: ['*.svelte'], - processor: 'svelte3/svelte3', + parser: 'svelte-eslint-parser', + parserOptions: { + parser: '@typescript-eslint/parser' + }, rules: { 'no-multiple-empty-lines': ['error', { max: 2, maxBOF: 2 }], 'import/first': 'off', diff --git a/package.json b/package.json index 1638a769..133142fb 100644 --- a/package.json +++ b/package.json @@ -37,21 +37,21 @@ "@babel/preset-env": "^7.21.4", "@evilmartians/lefthook": "^1.3.10", "@reuters-graphics/eslint-config": "^0.0.2", - "@storybook/addon-actions": "^7.3.0", - "@storybook/addon-docs": "^7.3.0", - "@storybook/addon-essentials": "^7.3.0", - "@storybook/addon-interactions": "^7.3.0", - "@storybook/addon-links": "^7.3.0", - "@storybook/addon-mdx-gfm": "^7.3.0", - "@storybook/addon-svelte-csf": "3.0.7", - "@storybook/blocks": "^7.3.0", - "@storybook/builder-vite": "^7.3.0", - "@storybook/manager-api": "^7.3.0", + "@storybook/addon-actions": "^7.4.2", + "@storybook/addon-docs": "^7.4.2", + "@storybook/addon-essentials": "^7.4.2", + "@storybook/addon-interactions": "^7.4.2", + "@storybook/addon-links": "^7.4.2", + "@storybook/addon-mdx-gfm": "^7.4.2", + "@storybook/addon-svelte-csf": "^4.0.7", + "@storybook/blocks": "^7.4.2", + "@storybook/builder-vite": "^7.4.2", + "@storybook/manager-api": "^7.4.2", "@storybook/mdx2-csf": "^1.1.0", - "@storybook/svelte": "^7.3.0", - "@storybook/svelte-vite": "^7.3.0", + "@storybook/svelte": "^7.4.2", + "@storybook/svelte-vite": "^7.4.2", "@storybook/testing-library": "^0.1.0", - "@storybook/theming": "^7.3.0", + "@storybook/theming": "^7.4.2", "@sveltejs/vite-plugin-svelte": "^2.4.1", "@tsconfig/svelte": "^4.0.1", "@types/gtag.js": "^0.0.12", @@ -78,7 +78,7 @@ "eslint-plugin-promise": "^6.1.1", "eslint-plugin-react": "^7.32.2", "eslint-plugin-storybook": "^0.6.12", - "eslint-plugin-svelte3": "^4.0.0", + "eslint-plugin-svelte": "^2.33.1", "fs-extra": "^11.1.1", "kleur": "^4.1.5", "mermaid": "^10.3.0", @@ -96,13 +96,13 @@ "remark-gfm": "^3.0.1", "rimraf": "^5.0.0", "sass": "^1.65.1", - "storybook": "^7.3.0", + "storybook": "^7.4.2", "svelte": "^4.2.0", "svelte-loader": "^3.1.9", "svelte-preprocess": "^5.0.4", - "svelte2tsx": "^0.6.20", + "svelte2tsx": "^0.6.21", "tiny-glob": "^0.2.9", - "typescript": "^5.1.6", + "typescript": "^5.2.2", "vite": "^4.4.9" }, "dependencies": { @@ -361,4 +361,4 @@ "url": "https://github.com/reuters-graphics/graphics-components/issues" }, "readme": "ERROR: No README data found!" -} \ No newline at end of file +} diff --git a/src/components/SiteHeadline/SiteHeadline.stories.svelte b/src/components/SiteHeadline/SiteHeadline.stories.svelte index af700f0d..c9b579ae 100644 --- a/src/components/SiteHeadline/SiteHeadline.stories.svelte +++ b/src/components/SiteHeadline/SiteHeadline.stories.svelte @@ -1,30 +1,13 @@ - - +